@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:80px 0; box-sizing: border-box; background: #fff;}

.index11 {float: left; width: 60%;}
.index11 img {width: 100%; height: auto;}
.index12 {float: right; width: 35%;}
.index12 h2 { font-size: 30px; padding-bottom: 30px; color: #125dc3;}
.index12 p {color: #666; font-size: 15px; line-height: 200%;}
@media screen and (max-width:1230px) {
	.index1 {padding: 40px 0;}
	.index11 {width: 50%;}
	.index12 {width: 46%;}
	.index12 h2 {font-size: 18px; padding-bottom: 15px; margin-top: 0; padding-top: 0;}
	.index12 p {font-size: 14px; line-height: 180%;}
}

@media screen and (max-width:992px) {
	.index1 {padding: 20px 0;}
	.index11 {display: none;}
	.index12 {width: 100%;}
	.index12 h2 {text-align: center; font-size: 16px; font-weight: bold;}

}

@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:#f5f5f5; box-sizing: border-box; height: 540px;padding-bottom:60px; padding-top: 60px;}
.c1 {max-width: 1180px; margin: 0 auto; position: relative; z-index: 1; min-height: 340px}
.c11 {width: 30%; float: left;}
.c11 h3 {color: #125dc3; margin: 0; padding: 0; font-size: 26px; margin-bottom: 20px; font-weight: bold;}
.c11 strong {font-size: 20px; color: #666;}
.c11 span {height: 5px; width: 100px; background: #125dc3; margin-top:15px; border-radius:6px; display: block; margin-bottom: 20px;}
.c11 p {font-size: 16px; line-height: 180%; color: #777; padding-bottom: 10px;}
.c11 a.more {width: 120px; height: 40px; line-height: 40px;display: block; text-align: center; color: #fff; background: #125dc3; font-size: 20px;}

.c12 {width: 40%;margin: 0 auto; text-align: center; max-width: 390px;}
.c12 img {width: 100%; height: auto;}
.c12 span {color: #999; font-size: 14px; display: block; padding-top: 15px;}

.c13 {width: 30%; float: right; max-width: 310px;}
.c13 p {height: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; font-size: 20px; background: #d99d15; color: #fff;}
#prev2 {position: absolute; z-index:100; right:70px; bottom:0; width:60px; height:60px; line-height:60px; cursor: pointer; background: url("../static/left2.png") center center no-repeat;}
#prev2:hover {background: url("../static/left2a.png") center center no-repeat; }

#next2 {position: absolute; z-index:100; right:-5px; bottom:0;  width: 60px; height: 60px; line-height: 60px; cursor: pointer; background: url("../static/right2.png") center center no-repeat;}
#next2:hover {background: url("../static/right2a.png") center center no-repeat; }


.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: 1200px; box-sizing: border-box; padding: 20px 30px; border-radius:5px; height: auto; top:50px; bottom:50px; position: absolute; z-index: 2; left: 50%; margin-left: -600px;}

.picsbox {position: absolute; left: 30px; right: 20px; top: 30px; bottom:30px; overflow-y: auto; overflow-x: hidden;}
.picsbox h2 {color: #125dc3; font-size: 30px; padding-bottom: 20px;}
.picsbox .p1 {display: inline-block; padding: 0 30px; height: 60px; line-height: 60px; font-size: 20px; color: #fff; background: #d99d15; margin-bottom: 10px;}
.picsbox .p2 p { font-size: 16px; line-height: 180%;}
.picsbox .p2 p strong { color: #d99d15;}


.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%; }

.fp5 {float:left; padding-right: 40px; padding-bottom: 20px;}
@media screen and (max-width:1600px) {

}
@media screen and (max-width:1230px) {
	
}
@media screen and (max-width:992px) {
	.index2 { height:auto; padding:30px 0 0;}
	.c13 {display: none;}
	
	
}

@media screen and (max-width:768px) {
	.c12 {width: 100%; float: left;}
	.c11 {width: 100%; float: right; padding-bottom: 40px;}
	#prev2,#next2 {display: none;}
	.c12 span { padding-top: 5px; padding-bottom: 10px; text-align: left;}
	.c11 h3 {font-size: 18px; margin-bottom:10px; }
	.c11 strong {font-size: 16px; }
	.c11 span {height: 4px; width: 60px; margin-top: 5px; margin-bottom: 10px;}
	.c11 p {font-size: 14px;}
	.c11 a.more {display: block; margin: 0 auto; height: 30px; line-height: 30px; font-size: 15px;}
	
	.picsshow {background: #fff; width:auto; box-sizing: border-box; padding:10px 10px; border-radius:5px; height: auto; top:50px; bottom:50px; position: absolute; z-index: 2; left: 10px; right:10px; margin-left:0;}
	.picsshow h2 {font-size: 20px; padding-bottom: 10px;}
	.picsbox .p1 {display: inline-block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #d99d15; margin-bottom: 10px;}
	.picsbox {position: absolute; left: 15px; right: 15px; top: 10px; bottom:10px; overflow-y: auto; overflow-x: hidden;}
	.picsbox .p2 img {max-width: 100%; height: auto; box-sizing: border-box;}
	.picsshow a.close {position: absolute; z-index: 2; right: 0; top: -40px; width: 30px; height:30px; background:url("../static/close.png") center center no-repeat #fff; background-size: 30px 30px; border-radius:50%; opacity: 1 }
	.fp5 {width: 50%; margin: 0 auto; float:none; padding-right: 0; display: block;}
}

.index3 {padding:70px 0 ; background: #fff;}
.d1 { margin-left: 80px; margin-right: 80px;}
.d1 .d11 {
   position: relative; z-index: 1;
    }
.d11 p {position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 15px; color: #fff; font-size: 14px; background: rgba(0,0,0,0.7) }

.d1 .d11 img {width: 100%; height: auto;}
.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}

h2.title1 {font-size: 30px; color: #125dc3;margin: 0; padding: 0; margin-bottom: 50px; text-align: center; font-weight: bold;}

@media screen and (max-width:992px) {
	.index3 {padding: 40px 0 40px; }
	.d1 { overflow: hidden; margin: 0 50px}
	h2.title1 {font-size: 18px; margin-bottom: 30px; }
	
}
@media screen and (max-width:768px) {

	.d1 {margin: 0 auto;}
	#prev1,#next1 {display: none;}
	
}





/*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%;}
	
}