@charset "utf-8";
/*global */
body { overflow-x: hidden;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif; background: #f5f5f5 }
.clear2 { clear: both; font-size: 2rem; height: 20px; overflow: hidden; line-height: 20px; }
.clear3 { clear: both; font-size: 3rem; height: 30px; overflow: hidden; line-height: 20px; }
.clear1 { clear: both; font-size: 1rem; height: 10px; overflow: hidden; line-height: 10px; }
.clearline { clear: both; font-size: 1rem; margin-bottom: 10px; border-bottom: 1px solid #ddd; height: 10px; overflow: hidden; line-height: 10px; }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; line-height: 0; }
.ml10px { margin-left: 10px; }
.mb10px { margin-bottom: 10px; }
.mb20px { margin-bottom: 20px; }
.arialfont {font-family:Arial; }
.whitebg {background: #fff;}
body a { color: #666;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: all 0.3s; }
body a:hover { color: #0095ff; text-decoration: none; }
ul,ol,p { padding:0; margin:0;}
ul li { list-style:none;}




/*首页*/
.index1 { padding:50px 0; box-sizing: border-box;}
.index1 h2 {color: #005cbf ; font-size: 30px; margin: 0; text-align: center; padding: 0 0 20px;}
.tabs { padding-bottom: 20px; text-align: center;}
.tabs a {display:inline-block; text-decoration: none; padding: 0 30px; font-size: 20px; border:1px solid #005cbf; height: 50px; line-height: 50px; color: #005cbf; background: #d2dfed;}
.tabs a.active {background: #005cbf; color: #fff;}

p.b1 {padding: 0 30px 30px; text-align: center; font-size: 16px; color: #888; line-height: 180%;}
.b2 {margin:0 -15px;}
.b21 {width:25%; float: left; box-sizing: border-box; padding: 0 15px;
position: relative; z-index: 1;
}

.b2_zheng {background: #fff; padding-bottom: 40px; position: relative; z-index: 1;}
.b2_zheng img {width: 100%; height:auto;}
.b2_zheng h3 {text-align: center; padding: 20px 0; font-size: 18px; color: #666; margin: 0;}
.b2_zheng p {padding: 0 20px 40px; color: #666; line-height: 180%;}
.b2_zheng a {display: block; width: 130px; height: 34px; line-height: 34px; border-radius:20px; border: 1px solid #ccc; color: #666; margin: 0 auto; text-align: center;}
.b2_zheng a:hover {background: #005cbf; color: #fff; border: 1px solid #005cbf}
.b2_fan {background: #005cbf; color: #fff; top:0; right:0; bottom: 0; left: 0;
 position: absolute; z-index: 2; display: none;
}
.b2_zheng:hover .b2_fan {display: block}
.b2_zheng:hover .b2_fan h4 {color: #fff; text-align: center; font-size: 20px; padding:20px 20px 0; }
.b2_zheng:hover .b2_fan p {color: #fff; padding:20px 20px 0; font-size: 16px; line-height: 180%; }

.b31 { margin-bottom: 15px; background: #fff;}
.b31 img {width: 100%; height: auto;}
.b31 h2 {color: #333; font-size: 18px; padding: 15px 15px ;text-align: left}
.b31 p {padding: 0 15px 15px; line-height: 180%;}
@media screen and (max-width:1230px) {
	.index1 {padding-bottom: 10px; }
}

@media screen and (max-width:992px) {
	.b21 {width: 50%; padding-bottom: 30px;}
	.index1 {padding-top: 10px;}

}

@media screen and (max-width:768px) {
	.index1 {padding-bottom: 0; margin-bottom: 0;}
	.index1 h2 { font-size:26px; padding-top: 10px;}
	.tabs {height: 30px; margin-bottom: 15px;}
	.tabs a {height: 30px; line-height:30px; font-size: 14px; display: block; float: left; width: 50%;padding: 0 0;}
	p.b1 {font-size: 13px; padding: 0 10px 20px; line-height: 180%; }
	.b31 h2 {font-size: 18px; padding: 15px  ;text-align: left}
}

.index2 { background:url("../static/index2bg.jpg") center top no-repeat; background-size: cover; box-sizing: border-box; height: 540px;padding-bottom:60px; padding-top: 60px;}
.index2 h2 {color: #fff; text-align: center; font-size: 30px;}
.c1 {width:930px; margin: 0 auto;}
.c11,.c12,.c13 {width: 33.33%; float: left; padding-top: 200px;}
.c11 {background: url("../static/i1.png") center 90px no-repeat;}
.c12 {background: url("../static/i2.png") center 90px no-repeat;}
.c13 {background: url("../static/i3.png") center 90px no-repeat;}
.c1 p {color: #fff; font-size: 20px; text-align: center; padding-bottom: 40px;}
.c1 a {display: block; width: 140px; margin: 0 auto; height:40px; line-height: 40px;text-align: center; border-radius:10px; border: 1px solid #fff;  font-size: 16px; color: #fff;}
.c1 a:hover {color: #000; background: #fff;}
.c2 {padding-bottom: 40px; position: relative; z-index: 1; width: 100%; overflow-x: hidden;}
.c2 img {max-width: 100%; height: auto;}
.c2 .swiper-slide {text-align: center; width: 100%;}
.c2 .swiper-pagination {bottom:10px}
.c2 p { line-height: 40px; color: #fff; margin: 10px auto 20px; font-size: 16px; width: 80%; text-align: center; background: #005cbf;}
.c2 h2 {font-size: 20px; text-align: center; color: #333;}

.mask {position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.picsshow {background: #fff; width: 800px; box-sizing: border-box; padding: 20px 30px; border-radius:20px; text-align: center; height: auto; top:10%; position: absolute; z-index: 2; left: 50%; margin-left: -400px;}
.picsshow img {max-height: 100%; max-width: 100%; height: auto; width: auto;}
.picsshow a.close {position: absolute; z-index: 2; right: -40px; top: -40px; width: 50px; height: 50px; background:url("../static/close.png") center center no-repeat #fff; border-radius:50%; }
@media screen and (max-width:1600px) {

}
@media screen and (max-width:1230px) {
	
}
@media screen and (max-width:992px) {
	.index2 {background: #fff; height:auto; padding:10px 0 0;}
}

@media screen and (max-width:768px) {
	
}

.index3 {padding:70px 0 50px;}
.d1 { margin-left: 80px; margin-right: 80px;}
.d1 .swiper-slide {
    width: 800px !important; height: 420px;
	background: #fff;
	
	
	z-index: 10;
    }
	.d1 .swiper-slide-active,.d1 .swiper-slide-duplicate-active{
     
		z-index:20;
		
	}
.d1 .swiper-button-prev {left: -80px;}
.d1 .swiper-button-next {right: -80px;}

.dd1 {position: relative; z-index: 1;}
#prev1 {position: absolute; z-index: 2; left: 0; top: 50%; width: 50px; height: 50px; line-height: 50px; cursor: pointer; background: url("../static/left1.png") center center no-repeat; margin-top: -25px; opacity: 0.3;}
#next1 {position: absolute; z-index: 2; right: 0; top: 50%; width: 50px; height: 50px; line-height: 50px; cursor: pointer; background: url("../static/right1.png") center center no-repeat; margin-top: -25px; opacity: 0.3;}
#prev1:hover,#next1:hover {opacity: 1}
.d2 {float: left;}
.d2 img {height: 100%; width: auto; float: left;}
.d3 {}
.d3 h2 {font-size: 24px; text-align: center; font-weight: normal;}
.d3 p {height:320px; padding: 30px 40px; line-height: 26px; overflow-y: auto;}
.d3 p span {color: #005cbf;}
.d3 p::-webkit-scrollbar { width: 0 !important }
.d4 {position: absolute; z-index: 100; left: 0; right: 0; top: 0; bottom: 0;background: rgba(0,0,0,0.5)}

.d1 .swiper-slide-active .d4,.d1 .swiper-slide-duplicate-active .d4{
     display: none
	}
.e1 {margin: 0 -15px; border-bottom:15px solid #fff;}
.e1 img {width: 100%; height: auto;}
.e1 h2 {text-align: center; font-size:22px; margin: 0; padding:10px 0; line-height: 200%;}
.e1 p {font-size: 14px; line-height: 180%; padding: 15px 5%}
.e1 p span {color: #005cbf;}
@media screen and (max-width:992px) {
	.index3 {padding: 40px 0 40px; }
	.d1 { overflow: hidden; margin: 0 50px}
	
	
}
@media screen and (max-width:768px) {
	.index3 {padding: 0 }
	.d1 {margin: 0 auto;}

	
}





/*intop*/
.intop {width: 100%; position: relative; z-index: 2;}
.intopimg {z-index: 1;}
.intopimg img {width: 100%; height: auto;}

@media screen and (max-width:1230px) {
	
	}

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

}

@media screen and (max-width:768px) {
	
	.intop {margin-bottom:0;}
	.intopimg img {height: 240px; width: 100%;}
	
}