

/*@media (max-width:767px){
    .container{width:96%;}
}
@media (min-width:768px) and (max-width:991px){
    .container{width:700px;}
}
@media (min-width:992px) and (max-width:1199px){
    .container{width:900px;}
}
@media (min-width:1200px) and (max-width:1399px){
    .container{width:1100px;}
}
@media (min-width:1400px) and (max-width:1599px){
    .container{width:1300px;}
}
@media (min-width:1600px){
    .container{width:1600px;}
}*/

.auer-shade{background-color: rgba(0,0,0,.6);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}
.auer-dialog{position: fixed;width: 350px;height: 180px;background-color: #fff;top: 0;bottom: 0;right: 0;left: 0;margin: auto;border-radius: 4px;overflow: hidden;z-index: 9999;}
.auer-dialog .auer-title{line-height: 45px;padding: 0 15px;font-size: 15px;border-bottom: solid 1px #ddd;color: #444;background-color: #f9f9f9;}
.auer-dialog .auer-content{padding: 15px;font-size: 15px;color: #333;}
.auer-dialog .btn{position: absolute;bottom: 15px;right: 15px;}
.auer-dialog .btn button{border:none;background-color: #57af3b;color: #fff;padding: 5px 10px;cursor: pointer;font-size: 15px;}

.laz, .swiper-lazy-preloader img{background: url('../images/loding.svg') no-repeat center #f9f9f9 !important;width: 100%;}
.swiper-lazy-preloader::after{display: none;}
/* ------------------------------------ 放大镜样式 ----------------------------- */

.cloudzoom-lens{border:3px solid #888;width:100px;height:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;background:#fff;z-index:10}.cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}.cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;box-shadow:none}.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px}.cloudzoom-blank{background-image:url(../images/blank.png)}.cloudzoom-ajax-loader{background:url('../images/loding.svg') no-repeat center;width:32px;height:32px}


.swiper-lazy-preloader{width: 100%;height: 100%;left: 0;top: 0;margin: 0;-webkit-animation:none;animation:none;}

body{background-color: #fff;}

/* --------------------------------   客服代码样式 --------------------------- */
 #kefu{position: fixed;z-index: 9999;right: 10px;top: 0;bottom: 0;margin:auto;}
#kefu .box{background-color: #57af3b;border-radius: 5px;height: 100%;padding:0 5px 5px;position: relative;}
#kefu .kf-title{height: 43px;line-height: 43px;text-align: center;font-size: 16px;color: #fff;}
#kefu ul{}
#kefu ul li{line-height: 30px;width: 60px;height: 60px;background-color: #57af3b;margin-bottom: 2px;border-radius: 3px;text-align: center;font-size: 25px;position: relative;}
#kefu ul li a{color: #fff;display: block;padding-top: 5px;height: 100%;}
#kefu ul li a i{font-size: 20px;}
#kefu ul li a p{font-size: 12px;line-height: 100%;}
#kefu ul li a .sub{position: absolute;opacity: 0;visibility: hidden;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#kefu ul li a .sub.wx{right:100%;top: 0;background-color: #fff;border:solid 1px #eee;padding: 7px;margin-right: 2px;}
#kefu ul li a .sub.wx img{max-width: 110px;width: 110px;}
#kefu ul li a .sub.wx p{color: #555;text-align: center;font-size: 15px;line-height: 100%;padding: 5px 0;}
#kefu ul li a .sub.tel{top: 0;background-color: #57af3b;color: #fff;font-size: 18px;right: 100%;white-space:nowrap;padding: 0 20px;font-weight: bold;margin-right: -3px;border-radius: 3px;line-height: 60px;}
#kefu ul li.active a .sub{opacity: 1;visibility: visible;}

#kefu .kf-foot{text-align: center;color: #fff;padding-top: 10px;}
#kefu .kf-foot .h4{font-size: 13px;margin-top: 5px;}
#kefu .box .close{position: absolute;width: 24px;height: 24px;border-radius: 90px;background-color: #fff;text-align: center;line-height: 20px;right: -12px;top: -12px;font-size: 13px;cursor: pointer;border:solid 1px #00ac94;}


.kefu{position: fixed;right: 10px;top: 0;bottom: 0;z-index: 999;}
.kefu .kefu-box{background-color: #fff;border-radius: 5px;box-shadow: 0 0 15px rgba(0, 0, 0, .05);border:solid 1px #ddd;}
.kefu .kefu-box > div{padding: 10px;text-align: center;}
.kefu .kefu-box .qq{text-align: center;border-bottom: solid 1px #ddd;}
.kefu .kefu-box .qq i{background-color: #57af3b;color: #fff;border-radius: 90px;display: inline-block;font-size: 26px;margin-bottom: 5px;width: 50px;height: 50px;line-height: 50px;}
.kefu .kefu-box .rx {border-bottom: solid 1px #ddd;}
.kefu .kefu-box .rx h4{margin-bottom: 5px;font-weight: bold;font-size: 14px;}
.kefu .kefu-box .rx p{font-size: 13px;color: red;}

.kefu .kefu-box .watch img{width: 110px;}

.wechat{position: relative;z-index: 60;}
.help{padding-bottom: 10px;}
.help p{color: #666;}

.bd_weixin_popup{-webkit-box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
box-sizing: content-box!important; }


.social-share{}
.social-share a{margin-left: 10px;}
.social-share .qq{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #56b6e7;color: #56b6e7;border-radius: 90px;}
.social-share .qq:hover{background-color: #56b6e7;color: #fff;}

.social-share .wechat{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #7bc549;color: #7bc549;border-radius: 90px;position: relative;}
.social-share .wechat:hover{background-color: #7bc549;color: #fff;}

.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:70;bottom:100%;margin-bottom: 10px;left:50%;margin-left: -100px;width:200px;color:#666;font-size:12px;text-align:center;background-color:#fff;-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all 200ms;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}
.wechat-qrcode.bottom{top:40px;left:-84px}
.wechat-qrcode.bottom:after{display:none}
.wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.wechat-qrcode .qrcode{width:105px;margin:10px auto}
.wechat-qrcode .qrcode img{margin-bottom: 0!important;}
.wechat-qrcode .qrcode table{margin:0!important}
.wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;width: 100%;color: #666!important;font-size: 13px!important;}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.wechat:hover .wechat-qrcode{display:block}


.downs .wechat-qrcode{top: 100%;bottom: auto;margin-bottom: 0;margin-top: 10px;z-index: 30;}
.downs .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;top:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:transparent transparent #f3f3f3 transparent}

.social-share .weibo{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #ff763b;color: #ff763b;border-radius: 90px;}
.social-share .weibo:hover{background-color: #ff763b;color: #fff;}


@charset "utf-8";

.zylayout>div{width: 48%;}


.red{color: #57af3b;font-style: normal;}

/* ------------------------- 头部样式 ------------------------------------------------ */


#header{padding: 0;z-index: 99999;background-color: #fff;-webkit-transition: .5s;transition: .5s;width: 100%;left: 0;top: 0;}
#header .container{position: relative;height: 106px;z-index: 40;width: 90%;}
#header .logo{}
#header .logo img{margin-right: 20px;}
#header .logo .logo-tit h1{font-size: 26px;color: #202020;margin-bottom: 6px;line-height: 100%;}
#header .logo .logo-tit p{font-size: 17px;color: #595959;line-height: 100%;}

@media (max-width:1500px){
    #header .logo .logo-tit{display: none}
}

/* ------------------------- 头部右边样式 ------------------------------------------------ */

/* #header .header-right a{margin-right: 40px;}
#header .header-right a i{font-size: 24px;}
 */

#header .header-right .close{width: 110px;height: 110px;background-color: #57af3b;color: #fff;cursor: pointer;z-index: 10;-webkit-transition: .5s;transition: .5s;}
#header .header-right .close button{background: none;border:none;cursor: pointer;}
#header .header-right .close button p{width: 40px;height: 4px;background-color: #fff;margin-bottom:8px;-webkit-transition: .4s;transition: .4s;}
#header .header-right .close button p:last-child{margin-bottom: 0;}

body.bodyshow #header .close button p{margin: 0;}
body.bodyshow #header .close button p:nth-child(1){ -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg);
    transform: matrix(1,0,0,1,0,4) rotate(45deg);}
body.bodyshow #header .close button p:nth-child(2){width: 0;opacity: 0;}
body.bodyshow #header .close button p:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg);
    transform: matrix(1,0,0,1,0,-4) rotate(-45deg);}


/*
#header .header-right .weixin{position: relative;}
#header .header-right .weixin .weixin-box{position: absolute;top: 50%;width: 80px;height: 80px;right: 130%;margin-top: -40px;visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;}
#header .header-right .weixin .weixin-box img{border:solid 1px #ddd;}

#header .header-right .weixin .weixin-box.active{opacity: 1;visibility: visible;}
 */



#header .header-right .weixin {margin:0 10px;margin-right: 20px;}
#header .header-right .weixin img{width: 90px;border:solid 1px #ddd;}


#header .header-right{}
#header .header-right img.watch{height: 85px;margin-right: 30px;border:solid 1px #ddd;}
#header .header-right .tel{color: #202020;font-size: 14px;}
#header .header-right .tel i{font-size: 25px;display: block;width: 46px;height: 46px;line-height: 44px;text-align: center;border:solid 1px #57af3b;border-radius: 90px;margin-right: 15px;color: #fff;background-color: #57af3b;}

#header .header-right .tel p{color: #666;font-size: 15px;margin-bottom: 5px;}
#header .header-right .tel h3{font-size: 24px;color: #57af3b;white-space: nowrap;font-family: Montserrat;}



/* ------------------------- 导航样式 -------------------------------------- */

.navtaion{position: relative;z-index: 40;margin-right: 50px;}
.navtaion .box{}
.navtaion ul{}
.navtaion ul{width: 100%;}
.navtaion ul li{position: relative;z-index: 10;}
.navtaion ul li:first-child a i{margin-right: 5px;}
.navtaion ul li a{color: #2e2e2e;text-transform: uppercase;display: block;font-size:16px;position: relative;line-height: 60px;height: 60px;text-align: center;padding: 0 19px;white-space: nowrap;}
.navtaion ul li a span{position: relative;z-index: 10;line-height: 100%;}

.navtaion ul li.active a{color: #57af3b;}
.navtaion ul li a:hover{color: #57af3b;}


.navtaion ul li::after{content:'';position: absolute;top: 0;bottom: 0;right: 0;width: 1px;height: 10px;background-color: rgba(255,255,255,.3);z-index;margin: auto;}
.navtaion ul li:last-child::after{display: none;}

.navtaion ul li.search i{font-size: 24px;}


.navtaion ul li .ul{position: absolute;left: 0;top: 100%;margin-top: 10px;opacity: 0;border-radius: 3px; z-index: 0; background-color: #57af3b;padding: 10px;-webkit-transform: translateY(50px);transform: translateY(50px);visibility: hidden;background: -moz-linear-gradient(0deg,#035e9b,#55a63e);
    background: -webkit-gradient(linear,left bottom,right top,from(#035e9b),color-stop(.5,#035e9b),to(#55a63e));
    background: -webkit-linear-gradient(0deg,#035e9b,#55a63e);
    background: -o-linear-gradient(0deg,#035e9b,#55a63e);
    background: -ms-linear-gradient(0deg,#035e9b,#55a63e);
    background: linear-gradient(0deg,#035e9b,#55a63e);}
.navtaion ul li .ul::before{content: '';display: block;width: 0;height: 0;top: -20px;left: 0;right: 0;margin:auto;position: absolute; border: 10px solid;border-color: transparent transparent #55a63e;}
.navtaion ul li .ul a::before{display: none;}
.navtaion ul li .ul .li{border-bottom: solid 1px rgba(255,255,255,.2);
	-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.navtaion ul li .ul .li:last-child{border-bottom: none;}
.navtaion ul li .ul .li a{padding:0 2rem;font-size: 15px;z-index: 5;background: none;color: #fff;border-radius: 0;line-height: 40px;height: 40px;}
.navtaion ul li .ul .li a:hover{color: #57af3b;background-color: #fff;}


.navtaion ul li .ul.open{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;}


#banner{position: relative;overflow: hidden;height: 746px;}
#banner .container{overflow: hidden;height: 100%;position: relative;z-index: 30;}
#banner .swiper-slide .text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#banner .swiper-slide{width: 100%;overflow: hidden;}
#banner .swiper-slide .swiper-slide-bg{overflow: hidden;}
#banner .swiper-slide img{max-width: none; width: auto;position: relative;left: 50%;margin-left: -960px;}

#banner .swiper-slide .box{width: 100%;text-align: center;}
#banner .swiper-slide em{font-size: 30px;color: #fff;margin-bottom: 20px;display: block;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);}
#banner .swiper-slide h1{color: #fff;font-size: 60px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);font-weight: bold;}
#banner .swiper-slide h1::after{content: '';display: block;width: 35px;height: 5px;background-color: #fff;margin:20px auto;}
#banner .swiper-slide p{font-size: 30px;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);font-weight: normal;margin-bottom: 40px;}

#banner .swiper-slide .view-more{}
#banner .swiper-slide .view-more a{display: block;width: 167px;height: 50px;line-height: 50px;background-color: #57af3b;text-align: center;color: #fff;font-size: 18px;margin:0 auto;-webkit-transition: .5s;transition: .5s;}
#banner .swiper-slide .view-more a:hover{background-color: #0757bf;}



#banner .swiper-pagination{bottom: 30px;}
#banner .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background:#fff;opacity: 1;margin: 0 10px ;-webkit-transition: .5s;transition: .5s;}
#banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #57af3b;opacity: 1;}



.nav-mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;z-index: 50;}

body.bodyshow .main .nav-mask{visibility: visible;opacity: 1;}


.nav-mask.active{visibility: visible;opacity: 1;}








.slide{height: 400px;position: relative;}
/*.slide::before{content:'';position:absolute;background:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}*/
.slide .container{height: 100%;position: relative;z-index: 2;}

.slide .container .text{}
.slide .container h1{font-size: 30px;line-height: 100%;color: #222;text-transform: uppercase;margin-bottom: 5px;}
/*.slide .container h1::after{content: '';display: block;width: 40px;background-color: #fff;height: 3px;margin:20px 0;}
*/
.slide .container p{font-size: 30px;color: #666;}




.tit{margin-bottom: 40px;}
.tit h1{font-size: 40px;color: #181818;text-align: center;line-height: 100%;margin-bottom: 15px;}
.tit p{font-size: 16px;color: #727272;text-align: center;line-height: 25px;}


.ptb70{padding: 70px 0;}
.pt70{padding-top: 70px;}
.pb70{padding-bottom: 70px;}


.ptb60{padding: 60px 0;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}



.ptb55{padding: 55px 0;}
.pt55{padding-top: 55px;}
.pb55{padding-bottom: 55px;}




/* ====================================   底部   ==================================== */

#footer{background: -moz-linear-gradient(90deg,#035e9b,#55a63e);
    background: -webkit-gradient(linear,left bottom,right top,from(#035e9b),color-stop(.5,#035e9b),to(#55a63e));
    background: -webkit-linear-gradient(90deg,#035e9b,#55a63e);
    background: -o-linear-gradient(90deg,#035e9b,#55a63e);
    background: -ms-linear-gradient(90deg,#035e9b,#55a63e);
    background: linear-gradient(90deg,#035e9b,#55a63e);}


#footer .bottom-con{height: 120px;border-bottom: solid 1px rgba(255,255,255,.1);}
#footer .bottom-con .container{height: 100%;}
#footer .bottom-con .container .wrap{height: 100%;}
#footer .bottom-con dl{position: relative;}
#footer .bottom-con dl dt{margin-right: 15px;}
#footer .bottom-con dl dt i{color: #fff;font-size: 32px;}
#footer .bottom-con dl dd h3{font-size: 18px;margin-bottom: 5px;color: #fff}
#footer .bottom-con dl dd p{color: rgba(255,255,255,.7);font-size: 14px;}

#footer .bottom-con dl dd a{display: block;width: 140px;line-height: 37px;background-color: #035e9b;color: #fff;text-align: center;border-radius: 90px;font-size: 16px;}
#footer .bottom-con dl dd a i{margin-right: 5px;font-size: 20px;}

.bottom-nav{font-size: 13px;padding: 65px 0;}

.bottom-nav dl{position: relative;}
.bottom-nav dl dt{font-size: 18px;color: #fff;margin-bottom: 20px;}
.bottom-nav dl dd p{}
.bottom-nav dl dd a{color: rgba(255,255,255,.7);font-size: 14px;line-height: 30px;}
.bottom-nav dl dd a:hover{color: #57af3b;}

.bottom-nav dl.con{ }
.bottom-nav dl.con dt i{background-color: #fff;border-radius: 3px;color: #333;text-align: center;margin-right: 15px;font-size: 15px;padding: 3px;}
.bottom-nav dl.con dd p{width: 100%;line-height: 24px;font-size: 14px;color: #7e7e7e;}
.bottom-nav dl.con dd h1{font-size: 30px;color: #57af3b;margin-bottom: 15px;font-family: Anton;line-height: 35px;margin: 15px 0;}
.bottom-nav dl.con dd h1 em{font-style: normal;width: 32px;height: 32px;display: block;border-radius: 90px;background-color: #57af3b;color: #fff;text-align: center;line-height: 32px;font-size: 20px;margin-right: 10px;}
.bottom-nav dl.con dd li{font-size: 14px;color: #666;margin-bottom: 10px;}
.bottom-nav dl.con dd li img{margin-right: 10px;}


.bottom-nav dl.watch{width: auto;margin-right: 20px;}
.bottom-nav dl.watch dd{margin-bottom: 30px;text-align: center;color: #666;}
.bottom-nav dl.watch dd img{margin-bottom: 10px;border:solid 1px #ddd;}
.bottom-nav dl.watch dd p{text-align: center;width: 100%;color: rgba(255,255,255,.7);}

.bottom-nav dl.con dd .share a{width: 26px;height: 26px;background-color: #ccc;border-radius: 90px;display:block;text-align: center;line-height: 26px;color: rgba(255,255,255,.7);margin-left: 10px;}
.bottom-nav dl.con dd .share a:hover{background-color: #57af3b;color: #fff;}
.bottom-nav dl.con dd .share a i{font-size: 15px;}


.links {color: #fff;margin-bottom: 30px;font-size: 14px;}
.links a{color: rgba(255, 255, 255, .5);}
.links a:hover{color: #fff;}

.foot-bottom{line-height: 70px;font-size: 14px;color: rgba(255,255,255,.7);border-top: solid 1px rgba(255,255,255,.1);}
.foot-bottom a{color: rgba(255,255,255,.7);}
.foot-bottom a:hover{color: #fff;}


#footer.pagefooter{background-color: #333;}


#footer.pagefooter .bottom-con{border-bottom: solid 1px rgba(255,255,255,.05);}
#footer.pagefooter .bottom-con dl dt{margin-right: 15px;}
#footer.pagefooter .bottom-con dl dd i{color: #fff;font-size: 32px;}
#footer.pagefooter .bottom-con dl dt h3{font-size: 18px;margin-bottom: 5px;color: #fff}
#footer.pagefooter .bottom-con dl dt p{color: #fff;font-size: 14px;}
#footer.pagefooter .bottom-con dl::after{background: rgba(255,255,255,.05);}



#footer.pagefooter .bottom-nav dl dt{color: #fff;}
#footer.pagefooter .bottom-nav dl dd a{color: rgba(255,255,255,.6);}
#footer.pagefooter .bottom-nav dl dd a:hover{color: #fff;}

#footer.pagefooter .bottom-nav dl.con dd p{color: rgba(255,255,255,.7);}
#footer.pagefooter .bottom-nav dl.con dd li{color: rgba(255,255,255,.6);}


#footer.pagefooter .bottom-nav dl.con dd{color: #fff;}
#footer.pagefooter .bottom-nav dl.con dd .share a{background-color: #555;}

#footer.pagefooter .foot-bottom{background-color: #222;color: #fff;}
#footer.pagefooter .foot-bottom b{color: #fff;}
#footer.pagefooter .foot-bottom a{color: #fff;}


.prodes{line-height: 28px;color: #777;margin-bottom: 30px;font-size: 14px;}

.catpos {padding: 20px 0;color: #666;font-size: 16px;}
.catpos i{margin-right: 10px;}
.catpos a{color: #666;}
.catpos a:hover{color: #57af3b;}


.crumbs{font-size: 15px;color: #666;}


.crumbs .curcatname{display: none;width: 100%;}
.crumbs .curcatname i{font-weight: bold;width: 35px;height: 35px;display: block;line-height: 35px;text-align: center;}

.crumbs .subnav ul{margin: 0 -1px;}
.crumbs .subnav li{margin: 0 1px;width: 25%;line-height: 55px;}
.crumbs .subnav li a{color: #333;background-color: #efefed;display: block;text-align: center;font-size: 18px;}
.crumbs .subnav li a:hover{color: #57af3b;}
.crumbs .subnav li.on {}
.crumbs .subnav li.on a{color: #fff;background-color: #57af3b;}




.page-navbar-vertical-tree{background-color: #fff;width: 250px;margin-bottom: 50px;}
.page-navbar-vertical-tree .boxs{position: relative;}
.page-navbar-vertical-tree .curshow .downmenu{content:'';display:block;position:absolute;width:12px;height:12px;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3px;top:0;bottom:0;margin:auto;display: none;}
.page-navbar-vertical-tree .curshow .icon{margin-right: 10px;}
.page-navbar-vertical-tree .curshow .text{line-height: 100%;text-align: center;font-size: 16px;padding-top: 10px;}
.page-navbar-vertical-tree .curshow .text p{font-size: 25px;margin-bottom: 12px;}
.page-navbar-vertical-tree{position:relative;}
.page-navbar-vertical-tree .curshow{font-size:24px;text-align:center;position:relative;z-index:9;overflow: hidden;text-align: center;background-color: #57af3b;line-height: 90px;margin-bottom: 2px;color: #fff;padding: 15px 0;}
.page-navbar-vertical-tree .curshow::before{content:'';display:block;height:1px;background-color:#fff;width:60px;position:absolute;bottom:0;left:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
.page-navbar-vertical-tree .curshow::after{content:'';display:block;height:1px;background-color:#fff;width:60px;position:absolute;top:0;right:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;}
.page-navbar-vertical-tree ul{}
.page-navbar-vertical-tree ul.clearfix li{border-top: none;overflow: hidden;margin-bottom: 2px;}
.page-navbar-vertical-tree ul.clearfix li:last-child{margin-bottom: 0;}
.page-navbar-vertical-tree ul.clearfix li a{font-size:16px;display:block;background-color: #ececec;color: #444;}
.page-navbar-vertical-tree ul.clearfix li a.level{line-height: 50px;height: 50px;text-indent:30px;}
.page-navbar-vertical-tree ul.clearfix li a:hover{color: #fff;background-color: #2b2b2b;}

.page-navbar-vertical-tree ul.clearfix li a.active{color: #fff;background-color: #2b2b2b;}

.page-navbar-vertical-tree ul.clearfix li .sub{border-right: solid 1px #ececec;border-left: solid 1px #ececec;display: none;}
.page-navbar-vertical-tree ul.clearfix li .sub.active{display: block;}
.page-navbar-vertical-tree ul.clearfix .sub:last-child{border-bottom: solid 1px #ececec;}
.page-navbar-vertical-tree ul.clearfix li .sub .li{border-bottom: solid 1px #ececec;}
.page-navbar-vertical-tree ul.clearfix li .sub .li:last-child{border-bottom: none;}
.page-navbar-vertical-tree ul.clearfix li .sub .li a{background-color: #fff;font-size: 15px;line-height: 45px;text-indent: 40px;position: relative;color: #666}
.page-navbar-vertical-tree ul.clearfix li .sub .li a::after{content: '';display: block;width: 10px;height: 10px;border-top: solid 2px #ccc;border-right: solid 2px #ccc;position: absolute;right: 30px;top: 0;bottom: 0;margin:auto;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.page-navbar-vertical-tree ul.clearfix li .sub .li a:hover{color: #2b2b2b;}
.page-navbar-vertical-tree ul.clearfix li.active .sub .li a{color: #666}
.page-navbar-vertical-tree ul.clearfix li .sub .li.active a{color: #57af3b}



.cbgg-01{background:#57af3b;text-align:center;color:#fff;}
.cbgg-01-img img{width:100%;display:block;}
.cbgg-01 p{padding-top:15px;}
.cbgg-01 p i{margin-right:5px;}
.cbgg-01 span{display:block;font-size:28px;font-weight:bold;font-family:Arial;padding-bottom:20px;padding-top:10px;}



#search-wrap{border-bottom: solid 1px #eee;}
#search-wrap .container{height: 96px;}
#search-wrap .l {font-size: 15px;color: #7d7d7d;display: none;}
#search-wrap .l b{color: #222;background-color: #57af3b;color: #fff;width: 96px;height: 25px;line-height: 25px;display: inline-block;text-align: center;border-radius: 3px;position: relative;margin-right: 15px;}
#search-wrap .l b::after{content:'';border-width: 6px;border-color: transparent transparent transparent #57af3b;border-style: solid;position: absolute;left: 100%;top: 0;bottom: 0;margin: auto;width: 0;height: 0;}
#search-wrap .l b i{color: #57af3b;margin-right: 5px;}
#search-wrap .l a{color: #777;}
#search-wrap .l a::after{content:'|';color: #999;margin: 0 15px;}
#search-wrap .l a:last-child::after{display: none;}
#search-wrap .l a:hover{color: #57af3b}

#search-wrap .search{width: 400px;}
#search-wrap .search form{position: relative;}
#search-wrap .search input[type='text']{border:none;padding: 5px;height: 50px;padding-left: 30px;width: 100%;border-radius: 90px;background-color: #f1f1f1;}
#search-wrap .search button{border:none;background: none;cursor: pointer;font-size: 22px;width: 50px;background-color: #57af3b;color: #fff;border-radius: 90px;position: absolute;top: 0;right: 0;height: 100%;}
#search-wrap .search button i{font-size: 22px;color: #fff;}


#search-wrap.pagesearch{background-color: #f2f2f2;border-bottom: none;}


#search-wrap.pagesearch .search input{background: none;}





.xh-tags{margin: 0 -10px;}
.xh-tags li{background-color: #666;color: #fff;padding: 0 15px;margin: 0 10px;}




#qualification{position: relative;height: 700px;}
#qualification::after{content: '';display: block;background-color: #f6f6f6;height: 300px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: -1;}

#qualification .list{overflow: hidden;position: relative;padding-bottom: 50px;}
#qualification .list ul li{background: url(../images/qualificationlibg.jpg) no-repeat;padding: 19px 13px;width: 20%;}
#qualification .list .swiper-pagination-bullet{width: 13px;height: 13px;}
#qualification .list .swiper-pagination-bullet-active{background-color: #57af3b;}





#partner{background: url(../images/partnerbg.jpg) no-repeat;height: 430px;}
#partner .tit h1{color: #fff;}
#partner .tit p{color: #fff;}
#partner .list{position: relative;}
#partner .list>div{overflow: hidden;}
#partner .list ul li p{text-align: center;font-size: 16px;color: #fff;padding: 5px 0;}

#partner .list .next i, #partner .list .prev i{font-size: 36px;}
#partner .list .next{position: absolute;left: -65px;color: #fff;width: 45px;height: 45px;display: block;top: 0;bottom: 0;margin: auto;}
#partner .list .prev{position: absolute;right: -65px;color: #fff;width: 45px;height: 45px;display: block;top: 0;bottom: 0;margin: auto;}


/**
 * ============================== 产品 ===================================
 */
#product{padding-bottom: 100px;}

#product .navbar{width: 280px;position: relative;padding-top: 86px;}
#product .navbar h1{height: 84px;font-size: 24px;color: #fff;background-color: #57af3b;text-align: center;line-height: 84px;width: 100%;position: absolute;top: 0;left: 0;}
#product .navbar h1::before{content:'';display:block;height:1px;background-color:#fff;width:60px;position:absolute;bottom:0;left:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
#product .navbar h1::after{content:'';display:block;height:1px;background-color:#fff;width:60px;position:absolute;top:0;right:0;-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);-o-transform:rotate(-24deg);transform:rotate(-24deg);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;}
#product .navbar ul{height: 100%;}
#product .navbar ul li{position: relative;width: 100%;height: 48px;line-height: 48px;}
#product .navbar li a{background-color: #f1f1f1;display: block;font-size: 15px;position: relative;height: 100%;padding: 0 30px;}
#product .navbar li a i{font-size: 22px;margin-left: 10px;border-radius: 90px;border:solid 1px #d6d6d6;width: 24px;height: 24px;line-height: 22px;font-size: 16px;text-align: center;}
#product .navbar li a:hover{background-color: #57af3b;color: #fff;}


#product .list{overflow: hidden;}
#product .list ul{}
#product .list ul li{width: 33.333%;}
#product .list ul li .img{border:solid 1px #d4d4d4;}
#product .list ul li .text h3{font-size: 20px;color: #2e2e2e;padding: 10px 0;}
#product .list ul li a:hover .text h3{color: #57af3b;text-decoration: underline;}
#product .list ul li .text p{color: #747474;font-size: 15px;line-height: 25px;}

/**
 * ============================== 关于我们 ===================================
 */

#about{overflow: hidden;background: url(../images/aboutbg.jpg) no-repeat center;height: 627px;position: relative;}
#about::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,.7);height: 100%;}
#about .tit{margin: 0;}
#about .tit::after{content: '';display: block;height: 3px;width: 30px;background-color: #fff;margin: 20px auto;}
#about .tit h1{color: #fff;}
#about .tit p{color: #fff;}

#about .container{position: relative;z-index: 10;}
#about .list{color: #fff;font-size: 15px;text-align: center;line-height: 24px;}
#about .list p{margin-bottom: 80px;font-size: 16px;line-height: 35px;}
#about .list .img{margin-bottom: 70px;}


#about .number{margin-bottom: 60px;}

#about .number dl{position: relative;padding: 0 110px;}
#about .number dl::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;right: 0;top: 0;}
#about .number dl:last-child::after{display: none;}
#about .number dl dt{margin-bottom: 15px;}
#about .number dl dt h1{font-size: 55px;color: #fff;line-height:65%;font-family: Montserrat;margin-right: 5px;}
#about .number dl dt em{display: block;width: 22px;height: 22px;border-radius: 90px;background-color: #57af3b;color: #fff;font-style: normal;line-height: 22px;text-align: center;}
#about .number dl dd{font-size: 15px;color: #fff;text-align: center;}


.hidden{visibility: hidden;opacity: 0;}


#youshi{overflow: hidden;height: 784px;}
#youshi .swiper-slide{width: 1400px;position: relative;}



#youshi .navbar{margin-bottom: 50px;}
#youshi .navbar ul li{margin: 0 30px;}
#youshi .navbar ul li a{display: block;font-size: 18px;text-align: center;}
#youshi .navbar ul li a::before{content: '';display: block;width: 9px;height: 9px;border:solid 5px #dddddd;margin-right: 10px;}
#youshi .navbar ul li a:hover{color: #57af3b;}
#youshi .navbar ul li.active a{color: #57af3b;}
#youshi .navbar ul li.active a::before{border-color: #57af3b;}

#youshi .list{position: relative;overflow: hidden;}

#youshi .swiper-slide {background-color: #f9f8f8;}
#youshi .swiper-slide .img{float: right;}
#youshi .swiper-slide .text{position: absolute;top: 45px;left: 45px;background-color: #fff;z-index: 30;color: #717070;font-size: 14px;width: 723px;height: 367px;padding: 55px;}
#youshi .swiper-slide .text .tits-box{position: relative;}
#youshi .swiper-slide .text .tits-box h1{line-height: 100%;font-size: 36px;color: #57af3b;font-weight: bold;margin-bottom: 10px;}
#youshi .swiper-slide .text .tits-box p{font-size: 15px;color: #636363;}
#youshi .swiper-slide .text .tits-box p::after{content: '';display: block;width: 24px;height: 4px;background-color: #57af3b;margin: 25px 0;}
#youshi .swiper-slide .text .desc{font-size: 16px;line-height: 26px;}


#youshi .list a.prev{width: 112px;height: 38px;position: absolute;left: 45px;bottom: 45px;text-align: center;line-height: 53px;background-color: #57af3b;display: block;line-height: 38px;z-index: 99;}
#youshi .list a.prev:hover{background-color: #035e9b;}
#youshi .list a.prev i{color: #fff;font-size: 36px;}


#youshi .list a.next{width: 112px;height: 38px;position: absolute;left: 172px;bottom: 45px;text-align: center;line-height: 53px;background-color: #57af3b;display: block;z-index: 99;line-height: 38px;}
#youshi .list a.next:hover{background-color: #035e9b;}
#youshi .list a.next i{color: #fff;font-size: 36px;}




/**
 * ============================== 案例 ===================================
 */
#case{overflow: hidden;}

#case .list{overflow: hidden;}
#case .list ul{margin: 0 -2px;}
#case .list ul li{width: 50%;padding: 0 2px;margin-bottom: 4px;}
#case .list ul li a{display: block;position: relative;overflow: hidden;}
#case .list ul li a img{width: 100%;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#case .list ul li a:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
#case .list ul li .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);opacity: 0;visibility: hidden;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#case .list ul li .text p{font-size: 20px;color: #fff;border-top: solid 1px #fff;border-bottom: solid 1px #fff;padding: 15px 0;}

#case .list ul li a:hover .text{opacity: 1;visibility: visible;}

.hzkf{overflow: hidden;}
.hzkf ul li{}
.hzkf ul li img{border:solid 1px #d7d7d7;}

.icon {
       width: 1.5em; height: 1.5em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }


.cpzl .ul{}
.cpzl .ul .li{border:solid 1px #ddd;margin-bottom: 20px;}
.cpzl .ul .li h3{font-size: 18px;padding: 15px;border-bottom: solid 1px #ddd;color: #57af3b;}
.cpzl .ul .li .content{padding: 15px;font-size: 14px;color: #555;line-height: 26px;}
.cpzl .ul .li .content ul{padding-left: 40px;padding: 10px 0 10px 40px;margin-bottom: 20px;}
.cpzl .ul .li .content li{list-style-type: disc;}

.cpzl .ul .li .content .sms i{font-size: 18px;color: none}

.cptx dl dt{font-size: 20px;font-weight: bold;}


#news {padding-bottom: 90px;}

#news .list {}
#news .list .left{width: 660px;}
#news .list .left .t{margin-bottom: 30px;}
#news .list .left .t ul li{font-size: 20px;margin-right: 40px;position: relative;padding-bottom: 10px;}
#news .list .left .t ul li a{color: #035e9b;position: relative;z-index: 10;text-align: center;font-weight: bold;}
#news .list .left .t ul li::after{content:'';width: 84px;height: 2px;background-color: #57af3b;display: none;position: absolute;bottom: 2px;left: -2px;z-index: 0;}
#news .list .left .t ul li.active a{font-weight: bold;color: #57af3b;}
#news .list .left .t ul li.active::after{display: block;}
#news .list .left .t a.more{font-size: 14px;color: #5d5c5c;font-weight: normal;}
#news .list .left .t a.more:hover{color: #57af3b}

#news .list .left .l{overflow: hidden;}
#news .list .left .l .t-img{margin-bottom: 20px;}
#news .list .left .l .box{position: relative;}
#news .list .left .l .li{width: 100%;}
#news .list .left .l dl{border-bottom: solid 1px #ececec;padding-bottom: 25px;margin-bottom: 10px;}
#news .list .left .l dl dt{font-size: 22px;}
#news .list .left .l dl dt a{overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;}
#news .list .left .l dl dt span{font-size: 14px;color: #8e8e8f;}
#news .list .left .l dl dd{color: #737373;font-size: 13px;line-height: 24px;}
#news .list .left .l dl dd h3{font-size: 18px;margin-bottom: 10px;}
#news .list .left .l dl dd h3 span{font-size: 14px;color: #828080;}
#news .list .left .l dl dd p{margin-bottom: 10px;color: #858585;}
#news .list .left .l dl dd a.more{display: block;width: 100px;line-height: 30px;background-color: #57af3b;color: #fff;text-align: center;}

#news .list .left .l dl dd h3 a:hover{color: #57af3b;}


#news .list .left .l ul{margin: 0 -20px;}
#news .list .left .l ul li{line-height: 36px;}
#news .list .left .l ul li a{font-size: 15px;color: #3e3d3d;display: block;padding: 0 10px;background: url(../images/newsicon.png) no-repeat 10px center;text-indent: 15px;}
#news .list .left .l ul li a:hover{color: #57af3b;}
#news .list .left .l ul li a em{font-style: normal;display: block;width: 70%;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}
#news .list .left .l ul li span{font-size: 15px;color: #a6a6a6;}

#news .list .left .l ul li:nth-child(3) a,#news .list .left .l ul li:nth-child(4) a,#news .list .left .l ul li:nth-child(7) a,#news .list .left .l ul li:nth-child(8) a{background-color: #f5f5f5;}


#news .list .right{width: 660px;}
#news .list .right .t{margin-bottom: 30px;font-weight: bold;color: #035e9b;}
#news .list .right .t h1{padding-bottom: 10px;font-size: 20px;font-weight: bold;position: relative;}
#news .list .right .t h1::after{content:'';width: 84px;height: 2px;background-color: #57af3b;display: none;position: absolute;bottom: 2px;left: -2px;z-index: 0;display: block;}
#news .list .right .t .more{font-size: 14px;color: #5d5c5c;font-weight: normal;}
#news .list .right .t .more:hover{color: #57af3b}
#news .list .right .l .t-img{margin-bottom: 20px;}

#news .list .right{position: relative;}
#news .list .right .l{overflow: hidden;min-height: 400px;}
#news .list .right .l dl{position: relative;border-bottom: solid 1px #ddd;margin-bottom: 15px;padding-bottom: 15px;height: 20%;}
#news .list .right .l dl:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
#news .list .right .l dl dt{margin-bottom: 5px;position: relative;}
#news .list .right .l dl dd h1{position: relative;font-size: 16px;padding-left: 30px;}
#news .list .right .l dl dd h1:before{content: 'Q';display: block;position: absolute;left: 0;top: 3px;width: 18px;height: 18px;background-color: #035e9b;color: #fff;text-align: center;font-size: 13px;line-height: 18px;}
#news .list .right .l dl dt a{font-size: 16px;color: #242424;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#news .list .right .l dl dt a:hover{color: #57af3b;}
#news .list .right .l dl dd{color: #858585;font-size: 13px;line-height: 25px;position: relative;padding-left: 30px;}
#news .list .right .l dl dd p{position: relative;padding-left: 30px;font-size: 13px;}
#news .list .right .l dl dd p:before{content: 'A';display: block;position: absolute;left: 0;top: 3px;width: 18px;height: 18px;background-color: #57af3b;color: #fff;text-align: center;line-height: 18px;}
#news .list .right .l dl dd a.more{display: block;margin-top: 25px;font-size: 13px;color: #57af3b;}

#news .list .right .pageing{position: absolute;bottom: -7px;width: 100%;left: 0;height: 12px;}
#news .list .right .swiper-pagination{position: static;background-color: #fff;padding: 0 5px;}
#news .list .right .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #bdbdbd;margin: 0 3px;opacity: 1;}
#news .list .right .swiper-pagination .swiper-pagination-bullet-active{background-color: #57af3b;}


#service{background: url(../images/servicebg.jpg) no-repeat center fixed;position: relative;}
#service::before{content:'';background-color: rgba(0,0,0,.4);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#service .container{position: relative;z-index: 20;}
#service .tit h1{color: #fff;}
#service .tit p{color: #fff;}
#service .list{margin: 0 -8px;}
#service dl{width: 20%;text-align: center;position: relative;background-color: #f2f9f3;margin: 0 8px;height: 350px;}
#service dl::after{content: '';display: block;position: absolute;right: 10px;top: 10px;left: 10px;bottom: 10px;border:solid 2px #ddeddf;}
#service dl dd{background: url(../images/service1.png) repeat;padding:10px 32px;}
#service dl dd .num{font-size: 48px;font-family: Montserrat;line-height: 100%;color: #8f8f8f;}
#service dl dd .icon{margin: 10px 0 10px;}
#service dl dd .icon i{font-size: 50px;color: #333333;}
#service dl dd h1{font-size: 17px;color: #333232;}
#service dl:hover{background-color: #57af3b;}
#service dl:hover::after{border-color: rgba(255,255,255,.4);}
#service dl:hover dd{background: url(../images/service2.png) repeat;}
#service dl:hover dd .num{color: #fff;}
#service dl:hover dd .icon i{color: #fff;}
#service dl:hover dd h1{color: #fff;}



.p-kehu ul{margin: 0 -10px;}
.p-kehu ul li{width: 20%;padding: 0 10px;margin-bottom: 20px;}
.p-kehu ul li img{border:solid 1px #ddd;margin-bottom: 10px;}

.p-kehu ul li .h3{text-align: center;font-size: 16px;}



.pages .about-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}
.pages .about-top h4{font-size: 24px;color: #57af3b;margin-bottom: 20px;line-height: 100%;}
.pages .about-top h5{font-size: 20px;color: #57af3b;margin-bottom: 10px;line-height: 100%;}
.pages .about-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}
.pages .about-top .sub{padding-left: 30px;}
.pages .about-top .list{font-size: 17px;color: #444;line-height: 2;}
.pages table{border-collapse:collapse;width: 100%;margin-bottom: 70px;}
.pages tbody td{border-bottom: 1px solid #ccc;}
.pages table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.pages table thead td{font-size: 20px;white-space: nowrap;color: #fff;padding: 20px 0}
.pages table tbody td{font-size: 15px;color: #666;}
.pages table td{padding: 20px 2%;line-height: 1.8;}
.pages table tbody tr td:first-child{text-align: center;}
.pages .ys{padding: 70px 0;background-color: #f8f8f8;margin-bottom: 70px;width: 1920px;left: 50%;margin-left: -960px;position: relative;}
.pages .td em{background: #57af3b;color: #fff;padding: 4px 10px;margin-right: 10px;}

.pages-about{line-height: 2;font-size: 16px;color: #555;}
.pages-about .tit{margin-bottom: 20px;}
.pages-about .about-top{}
.pages-about .about-top .img{}
.pages-about .about-top h1{font-size: 25px;color: #222;margin-bottom: 20px;line-height: 100%;}
.pages-about .about-top p{font-size: 15px;margin-bottom: 10px;}
.pages-about .about-top h3{font-size: 24px;color: #222;margin-bottom: 25px;}
.pages-about .about-top .list{font-size: 16px;color: #444;line-height: 28px;text-align: center;}

.pages-about .about-top ul{margin: 0 -10px;}
.pages-about .about-top ul li{width: 33.333%;padding: 0 10px;margin-bottom: 10px;}
.pages-about .about-top ul li a{display: block;background-color: #57af3b;color: #fff;line-height: 40px;text-align: center;}
.pages-about .about-top ul li a:hover{background-color: #333;}

.pages-about .about-top .right .img{position: relative;padding: 30px 30px 0 0}
.pages-about .about-top .right .img img{position: relative;z-index: 20;}
.pages-about .about-top .right .img::after{content: '';display: block;position: absolute;background-color: #57af3b;top: 0;right: 0;width: 500px;height: 500px;}


.sl{background: url(../images/slbg.jpg) no-repeat center;color: #fff;padding: 90px 0;}
.sl .des{text-align: center;}
.sl .tit h1{color: #fff;}
.sl .tit p{color: #fff;}


.pages-about .number{position: relative;}

.pages-about .number > div{position: relative;z-index: 20;}
.pages-about .number dl{position: relative;width: 25%;padding: 0 90px;text-align: center;}
.pages-about .number dl:first-child::before{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;left: 0;top: 0;}
.pages-about .number dl::after{content: '';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.2);position: absolute;right: 0;top: 0;}
.pages-about .number dl dt{margin-bottom: 10px;}
.pages-about .number dl dt h5{font-size: 45px;color: #111;line-height: 100%;font-family: Montserrat;margin-right: 5px;}
.pages-about .number dl dt em{display: block;width: 22px;height: 22px;border-radius: 90px;background-color: #57af3b;color: #fff;font-style: normal;line-height: 22px;text-align: center;}
.pages-about .number dl dd{font-size: 15px;color: #888;line-height: 25px;}

.pages-about .fencai {overflow: hidden;margin-bottom: 50px;}
.pages-about .fencai li p{text-align: center;padding-top: 15px;}


.se-result{border:solid 1px #ddd;padding: 25px;font-size: 16px;color: #666;}



.pages-ly{}
.pages-ly .tits{background-color: #0d5bc1;color:#fff;display: inline-block;font-size: 20px;padding: 10px 20px;}
.pages-ly .list{border:solid 1px #ddd;padding: 50px 50px 100px;background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom;overflow: hidden;}
.pages-ly .list .row{width: 650px;margin:0 auto;color: #666;font-size: 13px;}
.pages-ly .list .inputs{margin-bottom: 10px;}
.pages-ly .list .inputs b{display: inline-block;width: 110px;text-align: right;font-weight: normal;}
.pages-ly .list input[type="text"]{border:solid 1px #ddd;padding: 10px;width: 70%;}
.pages-ly .list textarea{border:solid 1px #ddd;padding: 10px;width: 70%;height: 120px;}
.pages-ly .list input[type="submit"]{border:none;background-color: #0d5bc1;color: #fff;padding: 10px 35px;font-size: 18px;cursor: pointer;}


.pdown ul{margin: 0 -20px;}
.pdown ul li{width: 33.333%;padding: 0 20px;}
.pdown ul li a{background-color: #f9f9f9;padding: 25px;display: block;}
.pdown ul li a p{font-size: 16px;margin-bottom: 10px;}
.pdown ul li a em{font-style: normal;}
.pdown ul li a .desc{color: #777;font-size: 14px;}
.pdown ul li a .right{margin-left: 20px;}
.pdown ul li a i{font-size: 25px;}

.cpjs h3{display: inline-block;background-color: #57af3b;color: #fff;font-weight: bold;padding: 5px 15px;border-top-left-radius: 10px;}


.xtzc h3{display: inline-block;background-color: #57af3b;color: #fff;font-weight: bold;padding: 5px 15px;border-top-left-radius: 10px;}
.xtzc .img{border:solid 1px #ddd;}



.yjbj{display: inline-block;background-color: #57af3b;color: #fff;font-weight: bold;padding: 5px 15px;border-top-left-radius: 10px;margin: 0!important;}

.ydfx{width: 70%;margin-left: 20px;height: 100%;border:solid 1px #ddd;}
.ydfx li{width: 33.33%;background-color: #f7f7f7;height: 45px;line-height: 45px;text-align: center;}
.ydfx li:nth-child(2n){background-color: #fff;}


.rests{font-size: 20px;line-height: 50px;border-bottom: solid 1px #ddd;margin-bottom: 30px;}
.rests b{display: block;width: 120px;line-height: 50px;background-color: #57af3b;color: #fff;text-align: center;}
.rests span{float: right;color: #666;}





/* ====================================   网站地图   ==================================== */
.pages-sitemap{padding: 55px 0;}
.sitemap{padding: 0 0;overflow: hidden;}
.sitemap h2{font-size: 22px;padding: 10px 15px;background-color: #57af3b;display: inline-block;}
.sitemap h2 a{color: #fff;}
.sitemap h2 a:hover{color: #fff;text-decoration: underline;}
.sitemap ul{overflow: hidden;display: block;font-size: 15px;margin-bottom: 30px;border: solid 1px #ddd;font-size: 0;padding: 10px;}
.sitemap ul li{width:25%;line-height: 25px;display: inline-block;vertical-align: top;text-align: center;font-size: 18px;line-height: 35px;position: relative;top: 1px;}
.sitemap ul li a{color: #333;}
.sitemap ul li a:hover{color: #57af3b;text-decoration: underline;}
.sitemap ul li p a{font-weight: normal;}
.sitemap ul li p:last-child{margin-bottom: 30px;}
.sitemap ul div{margin-bottom: 15px;border:solid 1px #eee;padding: 15px;}
.sitemap ul h3{font-size: 15px;margin-bottom: 10px;}
.sitemap ul h3 a{color: #333;}









.pages-picture{padding: 40px 0;}
.pages-picture li{margin-bottom: 30px;}
.pages-picture li img{width: 100%;padding: 10px;border:solid 1px #ddd;}
.pages-picture li .h3{font-size: 16px;line-height: 50px;text-align: center;background-color: #f2f2f2;}
.pages-picture li a:hover .h3{color: #fff;background-color: #57af3b;}


.pages-work{padding: 3% 0;overflow: hidden;}
.pages-work ul{}
.pages-work li{margin-bottom: 10px;margin-bottom: 40px;}
.pages-work li img{width: 100%;padding: 8px;border:solid 1px #ddd;}
.pages-work li a:hover img{border:solid 1px #57af3b;}
.pages-work li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.pages-work li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border:solid 1px #ddd;border-top: none;}
.pages-work li a:hover .h3{border:solid 1px #57af3b;border-top: none;background-color: #57af3b;color: #fff;}

.pages-work li a .contents{display: none;}
.pages-work .contentsShow{margin-bottom: 10px;padding: 0 10px;font-size: 15px;line-height: 2;clear: both;display: none;}
.pages-work .contentsShow .box{background-color: #e6212a;padding: 30px;color: #fff;}

.pages-parent{padding: 3% 0;overflow: hidden;}
.pages-parent ul{}
.pages-parent li{margin-bottom: 10px;margin-bottom: 10px;}
.pages-parent li img{width: 100%;padding: 8px;border:solid 1px #ddd;}
.pages-parent li a:hover img{border:solid 1px #57af3b;}
.pages-parent li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.pages-parent li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border-top: none;}
.pages-parent li a:hover .h3{color: #57af3b;}


.p-factory ul{margin: 0 -20px;}
.p-factory ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;}
.p-factory ul li .img{overflow: hidden;}
.p-factory ul li .img img{-webkit-transition: .5s;transition: .5s;}
.p-factory ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.p-factory ul li .h3{font-size: 20px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}



.p-honor ul{margin: 0 -20px;}
.p-honor ul li{width: 20%;padding: 0 20px;margin-bottom: 20px;}
.p-honor ul li .img{overflow: hidden;border:solid 1px #ddd;}
.p-honor ul li .img img{-webkit-transition: .5s;transition: .5s;}
.p-honor ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.p-honor ul li .h3{font-size: 16px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}



/**
 * 分页
 */


/*#page{text-align: center;font-size: 15px;padding: 40px 0;}
#page span, #page a{margin:0 2px;color: #666;border-radius: 90px;background-color: #efefef;-webkit-transition: .5s;transition: .5s;width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;}
#page span.cur{background-color: #57af3b;color: #fff;}
#page a:hover{background-color: #57af3b;color: #fff;}
#page span.total{width: 100px;}*/

#page{text-align: center;font-size: 15px;padding: 40px 0;}
#page span, #page a{display: inline-block;border:solid 1px #999;margin-left: 2px;padding: 5px 15px;color: #666;}
#page span.cur{border-color: #57af3b;background-color: #57af3b;color: #fff;}



.pages .about-top {margin-bottom: 80px;}
.pages .about-top .left{}
.pages .about-top .list{margin-bottom: 20px;}
.pages .about-top img{width: 100%;}



.pages .about-top ul li{width: 33.333%;background-color: #f2f2f2;}
.pages .about-top ul li .text{padding: 50px 25px;}
.pages .about-top ul li .text p{color: #666;font-size: 16px;line-height: 28px;}
.pages .about-top ul li:nth-child(2){background-color: #e6e6e6;}


.pservice .tit h1::after{content: '';display: block;height: 3px;width: 30px;background-color: #57af3b;margin: 30px auto 0;}

.pservice h3.t{font-size: 26px;text-align: center;margin-bottom: 20px;}

.pservice .l h4{font-size: 20px;margin-bottom: 20px;}
.pservice .l p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;}
.pservice .l ul li{width: 48%;}
.pservice .l ul li img{width: 100%;}


.pservice .xkz{position: relative;}
.pservice .xkz::before{content: '';display: block;width: 1920px;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.pservice .xkz>div{position: relative;z-index: 20;}
.pservice .xkz img{width: 100%;}

.pservice .anzhuang ul{margin: 0 -10px;}
.pservice .anzhuang ul li{padding: 0 10px;}

.pservice .px{position: relative;}
.pservice .px::before{content: '';display: block;width: 1920px;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.pservice .px>div{position: relative;z-index: 20;}

.pservice .px ul{margin: 0 -10px;}
.pservice .px ul li{padding: 0 10px;}

.pservice .sh ul{margin: 0 -10px;}
.pservice .sh ul li{padding: 0 10px;}

.blue{color: #57af3b;}

.page-contact{padding-bottom: 70px;}

.tiptit{font-size: 20px;color: #333;padding-bottom: 30px;}
.page-contact .tiptit {text-align: center;}
.page-contact .tiptit h1{margin-bottom: 20px;line-height: 100%;}
.page-contact .tiptit p{line-height: 35px;margin-bottom: 20px;}
.page-contact .con-top {margin: 0 -15px;margin-bottom: 30px;}
.page-contact .con-top dl{width: 100%;border: solid 1px #ddd;margin:0 15px;text-align: center;padding: 20px;background-color: #f9f9f9;}
.page-contact .con-top dl dt{text-align: center;}
.page-contact .con-top dl dt i{font-size: 36px;color: #57af3b;border-radius: 50%;display: block;}
.page-contact .con-top dl dd{}
.page-contact .con-top dl dd p{font-size: 14px;color: #444;line-height: 25px;}
.page-contact .con-top dl dd h3{font-size: 18px;margin: 10px 0;}


.page-contact .allmap{height: 500px;border:solid 1px #ddd;overflow: hidden;}
.page-contact #allmap{height: 500px;}





@media (max-width: 767px){
    .page-contact .tiptit{padding: 0;}
    .page-contact{padding: 40px 0; }
    .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;}
    .page-contact .tiptit p{font-size: 15px;line-height: 26px;}
    .tiptit{padding-bottom: 20px;}
    .page-contact .list{display: block;}
    .page-contact .con-top{width: 100%;margin-bottom: 20px;}
    .page-contact .con-top dl{width: 100%;padding: 20px;}
    .page-contact .con-top dl dd p{font-size: 14px;line-height: 24px;}

    .page-contact .allmap{width: 100%;}

    .page-contact .con-top dl:nth-child(4){border-bottom: none;}

}



@media (min-width: 768px) and (max-width: 991px){

    .page-contact{padding: 40px 0; }
    .page-contact .tiptit{padding: 0;}
    .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;}
    .page-contact .tiptit p{font-size: 15px;line-height: 26px;}
    .tiptit{padding-bottom: 20px;}
    .page-contact .list{display: block;}
    .page-contact .con-top{width: 100%;margin-bottom: 20px;}
    .page-contact .con-top dl{width: 50%;padding: 20px;}
    .page-contact .allmap{width: 100%;}

    .page-contact .con-top dl:nth-child(n+3){border-bottom: none;}
}



@media (min-width:992px) and (max-width:1199px){

    .page-contact{padding: 50px 0; }
    .page-contact .tiptit h1{margin-bottom: 10px;}
    .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;line-height: 30px;}

}


@media (min-width:1200px) and (max-width:1400px){
    .page-contact{padding: 50px 0; }
    .page-contact .tiptit h1{margin-bottom: 10px;}
    .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;}
}



.page-outlets{padding: 75px 0;}
.page-outlets .container{position: relative;overflow: hidden;}
.page-outlets .allmap{width: 50%;height: 500px;border:solid 1px #ddd;}
.page-outlets #allmap{height: 600px;}

.outlets{position: absolute;width: 400px;background-color: #fff;height: 80%;right: 100px;top: 0;z-index: 50;bottom: 0;margin: auto;-webkit-transition: .5s;transition: .5s;}
.outlets .title{line-height: 70px;padding: 0 20px;background-color: #57af3b;color: #fff;font-size: 22px;}
.outlets .list{}
.outlets .show{display: none;position: absolute;right: 100%;background-color: #57af3b;color: #fff;top: 0;bottom: 0;margin:auto;width: 30px;height: 120px;padding: 10px 0;text-align: center;font-size: 18px;cursor: pointer;}




.serve_list_container {padding: 30px;}
.serve_list_container .item{border-bottom: solid 1px #ddd;position: relative;padding: 10px 0 10px 30px;}
.serve_list_container .item .num{width: 20px;height: 20px;background-color: #57af3b;color: #fff;text-align: center;line-height: 20px;border-radius: 90px;font-size: 15px;margin-right: 10px;position: absolute;top: 10px;left: 0;}
.serve_list_container .item .information {width: 100%;}
.serve_list_container .item h3{font-size: 18px;margin-bottom: 10px;}
.serve_list_container .item p{font-size: 15px;color: #666;line-height: 26px;}



@media (max-width:767px){
    .page-outlets{padding: 40px 0;}
    .outlets .show{display: block}
    .outlets{right: auto;left: 100%;width: 60%;}
    .serve_list_container{padding: 10px;}
    .serve_list_container .item{}
    .serve_list_container .item h3{font-size: 15px;overflow: hidden;-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}
    .serve_list_container .item p{font-size: 13px;line-height: 20px;}
    .outlets .title{line-height: 50px;font-size: 18px;}

    .page-outlets #allmap{height: 400px;}
    .outlets.active{left: auto;right: 0;}
}

@media (min-width:768px) and (max-width: 991px){
    .page-outlets{padding: 50px 0;}
    .outlets .show{display: block}
    .outlets{right: auto;left: 100%;}

    .outlets.active{left: auto;right: 0;}

}


@media (min-width:992px) and (max-width:1199px){
    .outlets{right: 5%;}

}



@media (min-width:1200px) and (max-width:1400px){


}




.pages-news{width: 1120px;}
.pages-news ul{}
.pages-news ul li{border: solid 1px #ddd;padding: 20px;margin-bottom: 20px;}
.pages-news ul li:hover{border:solid 1px #57af3b;}
.pages-news ul li a{position: relative;}
.pages-news ul li .img{overflow: hidden;width: 250px;margin-right: 20px;}
.pages-news ul li .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.pages-news ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}


.pages-news ul li .text{position: relative;}
.pages-news ul li .text .h1{font-size: 22px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 15px;}
.pages-news ul li a:hover .text .h1{color: #57af3b}
.pages-news ul li .text .des{font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 30px;}
.pages-news ul li .clicks{color: #666;font-size: 14px;margin-bottom: 10px;font-weight: 100;}
.pages-news ul li .clicks i{margin-right: 10px;font-weight: bold;}

.pages-news ul li .text span.fa-plus{display:block;width:40px;height:40px;background-color:#f6ac1d;color:#fff;text-align:center;line-height:40px;font-size:16px;}

.pages-news ul li .text em{background-color: #ccc;color: #fff;padding: 5px 15px;font-style: normal;font-size: 14px;}

.pages-news ul li a:hover .text em{background-color: #57af3b;}






.pages-news-show{width: 1120px;border-top: solid 1px #ddd;padding-top: 30px;}

.pages-news-show .newstop{}

.pages-news-show .intro .title{font-size: 25px;color: #222;margin-bottom: 16px;line-height: 100%;}
.pages-news-show .intro .source{font-size: 13px;color: #666;border-bottom: solid 1px #ddd;}
.pages-news-show .intro .source .back{padding: 5px 10px;background-color: #666;color: #fff;}
.pages-news-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding: 3% 0 0;}
.pages-news-show .intro .contents iframe{display: block;margin:0 auto;}
.tags{margin: 20px 0;color: #333;font-size: 14px;}
.tags span{margin-right: 10px;background-color: #e5e5e5;padding: 3px 10px;}




.xwxq-matterwordsL-share{padding: 15px 0;}
.xwxq-matterwordsL-share-pro{float: right;font-family: 'Microsoft YaHei';font-size: 13px;line-height: 100%;padding: 15px 0;color: #666;}
.bdsharebuttonbox{display: inline-block;vertical-align: middle;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a, .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{display: inline-block;background-color: #333;margin-right: 10px;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a,.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{background-color:#fff;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_weixin{background:none;background-position:0;width:21px;height:18px;background:url(../images/share1.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_tsina{background:none;background-position:0;width:20px;height:18px;background:url(../images/share2.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_sqq{background:none;background-position:0;width:20px;height:18px;background:url(../images/share3.png) no-repeat center;}
.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_qzone{background:none;background-position:0;width:20px;height:18px;background:url(../images/share4.png) no-repeat center;}


.hotnew{margin-top: 4px;}
.hotnew .tit{background-color: #57af3b;color: #fff;line-height: 50px;padding: 0 10px;font-size: 18px;margin: 0;}
.hotnew .list{border-left: solid 1px #ddd;border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;}
.hotnew .list ul{padding:15px 15px;}
.hotnew .list ul li{border-bottom: dashed 1px #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.hotnew .list ul li:last-child{border-bottom: none;padding: 0;margin: 0;}
.hotnew .list ul li .img{display: none;margin-bottom: 5px;}
.hotnew .list ul li .text{color: #777;line-height: 22px;font-size: 13px;}
.hotnew .list ul li .text p{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 17px;color: #333;margin-bottom: 5px;}
.hotnew .list ul li .text p span{background-color: #666;color: #fff;padding: 1px 3px;margin-right: 4px;font-size: 13px;}
.hotnew .list ul li a:hover .text p{color: rgba(185,28,40);}
.hotnew .list ul li:nth-child(1) .text p span{background-color: rgba(87,175,59);}
.hotnew .list ul li:nth-child(2) .text p span{background-color: rgba(87,175,59,.8);}
.hotnew .list ul li:nth-child(3) .text p span{background-color: rgba(87,175,59,.6);}
.hotnew .list ul li:nth-child(1) .img{display: block;}




.rela{margin-bottom: 20px;}
.rela .h1{font-size:22px;line-height: 100%;font-weight: bold;margin-bottom: 20px;}
.rela .list ul{margin: 0 -10px;}
.rela .list ul li{margin: 0 10px;width: 33.333%;}
.rela .list ul li a{display: block;border:solid 1px #e5e5e5;position: relative;}
.rela .list ul li a:hover{border:solid 1px #57af3b;}
.rela .list ul li img{width: 100%;}
.rela .list ul li .text{padding: 15px 10px;line-height: 24px;font-size: 15px;color: #666;}
.rela .list ul li p{font-size: 18px;color: #303030;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;line-height: 100%;}
.rela .list ul li a:hover p{color: #57af3b;}


.ptitle{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 10px;}
.recom li .h3{font-size: 15px;color: #666;line-height: 100%;margin:10px 0;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.recom li .h3 em{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;font-style: normal;padding-right: 10px;}
.recom li a:hover .h3{color: #57af3b;font-weight: bold;}
.recom li a .fr{color: #999;}


.newshow{padding-bottom: 90px;}
.newshow .left{width: 76%;}
.newshow .t{font-size: 30px;margin-bottom: 15px;}
.newshow .time{font-size: 15px;border-bottom: dotted 1px #ccc;padding-bottom: 20px;color: #666;}
.newshow .time .tl{}
.newshow .content{font-size: 16px;color: #444;line-height: 1.9;padding: 30px 0;}
.newshow .content img{display: block;margin:0 auto;}
.newshow .right{width: 20%;}
.newshow .right h1{font-size: 30px;margin-bottom: 20px;}
.newshow .right ul li{margin-bottom: 20px;}
.newshow .right ul li .text{padding: 0 0 10px;}
.newshow .right ul li h5{font-size: 16px;margin: 10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newshow .right ul li .text p{font-size: 14px;color: #666;}

.pages-case-show{padding: 0 0 50px;width: 910px;}
.pages-case-show .intro{padding-top: 30px;}
.pages-case-show .intro .title{font-size: 20px;color: #222;margin-bottom: 30px;font-weight: bold;line-height: 100%;text-align: center;}
.pages-case-show .intro .source{font-size: 15px;color: #666;border-bottom: solid 1px #ddd;}
.pages-case-show .intro .source .back{padding: 5px 10px;background-color: #666;color: #fff;}
.pages-case-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding: 3% 0;}





.pcase ul{margin:0 -20px;}
.pcase ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;}
.pcase ul li .img{overflow: hidden;}
.pcase ul li .img img{-webkit-transition: .5s;transition: .5s;}
.pcase ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}
.pcase ul li p{font-size: 18px;text-align: center;padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




.pagelinks{line-height: 100%;margin-bottom: 30px;line-height: 30px;font-size: 16px;}
.pagelinks > div{width: 50%;background-color: #f5f5f5;padding: 10px 20px;}
.pagelinks > div:hover{background-color: #57af3b;color: #fff;}
.pagelinks a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: block;font-size: 15px;line-height: 30px;text-align: left;}
.pagelinks > div:nth-child(3) a{text-align: right;}
.pagelinks > div:hover a{color: #fff;}
.pagelinks > div.list{width: 70px;text-align: center;}
.pagelinks > div.list a{text-align: center;}
.pagelinks > div.list a i{font-size: 25px;}



.casepagelinks{border-top: solid 1px #ddd;padding: 30px 0 0;}
.casepagelinks a{width: 30%;padding: 10px 0;text-align: center;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);box-shadow: 0 0 20px rgba(0, 0, 0, .05);border-radius: 90px;font-size: 18px;border:solid 1px #eee;}
.casepagelinks a i{font-size: 22px;vertical-align: middle;margin-right:10px;line-height: 100%;}
.casepagelinks a:last-child i{margin-right: 0;margin-left: 10px;}


.ptitle{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 10px;}






.pagemain{padding-top: 40px;}


#pages{margin-bottom: 70px;}
.pages{overflow: hidden;}



.shop-fm {}
.shop-fm ul{margin:0 -40px;}
.shop-fm ul li{width: 50%;padding: 0 40px;margin-bottom: 20px;}
.shop-fm ul li a{display: block;height: 100%;}
.shop-fm ul li .img{overflow: hidden;text-align: right;margin-bottom: 15px;}
.shop-fm ul li .img img{-webkit-transition: .5s;transition: .5s;background: url(../images/loding.svg) no-repeat center #f9f9f9 !important;}
.shop-fm ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.shop-fm ul li .text{padding: 15px 0;margin-bottom: 20px;}
.shop-fm ul li h3{font-size: 30px;margin-bottom: 5px;color: #57af3b;}
.shop-fm ul li p{font-size: 17px;color: #777;line-height: 25px;}



.shop {}
.shop ul{margin:0 -25px;}
.shop ul li{width: 33.333%;padding: 0 25px;margin-bottom: 50px;}
.shop ul li .img{overflow: hidden;border:solid 1px #ddd;}
.shop ul li .img img{-webkit-transition: .5s;transition: .5s;}
.shop ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}
.shop ul li .text{border:solid 1px #ddd;padding: 15px;border-top: none;}
.shop ul li h3{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;}
.shop ul li p{font-size: 14px;color: #666;line-height: 22px;}


.case {padding-bottom: 50px;}
.case ul{margin:0 -25px;}
.case ul li{width: 33.333%;padding: 0 25px;margin-bottom: 50px;}
.case ul li .img{overflow: hidden;border:solid 1px #ddd;}
.case ul li .img img{-webkit-transition: .5s;transition: .5s;}
.case ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}
.case ul li .text{border:solid 1px #ddd;padding: 15px;border-top: none;}
.case ul li h3{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case ul li p{font-size: 14px;color: #666;line-height: 22px;}

.cultureList{margin: 0 -15px;}
.cultureList li{width: 33.333%;margin-bottom: 40px;padding: 0 15px;}
.cultureList li .box{background-color: #f9f9f9;padding: 30px;}
.cultureList li i{font-size: 65px;color: #57af3b;line-height: 100%;}
.cultureList li h5{font-size: 20px;color: #57af3b;}

.cyh {margin: 0 -20px;}
.cyh li{width: 33.333%;padding: 0 20px;margin-bottom: 40px;}
.cyh li .box{background-color: #f3f4f4;padding: 30px;height: 100%;}
.cyh li .box h3{font-size: 40px;line-height: 100%;margin-right: 25px;color: #57af3b;}

#shopshow{overflow: hidden;width: 1120px;}
.shoptop{margin-bottom: 10px;}
.shoptop .left{width: 40%;}
.shoptop .left .thumb{}
.shoptop .left .thumb ul{margin: 0 -5px;}
.shoptop .left .thumb ul li{margin: 0 5px;width: 25%;}
.shoptop .left .thumb ul li:last-child{margin-bottom: 0;}
.shoptop .left .thumb ul li a{border:solid 1px #ddd;display: block;}
.shoptop .left .thumb ul li a.cloudzoom-gallery-active{border:solid 1px #57af3b;}
.shoptop .left .bigImg{width: 100%;border:solid 1px #ddd;margin-bottom: 15px;}
.shoptop .info{width: 58%;position: relative;}
.shoptop .info h1{font-size: 24px;line-height: 100%;margin-bottom: 30px;}
.shoptop .info .addthis_sharing_toolbox{margin-bottom: 20px;}
.shoptop .info  .text{font-size: 14px;line-height: 1.8;color: #666;margin-bottom: 60px;}
.shoptop .info  .text ul li{line-height: 2;padding: 5px 10px;}
.shoptop .info  .text ul li:nth-child(2n){background-color: #f5f5f5;}
.shoptop .info  .text h3{color: #57af3b;margin-bottom: 10px;display: inline-block;background-color: #edf2fc;padding:  0 15px;border-radius: 3px;font-size: 20px;margin-bottom: 15px;}
.shoptop .info  .text strong{color: #222;}
.shoptop .info .shoplx{}
.shoptop .info .tel{font-family: Montserrat;font-size: 20px;color: #57af3b}
.shoptop .info .tel i{font-size: 20px;width: 30px;height: 30px;background-color: #57af3b;color: #fff;border-radius: 90px;display: inline-block;line-height: 30px;text-align: center;margin-right: 15px;}
.shoptop .info  .Inquiry{background-color: #57af3b;color: #fff;text-align: center;font-size: 15px;padding: 10px 15px;display: inline-block;border-radius: 3px;}
.shoptop .info  .Inquiry i{margin-right: 5px;}




.detail_shop{position: relative;}
.detail_shop .tabstit{background-color: #f2f2f2;}
.detail_shop .tabstit li{font-size: 24px;display: inline-block;}
.detail_shop .tabstit li a{padding: 10px 25px;display: block;background-color: #57af3b;color: #fff;}
.detail_shop .tabstit li i{font-size: 24px;margin-right: 10px;}
.detail_shop .content{font-size: 15px;line-height: 2.2;padding: 25px 0;color: #444;}

.detail_shop .content h2{margin: 15px 0;}
.detail_shop .content h2 em{background-color: #57af3b;color: #fff;font-style: normal;padding: 5px 15px;}

.tablebox{overflow-x: auto;width: 100%;}
table{border-collapse:collapse;width: 100%;}

table,tr,td{border: 1px solid #ccc;}
tbody td{}
table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
table thead td{font-size: 18px;color: #fff;padding: 5px 15px;white-space: nowrap;}
table tbody td{font-size: 14px;color: #666;}
table td{line-height: 25px;padding: 5px 5px;text-align: center;}
table tbody tr td:first-child{text-align: center;}
table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}


.detail{}
.detail .ul .li{border:solid 1px #ccc;}
.detail .ul .li h3{font-size: 16px;color: #57af3b;}


.jhhy .t{font-size: 24px;margin-bottom: 25px;}
.jhhy .t em{background-color: #57af3b;color: #fff;font-style: normal;padding: 5px 10px;}
.jhhy p{font-size: 14px;color: #666;margin-bottom: 25px;line-height: 2;}
.jhhy ul{margin: 0 -10px 15px;}
.jhhy ul li{margin: 0 10px;}
.jhhy ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;}
.jhhy .l h4{font-size: 20px;color: #57af3b;margin-bottom: 15px;font-weight: bold;}
.jhhy .l h5{font-size: 17px;color: #333;margin-bottom: 15px;font-weight: bold;}
.jhhy .l ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;}

.jhhy .l .zylayout > div{width: 46%;}

.jhhy table{border-collapse:collapse;width: 100%;}

.jhhy table,.jhhy tr,.jhhy td{border: 1px solid #ccc;}
.jhhy tbody td{}
.jhhy table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.jhhy table thead td{font-size: 18px;color: #fff;padding: 5px 15px;white-space: nowrap;}
.jhhy table tbody td{font-size: 16px;color: #666;}
.jhhy table td{line-height: 1.8;padding: 5px 15px;text-align: center;}
.jhhy table tbody tr td:first-child{text-align: center;}
.jhhy table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}

#interactive-bar{width: 100%;height: 500px;}



.cds p{color: #666;font-size: 15px;line-height: 2;margin-bottom: 20px;}
.cds .t{font-size: 24px;margin-bottom: 25px;}
.cds .t em{background-color: #57af3b;color: #fff;font-style: normal;padding: 5px 10px;}
.cds ul{margin: 0 -10px 15px;}
.cds ul li{padding: 0 10px;}
.cds ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;}
.cds ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;}
.cds .zylayout > div{width: 46%;}
.cds h4{font-size: 20px;color: #57af3b;margin-bottom: 15px;font-weight: bold;}

.szxg li{width: 50%;}

.cds table{border-collapse:collapse;width: 100%;}

.cds table,.cds tr,.cds td{border: 1px solid #ccc;}
.cds tbody td{}
.cds table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}
.cds table thead td{font-size: 15px;color: #fff;padding: 5px 15px;white-space: nowrap;}
.cds table tbody td{font-size: 14px;color: #666;}
.cds table td{line-height: 1.8;padding: 5px 15px;text-align: center;}
.cds table tbody tr td:first-child{text-align: center;}
.cds table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}




.feiye p{color: #666;font-size: 15px;line-height: 2;margin-bottom: 20px;}
.feiye .t{font-size: 24px;margin-bottom: 25px;}
.feiye .t em{background-color: #57af3b;color: #fff;font-style: normal;padding: 5px 10px;}
.feiye ul{margin: 0 -10px 15px;}
.feiye ul li{padding: 0 10px;}
.feiye ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;}
.feiye ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;}
.feiye .zylayout > div{width: 46%;}
.feiye h4{font-size: 20px;color: #57af3b;margin-bottom: 15px;font-weight: bold;}





.p-jobs-list {padding: 60px 0;}
.h_zp{height: 60px;line-height: 60px;background-color: #8b8c91;}
.p-jobs-list li.wow{overflow: hidden;border:none;}
.p-jobs-list .h_zp div{width: 16.6666%;float: left;text-align: center;color: #fff;font-size: 15px;font-weight: bold;}
.p-jobs-list li.wow .deta{background-color: #fbfbfb;padding: 0 50px;}

.job-title{background-color: #f5f5f5;margin-top: 10px;cursor: pointer;}


.job-title.active{background-color: #57af3b;}
.p-jobs-list .h_zp.job-title div{color: #666;font-weight: normal;}
.p-jobs-list .job-title.active div{color: #fff;}

.p-jobs-list .tdata .box{padding: 30px;font-size: 15px;color: #666;line-height: 2;}
.p-jobs-list .tdata .box span{font-size: 18px;color: #333;margin-bottom: 20px;display: block;}
.p-jobs-list .tdata .box a.a_134{display: block;width: 100px;line-height: 40px;color: #fff;background-color: #57af3b;text-align: center;}
.p-jobs-list .tdata .box a.a_134:hover{background-color: #ff574a;}

.p-jobs-list li{display: none;}
.p-jobs-list .job-title #lermore1{background: url(../images/jrwm1.png) no-repeat center center;height: 100%;}
.p-jobs-list .job-title.active #lermore1{background: url(../images/jrwm1_h.png) no-repeat center center;}

.pages .job-top{margin-bottom: 50px;}
.pages .job-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}
.pages .job-top h4{font-size: 24px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #57af3b;padding: 10px;}
.pages .job-top h5{font-size: 20px;color: #57af3b;margin-bottom: 10px;line-height: 100%;}
.pages .job-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}
.pages .job-top .sub{padding-left: 30px;}
.pages .job-top .list{font-size: 17px;color: #444;line-height: 2;}
.job-bottom{}
.job-bottom h3{display: inline-block;font-size: 30px;color: #fff;border-width: 0 30px 50px 0;
    border-style: solid;
    border-color: transparent transparent #57af3b #57af3b;display: inline-block;height: 50px;line-height: 50px;padding: 0 15px;}
.job-bottom .list{background-color: #f8f8f8;padding: 40px 0;}
.job-bottom .list dl{width: 33.333%;padding: 0 40px;}
.job-bottom .list dl dt{margin-bottom: 20px;}
.job-bottom .list dl h5{font-size: 25px;color: #222;}
.job-bottom .list dl dd{font-size: 15px;color: #666;line-height: 2;}



.pages .ser-after h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}
.pages .ser-after h4{font-size: 20px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #57af3b;padding: 10px;}
.pages .ser-after h5{font-size: 20px;color: #57af3b;margin-bottom: 10px;line-height: 100%;}
.pages .ser-after h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}
.pages .ser-after .sub{padding-left: 30px;}
.pages .ser-after .list{font-size: 17px;color: #444;line-height: 2;}

.liucheng{padding-bottom: 100px;position: relative;}
.liucheng > div{background-color: #57af3b;color: #fff;border-radius:90px;line-height: 50px;height: 50px;padding: 0 20px;font-size: 20px;text-align: center;position: relative;}
.liucheng > div:first-child{width: 70px;padding: 0;line-height: 70px;height: 70px;}

.liucheng::before{content: '';display: block;height: 1px;background-color: #57af3b;position: absolute;bottom: 0;right: 110px;left: 35px;}

.liucheng > div:first-child::after{content: '';display: block;height: 80px;background: url('/uploadfile/2020/0720/20200720115500335.png') no-repeat center top;position: absolute;left: 0;right: 0;top: 90px;margin:auto;}
.liucheng > div:last-child::after{content: '';display: block;width: 1px;height: 110px;background-color: #57af3b;position: absolute;left: 0;right: 0;top: 100%;margin:auto;}


.p-faq-list{}
.p-faq-list ul li{padding: 30px 0;-webkit-transition: .5s;transition: .5s;}
.p-faq-list ul li:nth-child(2n){background-color: #f8f8f8;}
.p-faq-list ul li .h1{font-size: 23px;line-height: 100%;margin-bottom: 15px;position: relative;-webkit-transition: .5s;transition: .5s;padding-left: 35px;}
.p-faq-list ul li .h1 span{white-space: nowrap;-ms-text-overflow: ellipsis;
    text-overflow: ellipsis;overflow: hidden;}
.p-faq-list ul li .h1::before{content: 'Q';display: block;border-radius: 90px;background-color: #57af3b;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;margin-right: 15px;-webkit-transition: .5s;transition: .5s;font-size: 16px;position: absolute;top: 0;left: 0;}
.p-faq-list ul li .des{font-size: 15px;color: #666;line-height: 2;position: relative;padding-left: 35px;-webkit-transition: .5s;transition: .5s;}
.p-faq-list ul li .des::before{content: 'A';display: block;border-radius: 90px;background-color: #444;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;position: absolute;left: 0;top: 5px;font-size: 16px}


.p-faq-list ul li:hover{background-color: #57af3b;}
.p-faq-list ul li:hover .h1{color: #fff;}
.p-faq-list ul li:hover .des{color: #fff;}

.p-faq-list ul li:hover .h1::before{background-color: #57af3b;}



@media (max-width: 767px){
    .p-faq-list{padding: 25px 0;}
    .p-faq-list ul li{padding: 15px 0;}
    .p-faq-list ul li .h1{font-size: 18px;}
    .p-faq-list ul li .des{font-size: 13px;line-height: 1.5;}
}




.pages-case{width: 930px;min-height: 400px;}
.pages-case .h3{font-size: 24px;color: #535353;margin-bottom: 30px;line-height: 100%;border-bottom: solid 1px #d7d7d7;padding-bottom: 13px;}
.pages-case .h3 span{position: relative;}
.pages-case .h3 span::after{content: '';display: block;height: 3px;bottom: -13px;position: absolute;background-color: #333;width: 100%;}

.pages-case ul{}
.pages-case ul li{padding: 20px;border:solid 1px #ddd;margin-bottom: 20px;}
.pages-case ul li:hover{border-color: #57af3b}
.pages-case ul li a{}
.pages-case ul li .img{overflow: hidden;width: 250px;}
.pages-case ul li .img img{width: 100%;}
.pages-case ul li a .tbox{width: 610px;}
.pages-case ul li .text{}
.pages-case ul li .text .h3{font-size: 20px;line-height: 100%;margin-bottom: 15px;}
.pages-case ul li a:hover .text .h3{color: #57af3b}
.pages-case ul li .text .introl{font-size: 13px;color: #666;line-height: 24px;margin-bottom: 30px;}
.pages-case ul li .text .date{font-size: 15px;font-weight: bold;color: #999;position: absolute;top: 0;right: 0;bottom: 0;margin:auto;text-align: center;height: 65px;}
.pages-case ul li .text .date::before{content: '';display: block;height: 80px;width: 1px;background-color: #ddd;position: absolute;left: -40px;top: 0;bottom: 0;margin:auto;}
.pages-case ul li .text .date h5{font-size: 40px;font-weight: bold;}
.pages-case ul li .text .more{font-weight: normal;display: block;width: 100px;line-height: 32px;background-color: #888;color: #fff;text-align: center;float: right;}
.pages-case ul li a:hover .text .more{background-color: #57af3b;}


.hot-product {margin-bottom: 50px;}
.hot-product h1{font-size: 30px;margin-bottom: 30px;}


.hot-product ul{margin:0 -20px;}
.hot-product ul li{padding: 0 20px;width: 33.333%;}
.hot-product ul li:hover{border-color: #57af3b;}
.hot-product ul li a{display: block;position: relative;}
.hot-product ul li .img{overflow: hidden;border:solid 1px #ddd;}
.hot-product ul li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.hot-product ul li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.hot-product ul li .text{padding: 20px 0 0;line-height: 24px;font-size: 14px;color: #666;text-align: center;}
.hot-product ul li p{font-size: 16px;color: #303030;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-product ul li a:hover p{color: #57af3b;}
.hot-product ul li a .desc{font-size: 16px;}
.hot-product ul li a span.more{display: block;width: 100px;text-align: center;line-height:32px;border:solid 1px #ddd;}
.hot-product ul li a:hover span.more{border:solid 1px #57af3b;background-color: #57af3b;color: #fff;}



@media (max-width: 767px){
    .hot-product ul{margin: 0 -5px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
     .hot-product ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}

    .hot-product ul li .text{padding: 5px 0;}
     .hot-product ul li p{font-size: 18px;margin-bottom: 5px;}

    .hot-product ul li a .desc{font-size: 13px;line-height: 20px;}

}



@media (min-width: 768px) and (max-width: 991px){
    .hot-product ul{margin: 0 -10px;}
     .hot-product ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
}



@media (min-width:992px) and (max-width:1199px){

    .hot-product ul li{width: 50%;}

}


@media (min-width:1200px) and (max-width:1400px){

}
