/*banner*/
.banner{position:relative; overflow: hidden; height: 700px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{}
.banner .bd li{overflow:hidden; height:700px; text-align:center; }
.banner .bd li a{ display:block; height: 100%;}

.banner .hd{position:absolute; z-index:1; bottom:15px; left:0; right: 0px; text-align: center; display: none!important;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:12px; height:12px; background:#fff; margin:0 5px; border-radius: 50%; font-size: 0px;}
.banner .hd ul .on{background: #1375ce;}

.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-40px; width:80px; height:80px; cursor:pointer; display:none!important;}
.banner .prev{left: 20px; background: url(../image/icon-left.png) no-repeat;}
.banner .next{right:20px; background: url(../image/icon-right.png) no-repeat;}



/**/
.part1{text-align: center; padding-top: 70px; padding-bottom: 55px;}
.part1 h2{font-size: 36px; color: #333; font-weight: 300; line-height: 1;}
.part1 h3{padding-top: 15px; font-size: 16px; color: #999; line-height: 1;}
.part2{padding-bottom: 30px;}
.part2 h2:after{margin: 10px auto 0 auto; display: block; content: ""; width: 26px; height: 3px; background: #1375ce;}
.part2 h3{padding-top: 10px;}

.list1{overflow:hidden; margin-left: -65px;}
.list1 li{float: left; width: 25%;}
.list1 li a{display: block; margin-left: 65px;}
.list1 li span{display: block; position: relative; padding-bottom: 75%;}
.list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list1 li h2{text-align: center; font-size: 16px; font-weight: normal; line-height: 58px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.more{margin-top: 30px; text-align: center;}
.more a{display: inline-block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #333; border-radius: 5px; font-size: 14px; color: #333;}
.more a:hover{background: #1475cf; border-color: #1475cf; color: #fff;}

	
/**/
.list2{overflow: hidden; margin-left: -18px; margin-top: -47px; padding-bottom: 20px;}
.list2 li{float: left; width: 16%;}
.list2 li a{display: block; margin-left: 18px; margin-top: 47px; border: 1px solid #e7e7e7; overflow: hidden; border-radius: 3px;}
.list2 li span{display: block; position: relative; padding-bottom: 75%;}
.list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list2 li h2{text-align: center; font-size: 18px; font-weight: normal; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	
/**/
.part3{text-align: center; padding-top: 70px; padding-bottom: 55px; overflow: hidden;}
.part3 h2{position: relative; display: inline-block; font-size: 40px; font-weight: normal; color: #1475cf; line-height: 1;}
.part3 h2:after,
.part3 h2:before{position: absolute; top: 50%; display: block; content: ""; width: 600%; height: 1px; background: #e6e6e6;}
.part3 h2:after{right: 100%; margin-right: 38px;}
.part3 h2:before{left: 100%; margin-left: 38px;}
.part3 h3{padding-top: 30px; font-size: 20px; color: #999; line-height: 1;}
	
	
.list3{counter-reset:ceshi;}
.list3 li{margin-bottom: 20px; counter-increment:ceshi;}
.list3 li:after{display: block; content: ""; clear: both;}
.list3 li span{float: right; position: relative;}
.list3 li span img{width: 630px; height: 342px; background: #ccc;}
.list3 li span i{position: absolute; right: 37px; top: -30px; width: 76px; height: 95px; background: #1375ce; text-align: center; line-height: 95px; color: #fff; font-weight: bold; font-style: normal; font-size: 48px;}
.list3 li span i:after{display: inline-block; content:counters(ceshi,"-");}
.list3 li .con{float: left; width: 600px;}
.list3 li .con h2{padding-top: 40px; font-size: 18px; color: #63676b; line-height: 1;}
.list3 li .con h3{padding-top: 12px; font-size: 30px; color: #1475cf; line-height: 1;}
.list3 li .con h3:after{display: block; content: ""; width: 65px; height: 3px; background: #1375ce; margin-top: 24px;}
.list3 li .con p{padding-top: 30px; line-height: 25px; color: #999; font-size: 16px;}
	
.list3 li:first-child+li span,
.list3 li:first-child+li+li+li span{float: left;}
.list3 li:first-child+li span i,
.list3 li:first-child+li+li+li span i{left: 37px; right: 0px;}
.list3 li:first-child+li .con,
.list3 li:first-child+li+li+li .con{float: right;}
	
	
/**/
.about{overflow: hidden;}
.about span{float: right; margin-left: 60px; width: 620px;}
.about span i{display: block; position: relative; padding-bottom: 57.39%;}
.about span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.about h2{font-size: 1.66em; color: #333; font-weight: normal;}
.about p{padding-top: 25px; line-height: 26px; font-size: 14px; color: #777;}

.about a{margin-top: 20px; display: inline-block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #333; border-radius: 5px; text-align: center; font-size: 14px; color: #333;}
.about a:hover{background: #1475cf; border-color: #1475cf; color: #fff;}

/**/
.list4{overflow: hidden; margin-left: -80px;}
.list4 li{float: left; margin-bottom: 38px; width: 33.33%;}
.list4 li a{display: block; margin-left: 80px;}
.list4 li span{float: left; width: 85px; height: 85px; text-align: center; border: 1px solid #323232; border-radius: 50%; font-size: 14px; color: #333; font-family: Arial;}
.list4 li span i{margin-top: 17px; display: block; font-style: normal; font-size: 30px; line-height: 1;}
.list4 li .con{margin-left: 105px;}
.list4 li .con h2{padding-top: 15px; font-size: 16px; line-height: 1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list4 li .con p{padding-top: 14px; color: #999; font-size: 14px; line-height: 24px; font-weight: 300;}
.list4 li a:hover span{background: #1475cf; border-color: #1475cf; color: #fff;}
.list4 li span{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


/**/
.zxly_bg{background: url("../image/1545208664.jpg") no-repeat center; height: 368px;}
.zxly_bg .part4{float: left; padding-left: 40px; padding-top: 20px;}
.zxly_bg ul{float: left; width: 595px; margin-left: 67px; margin-top: 74px;}
.zxly_bg ul li{float: left; width: 50%; margin-bottom: 20px; padding-left: 13px;}
.zxly_bg ul li .btn_text{width: 100%; height: 36px; background: #fff; border: 1px solid #e4e9ec; padding-left: 14px; border-radius: 3px; font-size: 14px; color: #76838f; font-family: "微软雅黑";}
.zxly_bg ul li .btn_text:focus{border-color: #1475cf;}
.zxly_bg ul li .btn_text2{height: 106px; padding: 10px 14px;}
.zxly_bg ul li .btn_submit{margin-top: 20px; width: 100%; height: 36px; background: #2e3332; border:none; color: #fff; font-size: 16px; cursor: pointer;}
.zxly_bg ul li .btn_submit:hover{background: #1475cf;}
.zxly_bg ul li .yzm{display: block; position: relative;}
.zxly_bg ul li .yzm i{position: absolute; height: 100%; border-left: 1px solid #e5eaed; right: 0; top: 0; padding: 5px;}
.zxly_bg ul li .yzm i img{max-height: 100%; background: #ccc;}
.zxly_bg ul li .btn_text,
.zxly_bg ul li .btn_submit{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.zxly_bg .adderss{float: right; padding-top: 58px; color: #fff;}
.zxly_bg .adderss h2{font-size: 16px; color: #999; line-height: 1;}
.zxly_bg .adderss h2 b{display: inline-block; margin-left: -15px; padding-right: 18px; font-size: 30px; color: #fff401; line-height: 1;}
.zxly_bg .adderss span{display: block; margin-top: 18px; background:url(../image/1545208325.png) no-repeat left top; padding-left: 60px; font-size: 16px; line-height: 1;}
.zxly_bg .adderss span b{display: block; padding-top: 12px; font-size: 26px; color: #fff401; line-height: 1;}
.zxly_bg .adderss p{padding-top: 10px; font-size: 16px; line-height: 42px;}