
.product{ height: auto; overflow: hidden;background:#f6f6f6; padding-top:0px; padding-bottom: 38px;}
.product .pro-left{ float: left; width: 231px; border:1px solid #e1e1e1;}
.pro-title{ height: 53px; line-height: 53px; background-color:#38516f; font-size: 18px; color:#ffffff; text-align:center; cursor: pointer; }
.pro-in{ height:479px; width: 229px; background: url(../images/pro-bg.png) no-repeat center;}
.le-ul{height:479px; width: 229px; background:#fff; display: block; overflow: hidden;}
.le-ul li{ font-size: 16px; padding-left: 45px; margin-top: 21px; }
.le-ul li a{color:#333333;  display: block;}
.le-ul h4{ font-size: 16px; padding-left: 45px; font-weight: normal;margin-top:15px;}
.le-ul h4 a{color:#333333;  display: block;}
.le-ul li:hover a{ color:#ff6a00;}

.pro_hour{ height: 69px; background:#fff url(../images/call.png) no-repeat 8px center; padding-left: 70px; color:#333333; font-size: 16px; padding-top: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_hour b{ color:#ff6a00; font-size: 19px;}

.product .pro-right{ float: right; width: 937px;}
.pro-ul{ height: auto; overflow: hidden;}
.pro-ul li{ float: left; width: 293px; min-height: 230px; overflow: hidden; margin-right: 26px; position: relative; background: #fff; margin-bottom: 27px;}
.pro-ul li:hover{     -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.pro-ul li a{ display: block;}
.pro-ul li img{ display: block; width: 280px; height: 280px; margin:0 auto;}
.pro-ul li .hot{ position: absolute; top:0px; right: 0px; width: 43px; height: 29px;background:#ff7a00; text-align: center; line-height: 29px; color:#fff; font-size: 12px; visibility: visible;}
.pro-ul li .pro-p{ width: 100%; height: 39px; background: #ffffff; color:#333; text-align: center; position: absolute; bottom:0px; left:0px;visibility: hidden;padding-bottom:10px;}
.pro-ul li .pro-p p{ font-size: 15px; line-height: 20px;}
.pro-ul li .pro-p span{ display: block; font-size: 13px; line-height: 18px;}
/*.pro-ul li:hover .hot{ visibility:visible;}*/
.pro-ul li:hover .pro-p{ visibility:visible;}


.introduced{ height: auto; overflow: hidden; padding:52px 0px;}
.introduced h1 img{ display: block; margin:0 auto; margin-bottom:20px;}
.introduced p{ color:#333333; font-size: 15px; text-align: center; line-height:33px; }
.introduced .pp{ display:none;}
.introduced a{ display: block; width: 152px; height: 29px; border:1px solid #bbbbbb; border-radius: 20px; line-height: 29px; text-align: center; font-size: 16px; color:#ff6a00; margin: 0 auto; margin-top: 30px;}

.advantage{height: auto; overflow: hidden; padding-top: 52px;background:#f6f6f6; }
.pr-u12{ height: auto; overflow: hidden; margin-top: 34px;}
.pr-u12 li{height: auto;  margin-bottom: 42px;}
.pr-u12 li .pr-u12-top{ height: auto; }
.pr-u12-top .adv-left{ float: left; width: 603px;}
.pr-u12-top .adv-left-yd{ margin-top: -30px;}
.pr-u12-top .adv-left img{ display: block;}
.pr-u12-top .adv-right{ float: right; width: 601px;}
.pr-u12-top .adv-right .ar-le{ float: left; width: 64px;}
.pr-u12-top .adv-right .ar-le p{ width: 64px; height: 64px; background:url(../images/cir.png) no-repeat center; text-align: center; line-height: 64px;  font-size: 31px; color: #fff; font-family: "Impact";}
.pr-u12-top .adv-right .ar-ri{ float: right; width: 522px;}
.pr-u12-top .adv-right .ar-ri dl h1{ font-size: 28px; color:#38516f; line-height: 36px;}
.pr-u12-top .adv-right .ar-ri dl dt{ background: url(../images/yeline.png) no-repeat bottom center; font-size: 18px; color:#333333; line-height: 42px; font-weight: bold;}
.pr-u12-top .adv-right .ar-ri dl dt span{ color:#38516f;}
.pr-u12-top .adv-right .ar-ri dl dd{ background: url(../images/yuan.png) no-repeat left 7px;  font-size: 13px; color:#181818; line-height: 23px; padding-left: 17px; margin-top: 22px;}
.pr-u12-top .adv-right .ar-ri dl dd span{ color:#38516f;}


.new_top .adv-left{ float: right;}
.new_top .adv-left img{float: right; }

.new_top .adv-right{ float: left;}


.about{ height: auto; overflow: hidden; padding-top: 52px; padding-bottom: 27px;}
.aol{ height: auto; overflow: hidden; text-align: center; margin-top: 34px; margin-bottom: 37px;}
.aol li{ display: inline-block; width: 194px; height: 43px; line-height: 43px; background:url(../images/aol.png) no-repeat center; margin-right: 41px; font-size: 18px; color:#ff6a00; padding-left: 72px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: initial; cursor: pointer;}
.aol li.cur{ background:url(../images/aol1.png) no-repeat center; color:#fff;}
.aol li a{ color:#ff6a00;}
.aol li.cur a{ color:#fff;}
.aboutbox{ height: auto; overflow: hidden;}
.aboutbox .aboutcont{height: auto; overflow: hidden; display: none; }
.ab_L{ width:638px; float: left;}
.ab_tit{ position: relative;  height: auto; overflow: hidden;}
.ab_tit h3{ font-size: 32px; color: #000000; }
.ab_tit .ty{ display: block; width: 62px; height: 2px; background:#000000;}
.ab_tit span{ font-size: 13px; color: #333; line-height: 35px; display: block;}
.ab_tit_more{ position: absolute; top:0px; right:0; width:77px; height:26px; background:#4d4d4d; color: #fff; font-size: 13px; line-height:26px; text-align: center;}

.Iab_text{ margin-top:26px; line-height: 25px; color: #333333; font-size: 13px; height: 80px; overflow: hidden; }
.Iab_text p.pp{ text-indent: 2em; margin-bottom: 10px; }
.ab_list{ margin-top:15px; height: auto; overflow: hidden; margin-left: 3px;}
.ab_list li{ float: left;  margin-right: 47px; width:292px;}
.ab_list li:nth-child(2n){ margin-right: 0;}
.ab_list li .img{ width:100%; height:290px; border:1px solid #dcdcdc;}
.ab_list li .img img{ width:100%; height:100%;}
.ab_list1{ margin-top: 0px;}
.ab_list1 li .img{ width:100%; height:211px; border:1px solid #dcdcdc;}
.ab_list1 li .img img{ width:275px; height:194px; margin:0 auto; margin-top: 9px; display: block;}

.ab_list li span{display:block; line-height: 55px; text-align: center; font-size: 15px; color: #333333;}
.ab_list1 li span{ line-height: 42px;}
.ab-R{ float: right;width: 507px; border:1px solid #dcdcdc; }
.leftLoop2{ position: relative;}
.leftLoop2 .hd{position:absolute; width:100%; z-index:9; height:72px; top:50%; margin-top:-36px;}
.leftLoop2 .hd a{width:39px; height:72px;  display:block; position: absolute; cursor:pointer;}
.leftLoop2 .hd .prev{background:url('../images/que-left.png') no-repeat center center; left:13px;}
.leftLoop2 .hd .next{background:url('../images/que-right.png') no-repeat center center; right:13px;}
.leftLoop2 .bd li{ width:507px; text-align: center; }
.leftLoop2 .bd li .pic{ height:401px;width:290px; margin:0 auto; margin-top: 47px;}
.leftLoop2 .bd li .pic1{ width:380px; height: 300px;}
.leftLoop2 .bd li .pic1 img{height:293px;width:380px;} 
.leftLoop2 .bd li  img{ width:100%; height:100%;}
.leftLoop2 .bd li p{ line-height: 44px; font-size: 15px; color: #333333; margin-bottom: 14px;}
.leftLoop2 .bd li .pic1 p{ margin-bottom: 0px; line-height: 0px;}




/*质量*/
.quality{ height: auto; overflow: hidden; background:#ffffff; padding:52px 0px;}
.slideBox{ width:1205px; position:relative;  margin-top: 43px;  }
.slideBox .hd{overflow:hidden; z-index:1;   }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 1200px; margin:0 auto;  }
.slideBox .hd ul li{ float:left; width:127px;   text-align:center;  cursor:pointer; font-size: 15px; color:#333333; line-height:40px; margin:2px;  border:1px solid #dddddd}
.slideBox .hd ul li.on{ color:#449a99;  font-weight:bold}
.slideBox .bd{ position:relative;   height:100%; z-index:0;  margin-bottom: 40px; margin-top:40px;}
.slideBox .bd li{ zoom:1; vertical-align:middle;  }
.slideBox .bd li .qual-left{ float: left; width: 600px;}
.slideBox .bd li .qual-left img{ width:600px; height:332px; display:block;  }
.slideBox .bd li .qual-right{ float: left; width: 601px;  border:1px solid #dddddd;padding-left: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:#fff;height:332px;}
.slideBox .bd li .qual-right dl{ height: auto; overflow: hidden; margin-top: 69px;}
.slideBox .bd li .qual-right dl dt{ color:#333333; font-size: 25px; font-weight: bold; line-height: 25px; margin-bottom: 28px;}
.slideBox .bd li .qual-right dl dd{ height: auto; overflow: hidden;  font-size: 15px; color:#333333; margin-bottom: 10px;}
.slideBox .bd li .qual-right dl dd span{ float: left; display: block;}
.slideBox .bd li .qual-right dl dd span.span1{background:url(../images/yuan.png) no-repeat left center; padding-left: 16px; }
.slideBox .bd li .qual-right dl dd span.span2{ width: 550px; line-height: 25px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ background:url(../images/que-left.png) no-repeat;position:absolute; left:-6%; top:42%; width: 39px; height: 72px; margin-top: -36px;}
.slideBox .prev:hover{ background:url(../images/que-left1.png) no-repeat;}
.slideBox .next{ background:url(../images/que-right.png) no-repeat;position:absolute; right:-6%; top:42%; width: 39px; height: 72px; margin-top: -36px; }
.slideBox .next:hover{background:url(../images/que-right1.png) no-repeat; }



/*客户*/
.customer{ height: auto; overflow: hidden; padding:37px 0px;}
.index-title{ height: auto; overflow: hidden;}
.index-title h1{ color:#333333; font-size: 32px; text-align: center; line-height: 69px;}
.index-title p{ height: auto; overflow: hidden; background:url(../images/cs-line.png) no-repeat center;  text-align: center; font-size: 15px; color:#333333;}
.leftLoop1{position: relative; width:1200px; margin:0px auto; margin-top: 0px;}

.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:46px; height:46px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-50px; top:50px;  background:url("../images/customerprev.png") no-repeat left top;}
.leftLoop1 .hd .next{right:-50px; top:50px;  display:block;  background:url("../images/customernext.png") no-repeat right top;}


.leftLoop1 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop1 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop1 .bd ul li{ float:left; overflow:hidden; width:281px; min-height:281px;  text-align:center; margin-right: 25px; }
.leftLoop1 .bd ul li div{ width:279px;  height:279px;border:1px solid #d8d8d8; margin:0 auto; }
.leftLoop1 .bd ul li img{width:100%;}
.leftLoop1 .bd ul li p{ font-size:13px; color:#666666; line-height: 36px;}
/*新闻*/
.news2{ height: auto; overflow: hidden; margin-top: 18px; background:#f0f0f0; padding:0px 0px;}
.news2 .container{ height: auto; overflow: hidden; background:#fff; width: 1263px; margin:0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:33px 38px;}
.news2 .news-in2{ float: left; width: 372px;}

.news2 .news-in2 h2{ height:50px; line-height: 50px; background: url(../images/news-title.png) no-repeat left center;  padding-left:31px; font-size: 22px; color:#333333; font-weight: normal; }
.news2 .news-inn{ margin:0 34px;}
.news2 .news-inn h2{ background:url(../images/news-title2.png) no-repeat left center;padding-left: 34px;}
.news2 .news-innn h2{ background:url(../images/news-title3.png) no-repeat left center; padding-left: 36px;}
.news2 .news-in2 h2 a{ float: right; font-size: 13px; color:#3c506e; font-family: "Arial"; position: relative; top:6px;}
.news-ul2{ height: auto; overflow: hidden;}
.news-ul2 li{ height: 47px; line-height: 47px; border-bottom: 1px dashed #c9c9c9; background: url(../images/circle.png) no-repeat 5px center; padding-left: 15px; overflow: hidden;}
.news-ul2 li a{ font-size: 13px; color:#666666;}
.news-ul2 li a span{ float: right;}

/*走进*/
.zjylsy{ height: auto; overflow: hidden; margin-top: 18px; background:#ffffff; padding:63px 0px;}

.pc_list_cp{ height: auto; overflow: hidden; margin-top: 18px; background:#ffffff; padding:10px 0px;}
 

/*友情链接*/
.friend{ height: auto;margin-top: 65px;}
.friend-in{ height: 90px; border:1px solid #cfcfcf;padding:0 63px; position: relative;}
.fri-title{ text-align: center;}
.fri-title span{position: relative;display: inline-block;top:-24px;background-color: #22201d;font-size: 20px; width: 183px; border:1px solid #c9c9c9; height:43px; line-height: 43px; font-size: 16px;}
.fri-title span a{ color:#ff6a00;}
.fri-ul{ height: auto; overflow: hidden;}
.fri-ul li{ float: left; margin-right: 41px;;}
.fri-ul li a{ color: #666666; font-size: 14px;}


.society{ height: auto; overflow: hidden; padding-bottom: 58px;}
.society-top{ height: auto; overflow: hidden; background:#fafafa; margin-top: 59px;}
.soc_top_left{ float: left; width: 600px; padding:0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.soc_top_left h1{ font-size: 15px; color:#ff7a00; margin-top: 45px;}
.soc_top_left .soci_day{ font-size: 13px; color: #666666; padding-left: 22px; background: url(../images/dtime.png) no-repeat left center;    margin-top: 2px;}
.soc_top_con{ height: auto; overflow: hidden;margin-top: 15px;}
.soc_top_con p{ font-size: 13px; color:#666666; margin-top: 10px;}
.soc_top_right{ float: right; width: 600px;}
.soc_top_right img{ display: block; width: 586px; height: 418px; border:1px solid #d9d9d9; padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: right;}
.society-bottom{ height: auto; overflow: hidden; margin-top: 35px;}
.soc_ul{ height: auto; overflow: hidden;}
.soc_ul li{ float: left; width: 380px; height: auto; margin-right: 30px;}
.soc_ul li img{ display: block; padding:1px;width: 376px; height: 268px;border:1px solid #d9d9d9;}
.soc_ul li .soc-in{ height: auto; overflow: hidden; background: #fafafa; padding:15px 15px 15px 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.soc_ul li .soc-in h1{ font-size: 15px; color:#ff7a00;}
.soc_ul li .soc-in .soci_day{ font-size: 13px; color: #666666; padding-left: 22px; background: url(../images/dtime.png) no-repeat left center;    margin-top: 2px;}
.soc_top_conn{ height: auto;overflow: hidden; margin-top: 10px;}
.soc_top_conn p{ font-size: 13px; color:#666666; line-height: 20px; margin-bottom: 5px;}


.swiperloop3{ display: none;}
.index-title b{ display: none;}
.scope_in{ display: none;}
.customer_in{ display: none;}
/* .customer{ display: none;} */
.customer_inn{ display: none;}
.news_mb{ display: none;}
.index-titley{ display: none;}
.product_ph{ display: none;}
 

@media screen and (max-width: 768px) {
.swiperloop3{ display: block;}
.flexBanner{ display: none;}
.friend{ display: none;}
.pc_list_cp{ display:none;}
.pc_show_cp{ display:none;}
 

 
#swiperloop3 {position: relative;overflow: hidden;}
#swiperloop3 .swiper-slide img{ width: 100%;}
#swiperloop3 .swiper-pagination-bullet{ width: 50px; height: 5px; background: #fff; border-radius:0;}
#swiperloop3 .swiper-pagination-bullet-active{ background: #ff6a00;}
.index-titley{ display: block; margin-bottom: 3%;}
.index-titley{ height: auto; overflow: hidden;}
.index-titley h1{ color:#333333; font-size:18px; text-align: center; line-height: 30px;}
.index-titley p{ height: auto; overflow: hidden;  text-align: center; font-size: 15px; color:#333333;}
.index-titley b{display: block;float: none;margin-top: 0.2rem;}
.index-titley b img {display: block;max-width: 100%;}
.index-title b{ display: block;float: none;margin-top: 0.2rem;}
.index-title b img {display: block;max-width: 100%;}
.product_ph{ display: block;}
.product_ph a{ display: block; width: 40%; height: 35px; background: #38516f; font-size: 14px; color:#fff; line-height: 35px; margin:0 auto; text-align: center; border-radius: 4px;}
.product{ padding:5% 0px;}
.product .pro-right{ float: none; width: 100%;}
.product .pro-left{ float: none; width: 100%; display: none;}
.pro-ul{ height: auto; overflow: hidden; padding:0 10px;}
.pro-ul li{ float: left; width: 48%; margin-right: 0px;}
.pro-ul li:nth-child(2n){ float: right;}
.pro-ul li img{ width: auto; height: auto; max-width: 100%;}
.pro-ul li .pro-p{ visibility:visible;}
.pro-ul li .pro-p p{ font-size:13px;}
.pro-ul li .pro-p span{ font-size: 12px;}
.introduced{ padding:5% 0px;}
.introduced h1 img{ max-width: 100%;margin-bottom: 5%;}
.introduced .pp{ display:block;padding:0 10px; font-size:14px; text-align: justify;}
.introduced p{ padding:0 10px; font-size:14px; text-align: justify;    line-height: 24px; display:none;}
.introduced a{ margin-top: 5%;}
.advantage{ padding-top: 5%;}
.index-title h1{ font-size:18px;    line-height: 30px;}
.index-title p{ background-size: 154% auto; font-size:14px;background: none;}
.pr-u12{ margin-top: 5%; padding:0 10px;}
.pr-u12-top .adv-left{ float: none; width: 100%;}
.pr-u12-top .adv-right{float: none; width: 100%; display: -moz-box; display: -webkit-box;display: box; margin-top: 5%;}
.pr-u12-top .adv-right .ar-le{ float: none; width: 12%;margin-right: 2%;  margin-top:20px;}
.pr-u12-top .adv-right .ar-le p{ width: 42px; height: 42px;    background-size: 100%;line-height: 42px;font-size: 23px;}

.pr-u12-top .adv-right .ar-ri{ -moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;color: #555; float: none; width: auto;}

.pr-u12-top .adv-left img{ max-width: 100%;}
.pr-u12-top .adv-right .ar-ri dl h1{ font-size:20px;  margin-top:20px;}
.pr-u12-top .adv-right .ar-ri dl dt{ font-size:14px;line-height: 20px;padding-bottom: 1%; margin-left:-40px; margin-top:20px;}
.pr-u12-top .adv-right .ar-ri dl dd{ margin-top: 2%; background-size:3%; margin-left:-40px;}
.pr-u12-top .adv-left-yd{ margin-top: 0px;}
.pr-u12 li{ margin-bottom: 5%;}
.pr-u12-top .adv-right .ar-ri dl h1 img{ max-width: 27%;}
.about{ display: none;}
.quality{ padding:5% 0px;}

#slideBox{ display: none;}
.scope_in{ display: block;}
.scope_in{ height: auto; overflow: hidden;  width: 100%; padding:0 10px;-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;box-sizing: border-box;}
/*swiperloop5*/
#swiperloop5{position: relative; overflow: hidden; }
#swiperloop5 .swiper-button-next,#swiperloop5 .swiper-button-prev {opacity:1; width: 56px; height: 49px; top:0%; margin-top: 0px;}
#swiperloop5 .swiper-button-next:hover,#swiperloop5 .swiper-button-prev:hover{opacity:1;}
#swiperloop5 .pb{ height: 49px; overflow: hidden; position: relative; }

#swiperloop5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url('../images/next.png') no-repeat center;
	right: 37.5%;
	left: auto;
	background-size:65%;
}
#swiperloop5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url('../images/prev.png') no-repeat center;
	left: 36.5%;
	right: auto;
	background-size:65%;
}
.scope_in .swiper-slide dl{ height: auto; overflow: hidden; margin-top: 3%;}
.scope_in .swiper-slide dl dt{ color: #449a99; font-weight: bold; font-size: 16px; margin-bottom:2%;}
.scope_in .swiper-slide dl dd{font-size: 14px; color:#333333;  padding-left: 0px;}
.scope_in .swiper-slide h1 img{ max-width: 100%; display: block; margin-top: 3%;}
.scope_in .swiper-slide .heightt{ height: 60px;}

.scope_in #swiperloop5 .swiper-pagination-bullet-active {background:#d92129;}
.leftLoop1{ display: none;}
.customer{ display: block;}
.customer{ padding:5% 0px;}
.customer{margin:5% 0px; height: auto; overflow: hidden; }
.customer_in{ height: auto; overflow: hidden; padding:0 10px; margin-top: 5%; display: block;}
.customer_in img{ max-width: 100%; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;    border: 1px solid #d8d8d8;}
.customer_in p{ text-align: center; color:#666666; font-size:14px; line-height: 25px; }
.customer_in .div_height{ height:32px;}
.customer_in .swiper-pagination-bullet-active{ background: #ff7a00;}
.society-top{ display: none;}
.society-bottom{ display: none;}
.society{ padding-bottom: 5%;}
.customer_inn{ height: auto; overflow: hidden; padding:0 10px; margin-top: 5%; display: block;}
.customer_inn img{ max-width: 100%; display: block; border:1px solid #e5e5e5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.customer_inn p.pp{ text-align: center; color:#ff7a00; font-size:15px; line-height: 25px; font-weight: bold;}
.customer_inn .span{ display: none; color:#666666; font-size: 14px; line-height: 20px; text-align: justify;}
.customer_inn .span i{ font-style: normal; color:#ff7a00;}
.customer_inn .div_height{ height:32px;}
.customer_inn .swiper-pagination-bullet-active{ background: #ff7a00;}
.news2{ display: none;}
/*走进*/
.zjylsy{ display: none;}

/* pc端 list_cp */
.pc_list_cp{ display:none;}


.news_mb{margin:5% 0px; height: auto; overflow: hidden; display: block; }
.news-ol_mb{ height: auto; overflow: hidden; margin:10px;}
.news-ol_mb li{ width: 32%; height: 30px;  font-size: 12px; text-align: center;  line-height: 30px; border-radius: 20px; float: left; margin-right: 2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  color:#fff; background:#4d4d4d url(../images/circle1.png) no-repeat 15px center; background-size:12%; }
.news-ol_mb li.cur{ background:#449a99 url(../images/circle1.png) no-repeat 15px center; background-size:12%; color:#fff;}
.news-ol_mb li:last-child{ margin-right: 0;}
.news_con_mb{ height: auto; overflow: hidden;margin:5% 10px;}
.news_con_mb .news_in_mb{ height: auto; overflow: hidden; display:none; color:#333;}
.news_con_mb .news_in_mb img{ display:block;  max-width: 100%;}
.news_ul{ height: auto; overflow: hidden;}
.news_ul_mb li{ height: 40px; line-height: 40px; border-bottom:1px dashed #bababa; background: url(../images/jian.png) no-repeat left center; padding-left: 17px;    background-size: 3%;}
.news_ul_mb li:last-child{ border-bottom:none;}
.news_ul_mb li a{ color:#666; font-size:12px; }
.news_ul_mb li span{ float: right;}


}



/**/
.g-news{ height: auto; box-sizing: border-box; background:#f5f5f5; padding:70px 0 90px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.g-news .tit01{height:176px;}
.g-news .tit01 p{background:url(../images/newstitbg.png) no-repeat center top;}
.news{width: 32.85%; overflow: hidden; float: left;position: relative;margin-right: 2.14%;}
.news h3{width: 115px;text-align: center; line-height: 43px;height: 43px;font-weight: normal;color: #fff; font-size: 16px;background:#335270;position: absolute;left:0;top:0;z-index: 2;}
.news h3 a{color: #fff;}
.news dl{width:100%;float: left;}
.news dt{ width:100%;overflow: hidden;box-sizing: border-box;}
.news dt img{width:100%; display: block;}
.news dd{width:100%;overflow: hidden;box-sizing: border-box;padding: 37px 22px 10px 20px;}
.news dd h4{font-size:18px; font-weight: normal;height: 35px; line-height: 35px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family:"Microsoft Yahei";}
.news dl h4 a{ text-decoration: none; color:#000000;}
.news dd p{overflow: hidden;font-size: 14px; line-height:26px; color:#666666;/*display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  */overflow: hidden; text-overflow: ellipsis;}
.news dd span{display: block; font-size: 14px;color: #999999; line-height: 32px;}

.news3{width: 30%; overflow: hidden; float: left;position: relative;}
.news-tit{height: 43px;}
.news3 h3{width: 115px;text-align: center; line-height: 43px;height: 43px;font-weight: normal;color: #fff; font-size: 16px;background:#335270;}
.news3 h3 a{color: #fff;}
.news3-con{height: 390px;margin:0 40px 0 26px;overflow: hidden;}
.news3 dl{width:100%;height: 110px;padding: 10px 0 0 0;border-bottom: 1px dashed #d6d6d6;}
.news3 dd{width:100%;overflow: hidden;box-sizing: border-box;}
.news3 dd h4{font-size:16px; font-weight: normal;height: 52px; line-height: 26px;color:#333333;overflow: hidden;text-overflow: ellipsis;font-family:"Microsoft Yahei";}
.news3 dl h4 a{ text-decoration: none; color:#333333;}
.news3 dd span{display: block; font-size: 14px;color: #666666; line-height: 32px;}

@media screen and (max-width:1680px) {


}
/**/
.g-about{background:#fff;height:auto;overflow: hidden; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;padding:70px 0 0;}
.g-about .tit01{position: relative;z-index: 1;}
.g-about .tit01 p{background:url(../images/abttitbg.png) no-repeat center top;}
.g-about img{width: 100%;display: block;}
.about{position: relative;margin-top:-48px;}
.about dl dt{text-align: center;}
.about dl dd {width: 484px;position: absolute;left:50%;top:12.5vw;margin-left: 11.25vw; z-index: 2;}
.about dl dd p{ font-size: 16px; color: #333333;line-height: 28px;text-align: justify;}
.about dd span{display: block; margin:2.8vw 0 0;background: url(../images/about-btn.gif) no-repeat; width: 132px;height: 42px;line-height: 42px;text-align: left;font-weight: bold;font-size: 16px;color: #fff;padding-left: 24px;box-sizing: border-box;float: right;}



@media screen and (max-width:1680px) {
    .about dl dd {margin-left:8.25vw;}

}

/**/
.g-show{background:none;height:auto;overflow: hidden;padding-bottom: 75px; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;max-width: 1920px;margin:-70px auto 0;}
.show{overflow: hidden;position: relative;padding:20px;background: #fff;box-shadow:3px 0 7px rgba(191, 191, 191, 0.35);box-sizing: border-box;}
.show-nav{float: right;width:34.28%; max-width: 480px;height: 8.22vw;background:#e6e6e6;}
.show-nav a{display: block;width: 50%;height: 100%; float: left;font-size: 22px;color: #333333; line-height: 42px;text-align: center;padding-top:2vw;box-sizing: border-box;position: relative;}
.show-nav a.cur::after{content: ""; width: 0;height:0;position: absolute; top:50%;margin-top:-6px; left:-8px;border-right: 8px solid #62b06d;border-top:6px solid rgba(0, 0, 0, 0);border-bottom:6px solid rgba(0, 0, 0, 0);}
.show-nav  em{width:40px;height: 34px;display: block;margin:0 auto; position: relative;overflow: hidden;;}
.show-nav  em img{position: absolute;left:0;top:0;}
.show-nav a.cur{background: #62b06d;color: #fff;}
.show-nav a.cur em img{top:-34px;}


.show-con{overflow: hidden;width: 61.4%;max-width: 860px; float: left;}
.show li{width:32.55%;position: relative; float: left;}
.show li em{width:100%;display: block;border:0px solid  #f0f0f0;box-sizing: border-box;}
.show li em img{width:100%; display: block;}
.show li h4{font-size:16px;color: #666666;font-weight: normal;text-align: center; line-height: 35px;height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.show li:hover em{border-color: #335270;}



@media screen and (min-width: 414px) {
#swiperloop5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url('../images/next.png') no-repeat center;
	right: 38%;
	left: auto;
	background-size:65%;
}
#swiperloop5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url('../images/prev.png') no-repeat center;
	left: 38.5%;
	right: auto;
	background-size:65%;
}
}


