.x_header{

	position: relative;

}

.header4{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 86px;

	/*background: url(../images/bg1.png) no-repeat center;*/

	background-color:rgba(8, 64, 132, 0.7);

}

.header4 .container{

	position: relative;
	width:90%;
}

.logo1{

	position: absolute;

	top: 16px;

	left: 100px;
	width:40%;
}

.naver1{float: right;width: 55%;margin-right: 10%;}

.naver1 ul{text-align: right;}

.naver1 ul li {display: inline-block;/* margin:0 25px; */width: 18%;}

.naver1 ul li a {display: inline-block;line-height: 81px;border-bottom: 4px solid rgba(255,255,255,0);/* padding: 0 15px; */font-size: 16px;color: #ffffff;}

.naver1 ul li a:hover {border-bottom: 4px solid rgba(255,255,255,1);}

.translate{display: inline-block;line-height: 83px;position: absolute;color: #bbbbbb;float: right;right: 0;}
.translate a{color: #bbbbbb;}


.banner3 .item a{

	height: auto;

}

.banner3 ol {

	bottom: 35px;

}

.banner3 ol li {

	width: 70px;

	height: 4px;

	border-radius: 0;

	background: rgba(255,255,255,0.5);

	margin: 0 3px;

}

.banner3 ol li.active {

	width: 70px;

	height: 4px;

	margin: 0 3px;

}

.content1{

	width: 80%;

	margin: 0 auto;

}

.x_con1{

	padding:80px 0 80px 0;

}

.x_img1{

	width:50%;

	float: left;

	overflow: hidden;

	margin-top:0px;

}

.x_img1 img {

	width: 100%;

	transition: all 0.4s;

}

.x_img1 img:hover {

	transform:scale(1.2,1.2) ;

}

.x_right{

	width: 50%;

	float: right;

}

.x_title{

	text-align: right;

}

.x_title h1 {

	font-size: 36px;

	color: #212121;

	line-height: 48px;

	font-family: -webkit-pictograph;

}

.x_title h2{

	font-size: 22px;

	color: #333333;

	font-weight: bold;

	padding: 15px 0 45px 0;

}

.x_info1{

	padding: 32px 28px 36px 28px;

	position: relative;

	background: #f5f5f5;

}

.x_info1 .read{

	position: absolute;

	right: 0;

	width: 130px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #0c53b0;

	color: #FFFFFF;

	bottom: 0;

}

.x_info1 a em {

	font-weight: bold;

}

.x_info1 a > * {

	display: inline-block;

	vertical-align: middle;

}

.x_info1 .txt{

	color: #797979;

	font-size: 15px;

	line-height: 42px;

	/*text-align: justify;*/

}

.content2{

	width: 1700px;

	margin: 0 auto;

	padding-bottom: 20px;

}

.x_title1{

	text-align: left;

	margin-left: 2%;

}

.slideGroup1{

	margin-top:30px;

}

.slideBox {

	position: relative;

}

.slideBox_btn{

	position: absolute;

	right: 1%;

	top: -144px;

	font-size: 0;

} 

.slideBox_btn a {

	font-size: 14px;

	display: inline-block;

}

.parHd {

	margin-bottom: 36px;

}

.parHd ul {

	text-align: center;

}

.parHd ul li{

	display: inline-block;

	margin: 0 18px;

}

.parHd ul li a{

	display: inline-block;

	padding:4px 16px;

	line-height: 26px;

	background: #FFFFFF;

	border-radius: 18px;

	font-size: 16px;

	color: #333333;

}

.parHd ul li.on a{

	background: #0c53b0;

	color: #FFFFFF;

}

.parHd ul li:hover a{

	background: #0c53b0;

	color: #FFFFFF;

}

.slideBox ul{

	zoom: 1;

}

.slideBox ul li {

	width: 23.5%;

	float: left;

	margin: 0 12px;

	position: relative;

	height: 544px;

	background-size: cover;

	background-position: center;

	overflow: hidden;

	border-radius: 6px;

}

.x_info2{

	position: absolute;

	top: 380px;

	left: 0;

	border-radius: 6px;

	width: 100%;

	height: 100%;

	padding: 62px 11.25% 0 11.25%;

	transition: all 0.6s;

	

}

.x_st {

	padding-bottom: 35px;

}

		
.x_st h3 {

	font-size: 34px;

	color: rgba(255,255,255,0.8);

	line-height: 40px;

	padding-bottom: 8px;

}

.x_st h4{

	font-size: 20px;

	color: #ffffff;

}

.x_info2 .txt{

	color: #FFFFFF;

	/*text-align: justify;*/

	line-height: 32px;

	margin-bottom: 40px;

}

.x_info2 a{

	display: inline-block;

	padding: 0 10px;

	line-height: 24px;

	color: #0c53b0;

	border-radius: 12px;

	background: #FFFFFF;

}

.x_info2 a > * {

	display: inline-block;

	vertical-align: middle;

}

.slideBox ul li:hover .x_info2{

	top: 0;

	background: #0c53b0;

}

.slideBox ul li:hover .x_info2 .x_st h3 {

	color: rgba(255,255,255,1);

}




@media only screen and (max-width: 1700px) {

	.content2{

		width: 80%;

	}

	.slideBox ul li{

		height: 448px;

	}

	.x_info2{

		top: 320px;

		padding: 30px 11.25% 0 11.25%;

	}

	.x_info2 .txt{

		line-height: 24px;

		margin-bottom: 20px;

	}

	.slideBox_btn{

		right: 2%;

	}

}

@media only screen and (max-width: 1450px) {

	.content2{

		width: 80%;

	}

	.slideBox ul li{

		height: 410px;

	}

	.x_info2{

		top: 380px;

		padding: 30px 11.25% 0 11.25%;

	}

	.x_st {

	    padding-bottom: 15px;

	}

	.x_info2 .txt{

		line-height: 24px;

		margin-bottom: 20px;

	}

}

@media only screen and (max-width: 1420px) {

	.content1{

		width:80%

	}

	.x_img1{

		width: 50%;

	}

	.x_right{

		width: 50%;

	}

	.x_title h1{

		font-size: 36px;

		line-height: 46px;

	}

	.x_title h2{

		padding: 10px 0 30px 0;

	}

	.x_info1 .txt{

		line-height: 30px;

	}

	.content2{

		width: 1200px;

	}

	.slideGroup1{

		margin-top: 30px;

	}

	.slideBox ul li{

		height: 384px;

		margin: 0 7px;

	}

	.x_info2{

		top:380px;

		padding: 20px 11.25% 0 11.25%;

	}

	.x_info2 .txt{

		max-height: 168px;

		overflow: hidden;

		margin-bottom: 20px;

	}

}

.coop_list ul li {
    width: 23%;
    margin: 0 1%;
}.coop_list ul li:nth-child(5n) {
    margin: 0 1%;
}

.footer{position: absolute;width: 100%;right: 0;text-align: center;}
.footer .container{width:100%;}
.footer_con {padding: 16px 10% 0;width: 100%;}
.f_item1{margin-top: 10px;}
.f_nav{width:100%;}
.f_nav ul{line-height:48px;text-align:center;}
.f_nav ul li{padding: 0 5%;margin:0 0;border-right: 1px solid #3b3b3b;height: 24px;line-height: 24px;}
.f_nav ul li a{font-size: 14px;}
.f_sc{width:86%;}
.f_sc ul{padding-top:0px;}
.f_sc ul li{width:30%;float: left;margin:8px 0 10px 3%;}
.f_sc ul li .tit i{position: relative;width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
.f_sc ul li .tit h2 span{font-size:14px;}
.f_sc ul li h3{padding:4px 0;height:48px;padding-right: 50px;font-size: 12px;margin-left: 32px;}
.f_copy .container{padding:14px 10px;font-size: 12px;}