@charset "gb2312";
/****横幅******/
.fengfu{width: 100%; height: auto; position: relative;}
.fengfu a{display: block; width: 100%;}
.fengfu a img{width: 100%; display: block;}
.fengfu .hengfu_close{display: block; width: 45px; height: 30px; color: #0b0b0b; font-size: 14px; line-height: 30px; text-align: center;background: #f9edee; position: absolute; top: 5px; right: 12px; cursor: pointer;}
/****横幅******/

/*****banner*****/
.banner_pc{width: 100% !important; height: auto; position: relative;}
.banner_pc li{width: 100%; height: auto; float: left; position: relative; overflow: hidden;}
.banner_pc li a{display: block; width: 100%;}
.banner_pc li a>img{width: 100%; display: block;}
.bannerpc_pagination{position: absolute; bottom:2%; text-align: center; width: 100%;}
.bannerpc_pagination span{display: inline-block;width:2.8%;height: 8px;margin: 0 4px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;background: rgba(255,255,255,.9);box-shadow: 0 0 2px #e6eef5;-webkit-transition: background .5s;-moz-transition: background .5s;-ms-transition: background .5s;-o-transition: background .5s;transition: background .5s;}
.bannerpc_pagination .swiper-active-switch{background:#ffae27;width:3.2%;}
.banner_pc li .banner1_title{height: 100%; width: 41.5%; position: absolute; top: 0; right: 16%; }
.banner_pc li .banner1_title h2{font-size: 60px;  color: #fff; font-weight: bold; letter-spacing: 8px; position: absolute; top: 29%; right: -100%;-webkit-transition: all 1.2s .2s;-moz-transition: all 1.2s .2s;-ms-transition: all 1.2s .2s;-o-transition: all 1.2s .2s;transition: all 1.2s .2s;}
.banner_pc li .banner1_title h3{font-size: 30px;  color: #fff; font-weight: bold;letter-spacing: 3px; position: absolute; top: 42%; right: -100%;-webkit-transition: all 1.2s .4s;-moz-transition: all 1.2s .4s;-ms-transition: all 1.2s .4s;-o-transition: all 1.2s .4s;transition: all 1.2s .4s;filter:alpha(opacity=40); -moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.banner_pc li .banner1_title h4{font-size:24px;  color: #fff; font-weight: normal;letter-spacing: 3px; position: absolute; top: 58%; right: -100%;-webkit-transition: all 1.2s .6s;-moz-transition: all 1.2s .6s;-ms-transition: all 1.2s .6s;-o-transition: all 1.2s .6s;transition: all 1.2s .6s;}
.banner_pc li .banner1_title h5{font-size: 14px;  color: #d6d6d6; font-weight: normal; position: absolute; top: 65%; right: -100%;-webkit-transition: all 1.2s .8s;-moz-transition: all 1.2s .8s;-ms-transition: all 1.2s .8s;-o-transition: all 1.2s .8s;transition: all 1.2s .8s;}
.banner_pc li .banner1_title .banner1_main{height: 100%; display: block; width: 100%;}
.banner_pc li .banner1_a{width: 26%;display: block; position: absolute; top:66.6%;right: -100%; -webkit-transition: all 1.2s 1s;-moz-transition: all 1.2s 1s;-ms-transition: all 1.2s 1s;-o-transition: all 1.2s 1s;transition: all 1.2s 1s;}

.banner_pc li .banner1_b{width: 73%;display: block; position: absolute;top: 54%;left: -100%; -webkit-transition: all 1.2s 1s;-moz-transition: all 1.2s 1s;-ms-transition: all 1.2s 1s;-o-transition: all 1.2s 1s;transition: all 1.2s 1s;}

.banner_pc li.bannerpc-slide-active .banner1_a{right: 0;}
.banner_pc li.bannerpc-slide-active .banner1_b{left: 0;}
.banner_pc li.bannerpc-slide-active .banner1_title h2,.banner_pc li.bannerpc-slide-active .banner1_title h3,.banner_pc li.bannerpc-slide-active .banner1_title h5{right: 25%;}
.banner_pc li.bannerpc-slide-active .banner1_title h4{right:22%;}

.banner_pc li .banner2_title{width:60%; position: absolute; left: 60%; margin-left: -38.5%; top: 0; height: 100%;}
.banner_pc li .banner2_title .banner2_a{width:64%;float: left;margin-left:-20.5%;top:0px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);position: relative;-webkit-transition: all 1.2s 0.3s;-moz-transition: all 1.2s 0.3s;-ms-transition: all 1.2s 0.3s;-o-transition: all 1.2s 0.3s;transition: all 1.2s 0.3s;}
.banner_pc li .banner2_title .banner2_right{width:40%;float: right;height: 100%;margin-right: 4%;}
.banner_pc li .banner2_title .banner2_right img{position: relative;top: 100px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.banner_pc li .banner2_title .banner2_right .banner2_b{width: 57.5%; margin-top: 56%; -webkit-transition: all 1s 0.9s;-moz-transition: all 1s 0.9s;-ms-transition: all 1s 0.9s;-o-transition: all 1s 0.9s;transition: all 1s 0.9s;}
.banner_pc li .banner2_title .banner2_right .banner2_c{width: 39%; margin-top: 56%; float: right;-webkit-transition: all 1s 0.9s;-moz-transition: all 1s 0.9s;-ms-transition: all 1s 0.9s;-o-transition: all 1s 0.9s;transition: all 1s 0.9s;}
.banner_pc li .banner2_title .banner2_right .banner2_d{width: 100%; margin: 5% 0 2% 0; display: block; -webkit-transition: all 1s 1.1s;-moz-transition: all 1s 1.1s;-ms-transition: all 1s 1.1s;-o-transition: all 1s 1.1s;transition: all 1s 1.1s;}
.banner_pc li .banner2_title .banner2_right .banner2_e{width: 100%; display: block; -webkit-transition: all 1s 1.3s;-moz-transition: all 1s 1.3s;-ms-transition: all 1s 1.3s;-o-transition: all 1s 1.3s;transition: all 1s 1.3s;}
.banner_pc li.bannerpc-slide-active .banner2_title .banner2_a{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.banner_pc li.bannerpc-slide-active .banner2_title .banner2_right .banner2_b,.banner_pc li.bannerpc-slide-active .banner2_title .banner2_right .banner2_c,.banner_pc li.bannerpc-slide-active .banner2_title .banner2_right .banner2_d,.banner_pc li.bannerpc-slide-active .banner2_title .banner2_right .banner2_e{top: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.banner_pc li .banner3_title{width: 8.5%; position: absolute;left: 30%; top: 8%;}
.banner_pc li .banner3_title .banner3_a{float: right; width: 6.3%; margin-top: 48%; position: relative;right: 100px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 0.3s;-moz-transition: all 1s 0.3s;-ms-transition: all 1s 0.3s;-o-transition: all 1s 0.3s;transition: all 1s 0.3s;}
.banner_pc li .banner3_title .banner3_b{float: right; width: 23%; margin-right: 8%;margin-top: 50%;position: relative; right: 100px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 0.6s;-moz-transition: all 1s 0.6s;-ms-transition: all 1s 0.6s;-o-transition: all 1s 0.6s;transition: all 1s 0.6s;}
.banner_pc li .banner3_title .banner3_c{float: right; width: 60%; margin-right: 2%;}
.banner_pc li .banner3_title .banner3_c .banner3_c1{display: block; width: 100%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0; -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 1s 0.9s;-moz-transition: all 1s 0.9s;-ms-transition: all 1s 0.9s;-o-transition: all 1s 0.9s;transition: all 1s 0.9s;}
.banner_pc li .banner3_title .banner3_c .banner3_c2{display: block; width: 63%; margin-left: 5%; margin-top: 0%; position: relative; top: 20px; left: 160px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);-webkit-transition: all 1s 1.4s;-moz-transition: all 1s 1.4s;-ms-transition: all 1s 1.4s;-o-transition: all 1s 1.4s;transition: all 1s 1.4s;}
.banner_pc li .banner3_title .banner3_c .banner3_c3{display: block; width: 63%;margin-left: 5%; margin-top: 3%; position: relative; top: -80px; left: -130px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);-webkit-transition: all 1s 1.6s;-moz-transition: all 1s 1.6s;-ms-transition: all 1s 1.6s;-o-transition: all 1s 1.6s;transition: all 1s 1.6s;}
.banner_pc li .banner3_title .banner3_c .banner3_c4{display: block; width: 55%;margin-left: 12%; margin-top: 6%; position: relative; top:100px;-webkit-transition: all 1s 1.9s;-moz-transition: all 1s 1.9s;-ms-transition: all 1s 1.9s;-o-transition: all 1s 1.9s;transition: all 1s 1.9s;}
.banner_pc li.bannerpc-slide-active .banner3_title .banner3_a,.banner_pc li.bannerpc-slide-active .banner3_title .banner3_b{right: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.banner_pc li.bannerpc-slide-active .banner3_title .banner3_c .banner3_c1{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.banner_pc li.bannerpc-slide-active .banner3_title .banner3_c .banner3_c2,.banner_pc li.bannerpc-slide-active .banner3_title .banner3_c .banner3_c3{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); top: 0; left: 0;}
.banner_pc li.bannerpc-slide-active .banner3_title .banner3_c .banner3_c4{top: 0;}


.banner_pc li .banner4_title{width: 38%; position: absolute; top: 28%; right: 25%;}
.banner_pc li .banner4_title .banner4_a{width: 25%; margin-left: 5%; display: block; margin-top: 2.5%; position: relative; left: 50%; filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 0.3s;-moz-transition: all 1s 0.3s;-ms-transition: all 1s 0.3s;-o-transition: all 1s 0.3s;transition: all 1s 0.3s;}
.banner_pc li .banner4_title .banner4_b{width: 94%; margin-left: 5%; display: block; margin-top: 3%;position: relative;left: 50%; filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 0.5s;-moz-transition: all 1s 0.5s;-ms-transition: all 1s 0.5s;-o-transition: all 1s 0.5s;transition: all 1s 0.5s;}
.banner_pc li .banner4_title .banner4_c{width: 60%; margin-left: 5%; position: absolute; right: 1%; bottom: -10%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 0.9s;-moz-transition: all 1s 0.9s;-ms-transition: all 1s 0.9s;-o-transition: all 1s 0.9s;transition: all 1s 0.9s;}
.banner_pc li .banner4_title .banner4_d{width: 37%; margin-left: 5%; position: absolute; top: -58%; left: -86%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1.3s 1.5s;-moz-transition: all 1.3s 1.5s;-ms-transition: all 1.3s 1.5s;-o-transition: all 1.3s 1.5s;transition: all 1.3s 1.5s;}
.banner_pc li .banner4_title .banner4_e{width: 37%; margin-left: 5%; position: absolute; left: 48%; top: 65%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1.3s 1.5s;-moz-transition: all 1.3s 1.5s;-ms-transition: all 1.3s 1.5s;-o-transition: all 1.3s 1.5s;transition: all 1.3s 1.5s;}
.banner_pc li.bannerpc-slide-active .banner4_title .banner4_a,.banner_pc li.bannerpc-slide-active .banner4_title .banner4_b{ left: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner_pc li.bannerpc-slide-active .banner4_title .banner4_c{ bottom: 40%;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner_pc li.bannerpc-slide-active .banner4_title .banner4_d{top: -28%; left: -6%;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner_pc li.bannerpc-slide-active .banner4_title .banner4_e{left: -8%; top: -15%;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}


.banner_pc li .banner5_title{width: 38%; position: absolute; left: 50%; margin-left: -19%; top: 26%; text-align: center;}
.banner_pc li .banner5_title .banner5_a{width: 38%; margin-right:4%; position: relative; left: 100%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1.5s 0.3s;-moz-transition: all 1.5s 0.3s;-ms-transition: all 1s 0.3s;-o-transition: all 1s 0.3s;transition: all 1.5s 0.3s;}
.banner_pc li .banner5_title .banner5_b{width: 38%; margin-left: 4%;position: relative; right:100%;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1.5s 0.3s;-moz-transition: all 1.5s 0.3s;-ms-transition: all 1s 0.3s;-o-transition: all 1s 0.3s;transition: all 1.5s 0.3s;}
.banner_pc li .banner5_title .banner5_c{width: 100%; margin-top: 8%;position: relative; bottom: -200px;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 1s 1.5s;-moz-transition: all 1s 1.5s;-ms-transition: all 1s 1.5s;-o-transition: all 1s 1.5s;transition: all 1s 1.5s;}
.banner_pc li.bannerpc-slide-active .banner5_title .banner5_a{left: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner_pc li.bannerpc-slide-active .banner5_title .banner5_b{right: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.banner_pc li.bannerpc-slide-active .banner5_title .banner5_c{bottom: 0;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}



@media screen and (max-width: 1680px){
.banner_pc li .banner1_title h2{font-size: 50px; top: 27%;}
.banner_pc li .banner1_title h3{font-size: 20px; top: 40%;}
.banner_pc li .banner1_title h4{font-size: 18px;}
.banner_pc li .banner1_title h5{font-size: 12px;}
}
@media screen and (max-width: 1480px){
.banner_pc li .banner1_title h5{font-size: 12px; width: 60%; text-align: right;}
}
@media screen and (max-width: 1185px){
.banner_pc li .banner1_title{}
.banner_pc li .banner1_title h2{font-size: 35px; top: 26%;}
.banner_pc li .banner1_title h3{font-size: 16px; top: 39%;}
.banner_pc li .banner1_title h4{font-size: 12px; top: 55%;}
.banner_pc li .banner1_title h5{top: 62%;}
.banner_pc li .banner1_a{top: 65%;}
.banner_pc li .banner1_b{top: 51%;}
}

@media screen and (max-width: 990px){
.banner_pc li .banner1_title{width: 48%;}
.banner_pc li .banner1_title h2{font-size: 35px; top: 23%;}
.banner_pc li .banner1_title h3{font-size: 16px; top: 38%;}
.banner_pc li .banner1_title h4{font-size: 12px; top: 54%;}
.banner_pc li .banner1_title h5{top: 62%;}
.banner_pc li .banner1_a{top: 66%;}
.banner_pc li .banner1_b{top: 51%;}
}
@media screen and (max-width: 850px){
.banner_pc li .banner1_title{width: 55%;}
.banner_pc li .banner1_title h2{font-size: 30px; top: 16%;}
.banner_pc li .banner1_title h3{font-size: 16px; top: 30%;}
.banner_pc li .banner1_title h4{font-size: 12px; top: 54%;}
.banner_pc li .banner1_title h5{top: 62%; right:23% ;}
.banner_pc li .banner1_a{top: 66%;}
.banner_pc li .banner1_b{top: 51%;}
.banner_pc li.bannerpc-slide-active .banner1_title h2,.banner_pc li.bannerpc-slide-active .banner1_title h3,.banner_pc li.bannerpc-slide-active .banner1_title h4,.banner_pc li.bannerpc-slide-active .banner1_title h5{right: 23%;}
}
@media screen and (max-width: 750px){
.banner_pc li .banner1_title{width: 75%;}
}

@media screen and (max-width: 640px){
.banner_pc li .banner1_title{width: 90%; right: 50%; margin-right: -45%;}
.banner_pc li .banner1_title h2{font-size: 18px; top: 6%;}
.banner_pc li .banner1_title h3{font-size: 14px; top: 20%;}
.banner_pc li .banner1_title h4{font-size: 12px; top: 43%;}
.banner_pc li .banner1_title h5{top: 56%;}
.banner_pc li .banner1_a{top: 62%; }
.banner_pc li .banner1_b{top: 43%;}
}

@media screen and (max-width: 420px){
.banner_pc li .banner1_title{width: 72%;right: 50%;margin-right: -48%;}
.banner_pc li .banner1_title h2{font-size: 16px;top: 10%;margin-top: 0;}
.banner_pc li .banner1_title h3{font-size: 10px;top: 16%;width: 40%;}
.banner_pc li .banner1_title h4{font-size: 10px;top: 52%;width: 68%;}
.banner_pc li .banner1_title h5{ display: none;}
.banner_pc li .banner1_a{top: 67%; }
.banner_pc li .banner1_b{top: 54%;}
.banner_pc li.bannerpc-slide-active .banner1_title h2{right: 18%;}
.banner_pc li.bannerpc-slide-active .banner1_title h3{right: 20%;}
.banner_pc li.bannerpc-slide-active .banner1_title h4{right: 14%;}

.banner_pc li .banner2_title .banner2_a{margin-left:-20.5%;top:20px;}

}

/*****banner*****/

/****part01*****/
.index-zhuanxian-top{
    background: url(../images/sy_bq.png) no-repeat left;
}
.index-zhuanxian-top .word{
    font-size:20px;font-weight: bold;	
}
.index-zhuanxian-top .word1{
	font-size: 20px;
	font-weight: bold;
	color: #015aac;
	border-bottom: #eee 1px solid;
	padding-bottom: 20px;
	padding-left: 24px;
}
.index-zhuanxian-top .word1 span{
	float: right;
}
.index-zhuanxian-top .word1 span a{
	float: right;font-size:14px;color:#015aac;font-weight:normal;
}
.index-zhuanxian-list .newsList{font-size: 15px;line-height:28px;}
.index-zhuanxian-list .newsList a{background: url(../images/new_list.png) no-repeat left;width: 72%;font-size: 15px;line-height: 35px;padding-left:12px;float:left;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.index-zhuanxian-list .newsList span{width: 24%;font-size: 15px;line-height: 35px;color:#999;text-align: right;float:right;}
.index-zhuanxian-about p{padding-bottom: 0;line-height: 28px;text-indent: 2em;font-size: 15px;margin-top: 16px;text-align: justify;}
.index-zhuanxian-about p a{float:right;padding: 4px 30px;border:1px solid #015aac;color:#015aac;text-align:center;text-indent: 0;}
.index-zhuanxian{padding: 10px 0 0 0;}
.index-zhuanxian .col-md-4{padding:10px;}
.index-zhuanxian .col-md-4 >div{padding: 10px;background: #fff;}
.index-zhuanxian-list .newsList a:hover{color:#015aac;}


/*********** 图片新闻 ***********/
.pic_new {position:relative;width: 100%;height: 100%;overflow: hidden;float:left;}
.pic_new .pic {width: 100%;height: 100%;display: block;}
.pic_new .pic img {width: 100%;height:100%;display: block;}
.pic_new .txt-bg { position:absolute; bottom:0px;left:0px;z-index: 1; height:40px; width: 100%; margin:0 auto; overflow: hidden;
background:rgba(0,0,0,0.70);
-moz-opacity: 0.70; /* FF 3.5以下 */  
opacity: 0.70; /* FF 3.5及以上 */  
filter: alpha(opacity=80); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); }
.pic_new .txt { position:absolute;left:0px; bottom:0px; z-index:2; height:40px; display:block; width:100%; overflow:hidden;}
.pic_new .txt li{ height:40px;position:absolute;bottom:-40px;display:block;width:80%;overflow:hidden;}
.pic_new .txt li a{display:block;width:100%;height:40px;color:#fff;font:15px/40px "微软雅黑"; padding:0px 10px;overflow:hidden; text-align:left; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pic_new .num { position: absolute; z-index: 3; bottom:14px; right:4px;}
.pic_new .num li{ float: left; position:relative; width:8px; height:8px;overflow: hidden; text-align: center;border-radius:4px;line-height:12px;margin-bottom:0px;cursor:pointer; margin-right:5px;}
.pic_new .num li a,.pic_new .num li span { position: absolute; z-index: 2; display: block; color:#fff; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:0;}
.pic_new .num li span { z-index: 1; background:#fafafa; filter: alpha(opacity=90); opacity: 0.90;font:14px/15px "微软雅黑"; }
.pic_new .num li.on a,.pic_new .num a:hover{ background:#e99c1d; }



/******product*******/
.cp-bufen{margin-bottom:30px;}
.more{float: right;font-size:14px;color:#015aac;font-weight:normal;}

.cp-title h2{background: url(../images/sy_bq.png) no-repeat left;font-size: 20px;font-weight: bold;color: #015aac;border-bottom: #eee 1px solid;padding-bottom: 20px;padding-left: 24px;}
.cp-title h2 span{font-size: 20px;font-weight: bold;color: #015aac;}
.cp-tab li{display: inline-block;list-style: none;width:20%;height:144px;margin-top: 16px;float:left;background-color:#3e5e7c;font-size: 16px;cursor: pointer;text-align:center;}
.cp-tab li span{width:100%;}
.cp-tab li span img{margin-top:30px;}
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;/*font-size: 16px;*/font-weight:bold;}
.cp-container{width:100%;margin-left:0px;float: left;}
.cp-container .cpcs{width:100%;background-color:#fafafa;padding:20px;}
.cp-container .cpcs p{font-size: 15px;color:#333;line-height: 28px;}
.cp-container .cpcs p span{background: url(../images/cp_point.png) no-repeat left;padding-left:20px;}
.cp-container .cpcs ul{width:100%;float:left;}
.cp-container .cpcs ul li{width:24%;margin-right:1%;float:left;}
.cp-container .cpcs ul li img{width:100%;height: 100%;}

.cpslide .hd{height:auto;position:relative;z-index: 1;float: left;width: 100%;}
/*.cpslide .hd ul li.on{height: 160px;background:#e99c1d;}*/
.cpslide .hd ul li:nth-child(1).on{background: url(../images/pic01.png) no-repeat top;webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cpslide .hd ul li:nth-child(2).on{background: url(../images/pic02.png) no-repeat top;webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cpslide .hd ul li:nth-child(3).on{background: url(../images/pic03.png) no-repeat top;webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cpslide .hd ul li:nth-child(4).on{background: url(../images/pic04.png) no-repeat top;webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cpslide .hd ul li:nth-child(5).on{background: url(../images/pic05.png) no-repeat top;webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
                                                                                                                                                                                                                                                                                        

@media screen and (max-width: 1680px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 1480px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 1185px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 990px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 850px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 750px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 16px;font-weight:bold;}
.cp-tab li span img{margin-top:30px;}
}
@media screen and (max-width: 640px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 14px;font-weight:bold;}  
.cp-tab li span img{margin-top:30px;width:72%;}
}
@media screen and (max-width: 420px){
.cp-tab li p{width: 100%;margin: 24px 0 24px 0;color:#fff;font-size: 14px;font-weight:bold;} 
.cp-tab li span img{margin-top:30px;width: 68%;} 
}


/* add */
.cp-swi {
	padding-bottom: 30px;
}
.cp-swi  .cp-title {
	float: none;
}
.cp-1 {
	width: 100%;
	position: relative;
}
.cp-1 > a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -40px;
	font-size: 40px;
	font-family: cursive;
	outline: none;
	text-decoration: none;
	color: #DDDDDD;
	transition: all 0.3s;
}
.cp-1 > a:hover {
	color: #333333;
}
.cp-1 > a.rig {
	left: auto;
	right: -40px;
}
#cp1 {
	width: 100%;
	margin-top: 16px;
}

#cp1 a.swiper-slide {
	text-align: center;
	height: 144px;
	background-color: #3e5e7c!important;
	transition: all 0.3s;
}
#cp1 a.swiper-slide img {
	margin-top: 30px;
}

#cp1 a.swiper-slide p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 24px 0;
}
#cp1 a.on {
	background: url(../images/pic01.png) no-repeat top;
}
#cp1 a.on:nth-child(2) {
	background: url(/templates/202206/20220617115723657.jpg) no-repeat top;
}
#cp1 a.on:nth-child(3) {
	background: url(../images/pic02.png) no-repeat top;
}
#cp1 a.on:nth-child(4) {
	background: url(/templates/202206/20220617115757159.jpg) no-repeat top;
}
#cp1 a.on:nth-child(5) {
	background: url(/templates/202206/20220617115835345.jpg) no-repeat top;
}
#cp1 a.on:nth-child(6) {
	background: url(/templates/202206/20220617115930583.jpg) no-repeat top;
}
#cp1 a.on:nth-child(7) {
	background: url(/templates/202206/20220617141438950.jpg) no-repeat top;
}
#cp1 a.on:nth-child(8) {
	background: url(/templates/202206/20220617141926108.jpg) no-repeat top;
}
#cp1 a.on:nth-child(9) {
	background: url(/templates/202206/20220617141540326.jpg) no-repeat top;
}
#cp1 a.on:nth-child(10) {
	background: url(/templates/202206/20220617141618593.jpg) no-repeat top;
}
#cp1 a.on:nth-child(11) {
	background: url(/templates/202206/20220617141646481.jpg) no-repeat top;
}
#cp1 a.on:nth-child(12) {
	background: url(/templates/202206/20220617141710874.jpg) no-repeat top;
}
#cp1 a.on:nth-child(13) {
	background: url(/templates/202206/20220617141735863.jpg) no-repeat top;
}
#cp1 a.on:nth-child(14) {
	background: url(/templates/202206/20220617141759685.jpg) no-repeat top;
}
#cp2 {
	background-color: #FAFAFA;
}
#cp2 .swiper-slide {
	padding: 20px;
	box-sizing: border-box;
}
#cp2 .swiper-slide p {
	font-size: 15px;
	color: #333;
	line-height: 28px;
	margin-bottom: 10px;
}
#cp2 .swiper-slide ul {
	width: 100%;
	overflow: hidden;
}
#cp2 .swiper-slide ul li {
	float: left;
	width: 24%;
	margin-right: 1.33%;
}
#cp2 .swiper-slide ul li:last-child {
	margin: 0;
}
#cp2 .swiper-slide ul li img {
	display: block;
	width: 100%;
	object-fit: cover;
}
@media (max-width:830px) {
	.cp-1 {
		padding: 0 30px;
		box-sizing: border-box;
	}
	.cp-1 a {
		left: 0;
	}
	.cp-1 a.rig {
		left: auto;
		right: 0;
	}
}
@media (max-width:600px) {
	#cp1 a.swiper-slide {
		height: 100px;
	}
	#cp1 a.swiper-slide img {
		width: 50%;
		margin-top: 20px;
	}
	#cp1 a.swiper-slide p {
		font-size: 12px;
		padding: 10px 0;
	}
	#cp2 .swiper-slide {
		padding: 10px;
	}
	#cp2 .swiper-slide p {
		font-size: 14px;
		line-height: 2;
	}
	#cp2 .swiper-slide ul li {
		width: 49%;
		margin-bottom: 10px;
		margin-right: 2%;
	}
	#cp2 .swiper-slide ul li:nth-child(2n) {
		margin-right: 0;
	}
}