@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/chanye_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 59px 0;}
.news_tab{padding-bottom: 60px; display: flex; justify-content: center;}
.news_tab li{float: left; height: 24px; padding: 8px 15px; font-size: 18px; color: #595757; cursor: pointer;}
.news_tab>div{float: left; margin-top:12px; width: 1px; height: 20px; background-color: #595757;}
.tab_bg{background-color: #4c88de; color: #fff!important;}
.logo_bg1{position: absolute; bottom: 167px; right: -300px; }
.tit_cn{font-size: 50px; color: #000; text-align: center;}
.tit_en{font-size: 24px; color: #6b6b6b; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.line{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}

.pinpai{ padding-top: 57px; }
.one .onebox{float: left; width: 220px;  margin-right: 22px; margin-bottom: 20px;}
.one .onebox:nth-child(5n){margin-right: 0;}
.one .onebox .img{width: 218px; height: auto; border:1px solid #4284e2; overflow: hidden; cursor:pointer;
	transition: .5s;}
.one .onebox .img img{width: 100%; height: 100%; transition: .5s;}
.one .onebox .img:hover img{transform: scale(1.1); transition: .5s;}
.one .onebox>p{font-size: 20px; color: #6b6b6b; text-align: center; padding-top: 20px;}
.container4 {
	width: 100%;
	float: left;
}
.container4 .div_scroll {
	width: 100%;
	overflow: auto;
	float: left;
	height: auto;
}	
.container4 .scroll_container {
	overflow: hidden;
	position: relative;
}
.container4 .scroll_absolute {
	position: absolute;
}
.container4 .scroll_horizontal_bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: transparent;
}
.container4 .scroll_cap {
	display: none;
}
.container4 .scroll_horizontal_bar .scroll_cap {
	float: left;
}
.container4 .scroll_track {
	position: relative;
	background-color: transparent;
	text-align: left;
	border-top:1px solid #4284e2;
}
.container4 .scroll_drag {
	position: relative;
	top: -8px;
	left: 0;
	cursor: pointer;
	background-color: #4284e2;
}
.container4 .scroll_horizontal_bar .scroll_track, .scroll_horizontal_bar .scroll_drag {
    float: left;
    height: 100%;
}
.container4 .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #CC6600;
}
.container4 .scroll_horizontal_bar .scroll_arrow {
    width: 16px;
    float: left;
    height: 100%;
}



.page{height:34px; margin-top: 36px; }
.prev{width:34px; height:34px; background-color: #4c88de; line-height: 34px; text-align: center; color:#fff; font-size: 20px;}
.page ul{float: left; margin-left: 16px; margin-top: 7px;}
.page ul li{float: left; color: #666; width:40px; height:20px; border-right: 1px solid #666666; line-height: 20px; text-align: center; font-size: 18px;}
.page ul li:last-child{border-right: none;}
.page p{color: #666; font-size: 18px; line-height: 34px; margin-left: 10px; float: left;}
.page .next{width:34px; height:34px; background-color: #4c88de; line-height: 34px; text-align: center; color:#fff; font-size: 20px;}
.page_style{font-weight:bold; color: #4c88de!important;}

/*弹出*/
.tanchu{width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; top:0; left: 0;
	z-index: -999; opacity: 0; overflow: auto;}
.opacity{opacity: 1!important; z-index:999!important; }
.tanchu .tanchu_bg{width: 1194px; height: auto; padding-bottom: 50px; background-color: #fff; position: relative; 
	position: absolute; top:50px; left: 50%; margin-left: -597px; border-radius: 10px;}
.tanchu .tanchu_bg .guanbi{font-size: 40px; color: #fff; position: absolute; top:-30px; right: -70px;
	cursor: pointer;}
.tanchu .tanchu_bg .tanchu_box{width: 1030px; margin:0 auto; height: auto;}
.tanchu .tanchu_bg .tanchu_box .tc_head{padding-top: 70px;}
.tanchu .tanchu_bg .tanchu_box .tc_head>p{float: left; font-size: 24px; font-weight: bold; color: #666;}
.tanchu .tanchu_bg .tanchu_box .tc_head>img{float: right;}
.tanchu .tanchu_bg .tanchu_box .tc_tit{font-size: 25px; color: #666; width: 100%; padding: 20px 0;}
.tanchu .tanchu_bg .tanchu_box .tc_con{font-size: 14px; color: #4284e2; line-height: 26px;}
.tanchu .tanchu_bg .tanchu_box .tc_pic{padding: 40px 66px;}
.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox{width: 282px; height: 235px; border:1px solid #4284e2;
	margin-right: 23px;}
.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox:nth-child(3n){margin-right: 0;}
.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox .img{width: 100%; height: 195px; overflow: hidden;}
.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox .font{width: 100%; height: 40px; background-color: #4284e2;
	line-height: 40px; text-align: center; font-size: 14px; color: #fff;}
.tanchu .tanchu_bg .tanchu_box .tc_tit2{font-size: 25px; color: #666; padding-bottom: 20px;}
.tanchu .tanchu_bg .tanchu_box .tc_con2{font-size: 14px; color: #4284e2; line-height: 26px;}

.zaiti{padding-top: 57px;}
.zaiti .zaiti_text{font-size: 16px; color: #666; text-align: justify; line-height: 30px;}
.zaiti .zaiti_js{width: 100%; height: 317px; background-color: #f1f1f1; display: table; margin: 60px 0 40px;}
.zaiti .zaiti_js .zaiti_js_L{width: 43.51%; font-size: 16px; line-height: 30px; color: #666; text-align: justify; box-sizing: border-box; padding: 0 35px; display: table-cell; vertical-align: middle;}
.zaiti .zaiti_js .zaiti_js_R{width: 100%; height: 100%;}
.zaiti .zaiti_js .zaiti_js_R>img{display: block; width: 100%; height: 100%;}
.zaiti .mianji{width: 100%; height: 72px; background-color: #d2e9fa; font-size: 18px; color: #175fdd; font-weight: bold; line-height: 72px; text-align: center;}
.zaiti .img_tit{font-size: 24px; color: #333; padding: 40px 0 20px;}
.zaiti .img_tit>span{font-size: 18px; color: #333; padding-left: 40px;}
.zaiti .imgBox>div{width: 32.15%; height: 239px; overflow: hidden; margin-right: 1.775%; float: left; margin-top: 20px;}
.zaiti .imgBox>div:nth-child(3n){margin-right: 0;}
.zaiti .imgBox>div>img{display: block; width: 100%; height: 100%; transition: .3s;}
.zaiti .imgBox>div:hover>img{transform: scale(1.1);}


@media screen and (max-width: 800px){
	.news_tab{display: none;}
	.about{padding-top:30px; padding-bottom: 0;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 20px;}
	.line{width: 40px;}
	.pinpai{padding-top: 20px; padding-bottom: 20px;}
	.container4 .scroll_absolute>div{width: 100%!important;}
	.one{width: 100%; margin-right: 0;}
	.one .onebox{float: left; width: 32%; height: auto; margin-right: 2%;}
	.one .onebox:nth-child(5n){margin-right: 2%;}
	.one .onebox:nth-child(3n){margin-right: 0;}
	.one .onebox:last-child{margin-right: 0;}
	.one .onebox .img{width: 100%; height: auto; box-sizing: border-box;}
	.one .onebox .img img{width: 100%;}
	.one .onebox>p{font-size: 14px; padding-top: 10px;}
	.container4 .scroll_container{height: auto!important; overflow: hidden; position: static;}
	.container4 .scroll_absolute{position: static;}
	.wap_banner{background: url(../images/wap_chanye_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}
	/*弹出*/
	.tanchu{overflow-x: hidden;}
	.tanchu .tanchu_bg{width: 100%; height: 100%; top:0; left: 0; margin-left: 0; border-radius: 0;
		padding-bottom: 0;}
	.tanchu .tanchu_bg .tanchu_box{width: 100%; }
	.tanchu .tanchu_bg .guanbi{top:0; right: 10px; color: #000; font-size: 30px;}
	.tanchu .tanchu_bg .tanchu_box .tc_head{padding: 0 10px; padding-top: 40px;}
	.tanchu .tanchu_bg .tanchu_box .tc_head>p{font-size: 18px;}
	.tanchu .tanchu_bg .tanchu_box .tc_head>img{display: none;}
	.tanchu .tanchu_bg .tanchu_box .tc_tit{font-size: 16px; padding: 20px 10px 10px;}
	.tanchu .tanchu_bg .tanchu_box .tc_con{padding: 0 10px; line-height: 24px;}
	.tanchu .tanchu_bg .tanchu_box .tc_pic{padding: 20px 10px;}
	.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox{width: 32%; margin-right: 0; box-sizing: border-box;
		margin-right: 2%; height: auto;}
		.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox .img{height: auto;}
	.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox .img img{width: 100%;}
	.tanchu .tanchu_bg .tanchu_box .tc_pic .picbox .font{height: 30px; line-height: 30px; font-size: 12px;}
	.tanchu .tanchu_bg .tanchu_box .tc_tit2{font-size: 16px; padding: 20px 10px 10px;}
	.tanchu .tanchu_bg .tanchu_box .tc_con2{padding: 0 10px; line-height: 24px;}

	.zaiti{padding-top: 20px; padding-bottom: 20px;}
	.zaiti .zaiti_text{font-size: 16px; line-height: 28px;}
	.zaiti .zaiti_js{padding: 20px 0 0; height: auto; display: block; margin: 20px 0;}
	.zaiti .zaiti_js .zaiti_js_L{width: 100%; padding: 0 15px; font-size: 16px; line-height: 28px;
		padding-bottom: 20px;}
	.zaiti .mianji{height: 40px; line-height: 40px; font-size: 16px;}
	.zaiti .img_tit{font-size: 18px; padding: 20px 0 0px;}
	.zaiti .img_tit>span{display: none;}
	.zaiti .imgBox>div{margin-top: 10px; width: 49%; height: auto; margin-right: 2%;}
	.zaiti .imgBox>div:nth-child(3n){margin-right: 2%;}
	.zaiti .imgBox>div:nth-child(2n){margin-right: 0;}

}