/**************************banner开始**************************/
#bannerFrame{
	width:100%;
	height:300px;
	overflow:hidden;
	float:left;
}

.bannerImg{
	width:100%;
	height:100%;
	background:url(../images/04service_bannerBg1.jpg)
	no-repeat
	scroll
	50% 0px;
	background-size:cover;
}

#detailI{
	width:100%;
	float:left;
	margin-top:22px;
}

.detailIFrame{
	width:1200px;
	margin:0px auto;
}
	.detailI_Left{
		width:68%;
		border:0px solid #000;
		float:left;
	}.detailI_Left>.face{
		width:100%;
		border:0px solid #000;
		float:left;
	}.detailI_Left>.face>img{
		margin-left:10px;
		width:195px;
		height:250px;
		overflow:hidden;
		border:5px solid #fff;
		box-shadow:0px 0px 1px 0px #767676;
		float:left;
	}.detailI_Left>.face>.faceInfo{
		/* height:256px; */
		width:580px;
		float:right;
		border:0px solid red;
	}.detailI_Left>.face>.faceInfo>h1{
		font-size:18px;
		color:#333;
		border-bottom:1px dotted #767676;
		padding-bottom:15px;
		margin-bottom:15px;
	}.detailI_Left>.face>.faceInfo>p{
		font-size:14px;
		color:#767676;
		margin-bottom:15px;
		padding-left:10px;
	}.detailI_Left>.face>.faceInfo>p>a{
		color:#767676;
	}.detailI_Left>.face>.faceInfo>p>a>span{
		color:#f75c5c;
	}.detailI_Left>h2{
		width:100%;
		font-size:16px;
		color:#333;
		border-bottom:1px dotted #767676;
		padding-bottom:10px;
		margin-bottom:15px;
		margin-top:24px;
		float:left;
	}.detailI_Left>p{
		/*text-indent: 2em;*/
		color:#767676;
		line-height:30px;
		font-size:14px;
		margin-bottom:20px;
		float:left;
	}.detailI_Left>.index{
		float:left;
		width:100%;
		/* min-height:80px; */
		border-bottom:1px dotted #767676;
		margin-bottom:15px;
	}.detailI_Left>.index>p{
		color:#767676;
		font-size:14px;
		margin-bottom:12px;
		padding-left:10px;
	}.detailI_Left>.detailshare{
		width: 99%;
		margin-top:20px;
		padding-left:1%;
	}

	.detailI_Right{
		width:30%;
		border: 0px solid red;
		float:right;
	}.detailI_Right>.detailBlock{
		width: 340px;
		border:1px solid #ccc;
		float:right;
		background:#fff;
		border-top-right-radius:5px; 
		border-top-left-radius:5px;
		margin-bottom:26px;
	}.detailI_Right>.detailBlock>h1{
		height:42px;
		text-indent:18px;
		line-height: 42px;
		background:#f5f5f5;
		border-top-right-radius:5px; 
		border-top-left-radius:5px;
		font-size:16px;
		color:#333;
		border-bottom:1px solid #ccc;
	}.detailI_Right>.detailBlock>.detaillist{
		width:100%;
		padding-top:20px;
		padding-left:2px;
		text-align:center;
	}.detailI_Right>.detailBlock>.detaillist>li{
		display:inline-block;
		border-bottom:1px dotted #767676;
		padding-bottom:12px;
		margin-bottom:12px;
		width:96%;
		text-align: left;
		font-size:14px;
		color:#767676;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}.detailI_Right>.detailBlock>.detaillist>li>span{
		display:block;
		width:5px;
		height:5px;
		background:#c3c3c3;
		float:left;
		margin:8px 8px 0px 5px;
	}.detailI_Right>.detailBlock>.detaillist>li>a{
		color:#767676;
	}.detailI_Right>.detailBlock>.detailimg{
		width:325px;
		height:164px;
		overflow:hidden;
		margin:10px auto;
		position:relative;
	}.detailI_Right>.detailBlock>.detailimg>img{
		width:100%;
	}.detailI_Right>.detailBlock>.detailimg>.imglabel{
		width:90%;
		height:45px;
		padding:0px 5%;
		position:absolute;
		bottom:0px;
		background:rgba(255,255,255,.7);
		color:#767676;
		font-size:14px;
		padding-top:10px;
		overflow:hidden;
		line-height:22px;
	}.detailI_Right>.detailBlock>.detailimg>a{
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
	}



#detailII{
	width:100%;
	float:left;
	margin-top:22px;
}

.detailIIFrame{
	width:1200px;
	margin:0px auto;
}
	.detailII_Title{
		width:100%;
		background:#f75c5c;
		font-size:18px;
		text-indent:10px;
		color:#fff;
		padding:5px 0px;
	}

	.detailII_Content{
		width:100%;
		float:left;
		border:0px solid red;
		text-align:center;
		margin-bottom:40px;
	}.detailII_Content>li{
		display:inline-block;
		width:195px;
		border:0px solid #000;
		margin-right:24px;
		margin-left:24px;
	}.detailII_Content>li:last-child{
		margin-right:0px;
	}.detailII_Content>li:first-child{
		margin-left:0px;
	}.detailII_Content>li>.detailII_Img{
		margin:20px auto;
		width:195px;
		height:250px;
		margin-left:-5px;
		overflow:hidden;
		border:5px solid #fff;
		box-shadow:0px 0px 1px 1px #dfdfdf;
	}.detailII_Content>li>.detailII_Img img{
		width:100%;
	}.detailII_Content>li>a{
		display:block;
		width:100%;
		color:#767676;
		font-size:14px;
		text-align:center;
	}



@media screen and (max-width:1200px){
	#bannerFrame{
		height:190px;
	}
		.bannerImg{
			background:url(../images/04service_bannerBg1.jpg)
			no-repeat
			scroll
			70% 0px;
			background-size:cover;
		}
	.detailIFrame{
		width:98%;
	}

	.detailI_Left{
		width:100%;
	}

	.detailI_Left>.face>img{
		margin:0px auto;
		display:block;
		float:none;
	}.detailI_Left>.face>.faceInfo{
		/* height:256px; */
		width:100%;
		text-align:center;
		margin-top:10px;
	}

	.detailI_Right{
		margin-top:22px;
		width:100%;
		text-align:center;
	}

	.detailI_Right>.detailBlock{
		display:inline-block;
		float:none;
		margin-right:20px;
		vertical-align: text-top;
	}

	.detailI_Right>.detailBlock>h1{
		text-align: left;
	}

	.detailIIFrame{
		width:98%;
	}

	.detailII_Content>li{
		margin-right:10px;
		margin-left:10px;
	}

	#sideNavSelect{
		display: block;
	}
	
}

@media screen and (max-width:620px){
		.bannerImg{
			background:url(../images/04service_bannerBg1.jpg)
			no-repeat
			scroll
			25% 0px;
			background-size:cover;
		}
}