@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
/*27584*/


/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#17610c}
.bga{background: #f7f7f7;}


/*==字符串↓==*/
*:before,*:after,em,i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('//at.alicdn.com/t/c/font_1963410_9jza3zhuph.woff2?t=1693477088866') format('woff2'),
       url('//at.alicdn.com/t/c/font_1963410_9jza3zhuph.woff?t=1693477088866') format('woff'),
       url('//at.alicdn.com/t/c/font_1963410_9jza3zhuph.ttf?t=1693477088866') format('truetype');
}


/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;z-index:99;/*height:80px; */}
.fixed-top.header:before,.header.trol:before{opacity:0.7; height:100%;}
.fixed-top.header .logo img{}
.fixed-top.header .sub{box-shadow: 0 -5px 20px #ddd;}


/*--*/
.header{position: fixed;left: 0;right: 0;z-index: 9;height:100px;border-bottom: 1px solid rgba(255,255,255,0);}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #000;transition: all .4s ease-in-out;}
.header .container{height:100%;}
.header .logo{float:left;display: flex;height:100%;padding: 20px 0;align-items: center;}
.header .logo a{display: flex;height: 60px;align-items: center;overflow: hidden;}
.header .logo img{max-height: 60px;filter: drop-shadow(0px 60px #fff);}
.header .nav{display:flex;float: right;margin-right:50px;height: 100%;}
.header .nav > li{position:relative; float: left;height: 100%;margin-left: 50px;}
.header .nav > li > a{position: relative;z-index:1;display: flex;color: #fff;font-size: 16px;height: 100%;text-align: center;/* padding-bottom: 39px; */align-items: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:3px;background:#17610c;;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#f5f5f5; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 140px;left:-35px;top: 100%;position:absolute;margin-top: 10px;border: 1px #eee solid;background: rgba(255,255,255,1);padding: 0px 0;z-index: 999;text-align: center;}
.header .nav .sub:before{content:"";position:absolute;left:0;right:0;top: -20px;margin: auto;width: 0;height: 0;border:10px solid transparent;border-bottom-color: #fff;}
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}
.header .nav .sub a:hover{color:#17610c; }
/*--*/
.header .lot{margin-left: 25px;display: flex;height: 100%;align-items: center;cursor:pointer}
.header .lot em{color:#fff;font-size: 22px;}
.header .lot:hover em{color:#ddd}
.header .lang{position:relative; display: flex;height: 100%;align-items: center;cursor:pointer}
.header .lang h4{display: flex;color:#fff;font-size:14px;padding: 2px 10px 2px 15px;border-radius: 30px;border:1px #fff solid;align-items: center;}
.header .lang h4::after{content:"\e65a";margin-left: 2px;font-size:20px;color:#fff;}
.header .lang .drop{display:none;position:absolute;left:0;/* top:0; */right:0;margin-top: 80px;text-align:center;box-shadow: 0 0 10px #aaa;background: #fff;}
.header .lang .drop:before{content:"";position:absolute;left:0;right:0;top: -12px;margin: auto;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;}
.header .lang .drop a{display:block;color:#666;font-size:14px;padding: 5px 0;}
.header .lang .drop a:hover{color:#fff;background:#17610c}
.header .lang:hover h4::after{transform:rotateX(180deg)}
.header .lang:hover .drop{display: block;}
/*--*/
.header.trol{background:rgba(255,255,255,0.8);}
.header.trol:before{display: none;}
.header.trol .nav > li{margin-left:1px;}
.header.trol .nav > li > a{color:#666666;padding:0 20px;}
.header.trol .nav > li > a:after{height:100%;}
.header.trol .nav > li:hover > a,.header.trol .nav > li.active > a{color:#fff; }
.header.trol .nav .sub{left:-15px}
.header.trol .lot em{color:#666;}
.header.trol .lot:hover em{color:#17610c}
.header.trol .lang h4{color:#666;border-color:#666;}
.header.trol .lang h4::after{color:#666;}
/*--*/
.idx .header .logo img{transform: translateY(-60px);}



/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:1; width:100%;height:100%; background:rgba(0,0,0,0.5)  }


/*==弹出搜索↓==*/
.search-top{display: none; position:fixed;left:0;top:0px;right:0;z-index: 2;padding:120px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}
.trol-top .search-top{padding-top:100px;}
.search-top .long{position:relative; padding:30px 0;display: flex;width: max-content;margin: auto;flex-direction: column;}
.search-top .top{position:relative;display: flex;width: max-content;flex-direction: row-reverse;align-items: center;}
.search-top .close{display: flex;margin-left: 30px;width: 40px;height: 40px;text-align: center;color: #666;font-size: 22px;background: #fafafa;justify-content: center;align-items: center;cursor: pointer;}
.search-top .close::before{content:"\e731";}
.search-top .close:hover{color:#fff;background: #999;}
.search-top .close:hover:before{color:#fff}
.search-top .trol form{position: relative;display: flex;margin: auto;width: max-content;border: 1px #ddd solid;border-radius: 5px;overflow: hidden;}
.search-top .trol i{position: absolute;left: 15px;top:0;bottom:0;margin:auto;height:fit-content;color:#999;font-size: 22px;}
.search-top .trol input{float: left;width:500px;color:#666;font-size: 15px;padding:0 20px 0 50px;}
.search-top .trol button{float:right;color:#fff;font-size:13px;padding: 0px 40px;background: #666;border: none;/* border-radius: 50%; */cursor: pointer;}
.search-top .trol input,.searchBox .trol button{line-height:50px;height:50px;border:none;}
.search-top .trol button:hover{ background:#000002}
.search-top .link{display:flex;font-size: 15px;margin-top: 20px;text-align: center;flex-wrap: wrap;justify-content: flex-start;}
.search-top .link h4{color: #5a5a5a;font-weight:bold;margin-right:20px;}
.search-top .link a{margin:0 10px 10px 0}


/*==次级导航↓==*/
.menu{position: relative;border-bottom: 1px #ddd solid;overflow: hidden;background: #f2f2f2;}
.menu .long{display: flex;padding: 30px 0px;height:80px;overflow:hidden;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.menu .secon{}
.menu .secon li{display: inline-block;margin-right: 30px;}
.menu .secon a{position:relative;z-index:2;display: block;color: #666;font-size: 16px;height: 100%;/* overflow: hidden; */}
.menu .secon a:after{content: "";position: absolute;left:0;bottom: -27px;z-index:-1;width:100%;height: 2px;background: #17610c;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu .secon li:hover a,.menu li.active a{ color:#17610c; }
.menu .secon li:hover a:after,.menu .secon li.active a:after{transform: scale(1);transform-origin:left;}
.menu .site{color: #6a6a6a;font-size:16px;}
.menu .site .home i{ font-weight:bold;font-size:18px;margin-right:10px;}
.menu .site a{}
.menu .site a:hover{color:#17610c}


/*==面包屑↓==*/
/*.site-end{background:#f5f7f9;}
.site-end .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site-end .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site-end a{color:#666;font-size:12px;}
.site-end a:hover{color:#eb7d35}
.site-end .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site-end .more:hover{color:#fff; background: #3e4282;}*/


/*==产品分类栏目↓==*/
.level{margin:20px 0 60px 0}
.level ul{display: flex;}
.level ul li{}
.level ul a{color:#666666;font-size:16px;padding:10px 15px;border-radius: 30px;margin-right:10px; }
.level ul .active a,.level ul li:hover a{color:#fff;background: #17610c;}


/*==面包屑↓==*/
.site-end{}
.site-end .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site-end .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site-end a{color:#666;font-size:12px;}
.site-end a:hover{color:#17610c}
.site-end .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site-end .more:hover{color:#fff; background: #17610c;}



/*==标题↓==*/
.titleAx{color:#333333;font-size:44px;}  
.titleAx span{margin-top:10px;display: block;color:#666666;font-size:18px;font-weight: 400;text-transform: Uppercase;}
.titleAx font{color:#17610c}
.titleAx hr{display: block;margin:0px;margin-top:5px;width: 40px;height: 4px;border:none;background: #17610c;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.pos{position:absolute;left:0;top:60px;z-index:2;}
.titleAx.lef{left:10%;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
/*--*/
.rel{position: relative;}
/*--*/
.titleBx{color:#000123;font-size:26px;margin-bottom:50px; }
.titleBx b{color:#17610c}
.titleBx span{display: block; margin-top:5px;color:#333333;font-size:16px;font-weight:400;text-transform: uppercase;}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #17610c;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white *{color:#fff}
.titleBx.tTop{margin:20px 0 60px 0;}
/*--*/
.titleCx{color:#333333;font-size:32px;margin-bottom:50px;text-align: center;width: auto;}
.titleCx b{position: relative;z-index: 1;width: fit-content;display: flex;align-items: center;margin: auto;}
.titleCx b:before{content: "";/* opacity: 0.8; */position:absolute;top: -21px;bottom: 0;left: -20px;z-index: -1;margin: auto;width:50px;height:50px;border-radius: 50%;/* transform: rotate(45deg); */background: -webkit-linear-gradient(-45deg, #70acff, #fff);}
.titleCx b::after{content: "\e724";margin-left: 20px;color:#17610c;font-size: 38px;}
.titleCx hr{content:"";display: block;margin: auto;margin-top: 10px;width: 50px;height: 3px;border:none; background: -webkit-linear-gradient(left, #fff, #3eb32a, #fff);}
.titleCx.white{color:#fff}
.titleCx.white b:before{display:none}
.titleCx.white b:after{color:#fff}
.titleCx.white hr{background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff, rgba(255,255,255,0)); }

/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}

/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}


/*===内页框↓==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}


/*==更多按钮↓==*/
.more-1{display: table;margin-top:30px;color:#fff;font-size:16px;padding: 11px 40px;border-radius: 5px;background: #ee924a;}
.more-1:hover{color:#fff;background:#17610c}
/*--*/
.more-2{display: flex;width: max-content;margin:auto;margin-top: 40px;color:#ee924a;font-size:14px;padding: 12px 50px;border-radius: 30px;border:1px #ee924a solid;transition: all .4s ease-in-out;align-items: center;justify-content: center;flex-direction: row-reverse;}
.more-2:before{content:"\e61f";font-size: 24px;margin-left: 20px;color:#ee924a}
.more-2:hover{color:#fff; background:#ee924a;}
.more-2:hover:before{color:#fff;transform:translateX(5px)}


/*==切换效果↓==*/
.cut-item .btn {position:absolute;top:50%;left:-60px;display:block;/* width: 50px; */padding: 10px 5px;text-align:center;color: #9a9a9a;font-size: 30px;font-weight:bold;transform:translateY(-50%);cursor:pointer;border-radius: 5px;/*background:#fff;*/}
.cut-item .btn.sNext {left:auto;right:-60px;}
.cut-item .btn:hover {color:#fff; background:#17610c}
.cut-item .btn:hover:before {color:#fff}
.cut-item .sPrev:before {content:"\e662";}
.cut-item .sNext:before {content:"\eb9b";}


/*-切换点1-*/
.spot-dot {}
.spot-dot {position:initial;margin:40px auto 0;text-align:center;}
.spot-dot span {opacity:1;width:15px;height:15px;margin:0 10px;border:1px #ddd solid;background:#fff;}
.spot-dot span.swiper-pagination-bullet-active {background:#17610c;}
/*-切换点2-*/
.spot-forte{position:initial;margin:40px auto 0;text-align:center;}
.spot-forte span{opacity:0.8;width:25px;height:6px;border-radius:0px;margin:0 6px;background:#fff;}
.spot-forte span.swiper-pagination-bullet-active{opacity:1;background:#17610c;}


/*==左侧联系↓==*/
.connection {margin-top:30px;padding:20px;border:1px #ddd solid;overflow:hidden;/* background:#eee;*/}
.connection .tit {/* float:left;*/color:#333;font-size:18px;font-weight:bold;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd solid;}
.connection .tit .more {float:right;display:block;color:#666;font-size:13px;margin-top:5px;}
.connection .tit .more:hover {color:#17610c}
.connection .tel {position:relative;display:block;font-size:12px;color:#858585;padding-left:50px;margin-bottom:20px;word-wrap:break-word;word-break:normal;}
.connection .tel font {display:block;color:#17610c;font-size:24px;margin-top:5px;line-height:25px;font-weight:bold;}
.connection .tel:before {content:"\e611";font-family:"iconfont";position:absolute;top:6px;left:0;margin-right:10px;font-weight:400;color:#333;font-size:36px;}
.connection .wx {color:#666;font-size:14px;line-height:24px}
.connection .ewm {display:table;margin-top:20px;}
.connection .ewm img {max-width:100px;}
.connection .ewm font {vertical-align:middle;color:#666;font-size:14px;padding-left:30px;}
.connection .ewm font hr {float:left;width:30px;height:1px;margin:10px 10px 0 0;border:none;background:#aaa;}
.connection .ewm img,.connection .ewm font {display:table-cell;}
 


/*==切换按钮↓==*/
.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -5px;    align-items: stretch;}
.tone-item li{flex: 1;display:inline-block;cursor: pointer;margin-left: 5px;}
.tone-item a{position: relative;z-index: 1;display: block;height:100%;color:#fff;font-size:18px;padding: 15px 10px;overflow:hidden; background:#9d9d9d}
.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #17610c;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.tone-item .more a{color:#1c2023; background: #dddddd;}
.tone-item .active a,.tone-item li:hover a{color:#fff; }
.tone-item .active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}


/*==标题+tab↓==*/
.title-tip{display: flex;position: relative;margin-bottom:50px;justify-content: space-between;align-items: center;}
.title-tip.line{padding-bottom: 30px;border-bottom: 2px #ddd solid;/*height: 90px;*/}
.title-tip .tit{float:left;text-align: left;margin: 0px;}
.title-tip .tone .more{position: relative;z-index:2;font-size: 40px;padding: 0;height: -webkit-fill-available;margin-left: 30px;transition: all .4s ease-in-out;align-items: stretch;}
.title-tip .tone .more:after{display:none;}
.title-tip .tone .more:hover{color:#17610c;transform:translateX(5px)}
.title-tip .tone_1{}
.title-tip .tone_1 li{display:inline-block;cursor: pointer;margin-left: 20px;}
.title-tip .tone_1 a{position: relative;z-index: 1;display: block;color: #000123;font-size: 16px;padding: 12px 40px;box-shadow: 0 5px 10px #eee; overflow:hidden;border:1px solid #fdfdfd;background: #f6f8fa;}
.title-tip .tone_1 a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height: 100%;background: #17610c;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.title-tip .tone_1 .me{margin-left:20px;display: inline-block;color:#999;font-size: 35px;padding-bottom: 25px;}
.title-tip .tone_1 .me:hover{color:#17610c;transform:translateX(5px)}
.title-tip .tone_1 .active a,.tone-item li:hover a{color: #fff;}
.title-tip .tone_1 .active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}
/*--*/ 
.title-tip .tone_2{display: flex;margin-bottom: -20px;flex-wrap: wrap;}
.title-tip .tone_2 li{ float: left;margin-left: 50px;position: relative;}
.title-tip .tone_2 a{position: relative;display: block;color:#6a6a6a;font-size:18px;text-align: center;padding-bottom: 10px;}
.title-tip .tone_2 a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#17610c;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.title-tip .tone_2 li.active a{color:#17610c; }
.title-tip .tone_2 li.active a:after{transform: scale(1);transform-origin:left;}


/*===产品列表↓==*/
.product-list.edge{display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list.edge li{display: inline-block;width:calc(25% - 0px); }
.product-list a{position:relative; display: block;padding:50px 30px 50px 30px;}
.product-list a::before{opacity: 0; content:"";position:absolute;top:0;left:0;right:0;height: 3px;background:-webkit-linear-gradient(left, #3eb32a, #246019);}
.product-list .pic{padding-top:80%;background: #eee;}
.product-list .box{margin-bottom:30px;}
.product-list h4{color:#333333;font-size:20px; }
.product-list span{color:#666666;font-size:18px;margin-top:10px;}
.product-list li:hover{}
.product-list li:hover a{box-shadow: 0 0 10px #ddd; }
.product-list li:hover a::before{opacity: 1;}
.product-list li:hover h4{color:#17610c}
.product-list li:hover span{opacity:0;}



/*===产品详情↓==*/
.proDet{padding-top:0px !important}
.proDet .theme{color:#666666;font-size:24px;margin-bottom:20px;text-align:center;}
.proDet .theme:after{content:"";display: block;margin: auto;margin-top: 10px;width: 70px;height: 3px;background: -webkit-linear-gradient(left, #fff, #3eb32a, #fff);}
.proDet .top{}
.proDet .top .titleTop{flex-shrink: 0;width: 100%;color:#343434;font-size:30px;margin-bottom:30px;}
.proDet .top .long{display: flex;flex-wrap: wrap;}
.proDet .top .set{/* flex: 1; */width: 50%;flex-shrink: 0;}
.proDet .top .info{flex: 1;width:50%;margin-left:80px;}
.proDet .top .info ul{}
.proDet .top .info ul li{margin-bottom: 30px;}
.proDet .top .info ul h4{color:#17610c;font-size:30px; font-weight:bold;   background: -webkit-linear-gradient(top, #71edaa, #2bbc94); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.proDet .top .info ul span{display:block; margin-top:10px;color:#7b7b7b;font-size:18px;}
.proDet .content{}
.proDet .content .tone{display: flex;margin-bottom: 80px;background: #f2f2f2;}
.proDet .content .tone li{flex: 1;position:relative;z-index:1;color: #666666;font-size: 22px;padding: 20px 20px;text-align: center;border-right:1px #ddd solid;cursor: pointer;} 
.proDet .content .tone li:after{opacity:0; content:"";position: absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:-webkit-linear-gradient(top, #3eb32a, #246019);}
.proDet .content .tone li.active{color:#fff;}
.proDet .content .tone li.active:after{opacity:1}
.proDet .content .shell{margin-bottom: 80px;}
.proDet .content .shell:last-child{margin-bottom:0px;}
.proDet .content .wx{color:#666;font-size:16px;line-height:30px;}


/*===解决方案滚动↓==*/
.srll-solve{position: relative;}
.srll-solve .list{}
.srll-solve .list li{width:1000px}
.srll-solve .list a{display: block;position:relative;z-index:1}
.srll-solve .list a:after{opacity: 0.4;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background: #000;}
.srll-solve .list h4{position:absolute;left:0;bottom:0;right:0;z-index:2; margin:50px;color:#fff;font-size:24px;}
.srll-solve .list h4:after{ content:"";display: block; margin-top:5px;width:40px;height:2px;background: #fff;}
.srll-solve .list li:hover a:after{opacity: 0.2;}
.srll-solve .list li:hover h4::after{width:50px;}
.srll-solve .btn{left:5%;z-index: 2;}
.srll-solve .btn.sNext{left:auto;right:5%;}
.srll-solve .spot{display: none;}


/*===首页产品↓==*/
.productHome{position:relative; background:url(../images/bgk01.jpg) no-repeat center;background-size:cover;}


/*===首页产品tab↓==*/
.pro-tab{}
.pro-tab .tone{display: flex;/* width: 60%; */margin: auto;align-items: center;justify-content: center;}
.pro-tab .tone li{border-right: 1px #ccc solid;cursor: pointer;  overflow: hidden;}
.pro-tab .tone li:last-child{border-right:0px;}
.pro-tab .tone a{position:relative;z-index: 1;display: flex;padding: 25px 40px;}
.pro-tab .tone a::after{opacity:0; content:"";position: absolute;left:0;right:0;top:0;bottom:0;z-index: -1;transform: translateY(10px);background: #17610c;}
.pro-tab .tone em{flex-shrink: 0; display: flex;height: 59px;margin-right: 15px;align-items: center;overflow: hidden;}
.pro-tab .tone em img{display: block;transform: translateY(0px);filter: drop-shadow(0px 59px #fff);}
.pro-tab .tone h4{color:#333333;font-size:24px}
.pro-tab .tone h4 span{display: block;margin-top: 1px;color:#666;font-size:14px}
.pro-tab .tone li:hover *,.pro-tab .tone li.active *{color:#fff}
.pro-tab .tone li:hover a:after,.pro-tab .tone li.active  a:after{opacity:1;transform: translateY(0px);}
.pro-tab .tone li:hover em img,.pro-tab .tone li.active em img{transform: translateY(-100%);}
.pro-tab .down{min-height:860px;}

/*==产品滚动↓==*/
.srll-pro{position: relative;}
.srll-pro .list li{opacity: 0.8;position: relative;z-index:1}
.srll-pro .list li::after{opacity: 0; content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1; background:#fff;}
.srll-pro .list a{display: block; padding:100px 50px 50px 50px;}
.srll-pro .up{transform: translateY(30%);transition: all .8s ease-in-out;}
.srll-pro .up h4{margin-top: 20px;color:#666666;font-size:20px;text-align: center;}
.srll-pro .pic{}
.srll-pro .info:before{content:"";position:absolute;left:0;right:0;top: -30px;width: 50%;height:1px;margin: auto;background: #ddd;}
.srll-pro .info{opacity: 0;position: relative;margin-top: 60px;height: 240px;transform: translateY(10px);transition: all .6s ease-in-out;}
.srll-pro .info h4{margin-bottom:30px;color:#666;font-size:24px;text-align: center;}
.srll-pro .info .wx{padding:0 30px;color:#999999;font-size:14px;line-height: 30px;}
.srll-pro .list li:hover{opacity: 1; }
.srll-pro .list li:hover::after{opacity: 1;}
.srll-pro .list li:hover h4{color:#17610c}
.srll-pro .list li:hover .info{opacity:1;transform: translateY(0px);}
.srll-pro .list li:hover .up{transform: translateY(0%);}
.srll-pro .spot{display: none;}
 
 
 
/*==首页解决方案↓==*/ 
.solveHome{position:relative;}


/*==公司优势tab↓==*/
.advan-tab{display: flex;height: 940px;flex-direction: column-reverse;}
.advan-tab .roll{display: flex;position: relative;z-index: 2;background: #f0f0f0;}
.advan-tab .roll li{flex: 1;display: flex;position: relative;z-index:2;cursor:pointer; padding: 25px 30px;border-right: 1px #ddd solid;align-items: center;flex-direction: column;text-align: center;}
.advan-tab .roll li:before{opacity:0;content:"";position:absolute;left:0;bottom: 0;z-index: -1;width:100%;height: 80%;background:#17610c;}
.advan-tab .roll em{flex-shrink: 0;height: 55px;overflow: hidden;}
.advan-tab .roll em img{display: block;transform: translateY(0px);filter: drop-shadow(0px 55px #fff);/* transition: all .4s cubic-bezier(0.26, 0.32, 0.74, 0.66); */}
.advan-tab .roll h4{color:#666;font-size:20px;margin-top: 15px;}
.advan-tab .roll h4 font{margin-top:5px;display:block;color: #666;font-size: 14px;}
.advan-tab .roll .active *{color:#fff;} 
.advan-tab .roll .active:before{opacity:0.9;height:100%;}
.advan-tab .roll .active em img{transform: translateY(-100%);    }
.advan-tab .shelf{position: absolute;top: 0;bottom: 0;left: -10%;right: -10%;overflow: hidden;background:#fff;}
.advan-tab .shelf li{width: 100%;position: relative;z-index:1; display: flex;width:-webkit-fill-available;height: 100%;}
.advan-tab .shelf li:after{opacity: 0.4;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background: #000;}
.advan-tab .shelf .pic{position:absolute;top:0;left:0;right:0;bottom:0;}
.advan-tab .shelf .pic img{width:100%;height: 100%;object-fit: cover;}
.advan-tab .shelf .ste{position:absolute;left:0;right:0;bottom: 300px;margin:auto;height: fit-content;}
.advan-tab .shelf .box{position:relative;z-index: 1;flex: 1;left: 20%;width: 600px;}
.advan-tab .shelf .title{color: #fff;font-size: 42px;margin-bottom: 30px;}
.advan-tab .shelf .title span{display: block;color: #fff;font-size: 18px;margin-top: 5px;font-weight:400}
.advan-tab .shelf h5{color:#fff;font-size:28px;margin-bottom: 10px;}
.advan-tab .shelf .wx{-webkit-line-clamp: 5;color: #fff;font-size:16px;line-height: 28px;}
.advan-tab .shelf .more{display: flex;float: right;width: fit-content;margin-top:40px;color:#fff;font-size:14px;padding:10px 30px;border-radius: 30px;background: #17610c;align-items: center;justify-content: flex-start;}
.advan-tab .shelf .more:hover{background: #3a3a3a;}
.advan-tab .number{position:absolute;right: 20%;top:0;left: auto !important;bottom:0;z-index: 2;display: flex;margin:auto;width: fit-content !important;height: fit-content;flex-direction: column;align-items: center;}
.advan-tab .number span{opacity: 0.6;display: block;width: auto;height: auto;color:#fff;font-size:16px;margin: 0px;margin-bottom: 15px !important;border-radius: initial;background: none;}
.advan-tab .number .swiper-pagination-bullet-active{opacity:1;font-size: 30px;}


/*===首页关于↓==*/
.aboutHome{padding-top:150px}
.aboutHome .long{display: flex;align-items: flex-start}
.aboutHome .set{position: relative;z-index:1;width: 40%;padding: 50px 0 0 50px;}
.aboutHome .set:after{content:"";position:absolute;left:0;top:0;right: 50px;bottom: 50px;z-index:-1;border-radius: 0px 20px 0 20px;background:#17610c}
.aboutHome .set img{border-radius:20px;}
.aboutHome .info{width: 50%;margin-left: 80px;}
.aboutHome .info .title{color:#17610c;font-size: 36px;font-weight:bold;margin-bottom: 30px;}
.aboutHome .info .title:after{content:"";display:block;width: 40px;height: 4px;margin-top: 20px;background:#17610c;}
.aboutHome .info .wx{color:#666666;font-size:18px;line-height: 30px;}
.aboutHome .info .more{margin-top:20px;display:table;color:#fff;font-size:14px;padding:8px 20px;border-radius:30px; background:#17610c}
.aboutHome .info .more:hover{background:#f60}
.aboutHome .number{display: flex;margin-top: 100px;}
.aboutHome .number li{position:relative;flex: 1;margin-right:80px;line-height: 1;color: #17610c;}
.aboutHome .number li:after{display:none; content: "";position: absolute;right:-40px;top:0;bottom:0;margin: auto;width: 2px;height: 60px;background: #ddd;}
.aboutHome .number li:last-child{margin-right:0px}
.aboutHome .number li:last-child::after{display: none;}
.aboutHome .number span{font-size: 52px;font-weight:bold;}
.aboutHome .number font{font-size: 14px;margin-left:5px}
.aboutHome .number h5{margin-top: 12px;font-size: 16px;}


/*===首页产品↓==*/
.advant-row{}
.advant-row{display: flex;flex-wrap: wrap;}
.advant-row li{position: relative;display: flex;width: 25%;height:950px;text-align: center;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}
.advant-row li:after{opacity: 0.5;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background: #000;}
.advant-row .bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;overflow: hidden;height: 100%;width:100%;height: 100%;object-fit: cover;}
.advant-row .box{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;padding: 30px;height: fit-content;}
.advant-row i{opacity: 0.6;color:#fff;font-size: 90px;font-weight: bold;}
.advant-row h4{margin-top:30px;color:#fff;font-size: 26px;}
.advant-row p{margin-top:30px;color:#fff;font-size: 16px;}
.advant-row li:hover .box{transform:translateY(-5px)}
.advant-row li:hover i{opacity: 1;}
.advant-row li:hover img{transform:scale(1.05);}
.advant-row li:hover:after{opacity: 0.1;}


/*===首页新闻↓==*/
.news-grid{}
.news-grid .pic{padding-top:80%;}
.news-grid h4{margin-top:15px;color:#333;font-size:20px;}
.news-grid p{margin-top:10px;color:#666;font-size:14px;}
.news-grid .time{display: table; margin-top:10px;color:#666;font-size:16px;}
.news-grid li:hover h4{color:#17610c}


/*==新闻↓==*/
.newsIn{background:#f7f7f7}


/*==新闻列表↓==*/
.news-list {}
.news-list .one {margin-bottom:80px;background:url(../images/news-bg.jpg) no-repeat center; background-size:cover;}
.news-list .one a {display:flex;padding:50px;box-shadow: 0 0 10px #ddd;}
.news-list .one .pic{flex-shrink: 0;width:400px;margin-right: 60px;}
.news-list .one .pic img {width:100%;height:100%;object-fit:cover;}
.news-list .one .info{flex: 1;}
.news-list .one .info::after{content:"+";display: table;margin-top:20px;color: #9a9a9a;font-size:30px;}
.news-list .one .time{display: table;color:#17610c;font-size:26px;margin-bottom:10px;}
.news-list .one .time font{color:#17610c;font-size:24px;}
.news-list .one .title {color:#111111;font-size:24px;margin-bottom: 25px;padding-bottom:20px;border-bottom:1px #ddd solid;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .one .txt {-webkit-line-clamp:3;color:#888888;font-size:16px;line-height:28px;}
.news-list .one:hover .title {color:#17610c}
.news-list .one:hover .info::after{color:#17610c}
.news-list .two {position: relative;margin-bottom:50px;}
.news-list .two:before,.news-list .two:after{opacity:0; content:"";position:absolute;right:0;top:0;width:50px;height:50px;border-top:1px #17610c solid;border-right:1px #17610c solid;}
.news-list .two:after{top:auto;bottom:0;transform:rotateX(180deg);}
.news-list .two a {display:flex;border-bottom: 1px #ccc solid;}
.news-list .two .pic{flex-shrink: 0;width:350px;margin-right:50px}
.news-list .two .pic img {width:100%;height:100%;object-fit:cover;}
.news-list .two .info{flex: 1;position: relative;margin: 50px 0;padding-right: 50px;}
.news-list .two .info::after{content:"+";position: absolute;top: 0;bottom: 0;right: 120px;margin: auto;height: fit-content;display: table;color:#9a9a9a;font-size:30px;}
.news-list .two .time{color:#17610c;font-size:24px;margin-bottom:15px;padding-right: 40px;margin: 50px 40px 50px 0;border-right:1px #ddd solid;}
.news-list .two .time font{display:block;font-size:16px;}
.news-list .two .title {color:#222;font-size:22px;margin-bottom: 20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .two .txt {-webkit-line-clamp:2;color:#888888;font-size:14px;line-height:28px;}
.news-list .two:hover:before,.news-list .two:hover:after{opacity:1}
.news-list .two:hover a{border-color:#fff;background: #fff;}
.news-list .two:hover .title{color:#17610c}
.news-list .two:hover .info:after{color:#17610c}
 
 

/*==新闻详情框↓==*/
.EssayCont .door{display: flex;}
.EssayCont .lefter {flex: 1;}
.EssayCont .righter {margin-left:100px;width:280px;} 
.EssayCont .righter .shell{margin-bottom:5px;padding: 30px 20px;background: #fff;}
.EssayCont .righter .titleTop{margin-bottom:15px;padding-bottom:20px;border-bottom:1px #ddd solid;color:#727171;font-size:20px;text-align: center;}
.EssayCont .righter .more{float: right;margin-top:10px;color:#727171;font-size:14px;border-bottom:1px solid #727171}
.EssayCont .righter .more:hover{color:#17610c;border-color:#17610c}
.EssayCont .righter .return{display: block;margin-top:30px;color:#17610c;font-size:14px;padding:10px;border: 1px #17610c solid;text-align: center;}
.EssayCont .righter .return:hover{color:#fff;background: #17610c;}
/*--*/
/*--*/
.EssayCont .nr-list{}
.EssayCont .nr-list li{margin-bottom:30px}
.EssayCont .nr-list li:last-child{margin-bottom:0px;}
.EssayCont .nr-list a{display: flex;color:#666666;font-size:14px;align-items: center;}
.EssayCont .nr-list a::before{content: "";width:6px;height:6px;margin-right:10px;background: #999;}
.EssayCont .nr-list li:hover a{color:#17610c}
/*--*/
.EssayCont .content .titleTop{margin-bottom: 30px;}
.EssayCont .content .title{color:#444;font-size:28px;}
.EssayCont .content span{margin-top: 10px;display:block;color:#727171;font-size:12px;}
.EssayCont .content .wx{min-height:300px;font-size:16px;color:#727171;line-height:28px;}
/*--*/
.EssayCont .pagIng{position:relative;margin-top: 50px;padding-top: 30px;border-top: 2px solid #ddd;overflow: hidden;}
.EssayCont .pagIng span{ display: inline-block;color:#888888;font-size:15px;}
.EssayCont .pagIng .bar{display: block;color: #17610c;font-size:16px;margin-bottom: 15px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.EssayCont .pagIng .bar font{color:#727171}
.EssayCont .pagIng .bar:hover font{color:#17610c;}


/*==滚动新闻↓==*/
.srll-news{position:relative;}
.srll-news .swiper-container{margin-right:-20%;}
.srll-news .trol{display: flex;margin-top: 40px;align-items: center;}
.srll-news .trol .btn{margin-right:20px;cursor: pointer;}
.srll-news .trol .btn::before{content:"\e726";color: #666;font-size: 22px;font-weight: bold;}
.srll-news .trol .btn.sNext{transform:rotateY(180deg)}
.srll-news .trol .btn:hover:before{color:#17610c}
.srll-news .trol .line{position: relative;margin-left: 20px;width: 100%;height: 2px;overflow: hidden; background: #eee;}
.srll-news .trol .line .swiper-pagination-progressbar-fill{background:#6a6a6a}


/*==首页合作伙伴↓==*/
.partnerHome{background:url(../images/bgk03.jpg) no-repeat center;background-size:cover;}
.partnerHome .pic{text-align: center;}


/*==无油真空泵↓==*/
.wyIn{padding:0px !important}
.wyIn .frame{position:relative;z-index: 1;margin-bottom:20px;padding:80px 0}
.wyIn .frame:last-child{margin-bottom:0px;}
.wyIn .bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;width: 100%;height: 100%;object-fit: cover;}
.wyIn .long{display:flex;justify-content: space-between;align-items: center;}
.wyIn .info{width: 650px;}
.wyIn .info h4{color:#17610c;font-size:48px;font-weight: bold;letter-spacing: 10px;background: -webkit-linear-gradient(top, #71edaa, #2bbc94);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wyIn .info p{margin-top:20px;color:#262626;font-size:28px;line-height:47px;}
.wyIn .info .more{display: flex;margin-top:40px;color:#262626;font-size:18px;align-items: center;}
.wyIn .info .more::after{content: "\e84f";margin-left: 8px;font-size: 22px;}
.wyIn .info .more:hover{color:#17610c}
.wyIn .info .more:hover:after{color:#17610c;transform:translateX(-5px)}
.wyIn .set{width:45%}
.wyIn .long{}
.wyIn .cen .long{flex-direction: column;align-items: center; text-align: center;}
.wyIn .cen .info,.wyIn .cen .set{width:100%;}
.wyIn .cen .set{margin-top:50px}
.wyIn .cen .more{    justify-content: center;}
.wyIn .rt .long{flex-direction: row-reverse;}
.wyIn .rt .info{width:500px;text-align: right;}
.wyIn .rt .more{justify-content: flex-end;}



/*==技术支持↓==*/
.supportIn{}
.supportIn .wx{color:#666;font-size:18px;line-height: 30px;}


/*==技术支持排版↓==*/
.support-row{display: flex;position:relative;z-index:1;margin: 0 0 -40px -40px;flex-wrap: wrap;}
.support-row li{position:relative;z-index: 2;width:calc(33.3% - 40px);margin: 0 0 40px 40px;box-shadow: 0 0 20px #eee;border-radius: 15px;overflow: hidden;background: #fff;}
.support-row li:after{opacity: 0.5;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index: 1;background: #000;}
.support-row .box{position: relative;z-index: 2;display: flex;padding: 60px 120px;margin: auto;text-align: center;align-items: center;justify-content: center;flex-direction: column;}
.support-row em{display: flex;margin: auto;}
.support-row h4{display: block;color:#fff;font-size: 22px;margin-top: 10px;}
.support-row h4:after{content:"";display: block;width: 40px;height: 3px;margin: auto;margin-top: 10px;background: #17610c;}
.support-row p{margin-top: 15px;display: block;color: #fff;font-size: 16px;line-height: 30px;}
.support-row .bg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.support-row li:hover{ transform:translateY(-5px)}
.support-row li:hover h4::after{background: #fff;}
.support-row li:hover:after{opacity:1; background:#17610c url(../images/bgk02.png) no-repeat center;background-size:cover;}


/*==解决方案详情↓==*/
.solveDet{padding:0px !important}
.solveDet .theme{margin-bottom:50px;color:#565656;font-size:26px;}
.solveDet .theme:after{content:"";display: block;margin-top: 10px;width: 40px;height: 3px;background: -webkit-linear-gradient(left, #3eb32a, #fff);}
/*--*/
.slv-up{position:relative;z-index: 1;padding:200px 0;overflow: hidden;}
.slv-up .bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.slv-up .info{width:600px;padding: 80px 50px;background: rgba(255,255,255,0.9);}
.slv-up .info h4{color:#17610c;font-size:32px;}
.slv-up .info h5{margin-top: 5px;color:#313131;font-size:26px;}
.slv-up .info .wx{margin-top:30px;color:#666666;font-size:16px;line-height: 30px;}


/*==解决方案-特点↓==*/
.trait-row{display: flex;position:relative;z-index:1; }
.trait-row li{flex: 1;display: flex;border-right:1px #eee solid;align-items: center;background:#fff;flex-direction: column;}
.trait-row li:last-child{border-right:0px;}
.trait-row em{display: flex;height: 85px;overflow: hidden;}
.trait-row em img{filter: drop-shadow(0px 85px #17610c);}
.trait-row h4{ color:#484848;font-size: 22px;margin-top: 10px;}
.trait-row li:hover h4{color:#17610c}
.trait-row li:hover em img{transform: translateY(-100%);}


/*==解决方案-场景↓==*/
.scene-row{display: flex;position:relative;z-index:1;margin:0 0 -80px -100px;flex-wrap: wrap;}
.scene-row li{position:relative; width:calc(50% - 100px);margin:0 0 80px 100px; }
.scene-row li::after{content:"";position: absolute;left:0;right:0;bottom:0;height:30%;background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.8)); } 
.scene-row .pic{}
.scene-row h4{position: absolute;left:0;right:0;bottom:0;z-index:2;padding:30px;color:#fff;font-size: 24px;margin-top: 10px;text-align:center}


/*==解决方案-产品滚动↓==*/
.srll-pro-2{position:relative;}
.srll-pro-2 .list{}
.srll-pro-2 .list h4{color:#fff;font-size:18px;padding:10px; text-align: center; background:-webkit-linear-gradient(top, #25c17e, #187a23); }
.srll-pro-2 .pic{background: #fff;}
.srll-pro-2 .pic::before{content:"";position: absolute;top: -10%;right: -10%;z-index: 2;width: 20%;height: 20%;transform: rotate(45deg);background: #f7f7f7;}
.srll-pro-2 .list li:hover h4{background: #3a3a3a;}
.srll-pro-2 .spot{display: none;}


/*==文字排版↓==*/
.or-air{display: flex;min-height:800px;}
.or-air .info{flex: 1;}
.or-air .set{flex: 1; position:relative; margin-left:50px;}


/*==解决方案-方案优势↓==*/
.feature-item{}
.feature-item li{margin-bottom: 80px;}
.feature-item h4{color:#17610c;font-size: 40px;font-weight: bold;background: -webkit-linear-gradient(top, #71edaa, #2bbc94);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.feature-item span{display:block;margin-top:10px;color: #333333;font-size: 20px;}


/*==解决方案-方案优势2↓==*/
.slv-advant{}
.slv-advant .set img{position:absolute;right:-15%;top:-100px;max-width:initial;}



/*==优势tab2↓==*/
.advant-row-2{position:relative;}
.advan-tab-2 .roll{display: flex;width:60%;}
.advan-tab-2 .roll li{flex: 1;padding:20px 30px;margin-left:20px;text-align: center;border-radius:0 0 10px 10px;cursor: pointer;}
.advan-tab-2 .roll em{display: table;margin: auto;height: 53px;overflow: hidden;}
.advan-tab-2 .roll em img{display: block;transform: translateY(0px);filter: drop-shadow(0px 53px #fff);}
.advan-tab-2 .roll h4{color:#868686;font-size:20px;margin-top:5px}
.advan-tab-2 .roll li.active{color: #fff;background: #17610c;}
.advan-tab-2 .roll li.active em img{transform: translateY(-100%);}
.advan-tab-2 .roll li.active h4{color:#fff}
.advan-tab-2 .shelf{padding-right:400px;margin-left: -20%;margin-right: -20%;}
.advan-tab-2 .shelf li{position: relative;z-index:1;width:1000px;padding-right: 400px;}
.advan-tab-2 .shelf .pic{position: relative;height:850px}
.advan-tab-2 .shelf .pic:after{opacity: 0;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background: #000;}
.advan-tab-2 .shelf .pic img{width:100%;height: 100%;object-fit: cover;}
.advan-tab-2 .shelf .box{position:absolute;top:0;bottom:0;right: 140px;z-index: 1;margin: auto;width: 700px;height: fit-content;padding: 80px;background: -webkit-linear-gradient(top, #3eb32a, #246019);}
.advan-tab-2 .shelf .title{color: #fff;font-size: 32px;margin-bottom: 5px;}
.advan-tab-2 .shelf h5{color:#fff;font-size:28px;}
.advan-tab-2 .shelf .wx{-webkit-line-clamp: 5;margin-top: 40px;color: #fff;font-size:18px;line-height: 35px;}
.advan-tab-2 .shelf .swiper-slide-active .pic:after{opacity:0.2}
.advan-tab-2 .btn{position: absolute;top: 0;bottom: 0;z-index: 1;margin: auto;height: fit-content;padding:10px;cursor: pointer;background: rgba(255,255,255,0.5);}
.advan-tab-2 .btn:before{content:"\ee4a";color:#17610c;font-size:20px;font-weight:bold;}
.advan-tab-2 .btn.sNext{left: 85%;transform:rotateY(-180deg);}
.advan-tab-2 .btn:hover{background:#17610c;}
.advan-tab-2 .btn:hover::before{color:#fff}


/*==招商加盟↓==*/
.joinIn{padding-bottom:0px !important;}
/*--*/
.jn-cooperate{background:url(../images/cooperate-bg.jpg) no-repeat center;background-size:cover;}
.jn-cooperate .info{float: right;width:650px;padding:50px; border-radius: 10px;background:url(../images/cooperate-bg-02.jpg) no-repeat center;background-size:cover;}
.jn-cooperate .info p{color:#333333;font-size:22px;line-height:50px;}
.jn-cooperate .info p font{color:#17610c;font-size:30px;}
/*--*/
.jn-pain{background:url(../images/pain-bg.jpg) no-repeat center;background-size:cover;}
.jn-pain .long{display: flex;margin-left: -100px;justify-content: center;align-items: center;}
.jn-pain .round{display: flex;position: relative;width: 898px;height: 858px;background: url(../images/pain-line.png) no-repeat;align-items: center;justify-content: center;}
/*.jn-pain .round:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:-130px;border:1px #17610c solid;border-radius:50%;}*/
.jn-pain .round h4{color:#fff;font-size:43px;display: flex;position: relative;width: 515px;height: 515px;align-items: center;justify-content: center;box-shadow: 0 0 0 50px #d5e7d2;border-radius: 50%;background: url(../images/pain-img.png) no-repeat;background-size: cover;}
.jn-pain .round h4 font{font-size:100px;font-weight: bold;}
.jn-pain ul{ display: flex;position: relative;margin-left: -30px;margin-top: 20px;flex-direction: column;justify-content: space-between;}
.jn-pain ul li{display: flex;margin-bottom:40px;}
.jn-pain ul em{display: flex;width: 70px;height: 70px;margin-right:20px;border-radius: 50%;align-items: center;justify-content: center;background: #17610c;}
.jn-pain ul h4{color:#333;font-size:36px}
.jn-pain ul h4 span{display: block;margin-top: 1px;color:#666;font-size:24px;}
.jn-pain ul li:nth-child(1),.jn-pain ul li:nth-child(5){margin-left: -105px;}
.jn-pain ul li:nth-child(2),.jn-pain ul li:nth-child(4){margin-left: -35px;}
/*--*/
.jn-profit{background:url(../images/profit-bg.jpg) no-repeat center;background-size:cover;}
.jn-profit .long{display: flex;justify-content: center;}
.jn-profit .long .pic{margin-right:150px}
.jn-profit .long .info .title{color:#17610c;font-size:36px;margin-bottom:60px}
.jn-profit .long .info span{display: block; color:#333333;font-size:24px;margin-bottom:40px;}
.jn-profit .long .info span font{color:#17610c;}
/*--*/
.strength-row{display: flex;margin: 0 0 -30px -30px;flex-wrap: wrap;}
.strength-row li{position:relative;z-index:1;display: flex;width:calc(25% - 30px);margin:0 0 30px 30px;padding: 50px 50px;box-shadow: 0 0 10px #ddd;justify-content: center;align-items: center;}
.strength-row li:after{opacity: 0.5;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background: #000;}
.strength-row .box{text-align: center;transition: all .4s ease-in-out;}
.strength-row .bg{position: absolute;left:0;top:0;bottom:0;right:0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.strength-row em{display: flex;align-items: center;justify-content: center;}
.strength-row i{position:relative;display: table;margin: auto;margin-top: 20px;padding-bottom: 2px;color:#fff;font-size:32px;border-bottom: 1px #fff solid;}
.strength-row h4{margin-top:20px;color:#fff;font-size:22px;}
.strength-row li:hover .box{transform:translateY(-5px)}
.strength-row li:hover:after{opacity:0.3}
/*--*/
.jn-support{background:url(../images/support-bg.jpg) no-repeat center;background-size:cover;}
.jn-support .tit{color:#333;font-size:32px;margin-bottom:50px;text-align:center;}
.jn-support .long{position: relative;z-index:1;}
.jn-support .long .round{position:absolute;left:0;right:0;top:0;bottom:0;z-index: 2;display: flex;width: 540px;height: 540px;margin:auto;justify-content: center;align-items: center;background: url(../images/support-bg-02.png) no-repeat center;flex-direction: column;}
.jn-support .long .round h4{color:#666666;font-size:24px;line-height: 1;}
.jn-support .long .round h4 font{color:#17610c;font-size:80px;margin-right: 5px;}
.jn-support .long ul{width: 100%;column-count: 2;column-gap: 30%;orphans: 1;widows: 1;}
.jn-support .long ul li{position: relative;width: 100%;padding: 30px 30px 30px 100px;margin-bottom:30px;border-radius:10px;box-shadow: 0 0 10px #70acff;background: #fff;}
.jn-support .long ul li::before{content: "";/* opacity: 0.8; */position:absolute;top:0;bottom: 0;left:30px;margin: auto;width:50px;height:50px;border-radius: 50%;/* transform: rotate(45deg); */background: -webkit-linear-gradient(-45deg, #70acff, #c6deff, #fff);}
.jn-support .long ul h4{color:#165cb4;font-size:32px;}
.jn-support .long ul h4 i{font-size:36px;font-weight: bold;margin-right: 40px;}
.jn-support .long ul p{margin-top:10px;color:#666666;font-size:16px;}
.jn-support .long ul li:nth-child(n+4){text-align:right;padding-left:30px;padding-right:100px;}
.jn-support .long ul li:nth-child(n+4):before{right:30px;left:auto;}
/*--*/
.jn-process{}
/*--*/
.process-row{display: flex;margin: 0 0 0px -120px;flex-wrap: wrap;justify-content: space-between;}
.process-row li{position:relative;z-index:1;display: flex;padding: 10px;margin: 0 0 30px 120px;border-radius: 50%;}
.process-row li::before{content: "\e60e";position:absolute;top:0;right: -80px;bottom:0;z-index: -1;margin: auto;height: fit-content;color:#666;font-size:30px;transform: rotateY(-180deg);background: -webkit-linear-gradient(top, #95cbfe, #5a93e4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.process-row li::after{content: "";position:absolute;top:0;bottom:0;left:0;right:0;z-index: -1;border-radius: 50%;background: -webkit-linear-gradient(top, #95cbfe, #5a93e4);}
.process-row i{position:absolute;right: 5px;top:0;/* z-index: -1; */color:#fff;font-size:30px;padding: 10px 10px 25px 30px;border-radius: 40px 40px 50px 0;box-shadow: 0 5px 10px #999;background: #93c9fe;}
.process-row .box{display: flex;position: relative;z-index: 2;width: 200px;height: 200px;padding:20px;border: 3px #fff solid;border-radius: 50%;background: -webkit-linear-gradient(top, #ebebeb, #fff);flex-direction: column;justify-content: center;align-items: center;}
.process-row em{display: table;}
.process-row h4{margin-top:10px;color:#333333;font-size:28px;}
.process-row li:last-child{margin-right:0px;}
.process-row li:last-child:before{display:none}
.process-row li:nth-child(3)::after{background: -webkit-linear-gradient(top, #32c0cb, #64d7c1);}
.process-row li:nth-child(3) i{background: #32c0cb;}
/*--*/
.jn-factor{background:url(../images/factor-bg.jpg) no-repeat center;background-size:cover;}
.jn-factor .wx{color:#fff;font-size:24px;padding:0 100px;line-height: 35px;text-align: center;}
/*--*/
.jn-entry{}
.jn-entry .long{display: flex;background:#f5f6f5;}
.jn-entry .long .box{width:40%;padding:80px;}
.jn-entry .long .pic{width:60%}


/*==联系我们↓==*/
.cta-stand{display: flex;}
.cta-stand .info{width:400px;padding: 50px 60px;background:-webkit-linear-gradient(top, #3eb32a, #246019);}
.cta-stand .info .title{color:#fff;font-size:20px;margin-bottom: 40px;}
.cta-stand .info .title::after{content: "";display: block;width: 25px;height:2px;margin-top: 15px;background: #fff;}
.cta-stand .info ul{}
.cta-stand .info ul li{display: flex;margin-bottom: 50px;color:#fff;}
.cta-stand .info ul li:last-child{margin-bottom:0px;}
.cta-stand .info ul em{flex-shrink: 0;margin-right:20px;margin-top: 10px;font-size: 30px;}
.cta-stand .info ul h4{color:#fff;font-size: 18px;}
.cta-stand .info ul h4 span{display: block;margin-top:1px}
.cta-stand .map{flex: 1;}
.cta-stand #dituContent {height:100%;min-height: 400px;}
.cta-stand #dituContent img{max-width: initial;}


/*==留言↓==*/
.messageIn{background: url(../images/message-bg.jpg) no-repeat center;background-size:cover;}
.messageIn .feedback-item{width:550px}


/*==留言模块↓==*/
.feedback-item form .shell{display: flex;width: calc(50% - 10px);margin-bottom: 30px;align-items: center;}
.feedback-item form .shell.w33{width:calc(33.3% - 14px);}
.feedback-item form .shell.w50{width:calc(50% - 20px);}
.feedback-item form .shell.w100{width:100%}
.feedback-item form .w50{width:calc(50% - 20px);margin-right:20px}
.feedback-item form .w50:last-child{margin-right:0px;}
.feedback-item form .ml{margin-left:20px;}
.feedback-item form .shell.vt{    align-items: flex-start;}
.feedback-item form h5 {width: 100px;flex-shrink: 0;margin-right: 10px;color: #666;font-size: 18px;text-align: right;}
.feedback-item form .fill{flex: 1;/* width: 100%; */ height: 45px;padding: 5px 10px;color:#666;font-size: 15px;border: none;border: 1px #17610c solid;border-radius: 5px;background: #fff;}
.feedback-item form textarea.fill{height: 120px;}
.feedback-item form .submit{position: relative;display: table;margin: auto;/* margin-top: 10px; */color: #fff;font-size: 18px;padding: 10px 50px;border:none;cursor: pointer;border-radius: 5px;background: #17610c;}
.feedback-item form .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.feedback-item form .submit:hover:after{opacity:0.2}
.feedback-item form .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}
.feedback-item form .code input{ flex: 1;}
.feedback-item form .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.feedback-item form .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.feedback-item form .yzm input{width: 150px;padding: 18px 20px;border: none;}
.feedback-item form .explain{margin-top:20px;color:#6a6a6a;font-size:16px;}
.feedback-item form .explain i{color:red}
.feedback-item form .explain font{color:#17610c;font-weight:bold;}
/*--*/
.feedback-item.white form h5{color:#fff}



/*==关于↓==*/
.aboutIn{padding-bottom:0px !important}
.aboutIn .intro-number{background: url(../images/number-bg.jpg) no-repeat center; background-size:cover;}{}

/*==公司简介↓==*/
.ab-intro{margin-top:100px; background: url(../images/about-bg-01.png) no-repeat left bottom;}
.ab-intro .long{display: flex;position: relative;align-items: flex-start;}
.ab-intro .info{position: relative;z-index: 2;width: 50%;margin: 50px 0;padding: 50px;border: 1px #f8f8f8 solid;overflow: hidden;background: #fff url(../images/about-bg-02.png) no-repeat -20px -10px;}
.ab-intro .info .number{display: flex;margin-bottom: 50px;align-items: center;}
.ab-intro .info .number font{color:#999999;font-size:34px;margin-right:20px;}
.ab-intro .info .number::after{content:"";display: block;width:100px;height:1px;background: #ddd;}
.ab-intro .info .title{color:#17610c;font-size: 36px;font-weight:bold;margin-bottom: 30px;}
.ab-intro .info .title:after{content:"";display:block;width: 40px;height: 4px;margin-top: 20px;background:#17610c;}
.ab-intro .info .wx{color:#424242;font-size:16px;line-height: 30px;}
.ab-intro .set{position: absolute;right: 0;top: 0;bottom: 0;z-index:1;width: 70%;}
.ab-intro .set img{ width:100%;height: 100%;object-fit: cover;}


/*-关于滚动文字-*/
.intro-number{}
.intro-number .digital{display: flex; }
.intro-number .digital li{position:relative;flex: 1;margin-right:80px;line-height: 1;color: #17610c;}
.intro-number .digital li:after{display:none; content: "";position: absolute;right:-40px;top:0;bottom:0;margin: auto;width: 2px;height: 60px;background: #ddd;}
.intro-number .digital li:last-child{margin-right:0px}
.intro-number .digital li:last-child::after{display: none;}
.intro-number .digital span{font-size: 52px;font-weight:bold;}
.intro-number .digital font{font-size: 14px;margin-left:5px}
.intro-number .digital h5{margin-top: 12px;font-size: 16px;}
/*--*/
.introIn .intro-number{}


/*==荣誉资质↓==*/
.honorIn{padding:0px !important}


/*==发展历程↓==*/
.historyIn{padding:0px !important}


/*==战略规划↓==*/
.draftIn{padding-bottom:0px !important}


/*==企业文化↓==*/
.ab-culture{}


/*==企业文化排版↓==*/
.culture-row{display: flex;position:relative;z-index:1;margin: 0 0 -40px -60px;flex-wrap: wrap;}
.culture-row li{position:relative;width:calc(33.3% - 60px);margin: 0 0 40px 60px;box-shadow: 0 0 20px #eee;border-radius: 30px;overflow: hidden;background:#fff;}
.culture-row li:after{opacity: 0.5;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index: 1;background: #000;}
.culture-row .box{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;display: flex;padding:30px 50px;margin: auto;width: fit-content;height: fit-content;text-align: center;align-items: center;justify-content: center;flex-direction: column;}
.culture-row em{display: flex;}
.culture-row h4{display: block;color:#fff;font-size: 26px;margin-top: 20px;}
.culture-row p{margin-top: 30px;display: block;color: #fff;font-size: 20px;line-height: 30px;}
.culture-row .bg{width:100%;height: 100%;object-fit: cover;}
.culture-row li:hover{ transform:translateY(-5px)}
.culture-row li:hover:after{opacity:0.3;}


/*==优势列表↓==*/
.advant-list{}
.advant-list li{position:relative;margin-bottom: 80px;display: flex;height: 800px;justify-content: flex-end;align-items: center;}
.advant-list li:last-child{margin-bottom:0px;}
.advant-list li:after{content: "";display: none;position:absolute;right: -20%;left: -20%;top:0;bottom:0;background: url(../images/advant-bg.png) no-repeat center;}
.advant-list .pic{position: absolute;top: 0;bottom: 0;left: -20%;right: 330px;overflow: hidden;}
.advant-list .pic:after{opacity: 0.4;content: "";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background: #000;}
.advant-list .pic img{width:100%;height: 100%;object-fit: cover;}
.advant-list .box{/* position:absolute; */top:0;bottom:0;right: 0;z-index: 1;/* margin: auto; */width: 700px;height: fit-content;padding: 80px;background: -webkit-linear-gradient(top, #3eb32a, #246019);}
.advant-list .title{color: #fff;font-size: 32px;margin-bottom: 5px;}
.advant-list .h5{margin-bottom: 10px;display: block;color: #fff;font-size: 26px;margin-top: 5px; }
.advant-list h5{color:#fff;font-size:28px;}
.advant-list .wx{-webkit-line-clamp: 5;margin-top: 40px;color: #fff;font-size:18px;line-height: 35px;}
.advant-list li:hover .pic img{transform:scale(1.02);}
.advant-list li:hover .box{transform:translateY(-5px)}
.advant-list li:nth-child(2n){flex-direction: row-reverse;}
.advant-list li:nth-child(2n) .pic{left:330px;right:-20%;}



/*===数字滚动↓==*/ 
.number-item {margin-left:-70px;border-top:1px #ddd solid;padding-top:40px;margin-top:50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.number-item li {line-height:1;float:left;width:calc(25% - 70px);padding:30px 30px;margin-left:70px;text-align:center;border:1px #ddd solid;border-radius:5px;  background-color:#fff;background-image:url(../images/bg101.png); background-position:right bottom ; background-repeat:no-repeat ;}
.number-item li h5 {color:#000123;font-size:20px; margin-bottom:10px;}
.number-item li b{font-size:54px;color:#17610c;}
.number-item li span {display: block; margin-top:10px;color:#999;font-size:14px;text-transform: uppercase;}
.number-item li:hover{border-color:#17610c;transform:translateY(-5px); background-color: #17610c;}
.number-item li:hover *{color:#fff}


/*==荣誉资质切换↓==*/
.ab-honor{background: url(../images/honor-bg.jpg) no-repeat center;background-size:cover;}
/*--*/
.srll-honor{position:relative;}
.srll-honor .spot{display: none;}


/*==荣誉资质↓==*/
.ab-honor .tone{display: flex;margin-bottom:50px;border-bottom: 1px #ddd solid;}
.ab-honor .tone li{border-radius:5px 5px 0 0;overflow: hidden;}
.ab-honor .tone a{display: block;color:#666666;font-size:16px;padding: 8px 30px;}
.ab-honor .tone li.active a{color:#fff;background:#17610c;}
.ab-honor .explain{margin-bottom:60px;color:#666666;font-size:22px;}


/*==荣誉资质列表↓==*/
.honor-list.edge{display: flex;position:relative;z-index:1;margin: 0 0 -60px -80px;flex-wrap: wrap;}
.honor-list.edge li{position:relative;width: calc(25% - 80px);margin: 0 0 60px 80px;}
.honor-list .pic{padding-top:130%;box-shadow: 0 0 10px #ddd;}
.honor-list.dp2 .pic{height:360px;}
.honor-list h4{margin-top:15px; color:#666;font-size:18px;text-align: center;}
.honor-list li:hover h4{color:#17610c}



/*==发展历程↓==*/
.ab-history{background: url(../images/history-bg.jpg) no-repeat center;background-size:cover;}
/*--*/
.history-list{position:relative;}
.history-list:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0px;width:1px;margin: auto;background:#ddd}
.history-list li{position:relative;display:flex;flex-direction: row-reverse;margin-top: -50px;}
.history-list li:before{content:"\e8b8";position:absolute;left:0;top:0;right: 0;z-index: 2;margin: auto;width: fit-content;color: #666;font-size: 45px; border-radius:50%; background: #fff;}
.history-list .box{width: 35%;margin: 0 8%;}
.history-list h4{color:#17610c;font-size:32px;}
.history-list p{margin-top:10px;color:#666;font-size:16px;}
.history-list .pic{margin-top: 30px;}
.history-list li:hover:before{color:#fff;box-shadow:0 0 0 6px rgb(23,97,12,0.5);background:#17610c}
.history-list li:nth-child(1){margin-top:0px;}
.history-list li:nth-child(2n){display:flex;flex-direction: row;}
.history-list li:nth-child(2n) .box{text-align:right;}


/*==关于-战略优势↓==*/
.ab-draft{}
.ab-draft .up{display: flex;position: relative;z-index: 2;}
.ab-draft .up .left{position:relative;z-index: 1;flex-shrink: 0;width:500px;padding:80px;background:-webkit-linear-gradient(left, #e6e7e6, #fefffe);background-size:cover;}
.ab-draft .up .left::after{content: "";position:absolute;right:0;top:0;left:0;bottom:0;z-index: -1;background: url(../images/draft-bg-01.jpg) no-repeat right bottom;}
.ab-draft .up .left .title{opacity: 0.5;margin-bottom: 20px;color:#17610c;font-size:35px;font-weight:bold;}
.ab-draft .up .left h5{color:#17610c;font-size:20px;}
.ab-draft .up .left span{display: block;margin-top: 5px;color:#666;font-size:16px;}
.ab-draft .up .right{flex: 1; display: flex;padding:80px;background: url(../images/draft-bg-02.jpg) no-repeat center; background-size:cover}
.ab-draft .up .right h3{display: flex;align-items: center;color:#fff}
.ab-draft .up .right h3 i{font-size: 80px;margin-right: 20px;font-weight: bold;font-style: oblique;}
.ab-draft .up .right h3 span{ font-size:16px;}
.ab-draft .up .right h3 font{display: table;font-size:20px;border-bottom:1px #fff solid;margin-bottom: 5px;}
.ab-draft .cot{display: flex;}
.ab-draft .cot .left{flex-shrink: 0;position:relative;z-index: 1;width:500px;padding: 40px 0 80px 60px;}
.ab-draft .cot .left::after{content:"";position:absolute;top: -50px;bottom:0;right:0;left: -50%;z-index: -1;background: url(../images/draft-bg-03.jpg) no-repeat center;}
.ab-draft .cot .left ul{position:relative;}
.ab-draft .cot .left ul::before{content:"";position: absolute;left: 80px;right:0;top: 25px;bottom: 25px;width:1px;display: block;background:#fff;}
.ab-draft .cot .left ul li{display: flex;position: relative;margin-bottom: 60px;cursor: pointer;align-items: center;}
.ab-draft .cot .left ul li:last-child{margin-bottom:0px;}
.ab-draft .cot .left ul li::before{/* opacity:0; */content:"";position: absolute;left: -10px;top: 15px;/* z-index: -1; */width: 40px;height: 40px;border-radius: 50%;background:#d7ecd3;transform:scale(0.0);}
.ab-draft .cot .left ul li::after{ content:"";position:absolute;left: 76px;top:0;bottom: 0;margin: auto;width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.ab-draft .cot .left ul em{position:relative;z-index: 1;margin-right: 40px;/* padding: 14px 0px 0 14px; */height: 41px;overflow: hidden;}
.ab-draft .cot .left ul em img{filter: drop-shadow(0px 41px #0f5005);}
.ab-draft .cot .left ul h4{flex: 1;position:relative; color:#fff;font-size:20px;padding: 20px 50px;}
.ab-draft .cot .left ul h4:after{opacity:0; content:"";position:absolute;left:0;right:0;top:0;bottom:0;transform: translateX(50px);background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.3), rgba(255,255,255,0.1));}
.ab-draft .cot .left ul h4 span{ display: block;margin-top:1px; font-size:15px;}
.ab-draft .cot .left ul li.active h4:after{opacity:1; transform:translateX(0px)}
.ab-draft .cot .left ul li.active em img{transform: translateY(-100%);}
.ab-draft .cot .left ul li.active:before{opacity:1;transform:scale(1.0);}
.ab-draft .cot .right{flex: 1; display: flex;position:relative;z-index:1; padding:80px;}
.ab-draft .cot .right::after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;right:-50%;background: url(../images/draft-bg-04.jpg) no-repeat center;}
.ab-draft .cot .right .frame{display: none;width: 80%;}
.ab-draft .cot .right h4{color:#17610c;font-size:24px;margin-bottom: 40px;padding-bottom:20px;border-bottom:2px #28af0a solid;}
.ab-draft .cot .right h4 span{opacity:0.8;margin-top: 1px;display: block;color: #28af0a;text-transform: uppercase;}
.ab-draft .cot .right .wx{color:#666666;font-size: 18px;line-height: 30px;}



/*==list-box 图片列表↓==*/
.list-box{margin:0 0 -20px -20px}
.list-box li{display:inline-block; width: calc(25% - 20px);margin: 0 0 20px 20px; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block; }
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #17610c solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#17610c;}
.list-box.lx5 li{width: calc(20% - 15px);}


/*==底部===*/
.footer {position:relative;z-index:5; background:#323232;}
.footer .up {padding:70px 0 0px 0;}
.footer .tit {position:relative;color:#fff;font-size:16px;margin-bottom: 15px;}
.footer .tit:before {display: none; content:"";position:absolute;top:0;left:-12px;bottom:0;margin:auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;}
.footer .nav {position:relative;float: right;width: 65%;display:flex;justify-content: space-between;}
.footer .nav li {padding-right:20px;float:left;}
.footer .nav li a {display:block;color:#aaa;font-size:14px;margin-bottom: 10px;}
.footer .nav li a:hover {color:#fff}
.footer .nav .box.col{ column-count: 2;}
.footer .share {display: flex;margin-top: 20px;}
.footer .share a{position: relative;z-index:2;display: flex;flex-shrink: 0;margin-right: 20px;width: 35px;height: 35px;text-align:center;color: #3a3a3a;font-size: 20px;border-radius: 50%;justify-content: center;align-items: center;background: #fff;}
.footer .share .show{position:absolute;right: 25px;bottom: 45px;width: 120px;display:block;padding: 5px;border: 1px #ddd solid;border-radius: 5px;transform-origin: 100% 100%;transform: scale(0);transition: all 1s;background: #fff;}
.footer .share .show img{width: 100%;}
.footer .share .tel .show{color: #3a3a3a;padding:10px 20px;width:max-content}
.footer .share a:hover {color:#fff;transform:translateY(-3px);background:#f60;}
.footer .share a:hover i{color:#fff}
.footer .share a:hover .show{transform: scale(1);}
.footer .info {float:left;width: 20%;color:#aaa;font-size:14px;}
.footer .info .logo{margin-bottom:40px;}
.footer .info .wx {display:block;color: #fff;font-size: 14px;}
.footer .info .wx i{display: inline-block;width:20px;text-align: center;font-size:25px;font-size:15px; color:#fff;margin-right:10px;}
.footer .info .wx span{display:block;margin-bottom: 10px;}
.footer .down {position:relative;margin-top:60px;padding:20px 0;color: #fff;font-size: 14px;background:#3d3d3d;}
.footer .down a {color: #fff;font-size:13px;}
.footer .down a:hover {color:#eee;}

.footer .link {display: flex;flex-wrap: wrap;}
.footer .link h3 {flex-shrink: 0; color:#fff;font-size: 14px;}
.footer .link .box{flex: 1;}
.footer .link a {position:relative;color:#ccc;font-size:14px;display:inline-block;padding: 0 20px;margin-bottom:10px;}
.footer .link a:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;height: 13px;margin: auto;background:#aaa}
.footer .link a:last-child::after{display: none;}