@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px; padding-top: 0px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#46a981;}
i,em{ font-style:normal;}


.menu span,
.menu i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.iCaseNav a:before,
.iCaseCon .em,
.iCaseCon .h3,
.iCaseCon .p,
.iCaseCon .img:before,
.header .wp,
.logo img{
transition: all 0.5s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}



.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color:#46a981;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
.menu-link.active{ background:#46a981; border-radius: 50%;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ position: relative; width: 1360px; margin: 0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:99;}
.header .wp{ /* width: auto; margin: 0 60px; */ z-index: 2;}

.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:40px; line-height: 1;}
.logo img{ height:1em; width:auto; display: block;}
.logo .img2{ position: absolute; left: 0; top: 0; opacity: 0;}

.tLanguage{position: absolute; right: 0px; top: 50%; margin-top: -16px;}
.tLanguage .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tLanguage .i img{ width: 1em; height: 1em; display: block; border: 1px solid #fff; border-radius: 50%;}
.tLanguage .box{ position: absolute; z-index: 4; width: 120px; left: 50%; margin-left: -60px; background: rgba(255,255,255,0.88); box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.15);border-radius: 4px; padding: 12px 0; top: 100%; margin-left: -60px; text-align: center; display: none;}
.tLanguage .box a{ height: 28px; line-height: 28px; color:#46a981; display: block;}
.tLanguage .box a.curr{}
.tLanguage:hover .box{ display: block;}

.tSearch{position: absolute; right: 50px; top: 50%; margin-top: -16px;}
.tSearch .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tSearch .i img{ width: 1em; height: 1em; display: block;}
.tSearch.active .i:before{}
.tSearch .box{ position: fixed; padding:30px 0; z-index: 3; left: 0px; right: 0px; top:80px; display: none; background:rgba(255,255,255,0.65);}
.tSearch .pd{ position:relative; width: 640px; margin: 0 auto; box-sizing: border-box; padding-right: 72px;}
.ipt_t1{ background:#fff; border:none; color:#46a981; height:38px; width:100%; padding:0 48px 0 15px; border-radius:0px !important; font-size:14px; box-sizing:border-box; display:block; border:1px solid #ced4da;}
.ipt_b1{ width:68px; text-align:center; font-size:22px; line-height:38px; height:38px; padding: 0px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-19px; background:#46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); border:1px solid #46a981; border-radius:3px!important; display: flex; justify-content: center; align-items: center;}
.ipt_b1 img{ width: 20px; height: 20px; display: block; filter: brightness(0.3);}



.menu{ text-align: right; margin: 0 118px;}
.menu ul{ display: inline-block; vertical-align: bottom;}
.menu li{ float: left; position: relative; margin: 0 20px; text-align: center;}
.menu .h3{}
.menu .h3 a{ display: block; height:80px; line-height: 80px; font-size:18px; position: relative;color: #fff;}
.menu .h3 a:before{ content: ''; position: absolute; height: 3px; left: 50%; width: 0em; background:#46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); bottom: 0px; opacity: 0; transition: 0.5s all;}
.menu .h3 strong{ font-weight: normal;}
.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e605"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }
.menu .box{ position: absolute; top: 100%; left: 0px; width: 180px; display: none; box-shadow:1px 1px 10px rgba(0,0,0,0.13);}
.menu .box a{ background: rgba(255,255,255,0.95); height: 44px; font-size: 14px; line-height: 44px; display: block; color: #333; padding: 0 40px 0 20px; text-align:left; position: relative;}
.menu .box a:before{ position: absolute; right: 20px; top: 50%; margin-top: -0.5em; line-height: 1; opacity: 0; transform: translateX(-10px); transition: 0.5s all;font-size:1.5em;
content: "\ea7f";font-family: "iconfont" !important; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.menu .box a:hover{ background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}
.menu .box a:hover:before{ opacity: 1; transform: translateX(0px);}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity: 1; width: 4em; margin-left: -2em;}
.menu li:hover .box{ display: block;}




.body_fix .header{ background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.body_fix .menu .h3 a{ color: #333;}
.body_fix .menu li:hover .h3 a,
.body_fix .menu li.curr .h3 a{ color: #46a981;}
.body_fix .tLanguage .i img{filter: brightness(0.3);}
.body_fix .tSearch .i img{filter: brightness(0.3);}
.body_fix .logo .img1{ opacity: 0;}
.body_fix .logo .img2{ opacity: 1;}
.body_hide .header{}



.iBanner{ position: relative;}
.iBanner .pd{ display: block; position: relative;}
.iBanner .img{ overflow: hidden; position: relative;}
.iBanner .img::before{ content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; height: 160px; background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.iBanner .img img{ height: auto; width:100%; min-width: 100vw; max-height: 100vh; min-height: 100vh; max-width: 100vw; object-fit: cover;}
.iBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.iBanner .wp{ display: flex; align-items: center; height: 100%;}
.iBanner .h3,
.iBanner .em{ font-size: 60px; line-height: 1.5; color: #fff;}
.iBanner .m{ padding-top: 100px;}
.iBanner .swiperArrow{ display:block;}
.iBanner .swiperDots{ display:block; bottom:4.6875vw;}


.iBanner .videoA{ position: absolute; left:-1px; top:-1px; bottom:-1px; right:-1px; z-index: 2;}
.iBanner .videoA video{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1920/775; object-position: center bottom;}
.iBanner .videoBtn{ position: absolute; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.5); z-index: 9; opacity: 1; visibility: visible; pointer-events:auto; cursor: pointer; transition: 0.3s all;}
.iBanner .videoBtn img{ position: absolute; width: 4.6875em; height: 4.6875em; left: 50%; top: 50%; margin: -2.34375em 0 0 -2.34375em; min-width:auto; max-width:none;}
.iBanner .videoBtn.curr{ opacity: 0; visibility: hidden; pointer-events: none; }

.pageNext{ height: 40px; position: absolute; left: 0px; bottom: -40px; right: 0px; cursor: pointer;}

.more1{ height: 38px; width: 140px; line-height: 38px; color: #fff; border: 1px solid #fff; display: inline-block; transition: 0.5s all; text-align: center;}
.more1:hover{ border-color:#46a981; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}

.tit1{ text-align: center; margin-bottom: 40px;}
.tit1 em{ display: block; color:#46a981; font-size: 32px; line-height: 1.2; margin-bottom: 40px; position: relative;}
.tit1 em:before{ content: ''; position: absolute; bottom: -25px; height: 2px; width: 42px; left: 50%; margin-left: -21px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.tit1 strong{ display: block; font-weight: normal; font-size: 26px; line-height: 1.2;}


.iMain{ background:no-repeat center center; background-size:cover; padding: 100px 0;}
.iMain1{ background: #f8f8f8; padding: 0px!important;}

.iPro{}
.proTab{ padding: 20px 0; background: #f8f8f8;}
.proTab ul{ display: flex;}
.proTab li{ width: 14.285714285714286%; display: block; position: relative;}
.proTab .pd{ display: block; position: relative; padding-top: 110px;}
.proTab .img{ position: absolute; left: 50%; margin-left: -75px; top: 12px; width: 150px; height: 86px; transition: 0.5s all;}
.proTab .img img{ position: absolute; left: 0px; top: 0px; right: 0px; transition: 0.5s all;}
.proTab .img img:nth-child(2){ opacity: 0;}
.proTab strong{ display: block; height: 46px; line-height: 46px; font-weight: normal; text-align: center; font-size: 16px; color: #666; transition: 0.5s all;}
.proTab li.curr .img{ transform: translateY(12px);}
.proTab li.curr .img img:nth-child(2){ opacity: 1;}
.proTab li.curr strong{ transform: translateY(6px);}

.proCon{ background: #ffffff; padding:60px 0;}
.proCon .li{ padding-bottom: 30px; background: #fff; position: absolute; left: 0px; top:0px; right: 0px; z-index: 1; opacity: 0; visibility: hidden;}
.proCon .li:first-child{ display: block;position: relative;}
.proCon .li.curr{ opacity: 1; z-index: 2; visibility: visible;}
.proCon .swiper{ margin: 0 -30px;}
.proCon .pd{ margin: 0 30px; display:block; position: relative;}
.proCon .img img{ height: 240px; object-fit: contain;}
.proCon .text{ position: relative; padding-bottom: 10px;}
.proCon .text:before{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 3px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.proCon .em{ color:#666; font-size: 18px; line-height: 1.5;}
.proCon .h3{ font-size: 20px; line-height: 1.5; color: #000;}
.proCon .swiperArrow{ display:block;}
.proCon .swiperDots{ display: block;}

.btnBox{background: linear-gradient(to right, #00B478, #00a0f0);}
.btnBox a{line-height: 50px;color: #ffffff;font-size: 18px;font-weight: 600; display: block;text-align: center;}



.iMain2{ height: 500px; padding: 0px !important; box-sizing: border-box; background-image: url("../images/bg2.jpg");background-repeat: repeat-y;background-position: center center;background-attachment: fixed;text-align: center;}
.iMain2 .wp{ height: 100%;}
.bannerB{ height: 100%; display: flex; justify-content: center; align-items: center;}
.bannerB .p{ font-size: 28px; color: #fff; min-height: 42px;}
.bannerB .m{ padding-top: 40px;}

.iMain3{ padding-bottom: 0 !important;}
.iMain3 .wp{ width: auto;}
.iCase{}
.iCase li{ width: 25%; float: left;}
.iCase .pd{ display: block; position: relative;}
.iCase .img{}
.iCase .h2{ position: absolute; left: 15px; bottom: 15px; right: 15px; z-index: 3; font-size: 22px; color: #fff; transition: 0.3s all;}
.iCase .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; text-align: center; background: rgba(0,117,46,0.85); background-image: linear-gradient(to right, rgba(0,117,46,0.85), rgba(0,160,233,0.75)); color: #fff; z-index: 2; opacity: 0; transition: 0.5s all;}
.iCase .h3{ font-size: 24px; margin-bottom: 40px; position: relative; transform: translateY(-1em); transition: 0.5s all;}
.iCase .h3:before{ content: ''; position: absolute; left: 50%; margin-left: -21px; bottom: -20px; width: 42px; height: 2px; background: #ffffff;}
.iCase .p{ font-size: 18px;}
.iCase .m{ padding-top: 60px;}
.iCase .pd:hover .text{ opacity: 1;}
.iCase .pd:hover .h3{ transform: translateY(0em);}
.iCase .pd:hover .h2{ opacity: 0;}
.more2{ height: 38px; width: 140px; line-height: 38px; color: #fff; border: 1px solid #fff; display: inline-block; transition: 0.5s all; text-align: center;}
.more2:hover{ border-color:#46a981; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}


.iMain4{}

.iNews{ position: relative;}
.iNews .swiper{ margin: 0 -15px;}
.iNews .swiper-slide{ padding: 10px 0;}
.iNews .pd{ margin: 0 15px; display: block; background: #efeff1; position: relative; transition: 0.3s all;}

.iNews .pd::before{ content: ''; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0)); height:100px; transition: 0.3s all; opacity: 0.5; z-index: 3;}

.iNews .img{ background: #ccc; overflow: hidden;}
.iNews .img img{ aspect-ratio: 640/368; object-fit: cover; transition: 0.3s all;}
.iNews .text{ padding:20px; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; z-index: 5;}

.iNews .em{ transition: 0.5s all; font-size:12px;}
.iNews .h3{ transition: 0.5s all; font-size: 18px; line-height: 1.5em; height:1.5em; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iNews .p{ transition: 0.5s all; font-size: 14px; line-height: 1.5; height: 0em; transition: 0.3s all; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.iNews .m{ display: none;}
.iNews .swiper-button-disabled{ background: #eaeaea !important; opacity: 0.5; color: #ccc !important; cursor: auto;}
.iNews .swiperArrow{}
.iNews .pd:hover{ background:#fff; transform: translateY(-5px);}
.iNews .pd:hover::before{ opacity: 1;}
.iNews .pd:hover .img img{ transform: scale(1.08,1.08);}
.iNews .pd:hover .more3{ background: #46a981; border-color: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}
.iNews .pd:hover .p{ height: 3em;}
.iNews .swiperArrow{ display: block;}
.iNews .swiperPrev{ left: -1em;}
.iNews .swiperNext{ right: -1em;}
.iNews .swiperDots{ display: block; bottom: -20px;}

.more3{ transition: 0.5s all; height: 30px; width: 116px; line-height: 30px; color: #646464; border: 1px solid #646464; display: inline-block; text-align: center;}




.footer{ background: #efeff1; color: #595757; position: relative;}
.footer::before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; height: 5px; background: #00b378; background-image: linear-gradient(to right, #00B478, #00a0f0);}
.footer a{ color: #595757;}
.footer a:hover{ color: #fff;}
.fTop{ padding: 52px 0 40px 0;}

.fContact{ max-width:354px; position: absolute; left: 0px; top: 0px;}
.fContact .img{ margin-bottom: 30px;}
.fContact .text{ color: #fff; font-size: 18px; line-height: 1.2;}
.fContact .h2{ color: #231815; font-size: 26px; margin-bottom: 0.75em;}
.fContact .h3{ font-size: 20px; margin-bottom: 1.5em; color: #595757;}
.fContact .p{ font-size: 14px; line-height: 1.75; color: #595757;}
.fContact .p a{ color: #595757;}
.fContact .p a:hover{ color:#46a981;}

.fNav{ margin: 0 220px 0 280px; min-height: 200px; display: flex; justify-content: center;}
.fNav ul{ display: flex; justify-content: space-between; width: 460px;}
.fNav li{ position: relative;}
.fNav li:before{ content: ''; position: absolute; right: -100px; width: 1px; height: 100%; background: rgba(255,255,255,0.15); }
.fNav li:last-child:before{ display: none;}
.fNav .h3{ position: relative; margin-bottom: 36px;}
.fNav .h3:before{ content: ''; width: 28px; height: 1px; position: absolute; bottom: -24px; background: #595757;}
.fNav .h3 a{ font-size: 20px; line-height: 1; color:#231815; display: block;}
.fNav .box a{ font-size: 16px; height: 28px; line-height: 28px; display: block;}
.fNav .box a:hover{ color:#46a981;}

.fShare{ width: 128px; position: absolute; right: 0px; top: 0px;}
.fShareHead{ margin-bottom: 12px;}
.fShareHead .text{ text-align: center; line-height: 30px; color: #fff;}
.fShareList{}
.fShareList li{ width: 50%; float: left; position: relative; z-index: 6;}
.fShareList li:before{ content: ''; width: 1px; height: 30px; margin-top: -15px; top: 50%; position: absolute; right: 0px; background: #fff;}
.fShareList li:last-child:before{ display: none;}
.fShareList .t a{ width: 36px; height: 36px; border-radius: 50%; color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 36px; font-size: 22px;}
.fShareList .t a.icon-weixin{ background: #46a981;}
.fShareList .t a.icon-lianjie{ background: #43aded;}
.fShareList .c{ position: absolute; left: 50%; bottom: 100%; padding-bottom: 14px; width: 140px; margin-left: -70px; display: none;}
.fShareList .npd{ padding: 5px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #000; font-size: 12px; text-align: center; position: relative;}
.fShareList .npd:before {content: '';position: absolute;left: 0;bottom:-14px;right: 0;margin: auto;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 14px solid #46a981;}
.fShareList .npd canvas{ width: 100%; height: auto; display: block;}
.fShareList .npd p{ display: block; line-height: 1.2; padding: 0.5em 0;}
.fShareList li:hover .c{ display: block;}

#copy-text{ opacity: 0; width: 1px; height: 1px; overflow: hidden;}

.fBottom{ border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 15px 0; font-size: 14px;}
.fCopy{ line-height: 20px; text-align: center; color: #595757;}
.fCopy a{ color: #595757; display: flex; align-items: center;}
.fCopy a img{ margin-right:5px;}
.fCopy a:hover{ color:#46a981;}
.fCopy p{ display: inline-block; vertical-align: bottom; margin: 0 0.5em;}

.fCopyFl{ float: left; display: flex; flex-wrap: wrap;}
.fCopyFr{ float: right; display: flex; flex-wrap: wrap;}
.fCopyFr a{ margin-left: 1em;}

.fLink{ padding: 15px 0; font-size: 12px; line-height: 1.2; color:#999;}
.fLink dl{ position: relative; padding-left: 60px;}
.fLink dt{ position: absolute; left: 0px; top: 0px;}
.fLink dd{ display: flex; flex-wrap: wrap;}
.fLink dd a{  display: inline-block; margin-right: 5px; color:#999;}
.fLink dd a:last-child{ margin-right: 0px;}
.fLink dd a:hover{ color:#46a981; }


.sNav{position: fixed; right: 0px; top: 50%; width: 60px; z-index: 9;}
.sNav li{  margin-bottom: 2px;}
.sNav .pd{ background:rgba(247,247,247,0.9); box-shadow: 0px 0px 6px rgb(0,0,0,0.13); border-radius: 5px 0 0 5px; position: relative;}
.sNav .t{ text-align: center;}
.sNav .t a{ display: block; padding: 5px 0;}
.sNav .t i{ height: 1em; line-height: 1em; display: block; font-size: 26px; margin-bottom: 1px; color: #a4a4a4;}
.sNav .t span{ height: 18px; font-size: 12px; line-height: 18px;display: block; color: #666;}
.sNav .c{ display: none; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); padding-right: 14px;}
.sNav .npd{ background: rgba(247,247,247,0.9); padding: 10px; position: relative;}
.sNav .npd:before {content: '';position: absolute;top: 0;right: -14px;bottom: 0;margin: auto;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 14px solid #f7f7f7;opacity: 0.9;}
.sNav .pd:hover{ background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.sNav .pd:hover .t i{ color: #fff;}
.sNav .pd:hover .t span{ color: #fff;}
.sNav .pd:hover .c{ display: block;}
.sEwm{width: 160px;}
.sEwm .npd{ padding: 20px;}
.sEwm img{ width: 100%; height: auto; display: block;}
.sTel{ width: 230px;}
.sTel .npd{ padding: 20px 20px 20px 60px;}
.sTel a{ display: block; font-size: 18px; height: 22px; color:#46a981; line-height: 22px;}
.sTel i{ position: absolute; left: 20px; top: 50%; margin-top: -15px; width: 32px; height: 32px; line-height: 32px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); text-align: center; border-radius: 50%; color: #fff;}
.sEmal{ width: 350px;}
.sEmal .npd{ padding: 20px 20px 20px 60px;}
.sEmal a{ display: block; font-size: 18px; height: 22px; color:#46a981; line-height: 22px;}
.sEmal i{ position: absolute; left: 20px; top: 50%; margin-top: -15px; width: 32px; height: 32px; line-height: 32px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); text-align: center; border-radius: 50%; color: #fff;}



/*内页*/
.pBanner{ position: relative; overflow: hidden;}
.pBanner:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3);}
.pBanner img{ height: 168px; width: 100%; object-fit: cover; object-position: center bottom;}
.pBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; font-size: 42px;}
.pBanner .text strong{ position:relative; color: #fff;}
.pBanner .text strong:before{ content: ''; position: absolute; left: 50%; bottom: -10px; width: 2em; margin-left: -1em; height: 3px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.pMain{ padding: 60px 0;}
.pMainMsg1{}
.pMainMsg1_1{ margin-bottom: 50px;}
.contactInfo{}
.contactInfo ul{ display: flex; border: 1px solid #ccc;}
.contactInfo li{ width: 33.3333%;}
.contactInfo .pd{ border-right: 1px solid #ccc; padding: 30px 0; text-align: center;}
.contactInfo li:last-child .pd{ border-right: none;}
.contactInfo i{ width: 1em; height: 1em; line-height: 1em; text-align: center; font-size: 32px; display: block; margin: 0 auto 8px auto; color: #ccc;}
.contactInfo .h3{ font-size: 16px; line-height: 1.6;}
.pMainMsg1_2{ margin-bottom: 50px;}
.contactMap{ height: 400px; position: relative; z-index: 2;}
.pMainMsg1_3{}
.contactList{}
.contactList ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.contactList li{ width: 33.3333%; margin-bottom: 30px;}
.contactList .pd{ margin: 0 10px;}
.contactList .h3{ margin-bottom: 16px; font-size: 20px; line-height: 1; color:#000; position: relative; padding-left: 20px;}
.contactList .h3:before{ content: ''; position: absolute; left: 0px; height: 1em; width: 3px; top: 50%; margin-top: -0.5em; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.contactList .p{ font-size: 14px; line-height: 1.6; color: #231815;}

.newsList{}
.newsList li{ margin-bottom: 25px;}
.newsList li:last-child{ margin-bottom: 0px;}
.newsList .pd{ display: block; background: #fff; transition: 0.5s all; position: relative; height: 198px; box-shadow: 0 0 6px 0 rgba(0,0,0,0.13);}
.newsList .img{ position: absolute; right: 0px; width: 330px; height: 100%;}
.newsList .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsList .text{ padding:24px 36px; margin-right: 330px;}
.newsList .h3{ font-size: 18px; line-height: 1.2; margin-bottom: 10px; height: 1.2em; color: #231815; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsList .p{ font-size: 14px; line-height: 1.5; height: 3em; color: #afafaf; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsList .em{ color: #666; font-size: 14px; line-height: 1.2; margin-bottom: 20px;}
.newsList .m{}
.more4{ width: 148px; height: 32px; line-height: 32px; background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); border: 1px solid #46a981; color: #fff; transition: 0.5s all; display: block; text-align: center;}
.newsList .pd:hover{ background: #ededed; color: #fff;}
.newsList .pd:hover .h3{ color:#000;}
.newsList .pd:hover .more4{ background: #fff; border-color:#46a981; color:#46a981;}


.pHead{ margin-bottom:0px;}
.tit2{ text-align: center; padding: 33px 0 22px 0;}
.tit2 strong{ color: #01561f; font-weight: normal; display: block; font-size: 30px; line-height: 1.2;}
.pNav{ border-top:1px solid rgba(222, 222, 222, 0.71);}
.pNav ul{ display: flex; justify-content: center;}
.pNav li{ margin: 0 6px;}
.pNav a{ display: block; padding: 0 28px; color: #231815; height: 46px; line-height: 46px; position: relative;transition: 0.5s all;}
.pNav li.curr a{  background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}


.pMainIntro1{}
.pMainIntro1_1{}
.aboutList{}
.aboutList .li{ padding: 40px 0; border-bottom:1px solid rgba(222, 222, 222, 0.71);}
.aboutList .li:last-child{ border-bottom:none;}
.aboutList .li:first-child{ border-bottom:1px solid rgba(222, 222, 222, 0.71);}
.aboutList .pd{}
.aboutList .h3{ font-size: 36px; color: #16a085; line-height: 1.2; margin-bottom: 0.75em;}
.aboutList .p{ font-size: 16px; line-height: 2; color: #231815;}
.aboutList .p strong{ font-weight: bold;}
.aboutList .p img{ display: inline-block; vertical-align: bottom; max-width: 100%; height: auto; }
.aboutList .p video{ width: 100%; height: auto; display: block;aspect-ratio: 1920/1080; object-fit: cover;}

.aboutList .li:nth-child(1) .h3{ color: #16a085;}
.aboutList .li:nth-child(2) .h3{ color: #2980b9;}
.aboutList .li:nth-child(3) .h3{ color: #16a085;}
.aboutList .li:nth-child(4) .h3{ color: #f39c12;}

.aboutList2671 .li:nth-child(1) .h3{ color: #2980b9;}
.aboutList2670 .li:nth-child(1) .h3{ color: #2980b9;}

.aboutBtn{ padding-bottom: 60px; text-align: center;}
.more5{ background-color:#16a085; font-size: 28px; color: #fff; height: 2em; line-height: 2; margin: 0 auto; display: inline-block; padding: 0 2em;}
.more5:hover{ color: #fff;}


.newsInfo{}
.newsTit{ border-bottom:1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 15px;}
.newsTit h1{ font-size: 28px; line-height: 1.5; font-weight: normal; text-align: center;}
.newsEm{ color: #999; text-align: center; margin-bottom: 20px;}
.newsEm span{}
.newsEm br{ display: none;}
.newsEm em{ margin-right: 1em;}
.newsEm strong{ font-weight: normal;}
.newsCon{ font-size: 18px; line-height: 2; margin-bottom: 40px;}
.newsCon img{ max-width: 100%; display: inline-block; vertical-align: bottom; height: auto !important;}
.newsKey{ margin-bottom: 20px;}
.newsBtn{}
.newsBtn ul{ display: flex; justify-content: space-between;}
.newsBtn li{ max-width: 50%; float: left;}
.newsBtn .pd{ display: block; position: relative; padding: 0 50px;}
.newsBtn .pd span{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em;}
.newsBtn .pd a{ height: 30px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.newsBtn li:nth-child(even) .pd span{left: auto; right: 0px;}


.pMainProApp1{}
.pMainProApp1_1{ margin-bottom: 60px;}
.caseInfo{}
.caseInfo .pd{}
.caseInfo .img{ width: 600px; float: left;}
.caseInfo .text{ margin-left: 600px; padding: 56px 0 0 66px;}
.caseInfo .h3{ font-size: 30px; margin-bottom: 0.75em;}
.caseInfo .h3 h1{ font-size: 1em;}
.caseInfo .p{ font-size: 18px; line-height: 1.6;}
.pMainProApp1_2{}

.proTj-tit{ border-bottom: 1px solid rgba(217,217,217,1); margin-bottom: 16px; display: flex;}
.proTj-tit strong{ display: block; padding: 0 1.5em; height: 40px; line-height: 40px; font-weight: normal; color: #fff; background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); text-align: center; font-size: 20px; font-weight: bold;}
.proTj{ position: relative;}
.proTj .swiper{ margin: 0 -8px;}
.proTj .swiper-slide{ padding: 10px 0;}
.proTj .pd{  display: block; margin: 0 8px; transition: 0.5s all;}
.proTj .img{ overflow: hidden; background: #fff; position: relative;}
.proTj .img::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;border:1px solid #d9d9d9; z-index: 3;}
.proTj .img img{ transition: 0.5s all; aspect-ratio: 427/320; object-fit: contain;}
.proTj .text{ padding: 10px 0; }
.proTj .em{ color:#46a981; font-size: 16px; margin-bottom: 0; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.proTj .h3{ color: #231815; font-size: 18px; font-weight: bold; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.proTj .pd:hover{ transform: translateY(-5px);}
.proTj .pd:hover .img:before{ border-color: #46a981;}
.proTj .pd:hover .img img{ transform: scale(1.08)}
.proTj .swiperArrow{ display: block; transform: translateY(-35px);}
.proTj .swiperPrev{ left: -1em;}
.proTj .swiperNext{ right: -1em;}

.proNav{ position: absolute; left: 0px; right: 0px; bottom: 30px;}
.proNav ul{ display: flex; justify-content: center;}
.proNav li{}
.proNav a{ display: block; padding: 0 28px; font-size: 18px; line-height: 50px; height: 50px; color: #fff;}
.proNav li.curr a{ color:#46a981;}

.pMainPro1{}
.pMainPro1_1{}
.proList{}
.proList ul{ margin: 0 -8px; display: flex; flex-wrap: wrap;}
.proList li{ width: 25%; margin-bottom: 16px;}
.proList .pd{ border:1px solid #d9d9d9; display: block; margin: 0 8px; transition: 0.5s all; height: 100%; position: relative;}
.proList .npd{ display: block;}
.proList .img{ overflow: hidden; background: #fff;}
.proList .img img{ transition: 0.5s all;aspect-ratio: 427/320; object-fit: contain;}
.proList .text{ padding: 10px 10px 26px 10px; font-size: 18px; line-height: 1.2; position:relative;}
.proList .em{ color:#666; margin-bottom: 6px; line-height: 30px; margin-right: 110px;}
.proList .h3{ color: #000; font-weight: bold;}
.proList .p{ display: none;}
.addBtn{ position: absolute; right: 10px; top: 10px;}
.addBtn a{ width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; font-size: 14px; display: block; border-radius: 5px;}
.addBtn a:hover{ background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff; border-color: #46a981; transition: 0.5s all;}
.proList .pd:hover{ border:1px solid #46a981; background: #efefef; }
.proList .pd:hover .img img{ transform: scale(1.08)}


.cart{ margin-bottom: 20px; position: relative; z-index: 5;}
.cartBtn{ width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; font-size: 32px; background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); display: block; color: #fff;}
.cartBtn:hover{ color: #fff; background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.cartBox{ position: absolute; left: 0px; top: 100%; width: 370px; padding-top: 20px; display: none;}
.cartBox:before{ content: ''; position: absolute;left: 15px;top:1px;width: 0px;height: 0px;border: 10px solid;border-color: transparent transparent #fff transparent;}
.cartBox.curr{ display: block;}
.cartBox .wpd{ background: #fff; padding: 15px; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); border: 1px solid #f4f5f9; position: relative;}
.cartClose{ position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; background: #000; border-radius: 50%; cursor: pointer; text-align: center; line-height: 24px; color: #fff; font-size: 12px;}
.cartClose:hover{ background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.cartList{}
.cartList ul{ border-top: 1px solid #eee;}
.cartList li{ border-bottom: 1px solid #eee; padding: 10px 0;}
.cartList .pd{ position: relative; display: block;}
.cartList .img{ position: absolute; left: 0px; width: 50px; height: 50px;}
.cartList .img img{ width: 100%; height: 100%; object-fit: contain;}
.cartList .text{ margin-left: 50px; padding-left: 14px; position: relative; padding-right: 30px;}
.cartList .h3{ font-size: 18px; overflow: hidden; line-height: 1.5; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.cartList .p{ font-size: 14px; color: #999; line-height: 1.3; height: 1.3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.cartList .m{ position: absolute; right: 0px; top: -2px; cursor: pointer; width:30px; height: 30px;}
.cartList .m i{ width: 18px; height:18px; line-height: 18px; font-size: 12px; background: #000; border-radius: 50%; color: #fff; display: block; text-align: center; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px;}
.cartM{ text-align: right; padding-top: 10px;}
.cartM a{ padding: 0 20px; border-radius: 18px; height: 36px; line-height: 36px; display: inline-block; vertical-align: bottom;}
.cartM .a1{}
.cartM .a2{background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}
.cartNo{ display: none; font-size: 14px; padding: 80px 0; text-align: center; color: #231815;}
.cartNo.curr{ display: block;}

.crumbs{ padding: 15px 0; border-bottom: 1px solid #eee; line-height: 24px;}
.chome{ position: relative; padding-left: 1.25em;}
.chome:before{ content: '\ea82'; font-family: "iconfont" !important;font-size: 1em;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em;}
.chome{}
.crumbs a{ display: inline-block; color: #6c757d;}
.crumbs em{ display: inline-block; margin: 0 0.5em; color: #999;}
.crumbs strong{ display: inline-block; font-weight: normal; color: #231815;}

.pMainProInfo1_1{margin-bottom: 40px; margin: 0 auto 40px auto;}
.proInfoA{}
.proInfoA_fl{ width: 538px; float: left;}
.proInfoA_fl .wpd{}
.caseFor{ margin-bottom: 10px; }
.caseFor .swiperArrow{ display: block; background: none; color: #999; font-size: 44px; width: 1em; height: 1em; line-height: 1em; margin-top: -0.5em;}
.caseFor .swiperArrow:hover{ color: #46a981;}
.caseFor .swiperPrev{ left: 0px;}
.caseFor .swiperNext{ right: 0px;}
.caseTab{}
.caseTab .swiper{ margin: 0 -5px;}
.caseTab .pd{ margin: 0 5px; cursor: pointer; border:1px solid rgba(238,238,238,1);}
.caseTab .img img{aspect-ratio: 1 / 1; object-fit: contain; opacity: 0.6; transition: 0.5s all;}
.caseTab .swiper-slide-thumb-active .img img{ opacity: 1;}
.proInfoA_fr{ margin-left: 538px; padding-left: 46px;}
.proInfoA_fr .h3{ font-size: 28px; line-height: 1.5; margin-bottom: 20px; padding-bottom: 20px; border-bottom:  1px solid rgba(0,0,0,.1); color: #46a981;}
.proInfoA_fr .p{ font-size: 14px; line-height: 1.8; color: rgba(76,76,76,1);}
.proInfoA_fr .m{ padding-top: 25px;}
.proInfoA_fr .m a{ display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px  solid rgba(204,204,204,1); border-radius: 4px; transition: 0.5s all;}
.proInfoA_fr .m a:hover{ background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff; border-color: #46a981;}
.pMainProInfo1_2{ margin-bottom: 60px; margin: 0 auto 60px auto;}
.proInfoB{}
.proInfoTit{ border-bottom: 1px solid rgba(217,217,217,1); margin-bottom: 16px; display: flex;}
.proInfoTit strong{ display: block; padding: 0 1.5em; height: 40px; line-height: 40px; font-weight: normal; color: #fff;/*  background: #787878;  */ background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);text-align: center; font-size: 20px; font-weight: bold;}
.proInfoCon{ color: #333;}
.proInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.proInfoCon .li{ margin-bottom: 1.5em;}

.proInfoCon .li1{ max-width: 100%; overflow-x:auto;}
.proInfoCon .li1:before{ content: '左滑查看完整表格'; line-height: 1.3; padding: 5px; background: #f5f5f5; color: #231815; border-radius: 5px; display: inline-block; font-size: 12px; display: none;}
.proInfoCon .li1 table{ width: 100% !important; min-width: 800px; border-collapse: separate;border-spacing: 1px 1px; background: #ddd; border:none;}
.proInfoCon .li1 table tr:first-child td{ background: #46a981; color: #fff;}
.proInfoCon .li1 table td{ background: #fff;}
.proInfoCon .li1 table u{ text-decoration: none;}
.tableA{ max-width: 100%; overflow-x: auto;}
.tableA:before{ content: '左滑查看完整表格'; line-height: 1.3; padding: 5px; background: #f5f5f5; color: #231815; border-radius: 5px; display: inline-block; font-size: 12px; display: none;}

.tableA table{ width: 100%; min-width: 800px; border-collapse: separate; border-spacing: 1px 1px; background: #ddd; border: none;}
.tableA table tr:nth-child(even),
.tableA table tr:nth-child(even) td{background: #f7f7f7;color: #666;}
.tableA table td{background:#fff;padding-top: 5px;padding-bottom: 3px;color: #666;padding-left: 12px !important;padding-right: 12px !important;line-height: 1.4em; }
.tableA table td *{line-height: 1.4em;}
.tableA table td[bgcolor="#1f4e78"],
.tableA table td[bgcolor="#1f4e78"] *{color: #fff !important;}
.tableA table td[bgcolor="#1f4e78"]{background:#1f4e78 !important;color: #fff  !important;}
.tableA table td[bgcolor="#067dc8"],
.tableA table td[bgcolor="#067dc8"] *{color: #fff !important;}
.tableA table td[bgcolor="#067dc8"]{background:#1f4e78 !important;}
.tableA table th,
.tableA table th *{text-align: left;font-size:16px;}
.tableA table th{padding: 8px 12px;text-align: left;}

.pMainProInfo1_3{}
.searchHead{ margin-bottom: 60px;}
.searchHead .pd{ display: block; position: relative; width: 800px; margin: 0 auto;}
.searchList{}
.searchList ul{ display: flex; flex-wrap: wrap; margin: 0 -8px;}
.searchList li{ width: 25%; margin-bottom: 16px;}
.searchList .pd{ display: block; border: 1px solid rgba(229,229,229,1); padding: 5px; margin: 0 8px; border-radius: 10px;}
.searchList .npd{ border-radius: 10px; overflow: hidden; background: rgba(241,241,241,1); transition: 0.5s all; color: #231815;}
.searchList .img{ }
.searchList .img img{aspect-ratio: 427/320; object-fit: contain;}
.searchList .text{ }
.searchList .h3{ height: 40px; font-size: 16px; line-height: 40px; text-align: center; font-weight: bold;}
.searchList .pd:hover .npd{ background:#46a981; color: #fff;}


.proBi{ height: 180px; position: relative; padding-left: 121px; border: 1px solid #ccc;}
.proBiHead{ width: 120px; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #ccc; text-align: center;}
.proBiList{}
.proBiList ul{ display: flex;}
.proBiList li{ width: 20%; }
.proBiList .pd{ display: block; position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px;}
.proBiList .img img{ height: 142px; width: 100%; object-fit: contain;}
.proBiList .text{}
.proBiList .h3{ height: 30px; line-height: 30px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.proBiList .m{ position: absolute; text-align: center; font-size: 14px; right: 5px; top: 5px; width: 2em; height: 2em; line-height: 2em; cursor: pointer;}
.proBiList .m:hover{ color:#46a981;}


.hideSame{ display: none;}
.hideSame + label{display: inline-block;width: 40px;height: 20px;position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin: 0px 20px;box-sizing: border-box;background: #ddd; border-radius: 20px;box-shadow: 1px 1px 3px #aaa;}
.hideSame + label:after{content: "";display: block;position: absolute;left: 0px;top: 0px;width: 20px;height: 20px;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;    background: #fff; border-radius: 50%; box-shadow: 1px 1px 3px #aaa;}
.hideSame:checked + label{background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}
.hideSame:checked + label:after{left: calc(100% - 20px);}


/*视频*/

.play_btn{ background:#000; display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.5s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.iMainSearch1{ padding:200px 0 60px 0;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #46a981; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#46a981; margin-left:0.5em;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#46a981; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}

/*分页*/
.fpage{ text-align:center; padding:40px 0 0 0; font-size:20px;}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.25em; float:left;}
.fpage .disabled{}
.fpage a{}
.fpage a,
.fpage span{height: 38px;line-height: 36px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #fff; border: 1px solid #d9d9d9; color: #333;}

.fpage .active a,
.fpage .active span{background:#46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); color:#fff; border-color:#46a981;}

@media screen and (max-width:640px){
.fpage li{ padding: 0 3px;}
.fpage a,
.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}


}







/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* .menu li:nth-child(3) .box{ display: none;} */
.z-promenu{ position: fixed; left: 0; top: 80px; right: 0; bottom: 60px; z-index: 999; background: rgba(239,239,241,0.95); display: none;}
.z-promenu .wp{ height: 100%;}
.z-promenu .wpd{ height: 100%; display: flex; align-items: center;}
.z-proTypeA{ margin-bottom: 24px;}
.z-proTypeA ul{ display: flex; margin: 0 -12px; flex-wrap: wrap;}
.z-proTypeA li{ width: 25%; margin-bottom: 24px;}
.z-proTypeA .pd{ display: block; margin: 0 12px; border: 1px solid #dbdbe0;}
.z-proTypeA .img{ position: relative; z-index: 3;}
.z-proTypeA .img img{ transition: 0.3s all;}
.z-proTypeA .text{ position: relative; z-index: 2;}
.z-proTypeA .text::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #dbdbe0; height: 50px; transition: 0.3s all;}
.z-proTypeA .h3{ font-size: 24px; position: relative; z-index: 23; line-height: 50px; padding: 0 32px; color: #666666; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.z-proTypeA .i{ position: absolute; right:24px; top: 50%; margin-top: -32px; z-index: 23; background:url("../images/z-icon-you1.svg") no-repeat; background-size: contain; width: 64px; height: 64px; opacity: 0; transform: translateX(-5px); transition: 0.3s all 0.2s;}
.z-proTypeA .pd:hover{ border-color: #46a981;}
.z-proTypeA .pd:hover .img img{ transform: scale(1.1,1.1);}
.z-proTypeA .pd:hover .i{ opacity: 1; transform: translateX(0);}
.z-proTypeA .pd:hover .text::before{ background: #46a981; height: 100px;}
.z-proTypeA .pd:hover .h3{ color: #fff;}


.z-iMain{ padding: 100px 0;}
.z-iMain1{}
/* .z-wp{ margin: 0 114px; position: relative; width: 1360px; margin: 0 auto;} */
.z-titA{ display: flex; justify-content: center; margin-bottom: 70px;}
.z-titA .t{ display: flex; position: relative;}
.z-titA strong{ font-size: 40px; line-height: 1; text-transform: uppercase; display: block; color: #231815; position:relative; z-index: 2;}
.z-titA em{ font-size: 72px; line-height: 1; white-space: nowrap; text-transform: uppercase; display: block; color: #efeff1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z-iMain{}
.z-proType{ margin-bottom: 24px;}
.z-proType ul{ display: flex; margin: 0 -12px; flex-wrap: wrap;}
.z-proType li{ width: 25%; margin-bottom: 24px;}
.z-proType .pd{ display: block; margin: 0 12px; border: 1px solid #dbdbe0;}
.z-proType .img{ position: relative; z-index: 3;}
.z-proType .img img{ transition: 0.3s all;}
.z-proType .text{ position: relative; z-index: 2;}
.z-proType .text::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #dbdbe0; height: 50px; transition: 0.3s all;}
.z-proType .h3{ font-size: 24px; position: relative; z-index: 23; line-height: 50px; padding: 0 32px; color: #666666; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.z-proType .i{ position: absolute; right:24px; top: 50%; margin-top: -32px; z-index: 23; background:url("../images/z-icon-you1.svg") no-repeat; background-size: contain; width: 64px; height: 64px; opacity: 0; transform: translateX(-5px); transition: 0.3s all 0.2s;}

.z-proType .pd:hover{ border-color: #46a981;}
.z-proType .pd:hover .img img{ transform: scale(1.1,1.1);}
.z-proType .pd:hover .i{ opacity: 1; transform: translateX(0);}
.z-proType .pd:hover .text::before{ background: #46a981; /* height: 100px; */ background-image: linear-gradient(to right, #00B478, #00a0f0);}
.z-proType .pd:hover .h3{ color: #fff;}



.z-proTypeB{ margin-bottom: 0px; position: relative; padding-bottom: 0px;}
/* .z-proTypeB ul{ display: flex; margin: 0 -12px; flex-wrap: wrap;}
.z-proTypeB li{ width: 25%; margin-bottom: 24px;} */
.z-proTypeB .pd{ display: block; margin: 0 12px; border: 1px solid #dbdbe0;}
.z-proTypeB .img{ position: relative; z-index: 3;}
.z-proTypeB .img img{ transition: 0.3s all;}
.z-proTypeB .text{ position: relative; z-index: 2;}
.z-proTypeB .text::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #dbdbe0; background-image: linear-gradient(to right, #dbdbe0, #dbdbe0); height: 50px; transition: 0.3s all;}
.z-proTypeB .h3{ font-size: 24px; position: relative; z-index: 23; line-height: 50px; padding: 0 32px; color: #666666;}
.z-proTypeB .i{ position: absolute; right:24px; top: 50%; margin-top: -32px; z-index: 23; background:url("../images/z-icon-you1.svg") no-repeat; background-size: contain; width: 64px; height: 64px; opacity: 0; transform: translateX(-5px); transition: 0.3s all 0.2s;}

.z-proTypeB .pd:hover{ border-color: #46a981;}
.z-proTypeB .pd:hover .img img{ transform: scale(1.1,1.1);}
.z-proTypeB .pd:hover .i{ opacity: 1; transform: translateX(0);}
.z-proTypeB .pd:hover .text::before{ background: #46a981; /* height: 100px; */ background-image: linear-gradient(to right, #00B478, #00a0f0);}
.z-proTypeB .pd:hover .h3{ color: #fff;}
.z-proTypeB .swiperDots{ display: block; bottom: -30px;}
.z-proTypeB .swiperArrow{ display: block;}
.z-proTypeB .swiperPrev{ left: -1em;}
.z-proTypeB .swiperNext{ right: -1em;}


.z-proTypeC{ margin-bottom: 24px;}
.z-proTypeC ul{ display: flex; margin: 0 -12px; flex-wrap: wrap;}
.z-proTypeC li{ width: 25%; margin-bottom: 24px;}
.z-proTypeC .pd{ display: block; margin: 0 12px; position: relative;}
.z-proTypeC .pd::before{ content: ''; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0)); height:100px; transition: 0.3s all; opacity: 0.5;}
.z-proTypeC .img{ position: relative;}
.z-proTypeC .img img{ transition: 0.3s all; }
.z-proTypeC .text{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 0px; padding:20px;}
.z-proTypeC .h3{ font-size: 18px; color: #fff; position: relative; z-index: 23; line-height: 1.5em; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.z-proTypeC .p{ font-size: 14px; color: #fff; line-height: 1.5em; height:0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: 0.3s all;}
.z-proTypeC .i{ position: absolute; right:20px; top: 50%; margin-top: -24px; z-index: 23; background:url("../images/z-icon-you1.svg") no-repeat; background-size: contain; width: 48px; height: 48px; opacity: 0; transform: translateX(-5px); transition: 0.3s all 0.2s;}

.z-proTypeC .pd:hover{ border-color: #46a981;}
.z-proTypeC .pd:hover:before{ opacity: 1;}
.z-proTypeC .pd:hover .img img{ transform: scale(1.1,1.1);}
.z-proTypeC .pd:hover .i{ opacity: 1; transform: translateX(0);}
.z-proTypeC .pd:hover .text::before{ /* background: #46a981; */ /* height: 100px; */ /* background-image: linear-gradient(to right, #00B478, #00a0f0); */}
.z-proTypeC .pd:hover .h3{ color: #fff;}
.z-proTypeC .pd:hover .p{ height: 1.5em;}



.z-proSearch{ padding-top: 20px;}
.z-proSearch .pd{ position: relative; display: block; width: 750px; margin: 0 auto;}
.z-proSearch ::-webkit-input-placeholder{color:#46a981;}
.z-proSearch :-moz-placeholder {color:#46a981;}
.z-proSearch ::-moz-placeholder {color:#46a981;}
.z-proSearch :-ms-input-placeholder {color:#46a981;}
.z-ipt_t1{ width: 100%; border: 2px solid #46a981; height: 50px; border-radius: 25px; text-align: center; font-size: 20px; color: #46a981;}
.z-ipt_b1{ position: absolute; right: 20px; top: 50%; margin-top: -12px; background:url("../images/z-icon-search1.svg") no-repeat; background-size: contain; width: 24px; height: 24px; border: none;}


.z-iMain2{ position: relative; background: url("../images/z-bg2.jpg") no-repeat; background-size: cover; overflow: hidden; position: relative;}
.z-iMain2:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 2;}
/* .z-iMain2 .wp,
.z-iMain2 .z-wp{ position: static;} */
.z-iMain2 .wp,
.z-iMain2 .z-wp{ z-index: 3;}

.z-iAbout{}
.z-iAbout-con{ padding-bottom: 200px;}
.z-iAbout-con .pd{ display: flex; color: #fff; justify-content: space-between;}
.z-iAbout-con .t{}
.z-iAbout-con .t strong{font-size: 40px; line-height: 1; margin-bottom: 20px; text-transform: uppercase; font-weight: normal; display: block; color: #fff; position:relative; z-index: 2;}
.z-iAbout-con .t em{ font-size: 24px; line-height: 1; text-transform: uppercase;}
.z-iAbout-con .c{ width: 50%;}
.z-iAbout-con .p{ font-size: 18px; margin-bottom: 40px;}

.z-iAbout-num{ position: absolute; z-index: 3; left: 0px; bottom: 0px; right: 0px; background: rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); color: #fff; font-size: 1.66666666666667vw;}
.z-iAbout-num .wp{ width: 84.375%;}
.z-iAbout-num ul{ display: flex; width: 100%;}
.z-iAbout-num li{ width: 25%; display: flex; justify-content: center; align-items: center; position: relative;}
.z-iAbout-num li:before{ content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 1px; background: rgba(255,255,255,0.2);}
.z-iAbout-num li:last-child:before{ display: none;}
.z-iAbout-num .pd{ padding: 20px 0;}
.z-iAbout-num .t{ display: flex;}
.z-iAbout-num .t strong{ display: flex; align-items: flex-end; margin-bottom: 15px; color:#fff;}
.z-iAbout-num .t em{ font-size: 44px; line-height: 1;}
.z-iAbout-num .t span{ font-size: 20px; line-height: 1; margin-left: 0.25em; transform: translateY(-0.3em);}
.z-iAbout-num .c{ font-size: 24px; line-height: 1;}


.z-more1{ transition: 0.5s all; height: 30px; width: 116px; line-height: 30px; color: #fff; border: 1px solid #fff; display: inline-block; text-align: center; transition: 0.3s all;}
.z-more1:hover{ transform: translateY(-5px); color: #fff; background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0);}


.z-iMain3{ padding: 0 !important;}
.z-iMain3 .wp,
.z-iMain3 .z-wp{ margin: 0; width: auto;}
.z-caseType{}
.z-caseType ul{ display: flex;}
.z-caseType li{ flex: 1; width: 16.66666666666667%; transition: 0.3s all;}
.z-caseType .pd{ display: block; position: relative; overflow: hidden; margin:0px; height: 640px;}
.z-caseType .img{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.z-caseType .img::before{ content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,10,0.2);}
.z-caseType .img::after{ content: ''; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom:50%; background-image:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0));}
.z-caseType .img img{ height: 100%; width: 100%; object-fit: cover; object-position: center center;}
.z-caseType .text{ position: absolute; left: 32px; top: 32px; right: 32px; bottom: 32px; color: #fff; z-index: 3;}
.z-caseType .h3{ display: flex; font-size: 40px; flex-direction: column; line-height: 1.35; position: relative;}
.z-caseType .h3::before{ content: ''; position: absolute; left: 0; bottom: -20px; right: 0; height: 3px; background: #fff; opacity: 0; transition: 0.3s all;}
.z-caseType .h3 strong{ display: block; font-weight: normal;}
.z-caseType .h3 em{ display: block;}
.z-caseType li:hover{ flex: 3; width: 42%;}
.z-caseType li:hover .h3::before{ opacity: 1;}



.z-iCase{ position: relative;}
.z-iCase-tab{ position: absolute; left: 114px; right: 114px; bottom:0px; z-index: 3; color: #fff;}
.z-iCase-tab ul{ display: flex; margin: 0 -5px;}
.z-iCase-tab li{ flex: 1;}
.z-iCase-tab .pd{ display: block; margin: 0 5px; position: relative; cursor: pointer; color: #fff;}
.z-iCase-tab .i{ margin-bottom: 30px; opacity: 0; transition: 0.5s all;}
.z-iCase-tab .i img{ height:64px; width: auto;}
.z-iCase-tab .t{ font-size: 24px; position: relative; line-height: 1.2; padding-top: 1em; padding-bottom: 50px;}
.z-iCase-tab .t::before{ content:''; position: absolute; top: 0; left: 0;  right: 0; height:3px; background: rgba(255,255,255,0.5);}
.z-iCase-tab .t::after{ content:''; position: absolute; top: 0; left: 0; width: 0; height:3px; background: #fff; transition: 0.5s all;}
.z-iCase-tab li.curr .i{ opacity: 1;}
.z-iCase-tab li.curr .t::after{ width: 100%;}

.z-iCase-con{}
.z-iCase-con .pd{ color: #fff; display: block; position: relative;}
.z-iCase-con .img{ position: relative;}
.z-iCase-con .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3);}
.z-iCase-con .img img{ height: 760px; object-fit: cover;}
.z-iCase-con .text{ position: absolute; left: 114px; width: 40%; top: 144px; bottom: 180px; z-index: 2;}
.z-iCase-con .npd{}
.z-iCase-con .t{ font-size: 40px; line-height: 1.2; margin-bottom: 1em; padding-left: 16px; position: relative;}
.z-iCase-con .t::before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -18px; width: 4px; height: 36px; background: #46a981;}
.z-iCase-con .t strong{ font-weight: normal;}
.z-iCase-con .t em{ margin-left: 0.2em;}
.z-iCase-con .c{ font-size: 16px; text-align: justify; line-height:1.8; height: 5.4em; overflow: hidden; margin-bottom:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}




.z-iCase-con .t{ transform: translate(0,-30px) translateZ(0); opacity: 0; transition: all .6s linear; transition-delay: 0.4s;}
.z-iCase-con .c{ transform: translate(0,-30px) translateZ(0); opacity: 0; transition: all .6s linear; transition-delay: 0.8s;}
.z-iCase-con .m{ transform: translate(0,-30px) translateZ(0); opacity: 0; transition: all .6s linear; transition-delay: 1.1s;}
.z-iCase-con .swiper-slide.swiper-slide-active{ z-index: 2;}
.z-iCase-con .swiper-slide.swiper-slide-active .t,
.z-iCase-con .swiper-slide.swiper-slide-active .c,
.z-iCase-con .swiper-slide.swiper-slide-active .m{ transform: translate(0,0) translateZ(0); opacity: 1;}


.z-iMain4{}



.z-fSare{ position: absolute; right: 0; top: 0; width: 220px;}
.z-fSare ul{ display: flex; margin: 0 -10px;}
.z-fSare li{ width: 50%;}
.z-fSare li .pd{ display: block; margin: 0 10px;}
.z-fSare li img{ width: 100%; height: auto; display: block;}


.z-pBanner{ position: relative; overflow: hidden;}
/* .z-pBanner::before{ content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; height:160px; background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));} */
.z-pBanner .pd{ position: relative; overflow: hidden;}
.z-pBanner .img img{ width: 100vw; height:auto;/*  aspect-ratio: 1920/580; object-fit: cover; */ display: block; aspect-ratio: 1920/580; object-fit: cover;}
.z-pBanner .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 2; text-align: center;}
.z-pBanner .h3{ font-size: 60px; color: #fff; font-weight: bold; text-shadow: 0 0 0.1em rgba(0,0,0,0.5);}
.z-pBanner .h3 h1{ font-weight: bold;}
.z-pBanner .em{ font-size: 24px; color: #fff;}
.z-pBanner_msg .text{ height: 390px;}

/* .z-pHead{ background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0);} */
.z-pHead{ position: relative; top: -40px; z-index: 3;}
.proInfoNav{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); opacity: 0;}
.body_fix .proInfoNav{ position: fixed; top: 80px; left: 0;  right: 0; opacity: 1;}


.z-pNav{}
.z-pNav ul{ display: flex;}
.z-pNav li{ flex: 1;}
.z-pNav .pd{ display: block; height: 40px; line-height: 40px; font-size: 16px; color: #231815; text-align: center;}
.z-pNav li.curr .pd{ font-weight: bold; color: #46a981; background: #f5f5f5;}


.z-pMainIntro1{}


.z-aboutA{ padding:0; margin-bottom: 100px;}
.z-aboutA_1{ font-size: 16px; line-height: 2; margin-bottom: 40px;}
.z-aboutA_1 .wpd{}
.z-aboutA_1 p{ text-indent: 2em; text-align: justify;}

.z-aboutA_2{ margin-bottom: 80px;}
.z-aboutA_2 .wpd{}
.z-aboutA_2 .t{ font-size: 26px; color: #46a981; font-weight: bold; line-height: 1; margin-bottom: 20px;}
.z-aboutA_2 .c{}
.z-aboutA_2 dl{ display: flex; margin-bottom: 12px; align-items: center;}
.z-aboutA_2 dt{ background: #46a981; margin-right: 24px; font-size: 20px; height: 30px; line-height: 30px; font-weight: normal; color: #fff; padding: 0 0.6em; position: relative; }
.z-aboutA_2 dt::before{ content: ''; background: #46a981; width:  30px; position: absolute; top: 0; bottom: 0; right: -12px;clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);}
.z-aboutA_2 dt strong{ display: block; z-index: 2; position: relative;}
.z-aboutA_2 dd{ flex: 1; font-size: 16px;}

.z-aboutA_3{ }
.z-aboutA_3 ul{ display: flex; width: 100%;justify-content: space-between;}
.z-aboutA_3 li{ display: flex; justify-content: center; align-items: center; position: relative;}
.z-aboutA_3 li:before{ content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 1px; background: rgba(255,255,255,0.2);}
.z-aboutA_3 li:last-child:before{ display: none;}
.z-aboutA_3 .t{ display: flex;}
.z-aboutA_3 .t strong{ display: flex; align-items: flex-end; margin-bottom: 15px; color:#46a981;}
.z-aboutA_3 .t em{ font-size: 44px; line-height: 1;}
.z-aboutA_3 .t span{ font-size: 20px; line-height: 1; margin-left: 0.25em; transform: translateY(-0.3em);}
.z-aboutA_3 .c{ font-size: 24px; line-height: 1;}


.z-aboutB{}
.z-aboutB .wpd{ background: #000;}
.z-aboutB video{ width: 100%; height: auto; display: block; aspect-ratio: 1920/1080; object-fit: cover;}

.z-aboutC{ padding: 100px 0;}
.z-history1{ position: relative;}
.z-history1 .swiper{ margin: 0 -15px;}

.z-history1 .swiperArrow{ display: block;}
.z-history1 .swiperArrow:hover{}
.z-history1 .swiperPrev{ left: -1em;}
.z-history1 .swiperNext{ right: -1em;}


.z-history1 .pd{ display: block; margin: 0 15px; border-left: 3px solid #c7c7c7;}
.z-history1 .img{}
.z-history1 .text{ padding: 0 20px; margin-bottom: 50px;}
.z-history1 .em{ font-size: 84px; color: #c7c7c7; line-height: 1; margin-bottom: 40px;}
.z-history1 .h3{ font-size: 30px; color: #231815; line-height: 1.5;}

.z-history1 .swiper-slide-active .pd{ border-left-color: #46a981;}
.z-history1 .swiper-slide-active .pd .em{ color: #46a981;}



.z-titB{ display: block; margin-bottom: 60px; text-align: center;}
.z-titB strong{ font-size: 50px; font-weight: normal; line-height: 1;}

.z-aboutD{ position: relative; padding: 100px 0;}
.z-aboutD::before{ content: ''; position: absolute; left: 50%; width: 100vw; margin-left: -50vw; top: 0; bottom: 0; background:url('../images/z-aboutD_bg.jpg') no-repeat; background-size: cover;}
.z-aboutD .wpd{ position: relative; z-index: 9;}
.z-about-contact{}
.z-about-contact ul{ display: flex; flex-wrap: wrap;}
.z-about-contact li{ width: 33.3333%; margin-bottom: 40px;}
.z-about-contact .pd{ margin: 0 50px;}
.z-about-contact .h3{ font-size: 24px; line-height: 1; margin-bottom: 10px; color: #32323c;}
.z-about-contact .p{ font-size: 16px; line-height: 2; color: #666;}


.z-titC{ margin-bottom: 50px;}
.z-titC .pd{}
.z-titC .t{ font-size: 48px; font-weight: bold; line-height: 1.2; margin-bottom: 20px; }
.z-titC .c{ font-size: 20px; line-height: 1.75; text-align: left;}

.z-pMainIntro2{ padding: 100px 0; overflow: hidden;}
.z-honorA{ margin-bottom: 100px;}
.z-honorB{ margin-bottom: 100px;}
.z-honorC{ display: flex;}
.z-honorC-fl{ width:55%;}
.z-honorC-fl .wpd{ margin-right: 27px;}
.z-honorC-fr{ width:45%;}
.z-honorC-fr .wpd{ margin-left: 18px;}

.z-titD{ display: flex; font-size: 34px; line-height: 1; padding-top: 24px; border-top: 2px solid #46a981; margin-bottom: 30px; color: #595757;}
.z-titD strong{ display: block; margin-right: 0.25em;}
.z-titD span{ display: block;}
.z-honorD{ display: flex; margin: 0 -12px;}
.z-honorD-fl{ width:50%;}
.z-honorD-fr{ width:50%;}

.z-honorListA{ overflow: hidden; position: relative;}
.z-honorListA .swiper{ margin: 0 -15%;}
.z-honorListA .pd{ display:block; transform: scale(0.75); transition: 0.3s all; background: #F5F5F6;}
.z-honorListA .img{ padding:30px;}
.z-honorListA .img img{ height: 340px; width: 100%; object-fit: contain; object-position: center; margin: 0 auto;}
.z-honorListA .text{ display: none;}
.z-honorListA .swiper-slide{ overflow: visible; padding: 15px 0;}
.z-honorListA .swiper-slide-active .pd{ transform: scale(1); background: #FEFEFE; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.z-honorListA .swiperArrow{ display: block;}
.z-honorListA .swiperPrev{ left: 0em;}
.z-honorListA .swiperNext{ right: 0em;}




.z-honorListB{ position: relative; margin:0 50px;}
.z-honorListB .swiper{ margin: 0 -12px;}
.z-honorListB .pd{ display:block; transition: 0.3s all; background: #F5F5F6; margin: 0 12px;}
.z-honorListB .img{ }
.z-honorListB .img img{  width: 100%; aspect-ratio: 346/480; object-fit: contain; object-position: center; margin: 0 auto;}
.z-honorListB .text{ display: none;}
.z-honorListB .swiperArrow{ display: block;}
.z-honorListB .swiperPrev{ left: -1em;}
.z-honorListB .swiperNext{ right: -1em;}

.z-honorListC{ position: relative; margin: 0 68px;}
.z-honorListC .swiper{ overflow: visible;}
.z-honorListC .swiper-slide{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.z-pMainIntro3{ padding: 100px 0;}

.z-infoA{ text-align: left; font-size: 20px; line-height: 1.75; margin-bottom: 100px;}
.z-infoA img{ display: inline-block; max-width: 100%;}

.z-rdA{}
.z-rdB{}

.z-imgListA{ position: relative;}
.z-imgListA .swiper{ margin: 0 -14px;}
.z-imgListA .swiper-slide{ width: auto;}
.z-imgListA .pd{ margin: 0 14px; display: block; position: relative;}
.z-imgListA .pd::before{ content: ''; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0)); height:100px; transition: 0.3s all; opacity: 1;}
.z-imgListA .img{ margin-bottom: 10px;}
.z-imgListA .img img{ height: 500px; width: auto;}
.z-imgListA .text{ position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px; text-align: center;}
.z-imgListA .h3{ font-size: 16px; text-align: center; font-size: 24px; color: #fff; transform: translateY(150%); transition: 0.3s all;}
.z-imgListA .swiperArrow{ display: block; text-shadow: 0 0 0.1em rgba(0,0,0,0.5);}
.z-imgListA .swiperPrev{ left: 0;}
.z-imgListA .swiperNext{ right: 0;}

.z-imgListA .pd:hover .h3{ transform: translateY(0);}


.z-pMainIntro4{ padding: 100px 0;}

.z-pMainIntro5{ padding: 100px 0;}


.z-imgListB{ position: relative;}
.z-imgListB .swiper{ margin: 0 -14px;}
.z-imgListB .swiper-slide{ width: auto;}
.z-imgListB .pd{ margin: 0 14px; display: block; position: relative;}
.z-imgListB .pd::before{ content: ''; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0)); height:100px; transition: 0.3s all; opacity: 1;}
.z-imgListB .img{ margin-bottom: 10px;}
.z-imgListB .img img{ height: 500px; width: auto; height: auto; width: 100%;}
.z-imgListB .text{ position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px; text-align: center;}
.z-imgListB .h3{ font-size: 16px; text-align: center; font-size: 24px; color: #fff; transform: translateY(150%); transition: 0.3s all;}
.z-imgListB .swiperArrow{ display: block; text-shadow: 0 0 0.1em rgba(0,0,0,0.5); display: none;}

.z-imgListB .pd:hover .h3{ transform: translateY(0);}

.z-pMainIntro6{ padding: 100px 0;}

.z-sourceA{ margin-bottom: 0; font-size: 32px;}




.z-crumbsA{ padding:13px 0; border-bottom: 1px solid #eee; line-height: 24px; font-size: 16px;}
.z-crumbsA a{ display: inline-block; color: #595757;}
.z-crumbsA a:hover{ color: #46a981;}
.z-crumbsA em{ display: inline-block; margin: 0 0.5em; color: #595757;}
.z-crumbsA strong{ display: inline-block; font-weight: normal; color: #595757; font-weight: normal;}


.z-pMain{ padding: 50px 0  100px 0;}
.z-pMainIntro1{ padding-bottom: 0 !important;}

.z-pMainPro1{}

.z-pro{ display: flex;}
.z-proFl{ width:300px; margin-right: 60px; position: relative;}
.z-proFl .wpd{ position: sticky; top: 80px;}
.z-proTit{ height: 64px; line-height: 64px; background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); font-size: 24px; padding: 0 28px; color: #fff;}
.z-proNav{ background: #f3f4f4;}
.z-proNav ul{ margin: 0 30px;}
.z-proNav li{ border-bottom: 1px solid #e7e6e6; padding: 10px 0;}
.z-proNav a{ display: block; height: 30px; line-height: 30px; position: relative; overflow: hidden;}
.z-proNav a::before{font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\ea78"; position: absolute; width: 1em; height: 1em; line-height: 1; right: 0; top: 50%; margin-top: -0.5em; transition: 0.3s all;}
.z-proNav a:hover::before{ transform: translateX(3px);}
.z-proNav li.curr a{ color:#46a981; font-weight: bold;}
.z-proFr{ flex: 1;}
.z-proList{}
.z-proList ul{ display: flex; margin: 0 -12px; flex-wrap: wrap;}
.z-proList li{ width: 33.3333%; margin-bottom: 50px;}
.z-proList .pd{ display: block; margin: 0 12px; transition: 0.3s all;}
.z-proList .npd{ display: block; position: relative; margin-bottom: 10px;}
.z-proList .img{ margin-bottom: 20px; position: relative;}
.z-proList .img::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #c8c8c9; box-sizing: border-box; z-index: 2; display: none;}
.z-proList .img img{ aspect-ratio: 640/438; object-fit: cover; transition: 0.3s all;}
.z-proList .text{}
.z-proList .em{ font-size: 16px; color: #46a981; line-height: 1.5em; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.z-proList .h3{ font-size: 18px; color: #231815; line-height: 1.5em; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.z-proList .m{ display: flex;}
.z-proList .m a{ margin-right: 5px; background: #595757; padding: 0 5px; color: #fff; height: 28px; line-height: 28px;}
.z-proList .m i{ font-size: 1em;}
.z-proList .m span{ margin-left: 3px;}
.z-proList .m a:hover{ background: #46a981; background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}

.z-proList .pd:hover { transform: translateY(-5px);}
.z-proList .npd:hover .img {background: #efefef; }
.z-proList .npd:hover .img::before{ border-color: #46a981;}
.z-proList .npd:hover .img img{ transform: scale(1.08);}


.z-proInfoA{ display: flex; flex-direction: row-reverse;}
.z-proInfoA_fl{ width: 50%; margin-left: 5%;}
.z-proInfoA_fr{ flex: 1;}
.z-proInfoA_fr .t{ font-size: 30px; border-bottom: 1px solid #9e9e9f; padding-bottom: 10px; margin-bottom: 15px;}
.z-proInfoA_fr .t h1{ color: #231815; font-weight: bold;}
.z-proInfoA_fr .c{ font-size: 16px; line-height: 1.75; margin-bottom: 40px;}
.z-proInfoA_fr .m{ display: flex; margin-bottom: 40px;}
.z-proInfoA_fr .m a{ border: 1px solid #595757; border-radius: 5px; display: flex; margin-right: 14px;}
.z-proInfoA_fr .m a i{ height:40px; width: 40px; text-align: center; color: #fff; background: #595757; font-size: 28px; line-height: 42px;}
.z-proInfoA_fr .m a span{ font-size: 16px; height: 40px; line-height: 40px; padding: 0 1em;}
.z-proInfoA_fr .m a:hover{ border-color: #46a981;}
.z-proInfoA_fr .m a:hover i{ background: #46a981; color: #fff; background-image: linear-gradient(to right, #00B478, #00a0f0);}

.z-prorz{ display: flex; }
.z-prorz ul{ display: flex; border: 1px solid #9e9e9f; border-radius: 5px;}
.z-prorz li{ flex: 1;}
.z-prorz li img{ height:40px; width: auto;}


.z-pMainApp1{ padding: 0; background: #fff;}
.z-pMainApp1_1{}
.z-caseListA{}
.z-caseListA li{ margin-bottom: 20px;}
.z-caseListA li:last-child{ margin-bottom: 0;}
.z-caseListA .pd{ display: flex; flex-direction: row-reverse; position: relative;}
.z-caseListA .img{ width: 50%;}
.z-caseListA .img img{ width: 100%; /* height: calc(100vh - 80px); */ object-fit: cover;}
.z-caseListA .text{ flex: 1; background-image: linear-gradient(23deg,rgba(0,179,120,0.2),rgba(0,159,239,0.2)); position: relative; padding: 0 100px 0 60px; display: flex; align-items: center;}
.z-caseListA .em{ font-size: 16px; color: #46a981; line-height: 1.2; margin-bottom:0.2em;}
.z-caseListA .h3{ font-size: 32px; color: #231815; font-weight: bold; margin-bottom: 0.5em;}
.z-caseListA .p{ font-size: 16px; color: #595757; line-height: 1.5em; height: 4.5em; margin-bottom: 40px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.z-caseListA .m{ display: flex;}
.z-caseListA .m em{ height: 48px; line-height: 48px; font-size: 16px; padding: 0 2em; display: flex; background: #fff; color: #595757; transition: 0.3s all;}
.z-caseListA .m em span{ font-size: 1em;}
.z-caseListA .m em i{ font-size: 1em; margin-left: 0.2em;}
.z-caseListA .m em:hover{ background: #46a981; color: #fff;}
.z-caseListA .i{ position: absolute; width: 96px; height: 96px; background: #46a981; right: 0; top: 50%; transform: translate(50%,-50%); border-radius: 50%;}

.z-caseInfoA{ font-size: 16px; line-height: 1.8;}
.z-caseInfoA img{ max-width: 100%; height: auto; display: inline-block;}



.z-newsList{}
.z-newsList ul{ display: flex; flex-wrap: wrap; margin: 0 -20px;}
.z-newsList li{ width: 33.3333%; margin-bottom: 32px;}
.z-newsList .pd{ display: block; margin: 0 20px;}
.z-newsList .img{ margin-bottom: 15px; position: relative; overflow: hidden;}
.z-newsList .img::before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #f2f2f2; z-index: 2;}
.z-newsList .img img{ aspect-ratio: 640/369; object-fit: cover; transition: 0.3s all;}
.z-newsList .text{}
.z-newsList .h3{ font-size: 16px; margin-bottom: 5px; color: #231815; line-height: 1.5em; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.z-newsList .em{ font-size: 14px; color: #595757; position: relative; padding-left: 12px;}
.z-newsList .em::before{ content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; top: 50%; margin-top: -3px; background: #46a981; border-radius: 50%;}
.z-newsList .pd:hover .img img{ transform: scale(1.08);}
.z-newsList .pd:hover .h3{ color: #46a981;}



.z-pMainMsg1{ background: #efeff1; padding: 100px 0;}
.z-pMainMsg1 .wp,
.z-pMainMsg1 .z-wp{ /* height: 100px; */ height: auto;}
.z-contactInfo{ background: #fff; /* position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;  */ padding: 30px; margin-bottom: 30px;}
.z-contactInfo .wpd{ display: flex; padding-right: 50px;}
.z-contactInfo .img{ width: 715px; margin-right: 45px;}
.z-contactInfo .img img{ aspect-ratio: 1024/630;}
.z-contactInfo .text{ flex: 1;}
.z-contactInfo .t{ font-size: 34px; line-height: 1.5; margin-bottom: 10px;}
.z-contactInfo .c{ font-size: 20px; line-height: 1.8; min-height: 10.8em; color: #666; margin-bottom:30px;}
.z-contactInfo .c a{ color: #666;}
.z-contactInfo .c a:hover{ color: #46a981;}
.z-contactInfo .c span{ color: #666;}
.z-contactInfo .em{}
.z-contactInfo .em ul{ display: flex; margin: 0 -10px;}
.z-contactInfo .em li{ width: 25%;}
.z-contactInfo .em .pd{ margin: 0 10px;}
.z-contactInfo .em .pd img{ width: 100%; height: auto;}


.z-pMainMsg2{ background: url('../images/z-pMainMsg2_bg.jpg') no-repeat center center #fff; background-size: contain; padding: 100px 0;}


.z-pMainMsg3{ padding: 100px 0; background: #efeff1;}

.z-msg{}
.z-msg ul{ margin: 0 -15px; display: flex; flex-wrap: wrap;}
.z-msg li{ width: 50%; margin-bottom: 30px;}
.z-msg li.w100{ width: 100%;}
.z-msg .pd{ display: block; margin: 0 15px; position: relative;}
.z-msg .t{ display: flex; position: absolute; left: 20px; top: 0; height: 50px; align-items: center; font-size: 18px; z-index: 2;}
.z-msg .t strong{ color: #595757; font-weight: normal; }
.z-msg .t em{ color: #46a981; margin-left: 0.2em;}
.z-msg .c{ position: relative;}
.z-ipt_t2{ width: 100%; height:50px; box-sizing: border-box; background: #fff; color: #46a981; font-size: 18px; padding: 0 20px 0 80px; border:none; border-radius: 6px;transition: 0.3s all;}
.z-ipt_t2:focus{ box-shadow: 0 0 10px #46a981;}
.z-ipt_t2.curr:focus{ box-shadow: 0 0 10px #f00;}
.z-ipt_t2_2{ padding-left: 100px;}
.z-ipt_text2{ width: 100%; height:170px; box-sizing: border-box; background: #fff; color: #46a981; font-size: 18px; padding: 50px 20px 20px 20px; border:none; border-radius: 6px;}
.z-ipt_text2:focus{ box-shadow: 0 0 10px #46a981;}
.z-ipt_text2.curr:focus{ box-shadow: 0 0 10px #f00;}
.z-ipt_b2{ width: 100%; height: 50px; background: #231815; color: #fff; box-sizing: border-box; padding: 0; border: none; font-size: 20px; border-radius: 6px; transition: 0.3s all;}
.z-ipt_b2:hover{ background: #46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}
.z-yzm{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 35px; width: 120px; object-fit: contain; cursor: pointer;}

.z-pMainMsg4{ padding: 0 !important;}
.z-pMainMsg1_2{}

.z-proInfoB{ display: flex;}
.z-proInfoBFl{ flex: 1;}
.z-proInfoBFr{ width: 25%; margin-left: 5%;}
.z-proInfoBFr img{ width: 100%; height: auto; display: block;}


.z-caseInfoB{ display: block; padding: 100px 0;}
.z-caseInfoB .pd{ display: flex; flex-direction: row-reverse;}
.z-caseInfoB .wimg{ width: 50%;}
.z-caseInfoB .text{ flex: 1; margin-right: 100px; display: flex; align-items: center;}
.z-caseInfoB .npd{}
.z-caseInfoB .npd .h3{ font-size: 32px; margin-bottom: 20px;}
.z-caseInfoB .npd .p{ font-size: 16px; line-height: 1.75; margin-bottom: 20px;}
.z-caseInfoB .npd .m{ display: flex; }
.z-caseInfoB .npd .m a{ display: block; padding: 0 1.5em; height: 40px; line-height: 40px; font-weight: normal; color: #fff;/*  background: #787878;  */ background: #46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);text-align: center; font-size: 20px; font-weight: bold; border-radius: 6px; transition: 0.3s all;}
.z-caseInfoB .npd .m a:hover{ transform: translateY(-3px);}

.z-caseInfoB-slide{ padding:0 44px;}
.z-caseInfoB-slide .swiperDots{ display: block; bottom: -30px;}
.z-caseInfoB-slide .swiperArrow{ display: block; font-size: 44px;}
.z-caseInfoB-slide .swiperPrev{ left: 0;}
.z-caseInfoB-slide .swiperNext{ right: 0;}
.z-caseInfoB-slide .swiperArrow{ color: #999;}

/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */
/* 新增20260723 */












@media screen and (min-width:1920px){
}
@media screen and (max-width:1680px){
.z-proTypeA{ width: 80%; margin: 0 auto;}
.z-proTypeA li{ margin-bottom: 20px;}
.z-proTypeA .h3{ font-size: 18px; height: 40px; line-height: 40px;}
.z-proTypeA .text::before{ height: 40px;}
.z-proTypeA .pd:hover .text::before{ background: #46a981; height: 80px;}

.z-honorListC{ margin: 0 20%;}

.z-newsList ul{ margin: 0 -16px;}
.z-newsList .pd{ margin: 0 16px;}
}
@media screen and (max-width:1600px){
.menu li{ margin: 0 15px;}
.menu .h3 a{ font-size: 15px;}

}
@media screen and (max-width:1440px){
.wp{ width: 88%;}


.z-proType .h3{ font-size: 18px; height: 40px; line-height: 40px;}
.z-proType .text::before{ height: 40px;}
.z-proType .pd:hover .text::before{ /* height: 80px; */}
.z-proType .i{ width: 40px; height: 40px; margin-top: -20px;}

.z-proTypeB .h3{ font-size: 18px; height: 40px; line-height: 40px;}
.z-proTypeB .text::before{ height: 40px;}
.z-proTypeB .pd:hover .text::before{ /* height: 80px; */}
.z-proTypeB .i{ width: 40px; height: 40px; margin-top: -20px;}

.z-proTypeC .h3{ font-size: 18px;}
.z-proTypeC .text{ padding: 15px;}
.z-proTypeC .text::before{}
.z-proTypeC .pd:hover .text::before{ /* height: 80px; */}
.z-proTypeC .i{ width: 40px; height: 40px; margin-top: -20px;}

.z-iCase-tab{ left: 6%; right: 6%;}
.z-iAbout-num .t em{ font-size: 36px;}
.z-iAbout-num .t span{ font-size: 14px;}
.z-iAbout-num .c{ font-size: 18px;}

.z-iCase-con .img img{ height: 600px;}
.z-iCase-con .c{ margin-bottom: 40px;}
.z-iCase-tab .t{ font-size: 18px;}
.z-iCase-tab .i{ margin-bottom: 20px;}
.z-iCase-con .t{ font-size: 36px;}
.z-iCase-tab .t::after,
.z-iCase-tab .t::before{ height: 2px;}
.z-iCase-con .text{ left: 6%; right: 6px; bottom: 140px;}



.iNews .swiper{ margin: 0 -10px;}
.iNews .pd{ margin: 0 10px;}

.z-iAbout-con .p{ font-size: 16px;}

.z-iAbout-con{ padding-bottom: 160px;}


.z-aboutA_3 .t em{ font-size: 36px;}
.z-aboutA_3 .t span{ font-size: 14px;}
.z-aboutA_3 .c{ font-size: 18px;}


.z-history1 .text{ margin-bottom: 30px;}
.z-history1 .em{ font-size: 64px; margin-bottom: 30px;}
.z-history1 .h3{ font-size: 24px;}

.z-titC .t{ font-size: 36px;}
.z-titC .c{ font-size: 16px;}
.z-titD{ font-size: 28px;}

.z-infoA{ font-size: 16px;}

.z-imgListA .img img{ height: 400px;}
.z-imgListA .h3{ font-size: 20px;}
.z-imgListB .h3{ font-size: 20px;}

.z-proInfoA_fr .m a span{ font-size: 14px;}

.z-proList ul{ margin: 0 -6px;}
.z-proList .pd{ margin: 0 6px;}

.z-caseListA .em{ font-size: 16px;}
.z-caseListA .h3{ font-size: 36px;}
.z-caseListA .p{ font-size: 14px;}
.z-caseListA .m em{ height: 44px; line-height: 44px; padding: 0 2em;}

.z-contactInfo .img{ width: 55%; margin-right: 3%;}
.z-contactInfo .t{ font-size: 28px;}
.z-contactInfo .c{ font-size: 16px;}
.z-pBanner .h3{ font-size: 48px;}
.z-pBanner .em{ font-size: 18px;}

.z-titB strong{ font-size: 40px}
.z-msg .t{ font-size: 16px;}

.z-aboutA_2{ margin-bottom: 60px;}
.z-aboutA{ margin-bottom: 80px;}

.z-infoA{ margin-bottom: 80px;}
}
@media screen and (max-width:1366px){
/* .wp{ width: 96%;} */

.z-proFl{ width: 280px; margin-right: 40px;}
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;}
.wp{ margin:0 30px; width: auto;}
.logo{ font-size: 36px;}

.tLanguage{ left: auto; right:80px; margin-top: -16px;}
.tLanguage .i{}
.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color:#46a981; width: auto; margin: 0px;}
.tLanguage .box a{}

.tSearch{ right: 40px;}
.tSearch .i{}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:#e8eeff; padding:15px 30px; display:none; width: auto;}
.ipt_t1{ background: #fff; color:#46a981;}


.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ }
.header .wp{ height:60px;}
.menu{ position:fixed; top:0px; bottom:0px; z-index:2; background:#fff; margin: 0px; box-sizing:border-box;width:280px; right:-281px;}
.menu ul{ padding:60px 0 0 0; float: none; display: block;}
.menu li{ float: none; margin: 0px;}
.menu .h3{ text-align: left; position: relative; border-bottom: 1px solid #dcdcdc;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu.active{ right:0px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none;}
.menu .box a{ padding: 0 60px; height: 32px; line-height: 32px;}
.menu .box a:before{ display: none;}

.menu li:nth-child(7) .h3 span,
.menu li:nth-child(6) .h3 span,
.menu li:nth-child(5) .h3 span,
.menu li:nth-child(1) .h3 span{ display: none !important;}
.menu li:nth-child(4) .h3 i,
.menu li:nth-child(3) .h3 i,
.menu li:nth-child(2) .h3 i{ display: none !important;}

.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ display: none;}
.menu li:hover .box{ display: none;}
.menu li.curr .box{}

.sNav{ position: fixed; left: 0px; top: auto; margin: 0px; bottom: 0px; width: auto; right: 0px;}
.sNav .pd{ border-radius: 0px;}
.sNav ul{ display: flex;}
.sNav li{ width: 25%; margin-bottom: 0px;}
.sNav .t i{ font-size: 22px; margin-bottom: 2px;}
.sNav .t span{ height: 16px; line-height: 16px;}
.sNav .c{ left: 0px; right: 0px; top: auto; position: fixed; bottom: 50px; transform: translateY(0); padding:0; width: auto !important; justify-content:  center; background: rgba(255,255,255,1); display: none;}
.sNav .pd{ background: #fff;}
.sNav .pd:hover .c{ display: flex;}
.sEmal{ width: auto;}
.sNav .npd{ background: none;}
.sNav .npd:before{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #f7f7f7; display: none;}


.iBanner .text{ background: rgba(0,0,0,0.2);}
.iBanner .wp{ justify-content: center; text-align: center;}
.iBanner .h3,
.iBanner .em{ font-size: 36px;}
.iBanner .swiperDots{ bottom: 20px;}
.swiperPrev{ left: 20px;}
.swiperNext{ right: 20px;}

.iMain3 .wp{ margin: 0px;}


.fContact .h2{ font-size: 24px;}
.fContact .h3{ font-size: 16px;}
.fNav{ margin:0 168px 0 272px; }
.fNav li:before{ right: -70px;}
.fNav .h3{ margin-bottom: 20px;}
.fNav .h3:before{ bottom: -14px;}
.fNav .h3 a{ font-size: 16px;}
.fNav .box a{ font-size: 14px; line-height: 2;}

.proInfoA_fl{ width: 50%;}
.proInfoA_fr{ margin-left: 50%; padding-left: 40px;}

.caseInfo .img{ width: 50%;}
.caseInfo .text{ margin-left: 50%; padding:40px 0 0 40px;}

.proList li{ width: 33.33333%;}

.proTj .swiperDots{ display: block; bottom: -10px;}
.proTj .swiperDots span{ background: #999;}
.proTj .swiperDots .swiper-pagination-bullet-active{ background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0);}


.newsTit h1{ font-size:24px;}
.newsEm{ font-size: 12px;}
.newsEm br{ display: block;}
.newsCon{ font-size: 14px; line-height: 1.75}
.newsCon *{ font-size:inherit !important; line-height: inherit !important; max-width: 100%;}
.newsCon img{ max-width: 100% !important; height: auto !important;}

.iMain1{ overflow: hidden;}

.proTab li{cursor: pointer;}
.proTab li:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; background: rgba(0,0,0,0);}

.proNav a{ padding: 0 1.5em; font-size: 16px;}


/* 新增 */
.header{ box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff;}
.logo .img1{ opacity: 0;}
.logo .img2{ opacity: 1;}
.tLanguage .i,
.tSearch .i{filter: brightness(0.3);}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #231815;}
.menu .box a:last-child{ border-bottom: 1px solid #dcdcdc;}
.fNav{ margin: 0 220px 0 230px;}
.fNav ul{ width: 320px;}
.z-iCase-tab .t{ padding-bottom: 30px;}
.iBanner .img img{ min-height: inherit; max-height: inherit; aspect-ratio: 1920/960;}

.z-imgListA .img img{ height: 320px;}
.z-imgListA .h3{ font-size: 16px;}

.z-infoA{ margin-bottom: 60px;}

.z-pro{ display: block;}
.z-proFl{ width: auto; margin: 0 0 30px 0;}
.z-proTit{ text-align: center;}

.z-pBanner .text{ left: 5%; right: 5%;}
.z-pBanner .h3{ margin-bottom: 10px;}
.z-pBanner .h3 h1{ line-height: 1.2;}

.z-pMainPro1{ padding-top: 20px !important;}
.z-proNav a::before{ display: none;}
.z-proNav ul{ display: flex; flex-wrap: wrap; margin: 0;}
.z-proNav li{ width:25%;}
.z-proNav a{ font-size: 14px; text-align: center; border-right: 1px solid #e7e6e6;}

.z-pHead{ background: none; padding-top: 20px;}
.z-pNav{ background: #f3f4f4;}
.z-pNav ul{ flex-wrap: wrap;}
.z-pNav li{ width: 25%; flex: none; border-bottom: 1px solid #e7e6e6; padding: 10px 0;}
.z-pNav .pd{ color: #231815; line-height: 30px; height: 30px; overflow: hidden; border-right: 1px solid #e7e6e6;}
.z-pNav li.curr .pd{ color: #46a981; background: none;}



.z-proTit{ height: 44px; line-height: 44px;}
.z-caseListA .img img{ height: auto;}
.z-caseListA .m{ display: none;}
.z-caseListA .p{ margin-bottom: 0;}
.z-caseListA .em{ font-size: 12px;}
.z-caseListA .h3{ line-height: 1.2; font-size: 28px;}

.z-caseListA .i{ width: 48px; height: 48px;}

.z-proInfoA{ display: block;}
.z-proInfoA_fl{ margin: 0 0 40px 0;}
.pMainProInfo1_1{ width: auto;}
.pMainProInfo1_2{ width: auto;}


.iNews .swiperPrev{ left: 0;}
.iNews .swiperNext{ right: 0;}

.z-pHead{ top: auto;}
.proInfoNav{ background: none; box-shadow: none; opacity: 1;}
.proInfoNav.fixed{ position: static; top: auto;}
.z-pNav .pd{ font-size: 14px;}


.z-newsList ul{ margin: 0 -10px;}
.z-newsList .pd{ margin: 0 10px;}
}
@media screen and (max-width:980px){
.iMain{ padding: 80px 0;}

.proTab{ padding:10px 0px;}
.proTab .wp{ margin: 0px;}
.proTab ul{ flex-wrap: wrap;}
.proTab li{ width: 25%;}
.proTab .pd{ padding: 6px 0px;}
.proTab .img{ width:64px; margin: 0 auto 5px auto; position: relative; left: auto; top: auto; height: auto;}
.proTab .img img:first-child{ position: relative;}
.proTab strong{ line-height: 1.2; height: 1.2em; font-size: 14px;}
.proTab li.curr .img{ transform: translateY(0);}
.proTab li.curr strong{ transform: translateY(0);}
/*.proCon .li{ display: none;}
.proCon .li:first-child{ display: block;}*/

.proCon{ padding: 30px 0;}
.proCon .em{ font-size: 14px;}
.proCon .h3{ font-size: 16px;}

.iMain2{ height: 400px;}
.bannerB .p{ font-size: 18px;}
.iCase li{ width: 50%;}

.tit1 em{ font-size: 24px; margin-bottom: 30px;}
.tit1 em:before{ bottom: -15px;}
.tit1 strong{ font-size: 18px;}

.iCase .text{ display: none;}
.iCase .h2{ left: 0px; bottom: 0px; right: 0px; font-size: 18px; line-height: 3; padding: 0 1em; background: rgba(0,117,46,0.85); background-image: linear-gradient(to right, rgba(0,117,46,0.5), rgba(0,160,233,0.75));}
.iCase .h2:after{ content:"\ea7f"; position: absolute; right: 1em; top: 50%; line-height: 1; margin-top: -0.5em; font-family:"iconfont" !important; font-size:1.25em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.fNav{ display: none;}
.fContact{ max-width: inherit; position: static; text-align: center; margin: 0 0 30px 0;}
.fShare{ position: static; margin: 0 auto;}
.fShareHead{ margin-bottom: 0px;}
.fShareList{ display: none;}
.fLink{ display: none;}
.fCopyFl{ float: none;}
.fCopyFr{ float: none;}
.fCopyFr a{ margin: 0px;}
.tSearch .pd{ width: auto;}

.proList li{ width: 50%;}

.proNav{ position: relative; left: auto; right: auto; bottom: auto; background: #46a981;background-image: linear-gradient(to right, #00B478, #00a0f0);}
.proNav .wp{ margin: 0px;}
.proNav ul{ flex-wrap: wrap; justify-content: flex-start;}
.proNav li{ width: 25%; border-bottom: 1px solid rgba(0,0,0,0.05);}
.proNav a{ color: rgba(255,255,255,0.8); height: 40px; line-height: 40px; text-align: center; border-right: 1px solid rgba(0,0,0,0.05); font-size: 14px;}
.proNav li.curr a{ color: #fff;}

.addBtn{ position: relative; right: auto; top: auto; padding-top: 20px;}
.proList ul{ margin: 0 -5px;}
.proList li{ margin-bottom: 10px;}
.proList .pd{ margin: 0 5px;}
.proList .text{ padding: 10px;}
.proList .em{ margin-right: 0px; font-size: 12px; height: 1.5em; line-height: 1.5em;}
.proList .h3{ font-size: 14px; line-height: 1.3em;}
.addBtn{ padding-top: 10px;}

.pNav .wp{ margin: 0px;}
.pNav ul{ flex-wrap: wrap; justify-content: flex-start;}
.pNav li{ width: 33.3333%; margin: 0px;}
.pNav a{ padding: 0px; text-align: center; background: #eee; border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}
.pNav li.curr a{ background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}

.caseInfo .img{ width: auto; float: none;}
.caseInfo .text{ padding:30px 0 0 0; margin: 0px; }
.caseInfo .h3{ font-size: 18px;}
.caseInfo .p{ font-size: 14px;}
.pMainProApp1_2 .tit1{ margin-bottom: 20px;}

.aboutList .li{ padding: 15px 0;}
.aboutList .h3{ font-size: 24px;}
.aboutList .p{ font-size: 14px; line-height: 1.75}


.proInfoCon .li1:before,
.tableA:before{ display: block;}



/* 新增 */
.z-pBanner .img img{ min-height: 200px; object-fit: cover;}
.z-pBanner .h3{ font-size: 28px;}
.z-pBanner .em{ font-size: 14px;}
.z-titA strong{ font-size: 32px;}
.z-titA em{ font-size: 48px;}
.z-iCase-con .text{ width: 70%;}
.z-iCase-tab{ display: none;}
.z-iCase-con .swiperDots{ display: block; bottom: 20px;}
.z-iCase-con .img img{ height: auto;}

.iNews .swiperDots{ display: block; bottom: -20px;}

.z-iAbout-con{ padding-bottom: 60px;}
.z-iAbout-num .t em{ font-size: 16px;}
.z-iAbout-num .t span{ font-size: 12px;}
.z-iAbout-num .c{ font-size: 12px;}
.z-fSare{ position: relative; margin: 0 auto;}

.fCopyFl{ display: block;}
.fCopyFr{ display: block; text-align: center;}
.fCopy a{ display: inline-block;}
.z-about-contact li{ width: 50%;}
.z-honorListA .swiper{ margin: 0 -5%;}
.z-honorListA .img{ padding: 15px;}
.z-honorC{ display: block;}
.z-honorC-fl{ width:auto; margin-bottom: 60px;}
.z-honorC-fl .wpd{ margin-right: 0;}
.z-honorC-fr{ width: auto;}
.z-honorC-fr .wpd{ margin-left: 0;}
.z-titD{ margin:0 0 40px 0; border-top: none; border-bottom: 2px solid #46a981; padding: 0 0 20px 0;}

.z-titC .t{ text-align: left; font-size: 24px;}
.z-titC .c{ text-align: left;}
.z-imgListA .swiper{ margin: 0 -5px;}
.z-imgListA .img img{ height: 30vw;}
.z-imgListA .pd{ margin: 0 5px;}



.z-infoA p{ text-align: left !important;}
.z-infoA p br{ display: none;}
.z-titC p br{ display: none;}

.z-proInfoA_fl{ width: 100%;}
.proTj .swiperPrev{ left: 0;}
.proTj .swiperNext{ right: 0;}

.z-aboutA_3 ul{ flex-wrap: wrap;}
.z-aboutA_3 li{ width: 33.3333%; border-bottom: 1px solid #f5f5f5;}
.z-aboutA_3 li:nth-child(4),
.z-aboutA_3 li:nth-child(5){ width: 50%;}
.z-aboutA_3 .pd{ padding: 20px 0;}

.z-aboutC{ padding: 80px 0;}
.z-history1 .swiperPrev{ left: 0;}
.z-history1 .swiperNext{ right: 0;}
.z-history1 .em{ font-size: 32px; margin-bottom: 15px;}
.z-history1 .h3{ font-size: 16px;}

.z-newsList li{ width: 50%;}

.z-pBanner_msg .text{ height: auto;}

.z-pMainMsg1{ padding: 60px 0;}

.z-contactInfo{ position: relative; left: auto; bottom: auto; right:auto;}
.z-pMainMsg1 .wp,
.z-pMainMsg1 .z-wp{ height: auto;}
.z-contactInfo .wpd{ display: block; padding-right: 0;}
.z-contactInfo .img{ width: auto; margin: 0 0 30px 0;}
.z-contactInfo .t{ font-size: 24px;}

.z-titB{ margin-bottom: 40px;}
.z-titB strong{ font-size: 24px;}

.z-about-contact ul{ margin: 0 -15px;}
.z-about-contact .pd{ margin: 0 15px;}
.z-about-contact .h3{ font-size: 18px;}
.z-about-contact .p{ font-size: 14px;}

.z-aboutA_1{ font-size: 14px;}
.z-aboutA_2 dd{ font-size: 14px;}
.z-aboutA_2 dt{ font-size: 16px;}

.z-aboutA_3 .pd{ text-align: center;}
.z-aboutA_3 .t em{ font-size: 16px;}
.z-aboutA_3 .t span{ font-size: 12px;}
.z-aboutA_3 .c{ font-size: 12px;}

.z-proType ul{ margin: 0 -8px;}
.z-proType li{ width: 33.3333%;}
.z-proType .pd{ margin: 0 8px;}

.z-proTypeC ul{ margin: 0 -8px;}
.z-proTypeC li{ width: 33.3333%;}
.z-proTypeC .pd{ margin: 0 8px;}
}

@media screen and (max-width:768px){
.wp{ margin:0 30px;}

.cartBox{ width: auto; position: fixed; left: 30px; right: 30px; top:50%; transform: translateY(-50%); padding-top: 0px;}
.cartBox:before{ display: none;}
.cartClose{ display: block;}


.crumbs .wp{ display: flex;}
.crumbs a,
.crumbs strong{ max-width: 8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.proInfoA_fl{ width: auto; margin: 0 0 30px 0; float: none;}
.proInfoA_fr{ margin: 0px; padding: 0px;}
.proInfoA_fr .h3{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}

.proBiHead{ width: auto; position: static; border-right: none; border-bottom:1px solid #ccc; height: 80px;}
.proBi{ height: auto; padding-left: 0px;}
.proBiList ul{ flex-wrap: wrap;}
.proBiList li{ width: 50%;}
.proBiList .pd{ border-left: none; border-bottom:1px solid #ccc;}

.contactInfo ul{ flex-direction: column;}
.contactInfo li{ width: auto;}
.contactInfo .pd{ border-right: none; border-bottom: 1px solid #ccc;}
.contactList li{ width: auto; float: none;}
.contactList ul{ flex-direction: column;}

.searchList li{ width: 50%;}


.z-caseInfoB{ padding: 0;}
.z-caseInfoB .pd{ display: block;}
.z-caseInfoB .wimg{ width: auto; margin: 0 0 40px 0;}
.z-caseInfoB .text{ margin: 0;}
.z-caseInfoB .npd .h3{ font-size: 24px;}
}
@media screen and (max-width:640px){

.iBanner .swiperDots{ bottom:38px;}
.iBanner .swiperArrow{ font-size: 32px;}
.iMain2{ height: 320px; background-attachment:inherit; background-size: cover;}
.proTab .img{ width: 48px; }
.btnBox a{ font-size: 16px;}
.iNews .swiperDots{ display: block; bottom: -20px;}
/* .iNews .swiperDots span{ background: #ccc;}
.iNews .swiperDots .swiper-pagination-bullet-active{ background:#46a981;  background-image: linear-gradient(to right, #00B478, #00a0f0); width: 8px;} */
.iNews .em{ font-size: 12px;}
.iNews .h3{ font-size: 16px;}
.iNews .p{ font-size: 12px;}

.pBanner img{ height: 100px;}
.proNav li{ width: 50%;}
.newsList .pd{ height: auto;}
.newsList .img{ position: relative; right: auto; width: auto; height: auto;}
.newsList .text{ margin: 0px; padding: 20px;}

.newsBtn ul{ flex-direction: column;}
.newsBtn li{ max-width:inherit; float: none; background: #eee; margin-bottom: 5px; padding: 5px;}
.newsBtn .pd span{}
.newsBtn .pd{ padding: 0 0 0 50px;}
.newsBtn li:last-child{ margin-bottom: 0px;}
.newsBtn li:nth-child(even) .pd span{ left: 0px; right: auto;}

.contactMap{ height: 240px;}


.iCase li{ width: 100%; }
.iCase .h2{}

.iBanner .videoA video{aspect-ratio: 1080/1152;}



/* 新增 */
.iBanner .img::before{ display: none;}
.iBanner .swiperDots{ bottom: 20px;}
.z-iMain{ padding: 60px 0;}
.z-pMain{ padding: 60px 0;}
.z-titA{ margin-bottom: 30px;}
.z-titA strong{ font-size: 24px;}
.z-titA em{ font-size: 32px;}

.z-proType ul{ margin: 0 -6px;}
.z-proType li{ width: 50%;}
.z-proType .pd{ margin: 0 6px;}
.z-proType .h3{ padding: 0 1em; margin-right: 42px; font-size: 14px;}
.z-proType .i{ width: 32px; height: 32px; right: 10px; margin-top: -16px;}

.z-proTypeB .swiper{ margin: 0 -12px;}
.z-proTypeB .swiperPrev{ left: 0;}
.z-proTypeB .swiperNext{ right: 0;}


.z-proTypeC ul{ margin: 0 -6px;}
.z-proTypeC li{ width: 50%;}
.z-proTypeC .pd{ margin: 0 6px;}
.z-proTypeC .h3{ margin-right: 42px; font-size: 14px;}
.z-proTypeC .i{ width: 32px; height: 32px; right: 10px; margin-top: -16px;}



.z-iCase-con .text{ top: 0; bottom: 0; display: flex; align-items: center;}
.z-iCase-con .m{ display: none;}
.z-iCase-con .t{ font-size: 16px;}
.z-iCase-con .t::before{ height: 1em; margin-top: -0.5em;}
.z-iCase-con .c{ font-size: 12px; margin-bottom: 0; line-height: 1.5em; height: 3em; -webkit-line-clamp:2;}
.z-iCase-con .swiperArrow{ display: block;}
.z-iCase-con .text{ width:auto; justify-content: center;}
.z-iCase-con .npd{ width: 60%;}
.iNews .text{ padding: 20px;}
.iNews .m{ display: none;}
.iNews .pd::before{ }
.iNews .em{ font-size: 12px; margin-bottom: 10px;}
.iNews .h3{ margin-bottom: 0; font-size: 16px;}

.z-iAbout-con{ padding-bottom: 0; margin-bottom: 30px;}
.z-iAbout-con .pd{ display: block;}
.z-iAbout-con .t{ position: relative; text-align: center;}
.z-iAbout-con .t strong{ font-size: 24px; position: relative; z-index: 2;}
.z-iAbout-con .t em{ position: absolute; left: 50%; top: 50%; font-size: 32px; color: rgba(255,255,255,.2); text-transform: uppercase; white-space: nowrap; line-height: 1; transform: translate(-50%, -50%);}
.z-iAbout-con .c{ width: auto;}
.z-iAbout-con .p{ font-size: 14px; margin-bottom: 20px; height: 4.5em; line-height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.z-iAbout-con .m{ display: flex; justify-content: center;}

.z-iAbout-num{ position: relative; left: auto; bottom: auto; right:auto;}
.z-iAbout-num ul{ flex-wrap: wrap;}
.z-iAbout-num li{ width: 33.3333%; border-bottom: 1px solid rgba(255,255,255,0.2);}
.z-iAbout-num li:nth-child(4),
.z-iAbout-num li:nth-child(5){ width: 50%;}
.z-iAbout-num .pd{ text-align: center;}
.z-iAbout-num .t{ justify-content: center;}
.z-iAbout-num .t em{ font-size: 18px;}
.z-iAbout-num .t span{ font-size: 10px;}

.z-pNav ul{ flex-wrap: wrap;}

.z-aboutA_3 .t{ justify-content: center;}
.z-aboutA_3 .t em{ font-size: 18px;}
.z-aboutA_3 .t span{ font-size: 10px;}

.z-history1 .em{ margin-bottom: 10px;}
.z-history1 .text{ margin-bottom: 20px;}

.z-titC .c{ font-size: 14px;}
.z-honorListA .img img{ height: 220px;}

.z-titD{ font-size: 24px;}

.z-honorListB{ margin: 0; overflow: hidden;}
.z-honorListB .swiper{ margin: 0 -5%;}
.z-honorListB .swiper-slide{ padding: 15px 0; overflow: visible;}
.z-honorListB .img{ padding: 15px;}
.z-honorListB .img img{ height: 220px;}
.z-honorListB .pd{ transform: scale(0.75); transition: 0.3s all; background: #F5F5F6; margin: 0;}
.z-honorListB .swiper-slide-active .pd{ transform: scale(1); background: #FEFEFE; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.z-honorListB .swiperPrev{ left: 0;}
.z-honorListB .swiperNext{ right: 0;}

.z-imgListA .h3{ font-size: 12px;}
.z-imgListA .swiperPrev{ left: 0;}
.z-imgListA .swiperNext{ right: 0;}

.z-imgListB .swiper{ margin: 0 -5px;}
.z-imgListB .h3{ font-size: 12px;}
.z-imgListB .swiperArrow{ display: block; transform: translateY(-15px);}
.z-imgListB .swiperPagination{ display: block;}
.z-imgListB .swiperPrev{ left: 0;}
.z-imgListB .swiperNext{ right: 0;}
.z-imgListB .pd{ margin: 0 5px;}

.z-sourceA{ margin-bottom: 0;}

.z-newsList .h3{ font-size: 14px;}

.z-proFl .wpd{ position: relative; top: auto;}
.z-proTit{ display: none;}
.z-proNav li{ width: 33.3333%;}
.z-pNav li{ width: 33.3333%;}

.z-proList li{ width: 50%;}
.z-proList .em{ font-size: 12px;}
.z-proList .h3{ font-size: 14px;}
.z-proList .m a{ flex: 1; display: flex; justify-content: center; flex-direction: column; height: auto; margin-right: 1px;}
.z-proList .m a:last-child{margin: 0; padding: 8px 0;}
.z-proList .m i{ text-align: center; line-height: 1; margin-bottom: 4px;}
.z-proList .m span{ font-size: 10px; margin: 0; display: block; text-align: center; line-height: 1;}

.z-proInfoA_fr .t{ font-size: 24px;}
.z-proInfoA_fr .c{ font-size: 14px;}
.z-proInfoA_fr .m a{ flex: 1; flex-direction: column;}
.z-proInfoA_fr .m a:last-child{ margin-right: 0;}
.z-proInfoA_fr .m a i{ width: auto; }
.z-proInfoA_fr .m a span{ text-align: center;}

.z-prorz ul li{ flex: 1;}
.z-prorz li img{ width: 100%; height: auto; max-height: 50px; object-fit: contain;}


.proTj .swiperArrow{ color: #999;}

.z-about-contact ul{ display: block; margin: 0;}
.z-about-contact li{ width: auto; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 30px;}
.z-about-contact li:last-child{ margin-bottom: 0;}
.z-about-contact .h3{ font-size: 24px; margin:5px 30px 0 0; line-height: 1;}
.z-about-contact .p{ flex: 1;}
.z-about-contact .pd{ margin: 0; display: flex;}

.z-contactInfo{ padding: 0;}
.z-contactInfo .img{ margin: 0;}
.z-contactInfo .text{ padding: 30px;}
.z-contactInfo .t{ font-size: 20px;}
.z-contactInfo .c{ font-size: 14px; min-height: inherit;}

.z-contactInfo .em ul{ margin: 0 -20px;}
.z-contactInfo .em .pd{ margin: 0 20px;}
.z-contactInfo .em ul{ flex-wrap: wrap;}
.z-contactInfo .em li{ width: 50%;}

.z-msg li{ width: 100%;}

.z-caseListA .img img{ aspect-ratio: 640/480;}
.z-caseListA .em{ margin-bottom: 5px;}
.z-caseListA .p{ line-height: 1.5em; height: 3em; -webkit-line-clamp: 2;}
.z-caseListA .h3{ font-size: 16px; margin-bottom: 10px;}
.z-caseListA .i{ width: 32px; height: 32px;}
.z-pHead{ margin-bottom: 20px;}

.z-imgListA .swiperArrow{}

.z-iAbout-num .pd{ padding: 10px 0;}
.z-iAbout-num .t strong{ margin-bottom: 5px;}

.z-iAbout-num{ margin: 0 30px;}


.z-imgListA .text{ padding: 5px 0;}


.z-proInfoB{ flex-wrap: wrap; display: block;}
.z-proInfoBFl{ margin-bottom: 30px;}
.z-proInfoBFr{ width: auto; margin: 0;}

.z-newsList ul{ margin: 0 -4px;}
.z-newsList .pd{ margin: 0 4px;}

.z-proTypeC .i{ display: none;}
.z-proTypeC .h3{ margin-right: 0;}

.z-aboutD{ padding: 60px 0;}

.z-pMainIntro6,
.z-pMainIntro5,
.z-pMainIntro4,
.z-pMainIntro1,
.z-pMainIntro3,
.z-pMainIntro2{ padding-top: 30px;}
}
@media screen and (max-width:480px){
.wp{ margin:0 25px;}
.cartBox{ left: 25px; right: 25px;}

.z-iAbout-num{ margin: 0 25px;}

.z-titC{ margin-bottom: 20px;}
.z-aboutA .z-titC{ margin-bottom: 0; text-align: center;}
.z-aboutA .z-titC .t{ text-align: center;}
.z-proInfoA_fr .m a{ margin-right: 8px;}
}
@media screen and (max-width:413px){
.wp{ margin:0 20px;}
.cartBox{ left: 20px; right: 20px;}

.z-iAbout-num{ margin: 0 20px;}
}
@media screen and (max-width:374px){
.wp{ margin:0 15px;}
.cartBox{ left: 15px; right: 15px;}

.z-iAbout-num{ margin: 0 15px;}


.logo{ font-size: 32px;}
.z-proNav a{ font-size: 12px;}
.z-pNav .pd{ font-size: 12px;}
.z-pBanner .h3{ font-size: 18px;}
.z-infoA{ font-size: 14px;}
.z-proInfoA_fr .t{ font-size: 18px;}
.z-titC .t{ font-size: 18px;}
.z-titD{ font-size: 18px;}
.z-proList ul{ margin: 0 -3px;}
.z-proList .pd{ margin: 0 3px;}
.z-proList .m span{ font-size: 8px;}

}

.proBi{ margin-bottom: 40px;}
.cartTable{ position: relative;}
.cartTable:after,
.cartTable:before{ content: '右滑查看更多'; background: #f00; color: #fff; padding: 0 0.5em; display: none; }
.cartTable table{ border-collapse: collapse; border: 1px solid #ccc; width: 100%;}
.cartTable tr{}
.cartTable td{ border: 1px solid #ccc; padding: 0.5em;}
.cartTable td:first-child{ background: #f1f1f1; font-weight: bold;}

/* .pMainProApp1_2{ display: none !important;} */








.infoA{ font-size: 16px; position: relative; width: 1200px; margin: 0 auto;}
.infoA_Fl{ width: 740px; box-sizing: border-box;}
.infoA_Fr{ box-sizing: border-box; position: absolute; right: 0px; top: 0px; left: 780px;}
.infoAbox{ padding: 20px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 10px;}
.infoAtit{ text-align: center; margin-bottom: 36px; }
.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold;}
.infoAtit p{ padding-top: 1em; color: #666;}
.infoAcon{ color: #666; line-height: 1.75;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline; height: auto !important;}
.infoAcon strong{ }
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #46a981; font-weight: bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #46a981; color: #fff;background-image: linear-gradient(to right, #00B478, #00a0f0);}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #46a981; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}

.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; padding:20px 5px;}
.recommended1{ margin-bottom: 30px;}
.recommendedTit{font-size:24px;margin-bottom:1em;margin-left:20px;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{/* max-height:500px;overflow-y:auto; */padding:10px;}
.recommendedList li{margin-bottom:20px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:5px;left:0px;top:0.5em;background:#46a981; background-image: linear-gradient(to right, #00B478, #00a0f0);}
.recommendedList strong{ display: block;display:block;line-height:1.4em; height: 1.5em; font-size:14px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 12px;}
.recommendedList .pd:hover{color:#46a981;}

@media screen and (max-width:1366px){
.infoA{ width: auto;}
}

@media screen and (max-width:980px){
.infoA_Fl{ width: auto; margin-bottom: 30px;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto;}
.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
}
@media screen and (max-width:480px){
.infoA{ font-size: 14px;}
.infoAtit p{ font-size: 12px;}
.recommendedList strong{ font-size: 14px; margin-right: 70px;}
.recommendedList em{ font-size: 12px;}
}






.z-msgBoxBg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; display: none;}
.z-msgBox{ position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 99999; width: 640px; max-width: 90%; border-radius: 6px; display: none;}
.z-msgBox .wpd{ padding: 30px;}
.z-msgBox.curr{ display: block;}
.z-msgBox .icon-guanbi{ position: absolute; right: -1em; width: 2em; height: 2em; border-radius: 50%; top: -1em; font-size: 16px; color: #46a981; cursor: pointer; background: #f5f5f5; text-align:center; line-height: 2em; cursor: pointer; transition: 0.3s all;}
.z-msgBox .icon-guanbi:hover{ transform: rotate(180deg);}
.z-msgBoxList{}
.z-msgBoxList ul{ margin: 0 -15px; display: flex; flex-wrap: wrap;}
.z-msgBoxList li{ width: 50%; margin-bottom: 30px;}
.z-msgBoxList li.w100{ width: 100%;}
.z-msgBoxList .pd{ display: block; margin: 0 15px; position: relative;}
.z-msgBoxList .t{ display: flex; position: absolute; left: 20px; top: 0; height: 40px; align-items: center; font-size: 16px; z-index: 2;}
.z-msgBoxList .t strong{ color: #595757; font-weight: normal; }
.z-msgBoxList .t em{ color: #46a981; margin-left: 0.2em;}
.z-msgBoxList .c{ position: relative;}
.z-ipt_t3{ width: 100%; height:40px; box-sizing: border-box; background: #f5f5f5; color: #46a981; font-size: 16px; padding: 0 20px 0 70px; border:none; border-radius: 6px;transition: 0.3s all;}
.z-ipt_t3:focus{ box-shadow: 0 0 10px #46a981;}
.z-ipt_t3.curr:focus{ box-shadow: 0 0 10px #f00;}
.z-ipt_t3_2{ padding-left: 90px;}
.z-ipt_t3_3{ display: none;}
.z-ipt_text3{ width: 100%; height:110px; overflow: hidden; resize: none; box-sizing: border-box; background: #f5f5f5; color: #46a981; font-size: 18px; padding: 40px 20px 20px 20px; border:none; border-radius: 6px;}
.z-ipt_text3:focus{ box-shadow: 0 0 10px #46a981;}
.z-ipt_text3.curr:focus{ box-shadow: 0 0 10px #f00;}
.z-ipt_b3{ width: 100%; height: 40px; background: #231815; color: #fff; box-sizing: border-box; padding: 0; border: none; font-size: 20px; border-radius: 6px; transition: 0.3s all;}
.z-ipt_b3:hover{ background: #46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff;}
.z-yzm{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 35px; width: 120px; object-fit: contain; cursor: pointer;}

.z-msgBoxList.curr{ display: none;}

.z-msgBoxBtn{ display: none;}
.z-msgBoxBtn .h3{ font-size: 32px; color: #00B478; text-align: center; line-height: 2em; text-align: center; height: 200px; display: flex; justify-content: center; align-items: center;}
.z-msgBoxBtn .m a{ width: 100%; height: 40px; background: #231815; color: #fff; box-sizing: border-box; padding: 0; border: none; font-size: 20px; border-radius: 6px; transition: 0.3s all;background: #46a981;background-image: linear-gradient(to right, #00B478, #00a0f0); color: #fff; display: block; text-align: center; line-height: 40px; overflow: hidden;}
.z-msgBoxBtn.curr{ display: block;}

@media screen and (max-width:640px){
.z-msgBox .wpd{ padding: 20px;}
.z-msgBoxList ul{ margin: 0 -5px;}
.z-msgBoxList .pd{ margin: 0 5px;}
.z-msgBoxList li{ margin-bottom: 10px; width: 100%;}
.z-msgBoxList .t{ font-size: 14px;}

}