.sjcTop,.sjcTop2,.sjcBottom,.sjcLeft,.sjcRight,.bg,.leftWow,.rightWow,.bottomWow { -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.hometitle{line-height: 1.4;}
.hometitle span{font-family: 'Montserrat-B'}
.hometitle span em{color:#008e40;text-transform: uppercase;}
.hometitle p{letter-spacing: 6px;}
.hometitle .ml20{margin-left:20px;}
@keyframes zyfd {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.moretit{padding-right:0;}
.moretit .more{display:block;text-transform:uppercase;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.moretit .more:after{content:"";display:inline-block;vertical-align:middle;height:36px;width:22px;background:url(../images/honorar.png) center center no-repeat;margin-left:6px;-webkit-filter:grayscale(100);filter:grayscale(100);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.moretit .more i{min-width:4px;}
.moretit .more:hover{color:#008e40;}
.moretit .more:hover:after{-webkit-filter:grayscale(0);filter:grayscale(0);animation:zyfd 1.5s linear infinite;}

.about .aboutBox{height:574px;}
.about .aboutText{width:775px;}
.about .aboutText .tit{margin-top:60px;color:#595959;}
.about .aboutText .tit span{display:block;line-height:1;letter-spacing:3px;}
.about .aboutText .tit i{display:block;text-transform:uppercase;margin-top:20px;line-height:12px;}
.about .aboutText .text{margin-top:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:36px;height:108px;font-size:16px;color:#737373;text-align:justify;}
.about .aboutText .more{display:block;margin-top:30px;width:146px;height:36px;background-color:#008e40;border-radius:20px;text-align:center;line-height:36px;text-transform:uppercase;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;position:relative;overflow:hidden;z-index:1;font-size:14px;color:#ffffff;}
.about .aboutText .more i{min-width:5px;}
.about .aboutText .more:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #008e40;border-radius:20px;z-index:-1;opacity:0;-webkit-transform:scale3d(0.6,0.6,1);transform:scale3d(0.6,0.6,1);-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125,1);box-sizing:border-box;}
.about .aboutText .more:hover{background:none;color:#008e40;box-shadow:0 10px 10px -5px rgba(0,142,64,0.5);}
.about .aboutText .more:hover:before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
.about .aboutText .number{margin-top:60px;}
.about .aboutText .number ul{display:flex;justify-content:space-between;}
.about .aboutText .number ul li{position:relative; text-align: right; padding-right: 30px;}
.about .aboutText .number ul li h4 i{font-family:'Barlow-Medium';font-size:48px;line-height:34px;color:#404040;}
.about .aboutText .number ul li h4 span{display:block;position:absolute;right:0;height:80px;top:-18px;line-height:24px;text-align:center;color:#008e40;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:tb-rl; letter-spacing: 4px;}
.about .aboutText .number ul li p{display:block;color:#404040;font-size:16px;line-height:1;margin-top:20px; text-align: right;}

.about .aboutR{padding-top:68px;}
.about .aboutR .tip{text-align:right;line-height:1;}
.about .aboutR .tip .t1{font-weight:bold;color:#008e40;}
.about .aboutR .tip .t1:before{content:"";display:inline-block;vertical-align:middle;width:100px;height:1px;background-color:#bcbcbc;margin-right:15px;}
.about .aboutR .tip .t2{font-size:14px;color:#6d6d6d;margin-top:20px;}
.about .aboutR .year{margin-top:70px;width:365px;height:359px;background:url(../images/yearbg.jpg) center 0 no-repeat;background-color:#48ac53;position:relative;padding-top:205px;padding-left:138px;}
.about .aboutR .year:before{content:"+";position:absolute;color:#008e40;font-size:48px;line-height:1;right:50px;top:35px;font-weight:bold;}
.about .aboutR .year h4{font-family:'Barlow-Medium';font-size:72px;line-height:50px;}
.about .aboutR .year p{line-height:1;margin-top:30px;font-size:16px;color:#404040;}
.about .aboutR .year p:after{content:"";display:inline-block;vertical-align:middle;width:30px;height:1px;background-color:#4f7155;margin-left:11px;}

.about .honors{background-color:#ffffff;box-shadow:1px 2px 13px 0px rgba(0,0,0,0.08);border-radius:0px 50px 0px 0px; margin-top: 70px;}
.about .youshi_swiper { height: 100%; position: relative; overflow: hidden; margin-top: 25px;}

.about .aboutPic{overflow: hidden; width:440px;}
.about .aboutPic img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.about .aboutPic:hover img{-webkit-transform:scale(1.06) rotate(0);-moz-transform:scale(1.06) rotate(0);-o-transform:scale(1.06) rotate(0);transform:scale(1.06) rotate(0);}
.about .zzTabs{width:calc(100% - 440px); padding-top:25px; padding-left: 35px; padding-right:35px;}
.about .youshi_swiper .swiper-slide .pic{display:block;width:100%;height:190px;position:relative;overflow:hidden;background:url(../images/honorsli.png) center center no-repeat; padding:10px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.about .youshi_swiper .swiper-slide .pic i{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.about .youshi_swiper .swiper-slide .pic img{display:block;position:absolute;width:100%;height:100%;object-fit:contain;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.about .youshi_swiper .swiper-slide .bt{line-height:38px;height:38px;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d5d5d;}
.about .youshi_swiper .swiper-slide .bt:before{content:"- ";}
.about .youshi_swiper .swiper-slide .bt:after{content:" -";}
.about .youshi_swiper .swiper-slide .bt span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;max-width:170px;}
.about .youshi_swiper .swiper-slide:hover .pic img{-webkit-transform:scale(1.08) rotate(0);-moz-transform:scale(1.08) rotate(0);-o-transform:scale(1.08) rotate(0);transform:scale(1.08) rotate(0);}
.about .youshi_swiper .swiper-slide:hover .bt{color:#008e40;}

.service{background:url(../images/fwbg.jpg) center 0 no-repeat;padding-top:50px;border-bottom:1px solid #e8e8e8;}
.service .fwTit{position:absolute;top:0;right:0;text-align:right;width:416px;}
.service .bd{width:430px;margin-left:35px;height:204px;overflow:hidden;}
.service .bd ul li{height:204px;overflow:hidden;color:#fff;}
.service .bd ul li .bt{font-weight:bold;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;height:40px;line-height:40px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .bd ul li .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px);}
.service .bd ul li .line{width:30px;height:3px;background-color:#ffffff;margin-top:3px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .bd ul li p{width:400px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:30px;height:60px;margin-top:22px;}
.service .bd ul li .more{display:block;width:35px;height:17px;margin-top:22px;background:url(../images/fwar.png) 0 center no-repeat;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .bd ul li:hover .bt{color:#efa410;}
.service .bd ul li:hover .bt i{color:#efa410;}
.service .bd ul li:hover .line{width:50px;background-color:#efa410;}
.service .bd ul li:hover .more{animation:zyfd 1.5s linear infinite;}
.service .hd ul::after{content:"";display:block;clear:both;font-size:0;line-height:0;}
.service .hd ul li{float:left;width:calc(100% / 3);cursor:pointer;height:416px;overflow:hidden;}
.service .hd ul li .fwtxt{position:relative;width:50%;height:416px;background-color:#ffffff;border-radius:0px 50px 0px 0px;padding:94px 28px 0;overflow:hidden;z-index:1;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .hd ul li .fwtxt *{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .hd ul li .fwtxt:after{content:"";display:block;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:url(../images/fwli.jpg) center 0 no-repeat;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:0;filter:alpha(opacity=0);}
.service .hd ul li .fwtxt:before{content:"";display:block;width:24px;height:4px;background-color:#4f7155;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .hd ul li .fwtxt .bt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:36px;height:72px;font-size:22px;margin-top:13px;color:#554d4d;}
.service .hd ul li .fwtxt .line{margin-top:6px;margin-left:8px;width:1px;height:75px;background-color:#d4d4d4;}
.service .hd ul li .fwtxt .num{font-size:37px;margin-top:18px;line-height:28px;color:#d4d4d4;}
.service .hd ul li .fwtxt .en{display:block;margin-top:12px;font-size:12px;line-height:10px;color:#ddd9d9;}
.service .hd ul li .pic{width:50%;height:340px;margin-top:76px;overflow:hidden;}
.service .hd ul li .pic img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .hd ul li:hover .pic img{-webkit-transform:scale(1.08) rotate(0);-moz-transform:scale(1.08) rotate(0);-o-transform:scale(1.08) rotate(0);transform:scale(1.08) rotate(0);}
.service .hd ul li.on .fwtxt:before{background:#fff;}
.service .hd ul li.on .fwtxt:after{opacity:1;filter:alpha(opacity=100);}
.service .hd ul li.on .fwtxt .bt{color:#fff;}
.service .hd ul li.on .fwtxt .line{background-color:#f4c177;}
.service .hd ul li.on .fwtxt .num{color:#fff;}
.service .hd ul li.on .fwtxt .en{color:#f4c177;}
.service .page .prev{position:absolute;width:40px;height:40px;background:url(../images/fwl.png) center center no-repeat;background-color:#44aa5d;left:-60px;bottom:102px;border-radius:100%;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .page .prev:hover{background-color:#efa410;}
.service .page .next{position:absolute;width:40px;height:40px;background:url(../images/fwr.png) center center no-repeat;background-color:#44aa5d;right:-60px;bottom:102px;border-radius:100%;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.service .page .next:hover{background-color:#efa410;}

.environment{background-color:#f4f0e9;overflow:hidden;}
.environment .fcNav ul{margin-top:38px; display: flex;}
.environment .fcNav ul li{margin-left:20px;position:relative;}
.environment .fcNav ul li:before{content:"";display:block;position:absolute;left:-20px;top:35%;width:20px;height:1px;background-color:#d3d3d3;}
.environment .fcNav ul li:first-child{margin-left:0;}
.environment .fcNav ul li:first-child:before{display:none;}
.environment .fcNav ul li a{display:block;position:relative;z-index:1;text-align:center;padding:0 28px;font-size:16px;color:#5e5e5e;height:40px;line-height:40px;background-color:#ffffff;border-radius:20px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcNav ul li a:before{content:"";display:block;position:absolute;width:25px;height:0;left:50%;margin-left:-12px;bottom:36px;background:url(../images/fcnavli.png) center 0 no-repeat;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcNav ul li.on a,.environment .fcNav ul li:hover a{background-color:#008e40;color:#fff;}
.environment .fcNav ul li.on a:before,.environment .fcNav ul li:hover a:before{height:24px;}
.environment .fcTabs{margin-top:50px;}
.environment .fcTabs .bd{height:535px;}
.environment .fcSwiper{width:100%;height:535px;padding-top:10px;overflow:hidden;}
.environment .fcSwiper .swiper-container{position:relative;}
.environment .fcSwiper ul li{}
.environment .fcSwiper ul li .item{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item .pic{display:block;margin:auto;width:100%;height:402px;position:relative;overflow:hidden;background:#fff;border:solid 1px #eee;padding:8px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item .pic i{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.environment .fcSwiper ul li .item .pic img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item .tt{height:75px;line-height:75px;padding-right:136px;position:relative;margin-left:4px;}
.environment .fcSwiper ul li .item .tt .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#525252;padding-left:40px;background:url(../images/fcli.png) 0 center no-repeat;line-height:74px;border-bottom:1px solid #cfcfcf;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item .tt .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px);}
.environment .fcSwiper ul li .item .tt .bt:hover{background-image:url(../images/fclih.png);color:#008e40;}
.environment .fcSwiper ul li .item .tt .more{display:block;position:absolute;right:0;bottom:0;line-height:1;font-size:12px;color:#939393;text-transform:uppercase;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item .tt .more i{min-width:4px;}
.environment .fcSwiper ul li .item .tt .more:before{content:"";display:block;width:18px;height:24px;margin:0 auto 12px;background:url(../images/fcmore.png) center center no-repeat;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.environment .fcSwiper ul li .item:hover .pic{box-shadow:4px 5px 13px 0px rgba(0,0,0,0.13);}
.environment .fcSwiper ul li .item:hover .pic img{-webkit-transform:scale(1.06) rotate(0);-moz-transform:scale(1.06) rotate(0);-o-transform:scale(1.06) rotate(0);transform:scale(1.06) rotate(0);}
.environment .fcSwiper ul li .item:hover .tt .bt{border-color:#008e40;}
.environment .fcSwiper ul li .item:hover .tt .more{color:#008e40;}
.environment .fcSwiper ul li .item:hover .tt .more:before{background-image:url(../images/fcmoreh.png);}
.environment .fcSwiper ul li.swiper-slide-next .item{}

.youshi{background:url(../images/ysbg.jpg) center bottom no-repeat;padding-top:150px;padding-bottom:60px;}
.youshi .ysBox{height:550px;z-index:1;position: relative;}
.youshi .ysPic{width:465px;}
.youshi .ysPic .bd{width:465px;height:550px;border-radius:0px 0px 0px 50px;overflow:hidden;}
.youshi .ysPic .bd ul li{width:465px;overflow:hidden;}
.youshi .ysPic .bd ul li img{width:100%;height:100%;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysPic .bd ul li:hover img{-webkit-transform:scale(1.06) rotate(0);-moz-transform:scale(1.06) rotate(0);-o-transform:scale(1.06) rotate(0);transform:scale(1.06) rotate(0);}
.youshi .hd{position:absolute;top:10px;left:-40px;}
.youshi .hd ul li{display:block;width:22px;height:22px;border-radius:100%;position:relative;cursor:pointer;border:1px solid transparent;margin-bottom:6px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .hd ul li:before{content:"";width:8px;height:8px;background-color:#cccecc;border-radius:100%;display:block;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .hd ul li.on{border-color:#008e40;}
.youshi .hd ul li.on:before{background-color:#008e40;}
.youshi .ysCont{width:800px;padding-top:30px; padding-left:70px;}
.youshi .ysCont .bd{overflow:hidden;margin-top:50px;height:290px;}
.youshi .ysCont .bd ul li *{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysCont .bd ul li .tit{line-height:50px;}
.youshi .ysCont .bd ul li .tit i{width:50px;height:50px;border-radius:10px;display:inline-block;vertical-align:top;margin-right:16px;background:url(../images/ysico1.png) center center no-repeat;background-color:#488b49;}
.youshi .ysCont .bd ul li .tit i.ico1{background-image:url(../images/ysico1.png);}
.youshi .ysCont .bd ul li .tit i.ico2{background-image:url(../images/ysico2.png);}
.youshi .ysCont .bd ul li .tit i.ico3{background-image:url(../images/ysico3.png);}
.youshi .ysCont .bd ul li .tit i.ico4{background-image:url(../images/ysico4.png);}
.youshi .ysCont .bd ul li .tit i.ico5{background-image:url(../images/ysico5.png);}
.youshi .ysCont .bd ul li .tit i.ico6{background-image:url(../images/ysico6.png) center center;}
.youshi .ysCont .bd ul li .tit span{display:inline-block;vertical-align:top;font-weight:bold;font-size:22px;color:#008e40;}
.youshi .ysCont .bd ul li .tit em{text-transform:uppercase;display:inline-block;vertical-align:top;font-size:14px;color:#818682;margin-left:7px;position:relative;top:4px;}
.youshi .ysCont .bd ul li .text{color:#818682;margin-top:20px;}
.youshi .ysCont .bd ul li:hover .tit{-webkit-transform:translateY(-8px);transform:translateY(-8px);}
.youshi .ysCont .bd ul li:hover .text{-webkit-transform:translateY(-6px);transform:translateY(-6px);}
.youshi .ysCont .bd ul li:hover .textEn{-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.youshi .ysCont .page{padding:0; margin:0;}
.youshi .ysCont .page .prev{display:inline-block;vertical-align:top;height:30px;line-height:28px;background-color:#ffffff;border-radius:16px;border:solid 1px #dfdfdf;cursor:pointer;padding:0 15px;font-size:14px;color:#6f6f6f;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;text-transform:uppercase;}
.youshi .ysCont .page .prev:before{content:"";display:inline-block;vertical-align:middle;margin-right:10px;position:relative;top:-1px;width:20px;height:20px;background:url(../images/ysl.png) center center no-repeat;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.youshi .ysCont .page .prev:hover,.youshi .ysCont .page .prev.on{color:#fff;background-color:#008e40;}
.youshi .ysCont .page .prev:hover:before,.youshi .ysCont .page .prev.on:before{background-image:url(../images/yslh.png);}
.youshi .ysCont .page .ysNum1{display:inline-block;vertical-align:bottom;font-weight:bold;font-size:30px;line-height:30px;margin-left:30px;color:#6f6f6f;}
.youshi .ysCont .page .ysNum2{display:inline-block;vertical-align:bottom;font-size:16px;line-height:20px;color:#6f6f6f;margin-right:30px;}
.youshi .ysCont .page .next{display:inline-block;vertical-align:bottom;height:30px;line-height:28px;background-color:#ffffff;border-radius:16px;border:solid 1px #dfdfdf;cursor:pointer;padding:0 15px;font-size:14px;color:#6f6f6f;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;text-transform:uppercase;}
.youshi .ysCont .page .next:after{content:"";display:inline-block;vertical-align:middle;margin-left:10px;position:relative;top:-1px;width:20px;height:20px;background:url(../images/ysr.png) center center no-repeat;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.youshi .ysCont .page .next:hover,.youshi .ysCont .page .next.on{color:#fff;background-color:#008e40;}
.youshi .ysCont .page .next:hover:after,.youshi .ysCont .page .next.on:after{background-image:url(../images/ysrh.png);}
.youshi .ysImg1{position:absolute;width:212px;height:286px;background:url(../images/ysimg1.png) 0 center no-repeat;left:-195px;bottom:-56px;}
.youshi .ysImg2{position:absolute;z-index:-1;width:484px;height:340px;background:url(../images/ysimg2.png) 0 center no-repeat;right:-320px;right:-350px;bottom:-60px;}
.youshi .tel{position:absolute;right:-213px;top:167px;width:360px;border-bottom:2px solid #008e40;height:36px; line-height: 1.4; font-family: 'Montserrat-R';}
.youshi .tel:before{content:"";display:inline-block;width:24px;height:24px;vertical-align:top;margin-right:12px;-webkit-animation:msClock2 1.5s linear infinite;animation:msClock2 1.5s linear infinite;background:url(../images/ystel.png) center center no-repeat;}


.case{padding-top:60px;padding-bottom:50px;background:url(../images/casebg.jpg) center bottom no-repeat; position: relative;}
.case:after{content:"";background:#37974f;position:absolute;bottom:50px;left:0;width:45%;height:220px;z-index:0;}
.case .caseBox{padding-bottom:60px;position: relative;}
.case .caseboxtitle{position: absolute; left:0; top:0; z-index: 2; width:100%;}
.case .caseboxtitle .hometitle{ background-color: #fff;}
.case .caseBox .tipR{position: absolute; right:0; top:0; font-weight:bold;color:#008e40;}
.case .caseBox .tipR:before{content:"";display:inline-block;vertical-align:middle;width:120px;height:1px;background-color:#bcbcbc;margin-right:20px;}
.case .caseBox .title{position:absolute;z-index:2;left:0;top:0;}
.case .caseTabs{padding-top:60px;position:relative;}
.case .caseTabs .bd{overflow:hidden;}
.case .caseTabs .bd ul li{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse;}
.case .caseTabs .bd ul li .pic{display:block;width:708px;background-color:#fff;border:solid 1px #dddcd9;position:relative;overflow:hidden;padding:8px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .caseTabs .bd ul li .cont{width:495px;padding-top:95px;}
.case .caseTabs .bd ul li .cont .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#555555;}
.case .caseTabs .bd ul li .cont .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px);}
.case .caseTabs .bd ul li .cont .more{display:block;margin-top:26px;text-align:center;width:128px;height:34px;background-color:#efa410;border-radius:20px;line-height:34px;font-size:12px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#fff;text-transform:uppercase;}
.case .caseTabs .bd ul li .cont .more i{min-width:4px;}
.case .caseTabs .bd ul li .cont .more:after{content:"";display:inline-block;vertical-align:middle;position:relative;top:-1px;margin-left:10px;border-left:7px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.case .caseTabs .bd ul li .cont .more:hover{box-shadow:0 10px 10px -5px rgba(0,142,64,0.5);}
.case .caseTabs .bd ul li:hover .pic{border-color:#008e40;}
.case .caseTabs .bd ul li:hover .pic img{-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.case .caseTabs .bd ul li:hover .cont .bt{color:#008e40;}
.case .caseTabs .bd ul li:hover .cont .more{background-color:#008e40;}
.case .caseTabs .page{position:absolute;left:0;bottom:-35px;z-index:3;}
.case .caseTabs .page .prev{width:50px;height:80px;background-color:#1b7831;line-height:50px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:tb-rl;text-align:center;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#fff;text-transform:uppercase;font-size:12px;cursor:pointer;}
.case .caseTabs .page .prev:hover,.case .caseTabs .page .prev.on{background-color:#48ac53;}
.case .caseTabs .page .next{margin-top:6px;width:52px;height:82px;background-color:#1b7831;line-height:52px;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:tb-rl;text-align:center;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:#fff;text-transform:uppercase;font-size:12px;cursor:pointer;}
.case .caseTabs .page .next:hover,.case .caseTabs .page .next.on{background-color:#48ac53;}
.case .caseList{width:50%;height:220px;background-color:#37974f;border-radius:0px 40px 0px 0;position:absolute;bottom:0;left:0;z-index:1;padding-top:24px;padding-left:70px;}
.case .caseList ul li{width:45%; height:170px;overflow:hidden;position:relative; background-color: #fff;}
.case .caseList ul li + li{margin-left:4%;}
.case .caseList ul li .pic{display:block;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .caseList ul li .pic img{display:block;position:absolute;width:100%;height:100%;object-fit:contain;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .caseList ul li .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;position:absolute;z-index:2;left:0;bottom:-50px;right:0;margin:auto;background-color:rgba(239,164,16,0.8);color:#fff;font-size:16px;text-align:center;padding:0 10px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .caseList ul li:hover .pic img{-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.case .caseList ul li:hover .bt{bottom:0;}
.case .tipb{position:absolute;right:0;line-height:1;bottom:20px;}
.case .caseimg1{position:absolute;left:48%;bottom:-75px;width:142px;height:286px;z-index:4;background:url(../images/caseimg1.png) 0 center no-repeat;}
.case .caseimg2{position:absolute;right:-247px;bottom:-89px;width:247px;height:225px;z-index:4;background:url(../images/caseimg2.png) 0 center no-repeat;}

.product {background: url(../images/probg.jpg) center 0 no-repeat; position: relative;}
.product .product-lt{width:260px;}
.product .product-rt{width:calc(100% - 260px);}
.product .proList ul li{width:32%; margin-right:2%; margin-top:2%; background-color:#f2f2f2;border:solid 1px #dddcd9;padding:8px 8px 0;position:relative;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;background-repeat:no-repeat;background-image:-webkit-linear-gradient(139deg,#efa410 0%,#48ac53 100%);background-image:linear-gradient(139deg,#efa410 0%,#48ac53 100%);background-size:100% 0%;background-position:left 0;}
.product .proList ul li .pic{display:block;width:100%;height:230px;position:relative;overflow:hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proList ul li:nth-child(-n+3){margin-top:0;}
.product .proList ul li .pic img{display:block;position:absolute;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proList ul li:nth-child(3n){margin-right:0;}
.product .proList ul li .tt{position:relative;height:58px;line-height:58px;padding-right:110px;}
.product .proList ul li .tt .more{position:absolute;right:0;top:0;font-size:12px;text-transform:uppercase;color:#aaaaaa;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proList ul li .tt .more:before{content:"";display:inline-block;vertical-align:middle;width:48px;height:1px;background-color:#d1d1d1;margin-right:10px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proList ul li .tt .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;padding-left:40px;color:#898989;background:url(../images/proli.png) 0 center no-repeat;}
.product .proList ul li:hover{background-size:100% 100%;border-color:transparent;}
.product .proList ul li:hover .pic{box-shadow:6px 7px 13px 0px rgba(0,0,0,0.19);}
.product .proList ul li:hover .pic img{-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.product .proList ul li:hover .tt .bt{color:#fff;background-image:url(../images/prolih.png);}
.product .proList ul li:hover .tt .more{color:#fff;}
.product .proList ul li:hover .tt .more:before{background-color:#fff;}
.product .product-title{width:50%}
.product .product-title .hometitle{padding:70px 0 0;}
.product .product-title .hometitle{color:#fff;}
.product .product-title .hometitle span em{color:#ff0;}

.product .proMain{margin-top:100px;}
.product .proNav{position:relative;}
.product .proNav ul{height:594px;overflow:auto;padding-left:2px;}
.product .proNav ul::-webkit-scrollbar{width:2px;height:2px;}
.product .proNav ul li{border-left:1px solid #ccc;}
.product .proNav ul li > a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:30px;position:relative;height:66px;line-height:66px;font-size:18px;margin-left:-2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proNav ul li > a:before{content:"";display:block;position:absolute;top:50%;left:0;width:5px;background-color:#008e40;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;height:0;}
.product .proNav ul li > a i{display:block;position:absolute;left:0;top:50%;margin-top:-19px;width:38px;height:38px;background-color:#efa410;border-radius:100%;overflow:hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:0;filter:alpha(opacity=0);}
.product .proNav ul li > a i img{max-width:60%;max-height:60%;display:block;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.product .proNav ul li > a span{position:relative;display:inline-block;}
.product .proNav ul li > a span:before{content:"";display:block;position:absolute;left:0;bottom:11px;width:0;background-color:#008e40;height:1px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.product .proNav ul li.on > a,.product .proNav ul li:hover > a{color:#008e40;padding-left:70px;}
.product .proNav ul li.on > a:before,.product .proNav ul li:hover > a:before{height:100%;top:0;}
.product .proNav ul li.on > a i,.product .proNav ul li:hover > a i{opacity:1;filter:alpha(opacity=100);left:25px;}
.product .proNav ul li.on > a span,.product .proNav ul li:hover > a span{font-weight:bold;}
.product .proNav ul li.on > a span:before,.product .proNav ul li:hover > a span:before{width:100%;}

.product .feedback{height: 267px;}
.product .formbox{width:50%; padding-left:50px; margin-top:50px;}
.product .formbox label{display:block;position:relative; width:48.5%;height:50px;margin-right:3%;margin-bottom:20px;}
.product .formbox label:nth-child(2n){margin-right:0;}
.product .formbox label span{position:absolute;z-index:2;left:26px;top:-8px;color:#e9e9e9;display:block;font-size:16px;line-height:1; padding:3px 5px; background-color: #eeab28;}
.product .formbox label span i{display:inline-block;vertical-align:bottom;text-transform:uppercase;margin-left:8px;font-size:12px;line-height:1;}
.product .formbox input{display:block;width:100%;height:50px;line-height:50px;background-color:transparent;border:none;color:#fff;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;padding:0 15px;border:1px solid #f5d9a2;}
.product .formbox .imgCode{position:absolute;right:3px;top:3px;width:88px;height:42px;}
.product .formbox .formbox-lt{width:calc(100% - 100px);}
.product .formbox .submitform{display:flex; align-items:center; justify-content:center; flex-direction: column; width:80px;height:120px;border:solid 1px #f5d9a2;background:transparent;line-height:20px;text-align:center;overflow:hidden;font-size:16px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;cursor:pointer;color:#e9e9e9;}
.product .formbox .submitform i{display:block;text-transform:uppercase;font-size:12px;}
.product .formbox .submitform:hover{background:#fff;border-color:#fff;box-shadow:0 10px 10px -5px rgba(255,255,255,0.5);color:#efa410;}
.product .tip{margin-top:16px;letter-spacing:6px;color:#e1ede3;line-height:20px;border-top:1px solid rgba(225,237,227,0.5);border-bottom:1px solid rgba(225,237,227,0.5); padding:5px 0; width:max-content;}

.news {background: url(../images/newsbg.jpg) center 0 no-repeat; overflow: hidden;}
.news .newsTab{padding:50px 0 0;}
.news .newsTab ul{position:relative;margin-top:30px;}
.news .newsTab ul li{margin-left:40px;}
.news .newsTab ul li:first-child{margin-left:0;}
.news .newsTab ul li a{display:block;height:48px;line-height:48px;position:relative;text-align:center;font-size:16px;color:#736f66;z-index:1;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTab ul li a::before{content:"";display:block;position:absolute;left:24px;bottom:-2px;width:0;height:4px;background-color:#efa410;border-radius:2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTab ul li a i{display:inline-block;vertical-align:top;width:20px;height:48px;overflow:hidden;margin-right:8px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTab ul li a i:before,.news .newsTab ul li a i:after{content:"";display:block;width:100%;height:100%;position:relative;top:0;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.news .newsTab ul li a i.ico1:before{background:url(../images/newsico1.png) center center no-repeat;}
.news .newsTab ul li a i.ico1:after{background:url(../images/newsico1h.png) center center no-repeat;}
.news .newsTab ul li a i.ico2:before{background:url(../images/newsico2.png) center center no-repeat;}
.news .newsTab ul li a i.ico2:after{background:url(../images/newsico2h.png) center center no-repeat;}
.news .newsTab ul li a i.ico3:before{background:url(../images/newsico3.png) center center no-repeat;}
.news .newsTab ul li a i.ico3:after{background:url(../images/newsico3h.png) center center no-repeat;}
.news .newsTab ul li:hover a,.news .newsTab ul li.on a{font-weight:bold;}
.news .newsTab ul li:hover a i:before,.news .newsTab ul li.on a i:before,.news .newsTab ul li:hover a i:after,.news .newsTab ul li.on a i:after{top:-100%;}
.news .newsTab ul li:hover a::before,.news .newsTab ul li.on a::before{width:71px;}
.news .newsTabs{margin-top:38px;margin-right:-20px;}
.news .newsTabs .bd{overflow:hidden;height:698px;}

.news .newsList{overflow:hidden;}
.news .newsList .list1 ul{}
.news .newsList .list1 ul li{width:24%; background-color:#ffffff;border-radius:6px;border:solid 1px #ddd;position:relative;padding:15px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list1 ul li .pic{display:block;width:100%;height:205px;border-radius:6px;position:relative;overflow:hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list1 ul li .pic img{display:block;position:absolute;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list1 ul li .cont{position:relative;padding-top:20px;}
.news .newsList .list1 ul li .cont .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:38px;line-height:38px;font-size:18px;color:#676767;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list1 ul li .cont .bt:hover{-webkit-transform:translateX(5px);transform:translateX(5px);color:#008e40;}
.news .newsList .list1 ul li .cont p{margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px;font-size:14px;color:#b5b5b5;}
.news .newsList .list1 ul li .cont .date{width:110px;height:28px;background-color:#ebebeb;border-radius:17px;line-height:28px;text-align:center;margin-top:15px;font-size:13px;color:#696969;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list1 ul li:nth-child(2n) .pic{top:155px;}
.news .newsList .list1 ul li:nth-child(2n) .cont{top:-235px;}
.news .newsList .list1 ul li:hover{box-shadow:5px 8px 13px 0px rgba(160,110,0,0.1);}
.news .newsList .list1 ul li:hover .pic img{-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.news .newsList .list1 ul li:hover .cont .bt{font-weight:bold;}
.news .newsList .list1 ul li:hover .cont .date{background-color:#efa410;box-shadow:5px 8px 13px 0px rgba(130,96,0,0.2);color:#fff;}
.news .newsList .list2{margin-top:42px;position:relative;border-top:dashed 1px #d7d7d7;padding-top:30px;}
.news .newsList .list2 ul{}
.news .newsList .list2 ul li{width:31%;padding-bottom:50px;padding-left:122px;position:relative;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list2 ul li:before{content:"";display:block;position:absolute;width:80%;height:1px;background-color:#eee;left:0;bottom:14px; z-index: 0;}
.news .newsList .list2 ul li .pic{display:block;position:absolute;left:0;top:0;overflow:hidden;width:106px;height:106px;border:solid 4px #e3e3e3;border-radius:100%;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list2 ul li .pic img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list2 ul li .bt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:38px;line-height:38px;font-size:18px;position:relative;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list2 ul li .bt:before{content:">>";font-family:simsun;margin-right:18px;font-weight:bold;font-size:16px;letter-spacing:-3px;}
.news .newsList .list2 ul li .bt:hover{color:#008e40;-webkit-transform:translateX(5px);transform:translateX(5px);}
.news .newsList .list2 ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px;color:#b5b5b5;}
.news .newsList .list2 ul li .date{position:absolute; bottom:0; right:0;border:1px solid #ddd;margin-top:15px;width:110px;height:28px;background-color:#fff;border-radius:17px;line-height:28px;text-align:center;margin-top:15px;font-size:13px;color:#696969;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsList .list2 ul li:hover .pic img{-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.news .newsList .list2 ul li:hover .date{background-color:#f0a500;box-shadow:5px 8px 13px 0px rgba(130,96,0,0.2);color:#fff;border-color:#efa410;}