@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#4bb344}
/*==字符串↓==*/
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/font_1963410_2v6ntg371kb.woff2?t=1653462120159') format('woff2'),
       url('//at.alicdn.com/t/font_1963410_2v6ntg371kb.woff?t=1653462120159') format('woff'),
       url('//at.alicdn.com/t/font_1963410_2v6ntg371kb.ttf?t=1653462120159') format('truetype');
}
/*==顶部↓==*/
.fixed-top.head-nav{ position: fixed;top:0;width:100%;z-index:99; box-shadow: 0 0 10px #ddd;  }
.fixed-top.head-nav .nav > li > a{font-size:16px; padding: 12px 10px;}
/*--*/
.header{z-index:99;padding:20px 0;height: 120px;}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}
.header .logo{float:left}
.header .logo img{ /* max-height: 100%; */}
.header .logo .txt{float:right;color:#303030;font-size:18px;margin-left:20px;padding-left: 20px;border-left: 1px #ddd solid;}
.header .logo .txt font{display:block;color:#4bb344;font-weight:bold;letter-spacing:;font-size: 28px;}
.header .tel{position: relative;display: block;float: right;margin: 10px 0 0 0px;padding-left: 60px;font-weight: bold;font-size: 30px;color: #4bb344;line-height: 50px;}
.header .tel:before{content: "\e671";font-family: "iconfont";/* float: left; */position: absolute;left:0;top: 5px;line-height: 1;margin-right: 10px;font-weight: 400;color: #4bb344;font-size: 40px;}
.header .tel font{display: block;color:#2a2a2a;font-size:14px;font-weight: 100;}
.head-nav{background:#4bb344;}
.head-nav .nav{display:flex;border-left: 1px rgba(0,0,0,0.1) solid; }
.head-nav .nav > li{flex: 1;position: relative;border-right: 1px rgba(0,0,0,0.1) solid;}
.head-nav .nav > li > a{position: relative;z-index: 2;display: block;color:#fff;font-size:18px;text-align: center;padding: 15px 10px;}
.head-nav .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;z-index: -1;width:100%;height:100%;background:#fb8800;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.head-nav .nav > li:hover > a,.head-nav .nav > li.active > a{color:#fff; }
.head-nav .nav > li:hover > a:after,.head-nav .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.head-nav .nav .sub{display:none;width: 100%;left:0%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.head-nav .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}
.head-nav .nav .sub a:hover{color:#fff; background: #4bb344;}
/*.header .nav li:last-child .sub{display: none !important;}*/
.head-nav .nav .sub.two{width: 150%;left: -30%;}
.head-nav .nav .sub.two a{float: left;width:50%;}

/*==次级导航↓==*/
.menu{position: relative;width:100%;margin-top: -70px;border-bottom: 1px #e8e8e8 solid;}
.menu .container{padding: 0 30px;overflow:hidden;border-radius:10px 10px 0 0;background: rgba(255,255,255,0.95);}
.menu ul{float: left;}
.menu li{float: left;display: inline-block;}
.menu li a{position:relative;z-index:2;height: 70px;display: block;margin:0 0px;color: #333;font-size:18px;overflow: hidden;padding: 22px 0px;margin: 0 25px;}
.menu li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:3px;background: #4bb344;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#4bb344;border-color:#4bb344 }
.menu li:hover a:after,.menu li.active a:after{ transform: scale(1);transform-origin:left;}
.menu .right{ margin: 25px 0 0 0;}
.menu .right .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.menu .right a{color:#666;font-size:12px;}
.menu .right a:hover{color:#4bb344}
/*==面包屑↓==*/
.site{}
.site .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#4bb344}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #4bb344;}
/*==标题↓==*/
.titleAx{color:#000123;font-size:44px;font-weight: bold;line-height: 1;}  
.titleAx b{position: relative;display: inline-block;color:#4bb344;font-size:48px;font-weight: bold;padding: 0 30px;border-left:1px #4bb344 solid;border-right:1px #4bb344 solid;}
.titleAx b:before,.titleAx b:after{content: "";position: absolute;left: -200px;top: 50%;width:200px;height:1px;background: #4bb344;}
.titleAx b:after{left:auto;right: -200px;} 
.titleAx span{margin-top: 15px;display: block;color: #797979;font-size: 16px;font-weight: 400;text-transform: Uppercase;}
.titleAx font{color:#4bb344}
.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none;background: #4bb344;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.m80{margin-bottom:80px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
.titleAx.white b{border-color:#fff;}
.titleAx.white b:before,.titleAx.white b:after{background:#fff;}
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #4bb344;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 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;}
/*==更多按钮↓==*/
.more1{position: relative;color:#333333;font-size:14px;display: table;margin: 50px auto 0;padding: 12px 46px;border-radius: 30px;border:1px #ccc solid;overflow: hidden;}
.more1:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#0787ea;transform: translateX(-10px);transition: all .4s ease-in-out;}
.more1:hover{color:#fff;border-color:#0787ea }
.more1:hover:before{opacity:1;transform:translateX(0px);}
/*--*/
.more2{position: relative;z-index:2;color:#fff;font-size:14px;display: table;margin: 60px auto 0;padding: 12px 46px;border:1px #fff solid;overflow: hidden;}
.more2 i{float:right;color:#fff;font-size: 18px;margin: 3px 0 0 12px;}
.more2:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;transform: translateX(-10px);transition: all .4s ease-in-out;}
.more2:hover{color:#0787ea; }
.more2:hover:before{opacity:1;transform:translateX(0px);}
.more2:hover i{color:#0787ea;transform:translateX(5px);}
/*===内页框↓==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}
.rack .lefter{width:24%}
.rack .righter{width:76%;padding-left: 40px;}
/*==左侧联系↓==*/
.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:#4bb344}
.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:#4bb344;font-size:24px;margin-top: 5px;line-height:25px;font-weight: bold;}
.connection .tel:before{content: "\e611";font-family: "iconfont";position: absolute;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: 7px 10px 0 0;border:none;background: #aaa;}
.connection .ewm img,.connection .ewm font{display:table-cell;}
/*==滚动切换效果↓==*/
.Cuter{margin:60px auto 0;position: relative;padding: 0 30px;display: table;}
.Cuter .spot{position: initial;bottom: 25px;/* float: right; */text-align: right;}
.Cuter .spot span {opacity:1;position:relative;width: 10px;height: 10px;margin: 0 10px;font-family: "iconfont";background:#fff;}
.Cuter .spot .swiper-pagination-bullet-active{background: #4bb344;}
.Cuter .btn{top:0px;color:#4bb344;font-size: 20px;font-weight:bold;width: auto;height: auto;margin: 0px;background: none;}
.Cuter .pv{left:0} 
.Cuter .nt{right:0} 
.Cuter .btn:hover{color:#ddd}
/*==左侧导航↓==*/
.leftNav .title {position:relative;color:#fff;font-size:40px;font-weight:bold;padding:30px 30px;background:#4bb344;}
.leftNav .title span {display:table-footer-group;color:#fff;font-size:16px;font-weight:400;}
.leftNav .title em {display:none;position:absolute;top:20px;right:20px;float:right;font-size:16px;}
.leftNav .title em i {margin-left:5px}
.leftNav .title em:hover {color:#4bb344}
.leftNav .drop {border: 4px #4bb344 solid;padding: 2px;overflow:hidden;}
.leftNav .drop > li {margin-bottom: 2px;}
.leftNav .drop > li:last-child{margin-bottom:0px}
.leftNav .drop > li > a {position:relative;z-index:2;display:block;color: #525252;font-size: 20px;font-weight: bold;padding:18px 30px; background:#efefef}
.leftNav .drop > li > a:after {opacity:0;content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;transform:translateX(15px);background:#4bb344;transition:all .4s ease-in-out;}
.leftNav .drop > li:hover > a,.leftNav > .drop > li.active > a {color:#fff;padding-left:40px;}
.leftNav .drop > li:hover > a i,.leftNav > .drop > li.active > a i {color:#fff}
.leftNav .drop > li:hover > a:after,.leftNav > .drop > li.active > a:after {opacity:1;transform:translateX(0px);}
.leftNav .order {display: none;}
.leftNav .active .order {display:block;}
.leftNav .order > li {/* border-top:1px #e8e8e8 solid */}
.leftNav .order > li > a {display:block;color: #5d5d5d;font-size:16px;padding: 12px 30px 12px 40px;}
.leftNav .order > li > a i{color:#4bb344;font-size: 14px;font-weight: bold;}
.leftNav .order > li:hover > a,.leftNav .order > li.active > a {color:#4bb344;transform:translateX(5px);}
/*==首页搜索↓==*/ 
.KeyHome {position:relative;z-index:1;padding:15px 0;/* margin-top:-80px;*/ background: #f8f8f8;}
.KeyHome .long {display:flex;align-items:center;justify-content:center;}
.KeyHome .key-label {/* float:left;*/position: relative;flex:1;padding-left: 10px;border-left: 2px #4bb344 solid;}
.KeyHome .key-label .title {float:left;color:#454545;font-size:15px;margin-right:10px;padding-left:10px;font-weight:bold;/* border-left:2px #fff solid;*/}
.KeyHome .key-label a {float:left;position:relative;display:block;margin-right:40px;color:#666;font-size:14px;}
.KeyHome .key-label a:before {position:absolute;content:"";right:-20px;top:20%;width:1px;height:60%;background:#ddd}
.KeyHome .key-label a:last-child:before {display:none;}
.KeyHome .key-label a:hover {color:#4bb344}
.KeyHome .key-search {flex-shrink:0;position:relative;width: 300px;margin-left:30px;border: 1px #eee solid;}
.KeyHome .key-search input {width:100%;padding:0 40px 0 10px;color:#666; border:none;background:#fff;}
.KeyHome .key-search button {position:absolute;right: 0;top:0;bottom:0;padding: 0 15px;margin:auto;color: #fff;font-size: 20px;border:none;cursor:pointer;background-color: #4bb344;}
.KeyHome .key-search button:hover {background:#333}
.KeyHome .key-search input,.InfoHome .search button {line-height:40px;height:40px;padding:1px 15px;/* background:none;*/}
/*==首页产品↓==*/
.ProductHome{ background:#fdfdfd}
.ProductHome .left{width:24%}
.ProductHome .right{width:76%;padding-left: 40px;}
.ProductHome .left .title{display: none;}
/*==产品列表↓==*/
.product-list {margin:0 0 -20px -20px;display:flex;flex-flow:row wrap;align-content:flex-start;}
.product-list li {float:left;display:inline-block;width:33.3%;margin-bottom:20px;}
.product-list a{margin-left:20px;}
.product-list a,.ProSwi a{position:relative;display:block;border:1px #ddd solid; background:#fff} 
.product-list .pic,.ProSwi .pic {}
.product-list .pic img,.ProSwi .pic img {width:100%;height:100%;object-fit:cover;}
.product-list h4,.ProSwi h4 {color:#525252;font-size:16px;padding: 20px 0;text-align: center;}   
/*.product-list li:hover a {transform:translateY(-5px)}
*/
.product-list li:hover a,.ProSwi li:hover a {box-shadow:5px 5px 10px #ddd;border-color:#4bb344}
.product-list li:hover h4,.ProSwi li:hover h4 {color:#4bb344}
/*--*/
.product-list.lx3 li {width:33.3%}
.product-list.lx3 li a { }
/*==首页困惑↓==*/
.PuzzledCont{background: url(../images/PuzzledBg.jpg) no-repeat center; background-size:cover;background-attachment: fixed;}
.PuzzledCont .title{color:#fff;font-size:40px;text-align: center;margin-bottom: 80px;font-weight: bold;line-height: 1;}
.PuzzledCont .title font{display: block;color:#4bb344;font-size:48px;margin-top: 20px;}
.PuzzledCont ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.PuzzledCont ul li{flex-grow: 1;float:left;display: inline-block;width:20%;padding-right: 60px;}
.PuzzledCont ul h4{color:#fff;font-size:22px;font-weight:bold;margin-bottom: 20px;}
.PuzzledCont ul i{display: inline-block;color:#fff;font-size: 25px;padding: 10px 15px;margin-right: 15px;border-radius: 20px 0 20px 0;background: #4bb344;}
.PuzzledCont ul p{color:#fff;font-size:18px;}
/*==首页产品优势↓==*/
.GoodCont{ background: url(../images/ContrastBg.jpg) no-repeat center; background-size:cover ;} 
.pk{position:relative;}
.pk li{/* padding:20px 20px; */display:table;width: 100%; }
.pk li:last-child span,.pk li:last-child h4{border:none}
.pk li span,.pk li h4{display:table-cell;/* width: 100%; */ vertical-align:middle;border-bottom: 1px solid rgba(0,0,0,0.2);}
.pk li span{width:45%}
.pk li h4{width:150px; text-align:center;font-weight:bold;color:#fff;background: #4bb344;}
.pk li span:nth-child(1){ text-align:right;}
.pk li:last-child span,.pk li:last-child h4{border:none}
.pk .top span,.pk .top h4{color:#fff;font-size:30px;font-weight:bold;padding: 20px 30px;}
.pk .top h4{font-size:40px;}
.pk .top span:nth-child(1){text-align:right;background: #2b9000;}
.pk .top span:nth-child(3){ background: #3f3f3f;}
.pk .strip span,.pk .strip h4{font-size:16px;padding: 20px 30px;}
.pk .strip span:nth-child(1){color:#2b9000;background: #f6fff2;}
.pk .strip span:nth-child(3){color:#3b3b3b; background: #f6f6f6;}
.pk .il{position: absolute;left:10px;bottom:70px}
.pk .ir{position: absolute;right:10px;bottom:70px}
/*==服务流程↓==*/
.ProceCont{background: url(../images/ProceBg.jpg) no-repeat center; background-size:cover ;}
.ProceCont ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProceCont ul li{position: relative;flex-grow: 1;display: inline-block;width: 14.2%;text-align: center;}
.ProceCont ul li:before{content: "\e612";position: absolute;top: 30px;right: -20px;color:#fff;font-size: 40px;font-weight: bold;font-style: normal;line-height: 1;font-family: "iconfont";}
.ProceCont ul em{position: relative;display: table;margin: auto;width:80px;height:80px; border-radius: 50%;background-color:#fff;background-repeat:no-repeat;background-position:center;}
.ProceCont ul em:before{opacity:0.3;content: "";position: absolute;top:0;right:0;left:0;bottom:0;margin: -10px;border-radius: 50%;background: #fff;}
.ProceCont ul h4{color:#fff;font-size:20px;margin-top: 30px;}
.ProceCont ul li:last-child{/* padding-right:0px; */}
.ProceCont ul li:last-child:before{display:none}
.ProceCont ul li:hover em{transform:translateY(-5px)}
.ProceCont ul li:hover h4{transform:translateY(-5px)}
.ProceCont ul .x1 em{background-image:url(../images/ProceIco01.png);}
.ProceCont ul .x2 em{background-image:url(../images/ProceIco02.png);}
.ProceCont ul .x3 em{background-image:url(../images/ProceIco03.png);}
.ProceCont ul .x4 em{background-image:url(../images/ProceIco04.png);}
.ProceCont ul .x5 em{background-image:url(../images/ProceIco05.png);}
.ProceCont ul .x6 em{background-image:url(../images/ProceIco06.png);}
.ProceCont ul .x7 em{background-image:url(../images/ProceIco07.png);} 
/*==首页行业应用↓==*/
.ApplyHome{ background: #f2f2f2;}
.ApplyHome .bottom{margin-top:70px;}
.ApplyHome .tone{ position: relative;z-index: 2; text-align: center;margin-bottom:-25px;}
.ApplyHome .tone li{position:relative;z-index:1; display: inline-block;color:#666;font-size:20px;padding:8px 20px;margin-left:-1px;border:1px #ddd solid;cursor:pointer; background:#fff}
.ApplyHome .tone li:before{opacity:0;content:"";position:absolute;left:0;top:0;z-index:-1;width:80%;height:100%; background:#4bb344}
.ApplyHome .tone li.active{color:#fff;  }
.ApplyHome .tone li.active:before{opacity:1;width:100%;}
.ApplyHome .down{padding:100px 40px 40px 40px;box-shadow: 0 0 10px #ccc; background: #fff;}
.ApplyHome .down li{min-height:200px;position:relative;overflow: hidden;}
.ApplyHome .down .box{width: 45%;}
.ApplyHome .down h4{color:#000000;font-size:16px;margin-bottom:5px;}
.ApplyHome .down p{color:#454545;font-size:16px;}
.ApplyHome .down img{margin-top:20px;border:1px #eee solid}
.ApplyHome .down .arrow{position: absolute;left: 45%;top:50%;/* margin-top: -30px; */display: block;width: 10%;color:#4bb344;font-size: 55px;text-align: center;}
.ApplyHome .down .box:hover h4{color:#4bb344}
/*==应用列表↓==*/
.apply-list{margin:0 0 0px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.apply-list li{float:left;display: inline-block;width:33.3%;text-align: center;}
.apply-list li a{display: block;margin-left:30px;height:100%;border:1px #ddd solid;} 
.apply-list li .pic{padding-top:70%;}
.apply-list h4{position:relative;z-index:1; color:#191919;font-size:18px;padding:30px 0;}
.apply-list h4:before{opacity:0;content:"";position:absolute;left:0;top:0;z-index:-1;width:80%;height:100%; background:#4bb344}
.apply-list li:hover h4{color:#fff; }
.apply-list li:hover h4:before{opacity:1;width:100%;}
/*==首页合作客户↓==*/
.PartnerHome{ background: url(../images/PartnerBg.jpg) no-repeat center;background-size:cover;}
.PartnerHome .long{padding:0 100px;/* background: #ddd; */}
.PartnerHome .list{display: flex;flex-flow: row wrap;align-content: flex-start;}
.PartnerHome .list li{ display: inline-block;width:20%;/* border: 1px #f60 dashed; */}
.PartnerHome .list a{position:relative;z-index: 1; display:block;width: 100%;height: 100%;}
.PartnerHome .list a:before{content: "";position: absolute;left:0;top: 0;right: 0;bottom: 0;z-index: -1;margin: 15%;width: 70%;height: 70%;border: 1px #ddd solid;transform: rotate(45deg);background: #fff;}
.PartnerHome .list img{/* display: contents; */margin: auto;margin: 35% 20%;width: 60%;/* height: 62%; */}
.PartnerHome .list li:nth-child(2n){}
.PartnerHome .list li:nth-child(6){margin-left: 10%;}
.PartnerHome .list li:nth-child(n+6){margin-top: -10.2%;}
.PartnerHome .list li:hover a{z-index:2;}
.PartnerHome .list li:hover a:before{border-color:#4bb344}
.PartnerHome .spot{ position: initial;margin:50px auto 0;text-align: center;}
.PartnerHome .spot li{position:relative; display:inline-block;width:12px;height:12px;margin:0 8px;border-radius:50%;overflow:hidden;cursor:pointer;background:#e9e9e9;    transition: all .4s ease-in-out;}
.PartnerHome .spot .active{background: #4bb344;} 
/*==首页关于↓==*/
.AboutHome{ position:relative;z-index:1;  background:#f6f8f9;}
.AboutHome:before{content:"";position:absolute;left: 0;top:0;z-index: -1;width: 100%;height:100%;background: url(../images/AboutBg.jpg) no-repeat center top;}
.AboutHome .frame{padding: 60px 40px;box-shadow: 0 0 10px #ddd;background: #fff;}
.AboutHome .top{position:relative;z-index:2; display: table;}
.AboutHome .left{width:50%;padding-right:50px;}
.AboutHome .left .title{color:#212121;font-size: 36px;margin-bottom:30px;}
.AboutHome .left .title span{display: block;color:#999;font-size:24px}
.AboutHome .left .wx{color:#666666;font-size:16px;line-height: 28px;}
.AboutHome .digital{width:100%;margin-top: 50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutHome .digital li{flex-grow: 1;/* flex: 1; *//* float:left; *//* width:25%; */display: inline-block;}
.AboutHome .digital li a{display: block;line-height: 1;padding-right: 20px;}
.AboutHome .digital li span{color: #4bb344;font-size: 50px;font-weight: bold;}
.AboutHome .digital li font{display: inline-block;color: #4bb344;font-size:16px;margin-left: 5px;vertical-align: top;}
.AboutHome .digital li h5{color: #3a3a3a;font-size: 15px;margin-top: 8px;}
.AboutHome .left .more{position:relative;z-index:1; display: table;margin-top: 60px;color:#666;font-size:14px;border: #999 solid 1px;padding: 12px 30px;border-radius: 5px;}
.AboutHome .left .more:before{opacity:0;content:"";position:absolute;left:0;top:0;z-index:-1;width:80%;height:100%; background:#4bb344;transition: all .4s ease-in-out;}
.AboutHome .left .more:hover{color:#fff;border-color:#4bb344;}
.AboutHome .left .more:hover:before{opacity:1;width:100%;}
.AboutHome .right{width:50%; vertical-align: bottom;}
.AboutHome .left,.AboutHome .right{float:none;display: table-cell;}
.AboutHome .down{margin-top:40px;}
.AboutHome .list{}
.AboutHome .list li img{max-width:100%;width:100%;}
.AboutHome .list li a{display:block;}
.AboutHome .list li .pic{border: 1px #eee solid; background: #f9f9f9;}
.AboutHome .list li:hover .pic{border: 1px #4bb344 solid;}
.AboutHome .list li h4{color:#666;font-size: 15px;text-align: center;margin-top:15px;}
.AboutHome .list li:hover h4{color:#4bb344;}
/*==首页新闻↓==*/
.NewsHome{background: #f6f8f9;}
.NewsHome .tone{}
.NewsHome .tone{position:relative;width: 100%;overflow:hidden;text-align: center;margin-bottom: 50px;} 
.NewsHome .tone li{display: inline-block;cursor: pointer;}
.NewsHome .tone a{position:relative;z-index:2; display: block;margin: 0 25px;padding: 10px 40px;color: #484848;font-size:20px;border-radius:5px;overflow: hidden;background: #f0f0f0;} 
.NewsHome .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#4bb344;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.NewsHome .tone .active a{color: #ffffff; }
.NewsHome .tone .active a:after{transform: scale(1);transform-origin:left;}
.NewsHome .list{}
.NewsHome .list a{display: block;position: relative;}
.NewsHome .list h4{color:#212121;font-size:18px;margin-bottom:20px;font-weight: bold;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list p{/* display: table; */color:#666666;font-size:14px;}
.NewsHome .list .one{float: left;width: 49%;background: #fff;}
.NewsHome .list .one .pic{height: 420px;}
.NewsHome .list .one .pic img{display: block;width: 100%;height: 100%; object-fit: cover;}
.NewsHome .list .one .box{padding: 25px 50px 40px 50px;overflow: hidden;}
.NewsHome .list .one .frame{position: relative;padding-left: 100px;}
.NewsHome .list .one .time{position:absolute;left:0;top:0;display: table;color:#212121;font-size:24px;text-align: center;padding-right: 20px;border-right: 1px #ddd solid;}
.NewsHome .list .one .time font{color:#999999;font-size:14px;display: block;}
.NewsHome .list .one p{float:left;}
.NewsHome .list li:hover h4{color:#4bb344}
.NewsHome .list .two{float: right;width: 49%;margin-bottom:20px;background: #fff;}
.NewsHome .list .two a{padding: 20px 40px 20px 170px;}
.NewsHome .list .two .time{position: absolute;left: 0;top: 0;bottom: 0;color:#fff;font-size:36px;text-align: center;padding: 30px 25px;background: #4bb344;}
.NewsHome .list .two .time font{color:#fff;font-size:16px;display: block;}
.NewsHome .list .two .box{/* float: right; */display: inline-block;}
.NewsHome .list .two:hover{box-shadow: 5px 5px 10px #aaa;}
/*==公司优势↓==*/
.AdvantageCont{}
.AdvantageCont .roll{margin: 30px 0 0 -30px;}
.AdvantageCont .roll li{float:left;width:25%;cursor:pointer}
.AdvantageCont .roll li a{position:relative; display:block;margin-left:30px;}
.AdvantageCont .roll h4{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;height: max-content;text-align: center;color:#fff;font-size:26px;}
.AdvantageCont .roll a:before{opacity:0.4; content:"";position:absolute;left:0;top:0;width:100%;height:100%; background:#000}
.AdvantageCont .roll img{display:block;width:100%;}
.AdvantageCont .roll .active a:before{opacity:0.9;background:#4bb344}
.AdvantageCont .shelf{box-shadow: 0 0 10px #ddd;}
.AdvantageCont .shelf li{ }
.AdvantageCont .shelf li a{display: table;width: 100%;height: 100%;}
.AdvantageCont .pic{float:left;display: block;width:50%;}
.AdvantageCont .pic img{width:100%;height: 100%;object-fit: cover;}
.AdvantageCont .box{position:relative;z-index: 1;float:left;width:50%;padding: 80px 20px 130px 40px;}
.AdvantageCont .box:before{content:"";position:absolute;left: 80px;bottom: 20px;width:500px;height:500px;background: url(../images/AdvantageBg01.png) no-repeat bottom left;}
.AdvantageCont .title{position: relative;margin-bottom: 60px;padding-left: 170px;}
.AdvantageCont .title i{position: absolute;left: 0;top: 0;float: left;color:#eeeeee;font-size:126px;font-weight: bold;}
.AdvantageCont .title span{/* float:left; */display: block;color: #ddd;font-size: 18px;}
.AdvantageCont .title h4{margin-top: 15px;color:#4bb344;font-size:32px;font-weight:bold;line-height: 64px;padding: 0 40px;background: url(../images/strip.png) no-repeat left;} 
.AdvantageCont .wx{color:#484848;font-size:16px;}
.AdvantageCont .wx p{padding-left: 38px;position: relative;margin-bottom:20px;}
.AdvantageCont .wx p:before{content:"\e639";position: absolute;left:0;top: 6px;font-size:12px;color:#4bb344;font-style: normal;font-family: "iconfont";line-height:1;}
.AdvantageCont .online{position: absolute;right: 0;bottom:0;z-index: 9;width: 160px;height: 180px;padding: 70px 0 0 40px;color:#fff;font-size:20px;text-align: center;}
.AdvantageCont .online em{color:#fff;display: table;font-size: 40px;margin: 0 auto 10px;}
.AdvantageCont .online:before{content: "";position: absolute;left:0;top:0;bottom:10px;right:10px;z-index: -1;width: 200%;height: 200%;border-radius: 50%;background: #4bb344;transition: all .4s ease-in-out;}
.AdvantageCont .online:hover:before{background:#333}
.AdvantageCont .online:hover em{transform:translateY(-3px)}
.AdvantageCont .pic,.AdvantageCont .box{float:none;display:table-cell;vertical-align:top;}
/*===解决方案↓==*/
.ApplyInner {}
.ApplyInner .list {}
.ApplyInner .list li {display:table;width:100%;margin-bottom:40px;overflow:hidden;border:1px #eee solid;box-shadow:0 0 10px #eee;}
.ApplyInner .list li:last-child {margin-bottom:0px}
.ApplyInner .list li a {display:block;}
.ApplyInner .list .pic,.ApplyInner .list .box {float:none;display:table-cell;}
.ApplyInner .list .hig {height:350px;}
.ApplyInner .list .pic {float:left;width:50%;}
.ApplyInner .list .pic img {display:block;width:100%;height:100%;object-fit:cover;}
.ApplyInner .list .box {width:50%;float:right;padding:50px;}
.ApplyInner .list h4 {color:#333;font-size:24px;font-weight:bold;margin-bottom:30px;}
.ApplyInner .list .wx {-webkit-line-clamp:6;color:#666;font-size:14px;line-height:24px;}
.ApplyInner .list .more {color:#fff;display:table;font-size:12px;margin-top:30px;/* border:#ddd solid 1px;*/padding:12px 30px;background:#4bb344;}
.ApplyInner .list li:hover {box-shadow:0 0 10px #ccc;transform:translateY(-5px);}
.ApplyInner .list li:hover h4 {color:#4bb344}
.ApplyInner .list li:hover .more {background:#333}
.ApplyInner .list li.two {text-align:right;}
.ApplyInner .list li.two .more {float:right}
.ApplyInner .list li.two .pic {float:right}
.ApplyInner .list li.two .box {float:left} 
/*==案例列表↓==*/
.case-list{margin:0 0 -30px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.case-list li{display: inline-block;width:33.3%;margin-bottom:30px;  text-align: center;}
.case-list h4{color:#212121;font-size:16px;margin-top:18px; }
.case-list li a{display: block;margin-left:20px;height:100%;}
.case-list li .pic{padding-top:70%}
/*.case-list li .pic:before{opacity:0;content: "\e629";position: absolute;left:0;top:0;right: 0;z-index:2;bottom: 0;width:50px;height:50px;margin: auto;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateX(-8px);transition: all .4s ease-in-out;}*/
.case-list li .pic:after{opacity:0; content: ""; position: absolute;left:0;top:0;width:100%;height:100%; background: #000;}
.case-list li .pic .box{ opacity:0; position:absolute;left: 0px;top:0;right: 0px;bottom:0;z-index: 2;margin: auto;height: min-content;padding:50px 80px;}
.case-list li .pic p{opacity: 0; -webkit-line-clamp: 3;color:#fff;font-size:15px;line-height: 26px;transform: translateY(-5px);}
.case-list li .pic em{display: table;width:50px;height:50px;margin:30px auto 0;font-size: 40px;color:#fff;font-style: normal;font-family: "iconfont";line-height:1;transform: translateY(5px);transition: all .4s ease-in-out;}
.case-list li:hover h4{color:#4bb344}
.case-list li:hover .box{opacity:1;}
.case-list li:hover .pic p{opacity:1;transform: translateY(0px);}
.case-list li:hover .pic em{opacity:1;transform: translateY(0px);}
.case-list li:hover .pic:after{opacity:0.4;}
/*==关于↓==*/
.AboutInner{padding-bottom:0px !important}
.AboutInner .cooperate{background: url(../images/cooperateBg.jpg) no-repeat center; background-size:cover;}
.AboutInner .cooperate h4{opacity: 0; position: absolute;left:0;bottom:0;width:100%;padding:10px; text-align: center; font-size:14px;color:#fff; background: #d10709;}
.AboutInner .cooperate .pic img{width:100%}
.AboutInner .cooperate li:hover h4{opacity: 1;}
.AboutInner .cooperate .spot{position:initial; margin-top:40px}
.AboutInner .cooperate .spot span{opacity: 1;width:10px;height:10px; background: #fff;}
.AboutInner .cooperate .spot span.swiper-pagination-bullet-active{background: #d10709;}
.AboutInner .introduce{position:relative;  /*padding-bottom:400px; background:url(../images/IntroduceBg.jpg) no-repeat center bottom;*/}
.AboutInner .introduce .container{padding:}
.AboutInner .introduce .long{padding:50px; box-shadow: 0 0 10px #eee; background: #fff;}
.AboutInner .introduce .wx{color:#757575;font-size: 16px;line-height: 28px;text-align: center;}
.AboutInner .introduce .tit{ position:relative;color:#4bb344;font-size:30px;text-align:center;padding-top:50px;margin-top:50px; }
.AboutInner .introduce .tit:before{content:"";position:absolute;left:50%;top:0;width:1px;height:30px;background:#ddd}
.AboutInner .SrllPho{margin-top: 60px;padding-top: 50px;border-top: 1px #e8e8e8 solid;}
.AboutInner .SrllPho .tone{}
.AboutInner .SrllPho .tone{position:relative;width: 100%;overflow:hidden;text-align: center;margin-bottom: 50px;} 
.AboutInner .SrllPho .tone li{display: inline-block;cursor: pointer;}
.AboutInner .SrllPho .tone a{position:relative;z-index:2;display: block;margin: 0 25px;padding: 10px 40px;color: #666;font-size:16px;border-radius:5px;overflow: hidden;background: #f6f8f9;} 
.AboutInner .SrllPho .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #777;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.AboutInner .SrllPho .tone .active a{color: #fff;}
.AboutInner .SrllPho .tone .active a:after{transform: scale(1);transform-origin:left;}
.AboutInner .SrllPho .list{ }
.AboutInner .SrllPho .list li{ }
.AboutInner .SrllPho .list img{max-width:100%;width:100%;}
.AboutInner .SrllPho .list a{position:relative; display:block;overflow:hidden;}
.AboutInner .SrllPho .list .pic{border: 1px #eee solid; background: #f9f9f9;}
.AboutInner .SrllPho .list li:hover .pic{border: 1px #4bb344 solid;}
.AboutInner .SrllPho .list h4{position:absolute;bottom:-50px;left:0;width:100%;z-index: 2;color: #fff;font-size: 16px;text-align: center;padding: 10px 0;background: rgba(0,0,0,0.3);}
.AboutInner .SrllPho .list .more .pic:before{display: none;}
.AboutInner .SrllPho .list .more span{opacity: 0; position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;margin:auto;height:min-content;text-align:center;color: #fff;font-size: 18px;}
.AboutInner .SrllPho .list .more:hover span{opacity: 1;}
.AboutInner .SrllPho .list li:hover h4{bottom:0}
.AboutInner .number{margin-top: -120px;background: url(../images/NumberBg.jpg) no-repeat center;background-size:cover;background-attachment: fixed;}
.AboutInner .digital{width:100%;margin: 120px 0 20px 0;font-family: 'siyuan';display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutInner .digital li{position: relative;z-index:2;display:inline-block;width:20%;border-right: 1px rgba(255,255,255,0.4) dotted;}
.AboutInner .digital li:last-child{border-right:none}
.AboutInner .digital li a{position:relative;z-index:2;display:table;margin:auto;line-height: 1;}
.AboutInner .digital li span{color:#fff;font-size:60px;font-weight: bold;}
.AboutInner .digital li font{color:#fff;font-size:16px;margin-left: 5px;}
.AboutInner .digital li h5{color:#fff;font-size:16px;margin-top: 10px;}
.AboutInner .advantage{ background: #f3f3f3;}
.AboutInner .advantage ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutInner .advantage ul li{position:relative;z-index: 2;float:left;width:25%;overflow: hidden;}
.AboutInner .advantage ul .box{padding:20px;background: #fff;height: 100%;}
.AboutInner .advantage ul .pic{}
.AboutInner .advantage ul h4{color:#212121;font-size:18px;margin-bottom:10px; font-weight:bold;}
.AboutInner .advantage ul p{color:#333;font-size:14px;line-height: 22px;}
.AboutInner .advantage ul li:nth-of-type(even) .box{background: #f9f9f9;/* height: 100%; */}
.AboutInner .advantage li:hover h4{color:#4bb344}
/*.AboutInner .advantage li:hover{transform:translateY(-10px)}*/
.AboutInner .culture ul{margin: 0 0 -2% -2%;overflow:hidden;display: flex;flex-flow: row wrap;align-content: flex-start}
.AboutInner .culture ul li{float: left;width: 48%;height:100%;margin: 0 0 2% 2%;display: table; background: #f5f5f5;}
.AboutInner .culture ul .pic{max-width:55%; display: block; overflow: hidden;}
.AboutInner .culture ul img{display: block;width: 380px;max-width:100%;height: 220px;}
.AboutInner .culture ul h4{max-width:45%;height:100%;color:#212121;font-size:24px;padding: 60px 30px 0 60px;background: #f5f5f5;}
.AboutInner .culture ul h4 span{color:#212121;font-size:16px; display: block;margin-top:15px;}
.AboutInner .culture ul hr{display: block;margin:15px 0 0 0;border:none; width:40px;height:1px;background:#4bb344;}
.AboutInner .culture ul .pic,.AboutInner .culture ul h4{/* display: table-cell; */ float: left;}
.AboutInner .culture ul li:hover .pic img{transform:scale(1.1);}
.AboutInner .culture ul li:hover h4{color:#4bb344}
/*--*/
.AboutInner .course{border-top:1px #ddd solid}
.AboutInner .course .long{position: relative;padding:0 40px;}
.AboutInner .course .list{}
.AboutInner .course li{ padding-right: 30px;}
.AboutInner .course em{}
.AboutInner .course li a{position:relative;display:block;padding:20px 0 20px 50px;}
.AboutInner .course li h4{color:#ccc;font-size:46px;}
.AboutInner .course li b{height:100px;display:block;color:#666;font-size:14px;}
.AboutInner .course li p{font-size:12px;color:#666666;margin-top:30px;}
.AboutInner .course li em{position:absolute;left:0;top:30px; float:left;width:20px;height:20px;border:4px #ccc solid;border-radius: 50%;}
.AboutInner .course li em:before,.AboutInner .course li em:after{content:"";position:absolute;top:12px;left: 3px;display: block;width:5px;height:120px;transition: all .4s ease-in-out;}
.AboutInner .course li em:before{background:-webkit-linear-gradient(top, #ccc, #fff);}
.AboutInner .course li em:after{height:0px;background:-webkit-linear-gradient(top, #4bb344, #fff);}
.AboutInner .course .btn{left: -30px;margin: 0;font-size:26px;color:#777;width:auto;height:auto; background:none;}
.AboutInner .course .btn.nt{left:auto;right: -30px;}
.AboutInner .course .btn:hover{color:#4bb344}
.AboutInner .course li:hover{transform:translateY(-15px);}
.AboutInner .course li:hover h4{color:#4bb344;font-family: 'siyuan';}
.AboutInner .course li:hover b{color:#4bb344;}
.AboutInner .course li:hover em{border-color:#4bb344}
.AboutInner .course li:hover em:after{height:120px}
/*==荣誉资质↓==*/
.HonorCont{   background:url(../images/HonorBg.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}
.HonorCont .list{}
.HonorCont .list li{ text-align: center;}
.HonorCont .list .pic{}
.HonorCont .list h4{color:#fff;font-size:16px;margin-top:10px;}
.HonorCont .list .box{position: relative; padding:40px; background: rgba(238,238,238,0.1);}
.HonorCont .list .box:before{content: "";position: absolute;left:0;top:0;right: 0;bottom: 0;margin: 20px;/* width:100%; *//* height:100%; */border:1px #5a5754 dashed;}
/*==伙伴列表↓==*/
.PartnerCont{background: #f6f6f6;}
.PartnerCont .list li{}
.PartnerCont .list li a{position: relative;display:block;height:100%;overflow: hidden;border-radius: 10px;}
.PartnerHome .list a:after{ opacity:0; content:""; position:absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-10px);background:#4bb344;}
.PartnerCont .list h4{ opacity:0; position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;color:#fff;font-size:18px;transform: translateY(10px);}
.PartnerCont .list .pic{padding-top:65%}
.PartnerCont .list .pic img{width:100%;}
.PartnerCont .list li:hover h4{opacity:1;transform: translateY(0px);}
.PartnerCont .list li:hover a:after{opacity:0.8;transform: translateY(0px);}
.PartnerCont .spot{position:initial; margin-top:40px}
.PartnerCont .spot span{opacity: 1;width:10px;height:10px;margin:0 8px !important; background: #808080;}
.PartnerCont .spot span.swiper-pagination-bullet-active{background: #4bb344;}
/*==新闻列表↓==*/
.NewsListBox{ }
.news-list{ margin:0 0 -30px -20px;}
.news-list li{float:left;width:33.3%}
.news-list li a{display: block;/* width:100%; */height:100%;margin:0 0 30px 20px;background: #fff;box-shadow: 0 0 10px #ddd;}
.news-list .pic{padding-top:60%; position:relative}
.news-list .pic img{ position:absolute;top:0;left:0; width: 100%;height: 100%;object-fit: cover;}
.news-list .box{padding:30px;}
.news-list h4{color:#090929;font-size:20px;margin-bottom:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list p{-webkit-line-clamp: 2;color:#999;font-size:14px;line-height:24px}
.news-list .time{margin-top:50px;display:block;color: #999;font-size:14px;}
.news-list .time i{float:right;font-size: 20px;}
.news-list li:hover h4{color:#4bb344}
.news-list li:hover .time i{color:#4bb344;transform: translateX(-5px);}
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .lefter{width:70%}
.NewsDetailBox .righter{width:25%;    }
.NewsDetailBox .righter .news{padding: 30px; background: #f5f5f5;}
.NewsDetailBox .righter .connection{margin-top:30px;}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:32px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#4bb344}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#0085d0}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#0085d0}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .righter .title{position: relative; color:#333;font-size:20px;margin-bottom:30px;padding-left:20px}
.NewsDetailBox .righter .title:before{content:"";position: absolute; left:0;top:20%;width:2px;height: 60%; background: #4bb344;}
.NewsDetailBox .relevant .list{margin:0 0 -30px 0px}
.NewsDetailBox .relevant .list li {width:100%;margin-bottom:30px}
.NewsDetailBox .relevant .list li a {display:block;}
.NewsDetailBox .relevant .list li .pic {border:1px #ddd solid}
.NewsDetailBox .relevant .list li h4 {font-size:16px;color:#666666;margin-top:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetailBox .relevant .list li:hover h4 {color:#4bb344}
.NewsDetailBox .relevant .list li:hover .pic {border-color:#4bb344}
/*==产品详情↓==*/
.ProductShow{}
.DetailCont .top{/*padding:60px 0 120px 0; ;border-bottom:1px #ddd solid;background: #f5f5f5;*/}
.DetailCont .top .left{width:55%;}
.DetailCont .top .right{width:40%}
.DetailCont .top .right .title{color:#191919;font-size:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}
.DetailCont .top .right .wx{padding:20px;color:#666666;font-size:14px;min-height:100px;margin-bottom:80px;line-height: 24px;-webkit-line-clamp: 7;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden; background: #f2f2f2;}
.DetailCont .top .right .parts{ margin: -50px 0 35px 0;overflow: hidden;}
.DetailCont .top .right .parts h3{color:#333;font-size: 18px;margin-bottom: 15px;}
.DetailCont .top .right .parts img{display: block;float:left;width: 17%;height:80px;margin-right: 2%;border:2px #ddd solid;}
.DetailCont .top .right .parts img:hover{border-color:#666}
.DetailCont .top .right .tel{display: block;color:#191919;font-size:22px;margin-bottom:50px;padding: 20px 0 20px 0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.DetailCont .top .right .tel i{float:left;color:#666;font-size: 25px;margin-right: 15px;}
.DetailCont .top .right .btn{float:left;padding:8px 40px;color:#fff;font-size:18px;margin-right:20px;border-radius:40px; background-color: #4bb344;}
.DetailCont .top .right .btn i{float:left;margin: 3px 10px 0 0px;color:#fff;font-size:20px;}
.DetailCont .top .right .online{/* padding-left:70px; */}
.DetailCont .top .right .download{color:#4c4c4c;background: #fff;}
.DetailCont .top .right .btn:hover{color:#fff;background-color: #333;}
.DetailCont .con{margin-top:70px}
.DetailCont .con .tone{overflow:hidden;margin-bottom:50px;border-bottom:1px #ddd solid; text-align: center;}
.DetailCont .con .tone li{position: relative; display: inline-block; margin:0 20px 0 20px; /*! border-left:1px #ddd solid; */cursor: pointer;}
.DetailCont .con .tone li a{display: block; color:#444444;font-size:20px;padding: 0px 0px 20px 0;}
.DetailCont .con .tone li a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;transition:transform .5s;transform: scale(0,1);transform-origin:right; background: #4bb344}
.DetailCont .con .tone li.active a,.DetailCont .con .tone li:hover a{color:#4bb344}
.DetailCont .con .tone li.active a:after,.DetailCont .con .tone li:hover a:after{transform: scale(1);transform-origin:left;}
.DetailCont .con .long{margin-bottom:50px;padding-bottom:40px; border-bottom:1px #ddd solid}
.DetailCont .con .title{position: relative; color:#333;font-size:22px;margin-bottom:30px;padding-left:20px}
.DetailCont .con .title:before{content:"";position: absolute; left:0;top:20%;width:2px;height: 60%; background: #4bb344;}
.DetailCont .con .long:last-child{margin-bottom:0px;padding-bottom:0px; border-bottom:0px}
.DetailCont .con .wx{}
.DetailCont .con .wor{color:#393939;line-height:24px;font-size:15px;}
/*==左右图片切换↓==*/
.srllOrso{}
.srllOrso .leftPic{width:80%;float: left;border:2px #efefef solid; background: #fff;}
.srllOrso .leftPic img{display: block;margin:auto;max-width:100%;height: 100%;object-fit: cover;}
.srllOrso .rightPic{width:20%;float: right;padding-left:15px;}
.srllOrso .rightPic li{height:20%;margin-bottom:20px;border:2px #efefef solid;cursor: pointer;background: #fff;}
.srllOrso .rightPic li img{display: block;max-width:100%;height: 100%; margin:auto}
.srllOrso .rightPic li.swiper-slide-thumb-active{border-color: #4bb344;}
.srllOrso .leftPic,.srllOrso .rightPic{height: 520px;}
.srllOrso .leftPic .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllOrso .leftPic .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllOrso .leftPic:hover .look{opacity:1 ; transform: translateY(0px);}
.srllOrso .rightPic:hover .btn{opacity: 1 !important;}
.srllOrso .btn{opacity:0 !important;left:15px;top:0;right:0;width:auto;height:auto;margin:0px;color:#fff;font-size: 32px;padding: 5px 0;text-align: center;background:rgba(0,0,0,0.5);}
.srllOrso .btn.swiper-button-disabled{opacity: .9}
.srllOrso .btn.nt{top:auto;bottom:0;}
.srllOrso .btn:hover{background:rgba(0,0,0,0.7)}
/*==新闻↓==*/
.NewsListBox{padding-bottom:0 !important}
.NewsListBox .up{margin-bottom:90px;}
.NewsListBox .up .more{}
.NewsListBox .up .more{color:#fff;font-size:12px;padding: 10px 30px;display: table;margin-top: 40px;background: #666;}
.NewsListBox .up .more:before{content: "\e61f";font-family: "iconfont";line-height:1;float:right;/* width:10px; */height: 10px;font-size: 21px;margin: -1px 0 0 10px;transition: all .4s ease-in-out;}
.NewsListBox .up .more:hover{ background: #4bb344;}
.NewsListBox .up .more:hover:before{transform:translateX(3px);}
.NewsListBox .up .swiper-container:after{content: "";position: absolute; left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox .up .spot{bottom:0;display: table;width: 100%;left: 700px;/*! margin-left: 52px; */text-align: left;padding: 30px 35px 30px 50px;background:#4bb344;}
.NewsListBox .up .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px;}
.NewsListBox .up .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox .up li{ position: relative; }
.NewsListBox .up li a{position: relative;display: block;height: 450px;padding:50px 50px 50px 750px;background:#f2f2f2;}
.NewsListBox .up li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox .up li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .up li .box{/*! text-align: center; */float: left;width: 100%;height: 100%;}
.NewsListBox .up li .box h4{width: 100%;font-size:24px;color:#191919;/*! font-weight: bold; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsListBox .up li .box .time{position:relative; display: block; color:#999;font-size:12px;margin-top:20px;}
.NewsListBox .up li .box .time:before{content:"";float:left;margin:10px 20px 0 0; width:40px;height:1px; background:#ccc}
.NewsListBox .up li .box p{-webkit-line-clamp: 4;font-size:14px;color:#464646;margin-top: 30px;line-height: 24px;}
.NewsListBox .up li:hover h4{color:#4bb344}
.NewsListBox .shell{padding: 70px 0 50px 0;background-color: #f3f3f3; overflow: hidden;}
.NewsListBox .shell ul{margin:0 0 -30px -30px;}
.NewsListBox .shell li{float: left;width: 33.3%;}
.NewsListBox .shell li a{position: relative;display: block;margin:0 0 30px 30px;padding: 30px; overflow: hidden;background-color: #fff;}
.NewsListBox .shell li a:after{content: "";position: absolute;left: 0;top: 0;height: 3px;width: 0;transition: all .5s;background-color: #4bb344;}
.NewsListBox .shell li a h4{width: 100%;font-size: 16px;color: #191919;margin-top:30px;;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.NewsListBox .shell li a .txt{-webkit-line-clamp: 2;font-size: 14px;color: #666666;line-height: 24px;margin-top:15px;/*! overflow: hidden; */margin-bottom: 15px;}
.NewsListBox .shell li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.NewsListBox .shell li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.NewsListBox .shell li a .time{float:left; margin-right:20px; display: block;font-size: 12px;color: #999999;}
.NewsListBox .shell .more{float:left;color:#999;font-size:12px;padding: 0 0px;display: block;}
.NewsListBox .shell .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 10px;background: url(../images/line02.png) no-repeat -10px 0px;transition: all .4s ease-in-out;}
.NewsListBox .shell li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.NewsListBox .shell li:hover a{transform: scale(1.02);}
.NewsListBox .shell li:hover a:after{width: 100%;}
.NewsListBox .shell li:hover a h4{color: #4bb344}
.NewsListBox .shell li:hover .more{color:#f60}
.NewsListBox .shell li:hover .more:before{ background-position:0 0 }
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:23px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#4bb344}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#4bb344}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#4bb344}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
/*==案例详情↓==*/
.CaseDetail{}
.CaseDetail .title{ color:#000;font-size:30px;/*text-align:*/center; margin-bottom:40px;}
.CaseDetail .tit{color:#353535;font-size:25px;margin-bottom:20px}
.CaseDetail .details{margin-top:60px}
.CaseDetail .details .wx{padding:30px;color:#666;font-size:14px;line-height:26px; background: #f4f4f4;}
.CaseDetail .relevant{margin-top:80px;}
.CaseDetail .relevant .list .pic{padding-top:70%}
.CaseDetail .top{padding: 60px 30px 40px 30px;background: #f5f5f5;}
.CaseDetail .top .left{width:55%;}
.CaseDetail .top .right{width:40%}
.CaseDetail .top .right .title{color:#191919;font-size:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}
.CaseDetail .top .right .wx{padding:20px;color:#666666;font-size:14px;min-height:100px;margin-bottom:80px;line-height: 24px;-webkit-line-clamp: 7;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden; background: #f2f2f2;}
.CaseDetail .top .right .tel{display: block;color:#191919;font-size:22px;margin-bottom:50px;padding: 20px 0 20px 0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.CaseDetail .top .right .tel i{float:left;color:#666;font-size: 25px;margin-right: 15px;}
.CaseDetail .top .right .btn{float:left;padding:8px 40px;color:#fff;font-size:18px;margin-right:20px;border-radius:40px; background-color: #4bb344;}
.CaseDetail .top .right .btn i{float:left;margin: 3px 10px 0 0px;color:#fff;font-size:20px;}
.CaseDetail .top .right .online{/* padding-left:70px; */}
.CaseDetail .top .right .download{color:#4c4c4c;background: #fff;}
.CaseDetail .top .right .btn:hover{color:#fff;background-color: #333;}
/*==滚动大图↓==*/
.srllPho{ position: relative;;width: 100%;margin: auto;}
.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}
.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}
.srllPho .gallery-top li{height:500px;}
.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}
.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}
.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}
.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #4bb344 solid;}
.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}
.srllPho .btn{opacity: 1;top:0;left:0;width: 40px;height:100%;padding:0 0;display:table;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#4bb344;font-size:40px;background-image:none;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size: auto;}
.srllPho .btn i{ display: table-cell;vertical-align: middle;padding: 0px;}
.srllPho .btn.nt{left:auto;right:0;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPho .btn:hover,.srllPho .btn:hover i{color:#fff; background-color:#4bb344;}
.srllPho .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/
.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}
/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent{height: 540px;}
.ContactInner .long .left{width: 50%;}
.ContactInner .long .left img{width:100%;height: 100%;object-fit: cover;}
.ContactInner .long .right{position: relative;width: 50%;/* border:1px #ddd solid; */padding: 60px 240px 40px 50px;background: #f7f7f7;}
.ContactInner .long .right .title{color:#333333;font-size:26px;}
.ContactInner .long .right .tel{ position:relative;margin-top:25px;color:#333333;font-size:14px;display: block;}
.ContactInner .long .right .tel:before{ content: ""; position: absolute; left:0px;top:32px; width:10px; height:3px; background: #4bb344;}
.ContactInner .long .right .tel:after{ content: ""; position: absolute; left:13px;top:32px; width:25px; height:3px; background: #4bb344;}
.ContactInner .long .right .tel font{margin-top:30px;font-size:30px;color:#4bb344;display: block;font-weight: bold;}
.ContactInner .long .right .wx{min-height:156px;margin-top:20px;color:#333333;font-size:14px;display: block;line-height: 26px;}
.ContactInner .long .right .consult{position:absolute;top: 100px;right: 60px;}
.ContactInner .long .right .ewm{position: relative;color:#737373;font-size:12px;text-align: center;display: block;line-height: 15px;}
.ContactInner .long .right .ewm img{ display: block;margin:0 auto 5px;}
.ContactInner .long .right .online{/* float:left; */color:#fff;margin: 30px auto 0;font-size:14px;padding:8px 40px;background: #4bb344;display: block;border-radius: 20px;text-align: center;}
.ContactInner .long .right .online:hover{background: #666;}
.ContactInner .map{margin-top:70px}
.ContactInner .agency{}
.ContactInner .agency ul{margin: 0 0% -1% -1%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ContactInner .agency ul li{float:left;width: 32.3%;margin: 0% 0% 1% 1%;padding:30px;background: #f1f1f5;}
.ContactInner .agency ul h4{position:relative; color:#4bb344;font-size:24px;margin-bottom:20px;}
/*.ContactInner .agency ul h4:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px; background:#ff5c00;}*/
.ContactInner .agency ul .wx{display: block;color:#888;font-size:16px;line-height:26px;}
.ContactInner .agency ul li:hover{transform: translateY(-5px); box-shadow:0 0 10px #ddd}
.ContactInner #dituContent{height:500px;}
/*==留言通用↓==*/
.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover;}
.MessageCon .long{padding:80px; background: #fff;}
.MessageCon .title{margin-bottom:40px;overflow: hidden;}
.MessageCon .title h2{float:left;color:#191919;font-size:24px;}
.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}
.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}
.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:1%;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}
.MessageCon textarea{width:100%;height:120px;}
.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}
.MessageCon button:hover{background:#4bb344}
.MessageCon .x1{background-image: url(../images/ico201.png);}
.MessageCon .x2{background-image: url(../images/ico202.png);}
.MessageCon .x3{background-image: url(../images/ico203.png);}
.MessageCon .x4{background-image: url(../images/ico204.png);}
.MessageCon .x5{background-image: url(../images/ico205.png);}
/*==视频列表↓==*/
.video-list .pic:before{content: "\e609";position: absolute;left:0;top:0;right:0;bottom:0;width: 50px;z-index: 1;color:#efefef;font-size:50px;box-shadow: 0 0 10px #ddd;border-radius: 50%;margin: auto;height: max-content;text-align: center;font-style: normal;font-family: "iconfont";line-height:1;}
.video-list .pic:after{ opacity:0.2; content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000}
.video-list li:hover .pic:before{color:#fff}
/*==环保托纸↓==*/
.PaperIn{padding:0px !important}
.PaperIn .ban{background:url(../images/BanBg.jpg) no-repeat center; background-size:cover ;}
.PaperIn .ban .long{display:table;width: 80%;margin: auto;padding: 100px 0 80px 0;text-align: center;}
.PaperIn .ban .left{max-width: 45%;text-align: center;vertical-align: middle;}
.PaperIn .ban .right{max-width: 55%;padding: 0px 0 0px 80px;text-align: left;vertical-align:middle;}
.PaperIn .ban .right h3{color:#2c2c2c;font-size: 60px;margin-bottom:20px} 
.PaperIn .ban .right .wx{color:#2c2c2c;font-size:16px;line-height: 35px;}
.PaperIn .ban .right .size{font-size:14px;color:#2c2c2c;margin-top:30px}
.PaperIn .ban .online{display: table;margin-top:40px;color:#fff;font-size: 16px;padding: 8px 24px;border-radius: 5px;background: #4bb344;}
.PaperIn .ban .online:hover{ background: #333;}
.PaperIn .ban .left,.FluidInner .ban .right{float:none;display: inline-block;}
.PaperIn .product{background: #fafafa;}
.PaperIn .product .more{display: table; margin:50px auto 0;color:#fff;font-size:14px;padding:8px 30px;border-radius:30px; background: #4bb344;}
.PaperIn .product .more:hover{background: #333;}
.Srll-pro{position: relative;}
.Srll-pro .btn{top: 50%;left: -50px;color:#666;font-size: 50px;/* font-weight:bold; */width: auto;height: auto;margin: 0px;background: none;}
.Srll-pro .nt{left: auto;right: -50px;} 
.Srll-pro .btn:hover{color:#4bb344}
.PaperIn .worry{}
.PaperIn .worry ul {margin:0 0 -20px -20px;display:flex;flex-flow:row wrap;align-content:flex-start;}
.PaperIn .worry ul li {float:left;width:33.3%;margin-bottom:20px;}
.PaperIn .worry ul li a {display:block;height:100%;margin-left:20px;text-align:center;padding:50px 40px;background:#fafafa;box-shadow:0 0 10px #ddd;}
.PaperIn .worry ul em {margin:0 auto 20px;display:table;width:60px;height:60px;background-repeat:no-repeat;background-position: 0 0;background-blend-mode:lighten;background-size:cover;}
.PaperIn .worry ul h4 {color:#2b9000;font-size:24px;margin-bottom:10px;}
.PaperIn .worry ul p {color:#2b9000;font-size: 15px;line-height:24px;}
.PaperIn .worry ul li:hover h4,.PaperIn .worry ul li:hover p{color:#fff}
.PaperIn .worry ul li:hover a {transform:translateY(-5px);box-shadow:0 0 10px #ddd; background:#4bb344}
.PaperIn .worry ul li:hover em{background-position:0 -60px;}
.PaperIn .worry .x1 em {background-image:url(../images/WorryIco01.png);}
.PaperIn .worry .x2 em {background-image:url(../images/WorryIco02.png);}
.PaperIn .worry .x3 em {background-image:url(../images/WorryIco03.png);}
.PaperIn .worry .x4 em {background-image:url(../images/WorryIco04.png);}
.PaperIn .worry .x5 em {background-image:url(../images/WorryIco05.png);}
.PaperIn .worry .x6 em {background-image:url(../images/WorryIco06.png);}
.PaperIn .scenery{background: url(../images/SceneryBg.jpg) no-repeat center; background-size:cover;}
/*==滚动图↓==*/
#certify {position:relative;width:100%;margin:0 auto;padding:0 60px;}
#certify .swiper-container {padding:10px 0; }
#certify li {width:640px;box-shadow: 0 0 10px #ddd; background:#fff;}
#certify li a{display:block;padding:10px;}
#certify li img {display:block;width:100%}
#certify li .box{ padding:35px 40px; text-align: center; background: #fff;}
#certify li h4{color: #212121;font-size: 15px;padding: 15px 10px;text-align: center;} 
#certify .swiper-slide-active{background:#4bb344}
#certify .swiper-slide-active h4{color:#fff}
#certify .swiper-pagination { display: none; width:100%;bottom:20px;position: initial;margin-top: 40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:15px;height:15px;opacity:1; cursor: pointer}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #0054b3;background-color:#fff;}
#certify .btn{position: absolute;left: 0px;top:50%;width:auto;height:auto;color:#333;font-size:45px;background-image:none;}
#certify .btn.nt{left:auto;right: 0px;}
#certify .btn:hover{ color:#4bb344 }
/*==手机列表↓==*/
.wapIo{display: none;}
.wapIo .list{margin:0 0 -15px -15px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.wapIo .list li{float:left;display: inline-block;width:33.3%;margin-bottom:15px; text-align: center;}
.wapIo .list li a{display: block;margin-left:15px;height:100%;}
.wapIo .list h4{color:#666;font-size:16px;margin-top:10px;}
.wapIo .list li:hover h4{color:#4bb344}
.wapIo .more{display: table; margin:30px auto 0;color:#fff;font-size:13px;padding:8px 30px; border-radius: 10px; background: #4bb344;}
.wapIo .more:hover{ background: #333;}
/*==list-box 图片款 久↓==*/
.list-box{margin:0 0 -10px -10px}
.list-box li{float:left; width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 10px 10px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #4bb344 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#4bb344;}
.list-box.lx5 li{width:20%}
.list-box.lx3 li{width:33.3%}
/*==底部===*/
.footer {position:relative;z-index:5;padding: 60px 0 0px 0;background:#3b3b3b;overflow:hidden;}
.footer .left{width:60%;}
.footer a{color:#ddd;font-size:13px;}
.footer a:hover{color:#fff;}
.footer .wx{overflow:hidden;width: 100%;margin-top: 40px;color: #ddd;font-size: 13px;line-height:26px;}
.footer .nav {width:100%;overflow: hidden;}
.footer .nav li {position: relative;float:left;padding-right: 40px;float:left;}
.footer .nav li a {position: relative;display:block;color:#fff;font-size:16px;line-height: 18px;}
.footer .nav li:after{content: "";position: absolute;right: 20px;top: 15%;width:1px;height: 70%;border-right: 1px #818181 dotted;}
.footer .nav li:last-child{padding-right:0px;}
.footer .nav li:last-child:after{display:none}
.footer .nav li a:hover {color:#ccc}
.footer .right {float:right; }
.footer .ewm {float:right;color:#666;font-size:14px;text-align:center;padding:8px;margin-left:10px; background:#fff}
.footer .ewm img {display:block;margin-bottom:5px;}
.footer .link{position: relative;z-index: 2;width: 100%;margin-top:50px;padding:30px 0;}
.footer .link:before{content: "";position: absolute;left: -50%;top:0;z-index: -1;width:200%;height:100%;background: #ffffff;}
.footer .link h3{color:#666;font-size: 15px;float: left;}
.footer .link a{color:#999;font-size:13px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}
/*==标题+tab↓==*/
.title-tip{display: flex;position: relative;margin-bottom:50px;overflow: hidden;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 .more{position: relative;z-index:2;color: #4bb344;font-size: 16px;padding: 12px 40px;border: 1px #ddd solid;transition: all .4s ease-in-out;}
.title-tip .more:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:3px;background:#4bb344}
.title-tip .more:hover{color:#fff}
.title-tip .more:hover:after{height:100%;}
.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;overflow:hidden;background: #f6f8fa;}
.title-tip .tone_1 a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height: 100%;background: #4bb344;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:#4bb344;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: -52px;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:#242424;font-size:20px;text-align: center;padding-bottom: 35px;}
.title-tip .tone_2 a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#4bb344;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.title-tip .tone_2 li.active a{color:#4bb344; }
.title-tip .tone_2 li.active a:after{transform: scale(1);transform-origin:left;}

/*==切换按钮↓==*/
.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -20px;    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: #161823;
    font-size: 15px;
    padding: 0 10px;
    line-height: 45px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px #ddd solid;
    background: #f3f3f3;}
.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #4bb344;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;}
/*==列表1↓==*/
.list-1{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-1 li{width:calc(25% - 20px);margin:0 0 20px 20px;text-align: center;}
.list-1 li a{display: block;}
.list-1 h4{color:#161823;font-size:16px;padding:12px 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f5f5f5;}
.list-1 li:hover a{transform: translateY(-5px);}
.list-1 li:hover h4{color:#fff;background:#4bb344;}