.product{display: flex; flex-wrap: wrap; width: calc(100% + 20px);}
.product .img img{width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: block;}
.product a{display: block; overflow: hidden; border-radius: 5px; width: calc((100% - 20px)/3); height: 0; padding-bottom: calc((100% - 60px)/3); box-sizing: border-box; background: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.product a .img{overflow: hidden;}
.product a:hover .img img{transform: scale(1.05);}
.product a:first-child{width: calc((((100% - 20px)/3)*2) + 10px);}
.product a:nth-of-type(3n+2){margin-right: 0;}
.product .productsortblack{position:absolute; left:0; bottom:0; width:100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0)); height: 150px; z-index: 2;}
.product .prosorttext{position:absolute; left:25px; bottom:20px; z-index: 3; color:#fff;}
.product .prosorttext h2{}
.product .prosorttext .iconfont{margin-left:10px;}

.idx_pro{}
.idx_pro .wrapper { position: relative;}
.idx_pro .pro_swiper { overflow: hidden; position: relative;}
.idx_pro .pro_swiper .pro_swiperbox{background:#fff; padding:15px 15px 20px; width:auto;}
.idx_pro .pro_swiper .swiper-slide{text-align: center;position: relative;z-index: 1;}
.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{ position: absolute; left:8px; top:10px; font-size: 20px; line-height: 1; color:#000;}
.idx_pro .swiper-button-prev i{ left:12px;}
.idx_pro .swiper-button-prev{ top:48%;width: 40px;height: 40px; background: #fff; border-radius: 50%; -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;}
.idx_pro .swiper-button-next{top: 48%;width: 40px;height: 40px; background: #fff; border-radius: 50%; -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;}
.idx_pro .swiper-button-prev:hover,.idx_pro .swiper-button-next:hover{background: #167965;}
.idx_pro .swiper-button-prev:hover i,.idx_pro .swiper-button-next:hover i{ color:#fff;}
.idx_pro .swiper-button-next i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.idx_pro .img {overflow: hidden;}
.idx_pro .img img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.idx_pro .swiper-slide:hover .img img{transform: scale(1.05); transform: translate(-50%,0);}
.idx_pro h2{ text-align: center; font-size:16px; line-height: 1.6; padding: 20px 0 0;}
.idx_pro .swiper-pagination{bottom:-40px;}
.idx_pro .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_pro .swiper-pagination-bullet-active{width:20px !important;background: #058638 !important;opacity: 1 !important;}

.photo{padding:40px 0 30px; background:#f7f7f7; position: relative;}
.photo .img{padding-bottom:62%; position: relative; display: block; width: 100%; overflow: hidden;}
.photo .img img{ position: absolute; left: 50%; top: 0; width: auto; height: 100%; *height: auto; transform: translate(-50%,0);}
/* 头部 */
.head_wrap {position: fixed; top: 0; width: 100%; z-index: 99; background-color: transparent;transition: 0.3s;}
.head_top {z-index: 3000; position: relative;}
.head {box-sizing: border-box;height: 110px; display: flex; justify-content: space-between; align-items: center; z-index: 9; padding:0 2%}
.head .logo {width: 150px; background: url(../images/logo.png); display: block; height:75px; background-size: 100%; transition: 0.3s;}
.head .middle {width: auto;}
.head .middle.active{opacity: 0;}
.head .middle  ul {display: flex; justify-content: space-between; align-items: center;}
.head .middle  ul li .amenu { color: #fff; position: relative;font-size: 16px;line-height: 110px;height: 110px; margin: 0 25px; display: block;}
.head .middle  ul li .amenu:after { content: ""; display: block; width: 0; height:2px; background:#167965; left: 50%; transform: translateX(-50%); bottom: 0; transition: all .3s; position: absolute;}
.head .middle  ul li:hover .amenu::after {width: 100%;}
.head_wrap .middle  ul li .amenu.cur {font-weight:bold;color:#167965;}
.head .middle ul li {position: relative;}
.head .middle ul li .menu-body dl dd a:hover {color:#167965;}
.head .middle ul li .menu-body{position: absolute; width: 100%; left: 0px; top: 100%; z-index: 10; display: none; transition:all 0.6s ease;}
/* @keyframes menudown {0% {transform: translateY(-20px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}} */
.head .middle ul li.active .menu-body{display: block;height: auto;}
/* .head .middle ul li.active .menu-body,.head .middle .lang.active .menu-body{animation: menudown 0.5s ease both 10ms;} */
.head_wrap .menu_hover { transition: all 0.4s ease; background:#fff; display: block !important; width: 100%; height: 0px; z-index: 10; position: absolute; top: 110px; left: 0px; box-shadow: 0 0 2px #bbb;}
.menu-body dl { padding:20px 0 0; text-align: center;}
.menu-body h2{font-size: 16px; color:#000}
.menu-body dl dd { line-height:35px;}
.menu-body dl dd a {font-size: 16px; color: #666; display: block;}
.menu-body dl dd .second a {font-size: 16px; color: #999; line-height: 35px;}
.menu-body dl dd.active{z-index: 10;}

.head .middle ul li:nth-of-type(2) .menu-body {width:100%; height: auto;}
.head .middle ul li:nth-of-type(2) dl {display: flex;justify-content:center;}
.head .middle ul li:nth-of-type(2) dl dd { margin: 0 40px; text-align: left;}
.head .middle ul li:nth-of-type(2) dl h2 {font-size:16px; color:#167965;}
.head .middle ul li:nth-of-type(2) .menu-body dl dd .second {padding:0;}
.head .middle ul li:nth-of-type(2) dl dd>a { color: #666;}
.head .middle ul li:nth-of-type(2) dl dd>a:hover{color:#167965;}
.head .middle ul li:nth-of-type(2){position: unset;}
.head .middle ul li:not(:nth-of-type(2)) .menu-body{left: 50%; transform: translateX(-50%); position: absolute; min-width: 180px; white-space: nowrap; text-align: center;}

.head .right{display: flex; justify-content: space-between; align-items: center; color:#fff;}

.head-sear{}
.head-sear-icon { width: 24px; height: 80px; cursor: pointer; display: flex; align-items: center;}
.head-sear .iconfont{font-size: 22px; color:#fff;}
.head-sear-box { width: 100%; height: 110px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 2px #bbb; display: none; position: absolute; left: 0; top: 0; z-index: 9999;}
.search-box { width: 40%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-bottom: 1px solid #ccc;}
.search-but { width: 30px; line-height: 40px;}
.search-but img { width: 100%; transition: all 0.5s ease;}
.search-input {width: calc(100% - 30px);}
.search-input input { font-size: 16px; line-height: 40px; color: #666;  width: 100%; padding:0 10px; box-sizing: border-box; transition: all 0.5s ease;}
.sear-close{ cursor: pointer; position:absolute; right:110px; top:40px; z-index: 99999;}
.sear-close .iconfont{font-size:36px; display: block; line-height: 1; transition: all 0.5s ease;}
.sear-close:hover .iconfont{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.head-lang-top {display: flex; align-items: center; cursor: pointer;}
.head-lang-info {line-height: 110px; transition: all 0.5s ease;; padding-left: 4px; padding-right: 4px;}
.head-lang-icon .iconfont {display: block; font-size: 18px; margin-right:5px; transition: all 0.5s ease;}
.head-lang-btm { position: absolute; top: 100%; right: 0; background: #fff; width:120px; text-align: center; padding:0; display: none; z-index: 999;}
.head-lang {position: relative; margin-left: 30px; z-index: 999;}
.head-lang-btm{background: #eee;}
.head-lang-btm a { padding: 7px 0; display: flex; align-items: center; justify-content: center; color: #333;}
.head-lang-btm a img {width:23px; height: 15px; margin-right: 5px;}
.head-lang-btm a:hover{background: #fff;}
.head-lang-top.act .head-lang-icon .iconfont {transform: rotate(180deg);}

.head_wrap:hover{background: #fff;}
.head_wrap:hover .head .middle ul li .amenu,.head_wrap:hover .head .right,.head_wrap:hover .head-sear .iconfont { color: #333;}
.head_wrap.active{background: #fff; border-bottom: 1px solid #e4e4e4;}
.head_wrap.active .head .middle  ul li .amenu,.head_wrap.active .head .right,.head_wrap.active .head-sear .iconfont { color: #333;}
.head_wrap.active .head .logo,.head_wrap:hover .head .logo {width: 150px; background: url(../images/logo2.png); display: block; height:75px; background-size: 100%;}
.head_wrap.hidden {transform: translateY(-100%); -ms-transform: translateY(-100%);-moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%);}
.head_wrap.active {transform: translateY(0); -ms-transform: translateY(0);-moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0);}
.head_wrap.white {background: #fff; border-bottom: 0px solid #e4e4e4;}
.head_wrap.white .head .middle ul li .amenu,.head_wrap.white .head-sear .iconfont,.head_wrap.white .head .right{color: #333;}
.head_wrap.white .head .logo{width: 150px; background: url(../images/logo2.png); display: block; height:75px; background-size: 100%;}
.head_wrap.white .middle  ul li .amenu.cur {font-weight:bold;color:#167965;}
.head_wrap:hover .middle  ul li .amenu.cur,.head_wrap.white .middle  ul li .amenu.cur,.head_wrap.white .middle  ul li .amenu.cur a,.head_wrap:hover .middle  ul li .amenu.cur a{font-weight:bold;color:#167965;}
/**banner**/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px; display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 18px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .swiper-slide:before{content: ''; background:rgba(0,0,0,.2); width:100%; height:100%; display: none; position:absolute; left:0; top:0;}
.banner .swiper-slide img{width:100%;object-fit: cover;}
.banner .swiper-pagination{bottom:10px;}

/* .banner .swiper-pagination .swiper-pagination-bullet {height: 4px; width:40px; border-radius: 2px; margin: 0 5px; opacity:1; background-color: rgba(255, 255, 255, 0.5); position: relative}
.banner .swiper-pagination .swiper-pagination-bullet:after {content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #ffff00}
.banner .swiper-pagination .swiper-pagination-bullet-active:after {width: 100%;	animation: aniWidth 5s linear forwards}
@keyframes aniWidth {
	0% {width: 0%}
	100% {width: 100%}
}
@keyframes scl {
	0% {top: -0.42rem;opacity: 1}
	100% {top: 0.42rem;opacity: 1}
} */
.banner .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 10px; opacity: 1; background: #fff; position: relative; cursor: pointer;}
.banner .swiper-pagination .swiper-pagination-bullet::before { width: 30px; height: 30px; opacity: 0; background-image: url(../images/circle.png); background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
.banner .swiper-pagination .swiper-pagination-bullet-active::before { -webkit-animation: rotate 4s linear infinite; animation: rotate 4s linear infinite; opacity: 1; }
@keyframes rotate {0% {-webkit-transform: rotate(0deg) translate(-50%, -50%); transform: rotate(0deg) translate(-50%, -50%); }
  100% {-webkit-transform: rotate(360deg) translate(-50%, -50%); transform: rotate(360deg) translate(-50%, -50%);}}
@-webkit-keyframes rotate {0% { -webkit-transform: rotate(0deg) translate(-50%, -50%); transform: rotate(0deg) translate(-50%, -50%);}
  100% {-webkit-transform: rotate(360deg) translate(-50%, -50%); transform: rotate(360deg) translate(-50%, -50%);}}

.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.banner .PC_ban .swiper-slide{height: 36.45833vw;}
.banner .PC_ban .swiper-slide img{display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

.banner .mobfont {position: absolute; left:8%; width:43%; top: 38%; line-height: 1.5; color: #fff; text-align: left; z-index: 99; opacity: 0;}
.banner .swiper-slide-active .mobfont{opacity: 1;}
.banner .swiper-slide-active .mobfont h2{font-size:1.45833vw; line-height: 1; animation: bannertextdow 1s ease both 400ms;}
.banner .swiper-slide-active .mobfont h3{font-size:2.08333vw; padding:15px 0 30px; color:#fff; animation: bannertextdow 1s ease both 800ms;}
.banner .swiper-slide-active .mobfont h4{font-size:16px; border-radius: 30px; background: url(../images/bjt.png) no-repeat right 20px center; border:2px solid #fff; width:max-content; padding:0 60px 0 30px; line-height: 40px; animation: bannertextdow 1s ease both 1200ms;}
.banner .swiper-slide-active .mobfont a h4{color:#fff; text-decoration: none;}
.banner .swiper-slide-active .mobfont a:hover h4{background: url(../images/bjt.png) no-repeat right 20px center rgba(255, 255, 255, 0.2);}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(20px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-slide-active img { animation: mysacle 4s ease both;}
@keyframes mysacle { 0% { transform: scale(1.05);}}
.swiper-slide-active{opacity: 1 !important;}

/* .productsort { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; width: 100%;}
.productsort-item {position: relative; overflow: hidden; border-radius: 4px;}
.productsort-item img{transition: all 0.4s ease;}
.productsort-item:hover img{transform: scale(1.1);}
.productsort-item .productsortblack{position:absolute; left:0; bottom:0; width:100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0)); height: 150px; z-index: 2;}
.productsort-item .prosorttext{position:absolute; left:25px; bottom:20px; z-index: 3; color:#fff;}
.productsort-item .prosorttext h2{font-size:22px;}
.productsort-item .prosorttext .iconfont{margin-left:10px;}
.productsort-item:first-child { grid-column: span 2;}
.productsort{}
.productsort ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row;}
.productsort li{ width:calc(33.333% - 9px); margin-right:9px; overflow: hidden;}
.productsort li:nth-child(2),.productsort li:nth-child(5){margin-right:0}
.productsort li:nth-child(1){width:66.666%} */
.brandwrap { background: #cce9e5; position: relative; background-repeat: no-repeat; background-position: right bottom; background-size:56.5vw;}

/*无组织架构 .brandwrap .brandwrap-l{width:53%;}
.brandwrap .brandwrap-r{width:40%;} */
.brandwrap .brandwrap-l{width:calc(100% - 650px);}
.brandwrap .brandwrap-r{width:550px;}
.brandwrap .brandwrap-r .brandimg{text-align: center;}
.brandwrap .brandwrap-r .brandimg img{width:150px; display: inline-block;}
.brandwrap .brandwrap-r .brandimg img:first-child{margin-right:20px;}
.brandwrap .brandwrap-r .zzjg{padding:20px 0 0;}
.brandwrap .brandtit-en{color:#000; font-family: "Lato-Bold"; line-height: 1.2;}
.brandwrap .brandtit-en span{display: block;}
.brandwrap .brandtit-cn{font-weight: bold; color:#000; padding:0 0 10px;}
.brandwrap .brandtit-desc{line-height: 2;}
.brandwrap .brandtit-desc p{padding:7px 0; text-indent: 2em;}
.homeaboutit{font-weight: bold; color:#000; line-height: 1;}
.homeabout { background: #cce9e5;}
.aboutinfo{padding-left:0;}
.aboutinfodesc{padding:25px 0 0;}
.aboutinfodesc p{padding:5px 0; text-indent: 2em;}
.homenumber{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between;}
.homenumber li{width:23.5%; border-top:0px solid #000; background: no-repeat right bottom; background-size: 2.65vw;}
.homenumber.three{text-align: center;}
.homenumber.three li{width:30%;background: no-repeat right 10px bottom;text-align: center;}
.circle{border-radius: 2px; overflow: hidden; margin-bottom: 20px;}
.num-top { color:#000;}
.num-tit{ color:#000; font-size: 2.5vw; font-family: "Barlow-SemiBold";}
.num-word {line-height: 1.5;}
.cnnumber{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.cnnumber li{width:19.2%; margin-right:1%; color:#fff; background-color: rgba(0, 0, 0, .25); text-align: center; padding:0 15px 25px;}
.cnnumber li:nth-child(5){margin-right:0;}
.cnnumber .num-top { color:#fff; text-align: center;}
.cnnumber .num-tit{ color:#f9c152; text-align: center;}
.cnnumber .num-word{border-top: 1px solid rgba(255, 255, 255, .2); padding:10px 0 0;}

.indextitle{text-align: center; color:#888; padding:0 0 2.6vw;}
.indextitle.nopadding{padding:0;}
.indextitle h2{color:#000; line-height: 1; margin-bottom: 10px;}
.indextitle span{display: block;}
.youshiitem{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; overflow: hidden;}
.youshiitem:nth-child(2n){ flex-direction: row; margin-top:6.25vw;}
.youshiitem .youshiitem-l{width:60%; border-radius: 5px; overflow: hidden; transition: all ease 0.5s;}
.youshiitem .youshiitem-l img{width:100%;}
.youshiitem.active .youshiitem-l{width:100%;}
.youshiitem .youshiitem-r{width:35%}
.youshiitem .youshititle{padding:20px 0 0; position: relative;}
.youshiitem .youshititle:after{display: block; width:40px; height:3px; background: #167965; content: '';}
.youshiitem .youshidesc{padding:35px 0; color:#555; text-indent: 2em;}
.btnmore{border: 1px solid #aaa; width:max-content; display: block; padding:0 30px; border-radius: 30px; line-height: 40px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; transition: all ease 0.5s;}
.btnmore .iconfont{font-size:14px; display: block; margin-left:10px;}
.btnmore:hover{background: #167965; border:1px solid #167965; color:#fff; padding:0 40px;}
/*内页banner*/
.mainbanner { position: relative; overflow: hidden;}
.mainbanner .image { width: calc(100% + 4vw); height: 36.45833vw;}
.mainbanner .image img { width: 100%; object-fit: cover; -webkit-object-fit:cover; -moz-animation: translateX 10s ease; -webkit-animation: translateX 10s linear 0.4s forwards; animation: translateX 10s linear 0.4s forwards; /*-webkit-animation: scale 7s ease; -moz-animation: scale 7s ease; animation: scale 7s ease;*/}
.bannerfont{ position:absolute; left:0; bottom:0; z-index: 9; width: 100%; top:50%; transform: translateY(-50%);}
.bannerfont h3{font-size: 36px;line-height: 1.5; color:#fff; animation: bannertextright 1s ease both 300ms;}
@keyframes bannertextright {0% {transform: translateX(80px);opacity: 0;}100% {transform: translateX(0px);opacity: 1;}}
/* 内页分类 */
.navlist{ /* position: -webkit-sticky; position: sticky; top: 110px; border-bottom: 1px solid #E8EBEB;*/ position:absolute; left:0; bottom:0; z-index: 9; width: 100%; background-color: rgba(0, 0, 0, .15);/* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/}
.navlist ul li.active a{color: #fff;}
.navlist ul {height: auto;}
.navlist ul li {position: relative; line-height: 50px; float:left; margin-right: 40px;}
.navlist ul li::after{content: ''; position: absolute; left:50%; bottom: 0; display: block; width:0px; height: 2px; background: #ff0; transition: all 0.5s ease;}
.navlist ul li:hover::after,.navlist ul li.active::after{ width:100%; left:0;}
.navlist ul li a {font-size: 16px; color:#fff;}

.detailtit{position: relative; line-height: 1; margin-bottom: 25px;}
.detailtit .title { font-size: 26px; color: #333333; text-align: left; font-weight: bold; margin-top: 10px;}
.detailtit .desc{font-size:18px; color:#777;}
.detailtit .line { width: 1vw; height: 3px; background-color: #167965; position: relative; overflow: hidden; margin-left:15px;}
.detailtit .line::after { position: absolute; top: 0px; right: 0px; width:1vw; height: 100%; background-color: #24c5a5; content: ""; display: block;}
.linewidth { -webkit-animation-name: linewidth; -moz-animation-name: linewidth; animation-name: linewidth;}

/*产品*/
.margintop-xxl{margin-top:6.25vw;}
.margintop-xl{margin-top:4.5vw;}
.margintop-l{margin-top:3.12vw;}
.margintop{margin-top:1.56vw;}
.padding-xxl{padding:6.25vw 0;}
.padding-xl{padding:4.5vw 0;}
.padding-l{padding:3.12vw 0;}
.padding{padding:1.55vw 0;}

.paddingtop-xlg{padding-top:8vw}
.paddingtop-xxl{padding-top:6.25vw;}
.paddingtop-xl{padding-top:4.5vw}
.paddingtop-l{padding-top:3.12vw;}
.paddingtop{padding-top:1.56vw;}
.paddingtop-sm{padding-top:0.78vw;}
.paddingbottom-xxl{padding-bottom:6.25vw;}

.sorttitle{padding-bottom:30px; color:#000; line-height: 1;}
.sorttitle i{position: relative; margin-left: 20px;}
.sorttitle i::after{position:absolute; width:60px; height: 2px; background: #999; left:0; top:50%; content: ''; display: block;}
.sortcontent{text-align: left; max-width:1160px;}
@media screen and (max-width: 1700px) {
  .sortcontent{max-width: 1110px; padding-right: 0;}
}
@media screen and (max-width: 1600px) {
  .sortcontent{max-width: 1040px; padding-right: 0;}
}
@media screen and (max-width: 1480px) {
  .sortcontent{max-width: 880px; padding-right: 0;}
}
@media screen and (max-width: 1366px) {
  .sortcontent{max-width: 730px; padding-right: 0;}
}
.sortcontent.noprt{padding-right:0;}
.sortcontent strong{font-size:18px; font-weight: bold; color:#167965;}
.sortcontent p{text-indent: 2em;}
.sortcontentwrap{background: #f9f9f9; position: relative;}
.sortcontentwrap .sortimg{ position: absolute; right:0; bottom:4.5vw; max-width: 400px;}
.sortlist{display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.sortlist .sortlist-left{width:39%; overflow: hidden;}
.sortlist .sortlist-left img{width: 100%; transition: all .5s ease;}
.sortlist .sortlist-left img:hover{transform: scale(1.05);}
.sortlist .sortlist-right{width:55%}
.sortlist .sortlist-right .sortlist-tit{color:#000;}
.sortlist .sortlist-right .sortlist-tit em{color:#167965; font-size: 18px; display: inline-block; margin-left: 10px;}
.sortlist .sortlist-right .sortlist-desc{color:#777; padding:10px 0; line-height: 1.6; font-size: 15px;}
.sortlist .sortlist-right .sortlist-desc p{padding:3px 0; text-indent: 2em;}
.sortlist .sortlist-right .sortlist-item{}
.sortlist .sortlist-right a{border:1px solid #bbb; text-align: left; padding:8px 15px; box-sizing: border-box; line-height: 1.6; width:32%; display: flex; align-items: center; margin-top:2%; margin-right:2%}
.sortlist .sortlist-right a:nth-child(3n){margin-right:0}
.sortlist .sortlist-right a:hover{border:1px solid #000;}
.yyline{border-top: 1px solid #ddd;}
.protedian{background: #f9f9f9; padding: 5vw 0;}
.yingyong{padding-top:20px;}
.yingyong li{width:23.5%; margin-right:2%; margin-top:2%; position: relative;}
.yingyong li:nth-child(4n){margin-right:0}
.yingyong li::before{content:''; display: block; position:absolute; left:0; top:0; width:100%; height: 100%; z-index: 0; background: rgba(0, 0, 0, 0.2); transition: all .5s ease;}
.yingyong li:hover::before{background: rgba(0, 0, 0, 0)}
.yingyong li h2{position:absolute; font-size:18px; left:0; top:0; width: 100%; height: 100%; letter-spacing: 2px; display: block; color:#fff; display: flex; align-items: center; justify-content: center; text-align: center;}

.promain{padding:0;}
.promain li{width:100%; background-color: #fff;}
.promain li:nth-child(2n){background-color: #f7f7f7;}
.promain .promainflex{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.promain li:nth-child(2n) .promainflex{flex-direction: row-reverse;}
.promain .promain-lt{width:50%; overflow: hidden;}
.promain .promain-rt{width:45%;}
.promain .promaincontent{margin:20px 0 25px;}
.promain .promaincontent p{text-indent: 2em;}
.promain .promain-lt img{width:100%; object-fit: cover; height: 26.0416vw; transition: all .5s ease;}
.promain li:hover img{transform: scale(1.05);}
.promain .sortcontent-top {padding:0;}
.promain .sortcontent-down { width:max-content; display:block; padding:10px 30px; line-height: 1.5; text-align: center; font-size: 14px; border: 1px solid #666; transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.promain .sortcontent-down:hover{ background-color: #167965; border-color:#167965; color:#fff;}
/*新闻*/
.newstitle{text-align: center; line-height: 1; margin-bottom: 40px;}
.newslist{}
.newslist li{width:48%; margin-right:4%; margin-top:2%; margin-bottom:2%; background: #FFF; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);}
.newslist li:nth-child(2n){margin-right:0;}
.newslist li:nth-child(-n+2){margin-top:0;}
.newslist li h2{margin:10px 0; line-height:28px; min-height: 60px;}
.newslist li .addtime .iconfont{font-size: 16px; display: inline-block; margin-right:10px;}
.newslist li .more .iconfont{font-size: 16px; display: block; color:#167965; transition: all .5s ease;}
.newslist li .newsbox{ padding:20px 30px; border-top:0;}
.newslist li .newsimg{overflow: hidden;}
.newslist li .newsimg img{width: 100%; transition: all .5s ease;}
.newslist li:hover .newsimg img{transform: scale(1.05);}
.newslist li:hover .more .iconfont{transform:translateX(10px);color:#222;}

.newscon-lt{width: calc(100% - 460px);width: -webkit-calc(100% - 460px); padding-right: 60px;border-right: 1px solid #ddd; margin-top: 20px;}
.newscon-rt{width: 400px; margin-top: 20px;}
.news-title{font-size: 24px;color: #000;line-height: 1;margin-bottom: 30px;}
.news-tj a{	margin-top: 15px;display: block;overflow: hidden;padding: 25px 35px;background: #f5f5f5;transition: all .5s ease; -webkit-transition:all .5s ease;}
.news-tjtit{color: #333;line-height: 35px;height: 70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .5s ease; -webkit-transition:all .5s ease;}
.news-time{font-size: 12px;color: #808080;	margin-top: 15px;transition: all .5s ease;  -webkit-transition:all .5s ease;}
.news-tj a:hover{background-color: #167965;transition: all .5s ease; -webkit-transition:all .5s ease;}
.news-tj a:hover *{	color: #fff;transition: all .5s ease;  -webkit-transition:all .5s ease;}
.newsview{border-bottom:1px solid #ddd; padding:0 0 15px;}
.newsview-tit{margin-bottom: 10px; line-height: 1.5;}
.newsview-desc{font-size: 14px;color: #999;}
.viewcontent{font-size: 16px;color: #333;line-height: 2; margin-top: 20px; min-height: 350px;}
.viewcontent img{display: block; margin:15px auto 0; max-width: 90%;}
.viewcontent p{padding:5px 0;}
.toback{background: url(../images/return.png) no-repeat left center; background-size: 30px; padding-left:40px; font-size:16px; margin-top:30px; color:#888;}

.maintitle{text-align: center; line-height: 1.5; font-size: 16px; letter-spacing: 4px; padding:0 0 50px}

.contactlist{background: url(../images/contactbg.jpg) no-repeat center/cover #eff6f5; padding:4.5vw 0 5vw;}
.contactlist li{width:24.1%; margin-right:1.2%; margin-top:1.2%; border-radius: 6px; line-height: 1.5; background: #fff; font-size: 14px; padding:15px 18px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.contactlist li:nth-child(-n+4){margin-top:0}
.contactlist li:nth-child(4n){margin-right:0}
.contactlist li span{font-size: 16px; font-weight: bold; display: block; margin-bottom: 8px; color:#222;}
.contactlist li p{padding:5px 0;}

.contact-l{width:calc(100% - 460px);}
.contact-r{width:460px; background-color: #cce9e5; padding:3% 3%}
.contact-l .iconfont{ border-radius: 50px; width:45px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; background: #cce9e5; color: #167965; display: block;}
.contact-l .contact-font{width:calc(100% - 65px);}
/* .contact-r::after{content:''; position:absolute; left:-25px; bottom:-20px; width:120px; height: 80px; display: block; background: url(../images/dian.png) no-repeat center/cover;} */
.contact-l .contact-ewm{text-align: center; padding-top: 110px; padding-left:80px;}
.contact-l .contact-ewm img{ margin-bottom:5px; max-width: 140px; border: 1px solid #ccc; border-radius: 8px; overflow: hidden; display: block;}

/* .titleitem{font-size:18px; line-height: 1.5; margin-bottom:40px;}
.titleitem h2 {text-transform: uppercase;font-size: 32px; color: #1a1a1a; font-weight: bold;}
.titleitem h4 {text-transform: uppercase; color: #167965;}
.titleitem .line {width: 40px;height: 2px;background: #167965; margin-top:5px;} */
.titleitem2 li{margin-top: 2vw; line-height: 1.2;}
.titleitem2 li:nth-of-type(1){margin-top:50px;}
.titleitem2 h3{color:#999; font-size: 12px;}
.titleitem2 h4{font-size: 18px; margin:5px 0 0 0;}
.titleitem2 span{font-family: 'Montserrat-R';}
.contact-r .problem { padding: 0px;}
.contact-r .problem ul { border-top: 0px;}
.contact-r .problem ul li {padding:15px 0; border-bottom: 0px;}
.contact-r .problem ul li h3:after {border-left: 2px solid #333; border-top: 2px solid #333; right:0;}
.contact-r .problemcoment p{padding-top:5px;}
.wrapper1260{ width:1260px; margin:0px auto;}
.message {overflow: hidden;}
.message .item { width: 49%; background-color: #f5f5f5; position: relative; padding: 0 10px 0 30px; border-radius: 6px;}
.message .item input { width: 100%; line-height:60px; background: none;}
.message .item .name { position: absolute; top: 54%; left:20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%); font-size:14px;}
.message .item .name span { color: #f08700}
.message .item:nth-child(n+3) { margin-top: 2%;}
.message .item.items { width: 100%}
.message .item.itemtext { padding: 0 10px 0 30px;}
.message .item.itemtext .name {top: 24px;}
.message .item.itemb { background-color: transparent; padding: 0}
.message .item textarea { min-height:120px; padding-top: 10px; width: 100%;  background: none;}
.message .item .btn { font-size:16px; color: #ffffff; width:150px; line-height: 48px; border-radius: 50px; background-color: #167965; cursor: pointer;}
.relative{position:relative;}
.captcha-img{position:absolute;right:10px;top:10px;}
/* .productsort ul {margin:0 -5px;}
.productsort ul li {width: calc(33.33% - 10px); margin: 5px; border-radius: 10px; overflow: hidden;}
.productsort ul li:nth-child(1) { width: calc(59.4% - 10px);}
.productsort ul li:nth-child(2) { width: calc(40.55% - 10px);}
.productsort ul li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.productsort ul li img {width: 100%; height: 28vw; object-fit: cover; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} */
/*研发技术*/
.technology{ background: no-repeat center/cover; position: relative;}
.div-absolute{position:absolute; left:0; top:0; width: 100%;}
.div-absolute p{text-indent: 2em;}
.graybg{background: #f4f4f4;}
.imgcover{background: no-repeat center/cover;}
.whitefont{color:#fff;}
.txtleft{text-align: left;}
.txtcenter{text-align: center; width: 100%;}
.txtcenter span{display: block;}
.technology .font32{margin-bottom:10px;}
.technology p{padding:8px 0; text-indent: 2em;}
.technology .wrapper{flex-direction: row; flex-wrap: wrap; display: flex; justify-content: space-between;}
.technology:nth-of-type(2n) .wrapper{flex-direction: row-reverse;}
.technology .technology-l{width:48%}
.technology .technology-r{width:48%;}
.technology .technology-lt{width:50%}
.technology .technology-rt{width:50%;}
.pzitem{position: relative; margin-top:-90px; width:100%;}
.pzitem .wrapper{background: #fff; padding:2vw 0; border-radius: 6px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);}
.pzitem ul{padding:0 2vw; width:100%; box-sizing: border-box;}
.pzitem li{}
.pzitem img{height: 5.2vw;}
/*研发技术新*/
.capacity{background: no-repeat center center/cover; position: relative; height:680px;}
.capacity::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.2); z-index: 0;}
.capacity .capacitylist{}
.capacity .capacitylist li{width:auto; text-align: center;}
.capacity .capacitylist li span{font-size: 42px; color:#f9c152; display: block; font-family: 'Barlow-SemiBold';}
.sblist{padding:40px 0 0;}
.sblist li{width:19.2%; margin-right:1%; margin-top:1%; margin-bottom:1%; overflow: hidden;}
.sblist li h3{text-align: center; padding:10px;}
.sblist li img{transition: all .5s ease;}
.sblist li:hover img{transform: scale(1.05);}
.sblist li:nth-child(5n){margin-right:0}
/*公司*/
.video-pic {width: 100%; position: relative;}
.video-pic img {width: 100%; height: 100%; object-fit: cover}
.video-pic video {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0}
.video-pic>img {width: 100%;opacity: 1}
.video-pic.on>img {opacity: 0}
.video-pic.o1>img {opacity: 0}
.video-pic>video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: all 0.5s;padding-right: 0;cursor: pointer}
.video-pic.on>video {opacity: 1;pointer-events: all}
.video-pic.o1>video {opacity: 1}
.video-pic .btn { position: absolute; left: 50%; top: 50%; width: 50px; transform: translate(-50%, -50%); height: 50px; border:2px solid #fff; cursor: pointer; transition: all 0.5s;    z-index: 10; display: flex!important; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 40px;}
.video-pic .btn::after{content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #fff; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video-pic.on .btn { opacity: 0}
.video-pic.o1 .btn { opacity: 0}

.wenhua{padding:2.5vw 0 0;}
.wenhua li{width:19.2%; margin-right:1%; float:left; position: relative; overflow: hidden;}
.wenhua li::before{content: ""; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(8, 120, 127, 0.3), rgba(255, 255, 255, 0)); z-index: 1;}
.wenhua li:nth-child(5n){margin-right:0}
.wenhua li img{transition: all .5s ease;}
.wenhua li:hover img{transform: scale(1.1);}
.wenhua li .wenhuatit{position:absolute; left:5%; width:90%; bottom:4%; color:#fff; z-index: 2; line-height: 1.6;}
.wenhua li .wenhuatit .font24{margin-bottom: 5px;}

.aboutimgbg { overflow: hidden;}
.aboutimgbg .aboutimg { position: relative;}
.aboutimgbg .aboutimg .prevbtn,.aboutimgbg .aboutimg .nextbtn { position: absolute; top: 42%; display: -webkit-box; display: -webkit-flex; display: -moz-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;  width:45px; height: 45px; border: 2px solid #167965; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2;}
.aboutimgbg .aboutimg .prevbtn{ left: -58px;}
.aboutimgbg .aboutimg .nextbtn{ right: -58px;}
.aboutimgbg .aboutimg .prevbtn i,.aboutimgbg .aboutimg .nextbtn i { font-size:18px; color: #167965; font-weight: bold;}
.aboutimgbg .aboutimg .prevbtn:hover,.aboutimgbg .aboutimg .nextbtn:hover { background-color: #167965;}
.aboutimgbg .aboutimg .prevbtn:hover i,.aboutimgbg .aboutimg .nextbtn:hover i { color: #fff;}
.aboutimgbg .aboutimg .prevbtn i { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.aboutimgbg .aboutimg .swiper-slide:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
.aboutimgbg .aboutimg .swiper-slide .image { border-radius:4px; overflow: hidden;}
.aboutimgbg .aboutimg .swiper-slide .image img { width: 100%; height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.aboutimgbg .aboutimg .swiper-slide .title { margin-top:15px;}
.aboutimgbg .aboutimg .swiper-pagination { display: none;}
/*历程*/
.licheng { overflow: hidden; padding: 10px 0;}
.licheng .lichengimg { margin-top: 4vw;}
.licheng .prevbtn,.licheng .nextbtn {background:#fff; position: absolute; top: 25px; right:0; display: -webkit-box; display: -webkit-flex; display: -moz-box;  display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;  width:35px; height: 35px; border: 1px solid #167965; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2;}
.licheng .prevbtn{ right:60px;}
.licheng .nextbtn{ right:0;}
.licheng .prevbtn i,.licheng .nextbtn i { font-size:16px; font-weight: bold; color: #167965;}
.licheng .prevbtn:hover,.licheng .nextbtn:hover { background-color: #167965;}
.licheng .prevbtn:hover i,.licheng .nextbtn:hover i { color: #fff;}
.licheng .prevbtn i { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.licheng .lichengimg .swiper-slide .content{min-height: 16vw; border-left:1px solid #b1ccd1; padding:0 30px;}
@media(max-width:1480px){
  .head .logo {width: 130px; height:65px;}
  .head_wrap.active .head .logo,.head_wrap:hover .head .logo {width: 130px; height:65px;}
  .menu-body h2{font-size: 14px;}
  .head .middle  ul li .amenu { font-size: 16px; line-height: 100px; height: 100px; margin:0 20px;}
  .menu-body dl dd .second a {font-size: 14px; line-height: 30px;}
  .menu-body dl dd a {font-size: 14px;}
  .head-lang-info {line-height: 100px;}
  .head-sear-box { height: 100px;}
  .head_wrap .menu_hover {top: 100px;}
  .head {height: 100px;}
  .navlist{top: 100px;}
  .aboutimgbg .aboutimg .prevbtn,.aboutimgbg .aboutimg .nextbtn {width:35px; height: 35px;}
.aboutimgbg .aboutimg .prevbtn{ left: -45px;}
.aboutimgbg .aboutimg .nextbtn{ right: -45px;}
.aboutimgbg .aboutimg .prevbtn i,.aboutimgbg .aboutimg .nextbtn i { font-size:16px;}
}
@media(min-width:1760px){
.licheng .lichengimg .swiper-slide .content{min-height: 14.5vw;}
}
.licheng .lichengimg .swiper-slide .year {font-size:30px; font-family: 'Barlow-SemiBold'; line-height: 1.5;}
.licheng .lichengimg .swiper-slide .desc {margin-top:10px; color:#666; line-height: 1.6;}
.licheng .lichengimg .swiper-slide .desc p{margin-top:8px;}
.licheng .lichengimg .swiper-pagination { display: block;}

.abob_wrap{width: 100%; position: relative; margin-top: 4vw;}
.abob_wrap_wrap{position: relative !important; height: 1px;}
.licheng .swiper-pagination-progressbar {background:#cad4d9; position: absolute;}
.licheng .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #167965; height: 2px; top: -1px;}
/*发展历程新*/
.about_history {overflow: hidden; background: url(../images/lcbg.jpg) no-repeat center/cover;}
.about_history .historySwiper {padding:20px 0 80px;}
.about_history .historySwiper .block{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.about_history .historySwiper .block .left_box { width: 50%; border-radius: 10px; overflow: hidden}
.about_history .historySwiper .block .txt_box {color: #fff; width:50%; padding-left:25px; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.about_history .historySwiper .block .txt_box .time {font-size: 36px; font-weight: bold; line-height: 1.5;}
.about_history .historySwiper .block .txt_box .time::after {content:''; display: block; width: 30px; height: 2px; margin-top: 10px; background-color: #fff}
.about_history .historySwiper .block .txt_box .descbox { opacity: 0.8; font-size: 15px; line-height: 1.5; margin-top: 10px;}
.about_history .historySwiper .block .txt_box .descbox p{padding:4px 0;}
.about_history .historySwiper .swiper-slide {-webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s}
.about_history .historySwiper .swiper-slide-active {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
.about_history .historySwiper .swiper-slide-active .txt_box { opacity: 1}
.about_history .bottom_box { height: 90px; position: relative;}
.about_history .bottom_box::after{content:''; position: absolute; left:0; bottom:18px; border-bottom: 1px dashed rgba(255, 255, 255, .5); display: block; width:100%; z-index: 1;}
.about_history .bottom_box .block {text-align: center; height: 100%; cursor: pointer;}
.about_history .bottom_box .block .time {font-size: 20px; color: #fff; line-height: 50px;}
.about_history .bottom_box .block .icon { width: 24px; height: 24px; border-radius: 50%; position: relative; z-index: 2; margin: 10px auto 0; border: 2px solid #ffffff;}
.about_history .bottom_box .block .icon:after {content: ' '; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
/* .about_history .bottom_box .swiper-slide-prev .block { margin-top: -1.302vw}
.about_history .bottom_box .swiper-slide-next .block { margin-top: 1.042vw} */
.about_history .bottom_box .swiper-slide-active .block .time { font-size: 36px; font-weight: bold;}
.about_history .bottom_box .swiper-slide-active .block .icon { display: none}
.about_history .bottom_box .historyTab { position: static; left: 0; right: 0; top: 0; bottom: 0}
/*产品列表*/
.problank{height: 110px;}
.productlist{background:none;}
.productlist li{background: #fbfdfe; border: 1px solid #b8d8ea; border-radius: 6px; overflow: hidden; width:49%; padding:20px; font-size:16px; margin-top:2%; line-height: 1.8; transition: all .5s ease;}
.productlist li:nth-child(-n+2){margin-top: 0;}
.productlist li:hover{background: #f7fafc; transform: translateY(-5px);}
.productlist li h3{color:#015aaa; font-weight: bold; margin-bottom: 5px;}
.productlist li .list-l{width:40%; text-align: center;}
.productlist li .list-r{width:55%; padding:10px 15px 0;}
.productlist li .btnmore{padding:5px 18px; font-size: 14px; line-height: 1.5; border:1px solid #015aaa; color:#015aaa;}
.productlist li span{display: block; color:#777; margin:0 0 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.productlist li:hover .btnmore{color:#fff; background: #015aaa;}
.proviewcont-l{width:calc(100% - 360px)}
.proviewcont-l .proviewdesc{font-size:16px;}
.proviewcont-l .context{background: #f7f7f7; padding:10px 25px; margin-top: 40px; font-size: 16px; position: relative;}
.proviewcont-l .context li a{padding:3px 0; display: block;}
.proviewcont-l .context .return{position: absolute; right:25px; top:50%; margin-top:-20px; background: #167965; color:#fff; border-radius: 6px; width:90px; line-height: 40px; text-align: center;}
.proviewcont-r{width:300px}
.proviewcont-l img{margin-top:25px;}

.productsm{padding:0 0 30px;}
.productsm h2{line-height: 1.8; text-align: center;}
.producttd-lt{width:calc(100% - 680px);}
.producttd-rt{width:640px;}
.producttd-rt img{border: 1px solid #ddd; overflow: hidden; border-radius: 6px; margin-top: 10px; box-sizing: border-box;}

.ce-table{padding:0 0 30px;}
.ce-table table{width:100%; border-collapse: collapse; border-spacing: 0; font-size:14px; line-height: 1.6;}
.ce-table table tr td,.ce-table table tr th{padding:10px 8px; border: #ccc solid 1px; background: #fff; text-align: center;}
.ce-table table tr:nth-child(1) td,.ce-table table tr th{background:#cce9e5; text-align: center;}
.ce-table table tr:nth-child(1) td img,.ce-table table tr th img{display: block; margin-right:10px; height: 40px;}
.ce-table table tr:nth-child(2n) td{background-color: #f7f7f7;}

.morebox { display: flex; justify-content: center; padding:20px 0;}
.morebox .jiant {border-radius:50px; width:80px; height: 40px; border: solid 1px #ccc; display: flex; align-items: center;  justify-content: center; transition: all 0.5s; position: relative}
.morebox .jiant .word { color: #fff; position: relative; display: none; z-index: 2; transition: all 0.5s; transition-delay: 0.5s; white-space: nowrap}
.morebox .jiant i {font-size: 20px; color: #333; position: relative; z-index: 2; display: block;}
.morebox .jiant.prev i{transform:rotate(180deg);}
.morebox .jiant:hover { width: 120px; border-color: transparent}
.morebox .jiant:hover .word {display: block}
.morebox .jiant:hover i {color: #fff}
.morebox .jiant:hover::before {opacity: 1}
.morebox .jiant::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50px; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #167965; opacity: 0}
.morebox .jiant.prev:hover i { margin-right: 5px;}
.morebox .jiant.next:hover i { margin-left: 5px;}
.morebox .jiant.return:hover{ width: 80px;}
.morebox .jiant.return{margin:0 10px;}

.location{ background: #f7f7f7; }
.location .wrapper{position: relative; height: 180px; display: flex; align-items: center; justify-content: center;}
.location .box {left:0; position: absolute; padding-left: 45px; line-height: 1.5;}
.location .box .tit { color: #333; text-transform: uppercase;}
.location .box .mbx { font-size: 16px; margin-top: 10px;}
.location .box:before {content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(20,126,99,0.7) 100%);}

.proviewcont-r .contactview{padding: 25px 25px; color: #fff; background: url(../images/conbg.jpg) no-repeat; background-size: cover;  margin-top: 25px; line-height: 1.8;}
.proviewcont-r .contactview p{padding:10px 0;}
.proviewcont-r .contactview .more{color:#fff; margin-top:40px; border-radius: 50px; border: 1px solid #fff; display: block; width: max-content; padding:4px 25px;}

.category { padding-top: 60px}
.category .sorttit { margin-bottom: 20px}
.category a::after {content: ""; position: absolute; width: 100%; height: 100%; left:0; top:0; display: block; z-index: 0; transition: all .5s; background: rgba(0,0,0, .3); opacity: .6;}
.category h3{position: absolute; z-index: 2; color:#fff; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s;}
.category h3::before{display: block; margin: 0px auto; content: ''; height: 1px; background-color: #ff0; width:0px; transition: all .5s;}
.category a:hover h3::before{width: 100%;}
.category a {display: block; position: relative; width:19.9%;}
.category a:hover::after{background: linear-gradient(#167965, #015aaa);}
.category a img{object-fit: cover; height: 8.8125vw;}
/*工作机会*/
.problem { font-size: 16px; padding:20px 0 0;}
.problem b{display: inline-block; padding:5px 0;}
.problem ul { padding:0;border-top: 1px solid #ccc;}
.problem ul li {padding:10px; border-bottom: 1px solid #ccc;}
.problem ul li h3 { position: relative; cursor: pointer; line-height: 50px;}
.problem ul li h3 span{display: inline-block; min-width: 50%; font-weight: bold;}
.problem ul li h3:after { position: absolute; content: ""; display: block; width: 10px; height: 10px; top: 50%; right: 15px; margin-top: -5px; border-left: 2px solid #BFBFBF; border-top: 2px solid #BFBFBF; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transition: all 0.5s ease;}
.problemcoment { color:#666; line-height: 1.6; display: none; padding:0 0 20px;}
.problem ul li.cur h3 { color: #167965;}
.problem ul li.cur h3:after { border-color: #167965; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.problem .job-btn{border-radius: 60px; margin-top:20px; background:#cce9e5; line-height: 45px; display: block; padding:0 20px; width:max-content;}

.problem ul.faqtop { padding:0;border-top: 0px solid #ccc;}
.problem ul li.faqbg {padding:10px 20px; border-bottom: 0px solid #ccc; background: #f9f9f9;}
.problem ul li.faqbg:nth-child(2n) {background: #fff;}
.problem ul li h3.wenimg { background: url(../images/wen.jpg) no-repeat 10px center; font-weight: normal; background-size: 25px; padding-left:55px;}
.problemcoment.dadesc { background: url(../images/da.jpg) no-repeat 10px 25px; background-size: 25px; border-top: 1px solid #ddd; padding:20px 0 10px 55px;}

.job-wenhua{margin-top:30px}
.job-wenhua li{position: relative; width: 32%;}
.job-wenhua .job-wenhua-img{ width: 100%; position: relative;}
.job-wenhua .job-wenhua-img img{width: 100%;}
.job-wenhua .job-wenhua-img::before{ content: ''; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.6) 100%); transition: all .5s ease; z-index: 3;}
.job-wenhua .job-wenhua-text{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 5; padding: 30px;}
.job-wenhua .job-tit5{color: #fff; margin-bottom: 5px;}
.job-wenhua .job-tit6{ color: #fff; line-height: 1.8; overflow: hidden; height: 30px; opacity: 0; transition: all 0.5s ease;}
.job-wenhua-text{transform: translateY(46px); transition: all .5s ease;}
.job-wenhua li:hover .job-wenhua-text{ transform: translateY(0);}
.job-wenhua li:hover .job-tit6{ opacity: 1; height: auto;}

.job2 .jobcon{position: relative;overflow: hidden;}
.job2 .jobcon .swiper-slide{overflow: hidden;position: relative;}
.job2 .jobcon .swiper-slide .pic{width: 100%;height:auto;}
.job2 .jobcon .swiper-slide .pic img{width: 100%;height: 100%;transition: all 0.5s ease; opacity: .6;}
.job2 .jobcon .swiper-slide:hover .pic img{transform: scale(1.05);}
.job2 .jobcon .swiper-slide .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding:3% 5%; color: #ffffff; opacity: 0.5;transition: all 0.5s ease;}
.job2 .jobcon .swiper-slide .txt .font16{line-height: 1.6;}
.job2 .jobcon .swiper-slide-active .txt{opacity: 1;}
.job2 .jobcon .swiper-slide-active .pic img{opacity: 1;}
.job2 .jobcon .prev{position: absolute;left: calc(50% - calc(40% / 2) - 35px);top: 50%;transform: translateY(-50%);width: 40px;height:40px; text-align: center; cursor: pointer;z-index: 5; color:#444;}
.job2 .jobcon .next{position: absolute; text-align: center; right: calc(50% - calc(40% / 2) - 35px);top: 50%;transform: translateY(-50%);width: 40px;height: 40px;cursor: pointer;z-index: 5; color:#444;}
.job2 .jobcon .iconfont{font-size: 24px; display: block; line-height: 40px;}
.job2 .jobcon .prev .iconfont{transform: rotate(180deg);}
.job2 .jobcon .prev:hover{background-color: rgba(0, 0, 0, .6);color:#fff;}
.job2 .jobcon .next:hover{background-color: rgba(0, 0, 0, .6);color:#fff;}

.service{margin-top:30px}
.service li{width: 32%; background: #fff; border-radius: 8px; overflow: hidden;}
.service .service-img{ width: 100%;}
.service .service-img img{width: 100%;}
.service .service-text{padding:20px 30px;}
.service .service-tit5{margin-bottom: 5px;}
.service .service-tit6{}
.fwitem{position: relative; margin-top:30px;}
.fwitem img{width: 100%; transition: all 0.5s ease;}
.fwitem .fwitem-a{width:49%; overflow: hidden; border-radius: 8px; overflow: hidden;}
.fwitem .fwitem-a:nth-child(2){position:absolute; right:0; top:0;}
.fwitem .fwitem-a:nth-child(3){position:absolute; right:0; bottom:0;}
.fwitem .fwitem-a::before{ content: ''; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.4) 100%); transition: all .5s ease; z-index: 1;}
.fwitem .fwitem-a .fwfont{position:absolute; left:0; bottom:20px; width:100%; z-index: 1;}
.fwitem .fwitem-a .fwfont .fwfontbox{color:#fff; width:100%; box-sizing: border-box; padding:3px 30px; word-wrap:break-word; word-break:normal; line-height: 1.8;}
.fwitem .fwitem-a .fwfont .fwfontbox .more{color:#fff; font-size: 12px; background-color: rgba(0, 0, 0, .5); border-radius: 40px; padding: 5px 18px; display: inline-block; margin-top: 5px;}
.fwitem .fwitem-a:hover .fwfont .fwfontbox .more{color:#ff0; background-color: rgba(0, 0, 0, .8);}
.fwitem .fwitem-a:hover img{transform: scale(1.05);}
.fwitem .fwitem-a:hover::before{ z-index: 1;}
/*研发实力*/
.yfsl-box {margin-top:50px;}
.yfsl-box .yfitem { width: 13%; position: relative; overflow: hidden; cursor: pointer;border-radius:10px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s}
.yfsl-box .yfitem .yf_img { height: 28.125vw; position: relative}

.yfsl-box .yfitem .yf_img::before{content: ''; position: absolute; left:0; bottom:0; width:100%; height:100%; background: rgba(0, 0, 0, .3); z-index: 1;}
.yfsl-box .yfitem .yf_img img { position: absolute; z-index: 0; max-height: none; max-width: none; top: 50%; left: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}

.yfsl-box .yfitem .mask { opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; z-index: 3; padding-bottom: 20px; padding-left: 35px; width: 54.6875vw; max-width: 1050px; left: 0; bottom: 0}
@media(max-width:1700px){
.yfsl-box .yfitem .mask { width: 61.292vw;}
.yfsl-box .yfitem .yf_img { height: 31.125vw;}
}
.yfsl-box .yfitem .yf_img::after{ content: ''; width: 100%; height: 35%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.4) 100%); transition: all .5s ease; z-index: 2;}
.yfsl-box .yfitem .yftitle { color: #fff}
.yfsl-box .yfitem .yfdesc { color: #fff; opacity: 1; margin-top:5px;}
.yfsl-box .yfitem .name { top:48%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; z-index: 5; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); color: #fff; opacity: 1}
.yfsl-box .yfitem.active { width: 72%}
.yfsl-box .yfitem.active .yf_img::before{background: rgba(0, 0, 0, 0);}
.yfsl-box .yfitem.active .mask { opacity: 1}
.yfsl-box .yfitem.active .name { opacity: 0}
/*可持续发展*/
.develop{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row-reverse; align-items: center; justify-content: space-between;}
.develop2{flex-direction:row;}
.develop+.develop{margin-top: 100px;}
.develop-font{width:48%;}
.develop-font .tit{font-weight: bold;}
.develop-font .text{padding:10px 0 20px;}
.develop-font .text p{padding:8px 0; text-indent: 2em;}
.develop-font.jcyq-font{width:calc(100% - 46%);}
.develop-img{width: 46%; padding-right:40px; position: relative; overflow: visible;}
.develop-img img{width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 2;}
.develop-img:after{content: ""; display: block; width: calc(100% - 40px); height: 100%; background-color: #f5f5f5; position: absolute; right: 0; bottom: -40px;}
.developimg{background: no-repeat center center/cover fixed; min-height: 650px; position: relative;}
.developimg:before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; z-index: 0;}
.developimg .wrapper{position: relative; z-index: 1;}
.developimg .tit{color:#fff; margin-bottom: 20px;}
.developimg .text{color:#fff;}
.developimg .text p{padding:6px 0; text-indent: 2em;}

.work-swiper{}
.work-swiper h2{text-align: center; padding:10px 0 0;}
.work-sc{margin-top: 60px;}
.work-scrollbar{height: 3px;}
.work-sc .swiper-pagination-progressbar {background:#cad4d9;}
.work-sc .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #167965;}

.jcyq_swiper{width: 40%; position: relative; overflow: hidden;}
.jcyq_swiper .swiper-slide{text-align: center;position: relative;z-index: 1; border-radius: 8px; overflow: hidden;}
.jcyq_swiper .swiper-button-prev i,.jcyq_swiper .swiper-button-next i{ position: absolute; left:6px; top:9px; font-size: 18px; line-height: 1; color:#000;}
.jcyq_swiper .swiper-button-prev i{ left:12px;}
.jcyq_swiper .swiper-button-prev{ top:48%;width: 36px;height: 36px; left:3px; background:rgba(255, 255, 255, 0.6); border-radius: 6px; -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;}
.jcyq_swiper .swiper-button-next{top: 48%;width: 36px;height: 36px; right:0; background:rgba(255, 255, 255, 0.6); border-radius: 6px; -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;}
.jcyq_swiper .swiper-button-prev:hover,.jcyq_swiper .swiper-button-next:hover{background: #167965;}
.jcyq_swiper .swiper-button-prev:hover i,.jcyq_swiper .swiper-button-next:hover i{ color:#fff;}
.jcyq_swiper .swiper-button-next i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.jcyq_swiper .img {overflow: hidden;}
.jcyq_swiper .img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.jcyq_swiper .swiper-slide:hover .img img{transform: scale(1.05);}
.jcyq_swiper h2{ text-align: center; line-height: 1.6; padding: 10px 0; position: absolute; left:0; right:0; bottom: 0; z-index: 2; color:#fff; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,.6) 100%);}

.responsibility{overflow: hidden;}
.responsibility .responsibility-top{text-align: left; line-height: 1.5;}
.responsibility-swiper{position: relative; margin-top: 60px;}
.responsibility-swiper .swiper-slide{width: 400px;height: auto; line-height: 1.8; padding: 35px;background: #fff;transition: all .53s ease; -webkit-transition:all .5s ease;}
.responsibility-img{text-align: center;}
.responsibility-img img{height: 5vw;}
.responsibility-tit{ margin-top:20px; color: #333;text-align: center;}
.responsibility-desc{margin-top:5px;color: #666;}
.responsibility-swiper .swiper-slide:hover{background: #daf1ee; transition: all .5s ease; -webkit-transition:all .5s ease;}
.responsibility .abob_wrap{ margin-top: 2.5vw;}
.responsibility .abob_wrap_wrap{position: relative !important; height: 2px;}
.responsibility .swiper-pagination-progressbar {background:#cad4d9; position: absolute;}
.responsibility .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #167965; height: 2px; top: 0;}
.responsibility-list{padding:20px 0 0;}
.responsibility-list li{background: #fff; width:23.5%; margin-right:2%; margin-top: 2%; padding:35px 0 25px;}
.responsibility-list li:nth-child(4n){margin-right:0;}
/*底部*/
.footcontact{background:#167965; color:#fff; padding:4vw 0; position: relative; background: no-repeat center/cover;}
.footcontact:before{position:absolute; left:0; top:0; width:100%; height:100%; display: block; background: rgba(0, 0, 0, 0.5); content: ''; z-index: -1;}
.footcontact .footcontactwrap{}
.footcontact .footcontactdesc{padding:20px 0 30px; max-width: 720px; letter-spacing: 1px;}
.footcontact .btnmore{border: 1px solid #fff; color:#fff;}
.footcontact .btnmore:hover{border: 1px solid #fff; background:#fff; color:#000;}

.footer{font-size: 16px; color:#666; background: #f6f6f6; padding:5.2vw 0 20px; position: relative; z-index: 2;}
.footer a{color:#666;}
.footer a:hover{color:#167965;}
.footer h2{font-size: 16px; font-weight: bold; color:#222; padding-bottom: 10px;line-height: 1.8;}
.footer span{font-size: 1.35416vw;color:#167965; font-family: 'Barlow-SemiBold';}
.footer .footer-left{width:300px}
.footer .footer-right{width:auto; text-align: right;}
@media(max-width:1440px){
    .footer span{font-size: 24px;}
    .footer{font-size: 14px;}
}

.btn-wrapper { position: relative; margin-top:10px;}
.lang-toggle { display: flex; align-items: center; justify-content: center; width: 180px; line-height: 43px; font-weight: bold; background-color: none; color:#000; border: 1px solid #000; border-radius: 24px; font-size: 16px; cursor: pointer; transition: all 0.2s ease;}
.btn-wrapper img{ margin-right: 10px; height:18px;}
.lang-toggle.active { background-color: #000; color: #fff; border-color: #000;}
.lang-menu { position: absolute; left: 0; top: calc(100% + 5px); transform-origin: left top; transform: translateY(20px); opacity: 0; width: 180px; background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 4px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1); z-index: 1000; overflow: hidden; padding:10px; text-align: left;}
.lang-menu.show { transform: translateY(0); opacity: 1;}
.lang-menu li { padding: 6px 0 6px 20px; cursor: pointer; border-radius: 6px; overflow: hidden; transition: background-color 0.2s ease;}
.lang-menu li:hover { background-color: #f7f7f7;}

.footer .footmenu ul{line-height: 2.2;}
.footer .footer-middle .footmenu ul{line-height: 1.8;}
.footer .footicon{padding:30px 0 0;}
.footer .por {position: relative;}
.footer .poa {position: absolute;}
.footer .icon {width: 40px; height: 40px; line-height: 40px; margin-right: 10px; background: rgb(22, 121, 101); border-radius: 4px; transition: all .5s ease; cursor: pointer;}
.footer .icon:hover {opacity: 1;}
.footer .icon .wximg {width: 120px; height: 120px; bottom: 45px; left: 0; transform: translate(0, -10px); border:1px solid #ddd; background: #fff; opacity: 0; visibility: hidden; transition: all .4s;}
.footer .icon:hover .wximg {opacity: 1; visibility: visible; transform: translate(0, 0);}
.footer .copyright{border-top:1px solid #ccc; padding:25px 0 0; margin-top: 100px;}
.footer .copyright .copyright-right img{height: 45px;}
.footer .copyright .copyright-right img+img{margin-left:30px}
/*移动端头部*/
.mobnav-btn { display: none; width: 28px; height: 36px; overflow: hidden; cursor: pointer; z-index: 99990; position: fixed;top:8px; right:3%;}
.mobnav-btn span { top: 50%; margin-top: 0; width: 28px;}
.mobnav-btn span:first-child { content: ""; top: 9px;}
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 6px;}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { position: absolute; background: #fff; -webkit-transition: all 0.5s ease; width: 28px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1;}
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1;}
.nav-mob { position: fixed; top: 55px; z-index: 99999; background: #f5f5f5; box-shadow: inset 0 0 5px rgba(0,0,0,.1); left: 0; width: 100%; height: 100vh; overflow-y: auto; display: none;}
.nav-mob ul{padding:10px 0}
.nav-mob ul li { border-bottom: 1px solid #e2e2e2;}
.arrorright-btn { position: absolute; width: 60px; right: 3%; top: 0; height: 45px; cursor: pointer;}
.arrorright-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 4px; margin-top:-6px; border-left: 2px solid #aaa; border-top: 2px solid #bbb; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav-mob ul li.cur .arrorright-btn:after {border-left: 2px solid #167965; border-top: 2px solid #167965; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.arrorrighta-btn { position: absolute; width: 60px; right: 0; top: 0; height: 43px;}
.arrorrighta-btn:after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; right: 20px; margin-top:-4px; border-left: 2px solid #aaa; border-top: 2px solid #bbb; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.nav-mob ul li h4 { position: relative;}
.nav-mob ul li h4 a { padding: 10px 3% 10px 4%; line-height: 26px; display: block; color: #222; font-size: 14px;}
.nav-mob ul li.cur h4 a { color: #167965;}
.nav-mob ul li.cur h4{background:#eaeaea;}
.subnavmb{padding:6px 0 6px;}
.subnavmb a { display: block; padding: 0px 4%; font-size: 14px; line-height: 26px;}
.subnavmb a i { margin-right: 8px; display:inline-block; width: 5px; height: 5px; border: #888 1px solid; border-radius: 4px; vertical-align: middle;}

@media all and (max-width:1100px){
.head_wrap {position: fixed; top: 0; width: 100%; z-index: 99; background-color: transparent;transition: 0.3s;}
.head_top {z-index: 3000; position: relative;}
.head {height: 55px; display: flex; justify-content: space-between; align-items: center; z-index: 9; padding:0 3%}
.head .logo {width: 70px; background: url(../images/logo.png); display: block; height:35px; background-size: 100%;}
.head .middle {width: auto; display: none;}

.head_wrap:hover{background: #fff;}
.head_wrap:hover .head .middle ul li .amenu,.head_wrap:hover .head .right,.head_wrap:hover .head-sear .iconfont { color: #333;}
.head_wrap:hover .mobnav-btn span,.head_wrap:hover .mobnav-btn span:first-child,.head_wrap:hover .mobnav-btn span:last-child {background: #167965;}
.head_wrap.active{background: #fff; border-bottom: 1px solid #e4e4e4;}
.head_wrap.active .head .middle  ul li .amenu,.head_wrap.active .head .right,.head_wrap.active .head-sear .iconfont { color: #333;}
.head_wrap.active .head .logo,.head_wrap:hover .head .logo {width: 70px; background: url(../images/logo2.png); display: block; height:35px; background-size: 100%;}
.head_wrap.hidden {transform: translateY(-100%); -ms-transform: translateY(-100%);-moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%);}
.head_wrap.active {transform: translateY(0); -ms-transform: translateY(0);-moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0);}
.head_wrap.white {background: #fff; border-bottom: 0px solid #e4e4e4;}
.head_wrap.white .head .middle ul li .amenu,.head_wrap.white .head-sear .iconfont,.head_wrap.white .head .right{color: #333;}
.head_wrap.white .head .logo{width: 70px; background: url(../images/logo2.png); display: block; height:35px; background-size: 100%;}
.head-sear{display: none;}
.head_wrap.white .mobnav-btn span,.head_wrap.white .mobnav-btn span:first-child,.head_wrap.white .mobnav-btn span:last-child {background: #167965;}

.head_wrap.active .mobnav-btn span,.head_wrap.active .mobnav-btn span:first-child,.head_wrap.active .mobnav-btn span:last-child {background: #167965;}

.head-lang-top {display: flex; align-items: center; cursor: pointer;}
.head-lang-info {line-height: 55px;}
.head-lang-icon .iconfont {font-size: 16px; margin-right:3px;}
.head-lang-btm { width:120px;}
.head-lang {position: fixed; margin-left: 0px; z-index: 999; right:calc(38px + 3%)}
.head-lang-btm a { padding: 5px 0;}
.head-lang-btm a img {width:23px; height: 15px; margin-right: 5px;}

.brandwrap { background-size:100%;}
.brandwrap .brandwrap-l{width:100%;}
.brandwrap .brandwrap-r{width:100%;}
.brandwrap .brandwrap-r .brandimg{text-align: center; padding:20px 0 0;}
.brandwrap .brandwrap-r .brandimg img{width:100px;}
.brandwrap .brandtit-desc{line-height:1.8;}
.brandwrap .brandtit-cn{padding:0;}
.mobnav-btn { display: block;}
/*banner*/
.PC_ban{display: none;}
.Mob_ban{display: block;}
.banner .mobfont {left:4%; top: 35%; width:auto; right:4%;}
.banner .swiper-slide-active .mobfont h2{font-size:18px;}
.banner .swiper-slide-active .mobfont h3{font-size:14px; padding:10px 0 15px; white-space: normal; word-wrap: break-word;}
.banner .swiper-slide-active .mobfont h4{font-size:12px; background: url(../images/bjt.png) no-repeat right 7px center; background-size: 14px; border:1px solid #fff; padding:0 25px 0 10px; line-height: 24px;}

.product{width: 100%; justify-content: space-between;}
.product a{ width:49.5%; height: 0; padding-bottom: calc((100% - 4%)/2); margin:1% 0 0;}
.product a:first-child{width:100%; margin-top: 0;}
.product a:nth-of-type(3n+2){margin-right: 0;}
.product .productsortblack{height: 100%;}
.product .prosorttext{left:10px; bottom:10px;}
.product .prosorttext span{font-size: 12px;}
.product .prosorttext .iconfont{font-size: 12px; margin-left: 5px;}

.idx_pro .swiper-button-prev i,.idx_pro .swiper-button-next i{left:5px; top:7px; font-size: 16px;}
.idx_pro .swiper-button-prev i{ left:9px;}
.idx_pro .swiper-button-prev{width: 30px;height: 30px;}
.idx_pro .swiper-button-next{width: 30px;height: 30px;}
.idx_pro h2{font-size:14px; padding: 10px 0 0;}

.aboutinfo{padding-left:0;}
.aboutinfodesc{padding:15px 0 0;}
.homenumber{flex-wrap: wrap;}
.homenumber.margintop-l{margin-top:0;}
.homenumber li{width:48.5%; margin-top: 20px; background: no-repeat right top; background-size:30px;}

.circle{margin-bottom: 5px;}
.num-tit{ font-size:20px;}
.indextitle{font-size: 12px; padding:0 0 20px; line-height: 1.5;}

.youshiitem{flex-direction: column;}
.youshiitem:nth-child(2n){ flex-direction: column; margin-top:6.25vw;}
.youshiitem .youshiitem-l{width:100%;}
.youshiitem .youshiitem-r{width:100%}
.youshiitem .youshititle{padding:10px 0 0; font-weight: bold; position: relative;}
.youshiitem .youshititle:after{ width:20px; height:2px;}
.youshiitem .youshidesc{padding:15px 0; color:#666;}

.btnmore{font-size:12px; padding:0 15px; line-height: 26px; border: 1px solid #ddd;}
.btnmore .iconfont{font-size:13px; display: block; margin-left:10px;}
.btnmore:hover{ padding:0 25px;}
.footcontact{padding:25px 0;}
.footcontact .footcontactdesc{padding:10px 0 15px; line-height: 1.8; max-width: 100%; letter-spacing: normal;}
.footer{font-size: 14px; padding:15px 0;}
.footer h2{font-size: 14px;padding-bottom: 5px;}
.footer span{font-size: 16px;}
.footer .footer-left{width:auto; display: none;}
.footer .footer-right{width:auto; text-align: right; display: none;}
.footer .footicon{padding:15px 0 0;}
.footer .icon {width: 34px; height: 34px; line-height: 34px; margin-right: 10px;}
.footer .icon .wximg {width: 110px; height: 110px; bottom: 35px;}
.footer .copyright{border-top:1px solid #ddd; padding:10px 0 0; line-height: 1.5; margin-top: 20px;}
.footer .copyright .copyright-left{text-align: center; display: block; width:100%;}
.footer .copyright .copyright-right{text-align: center; display: block; width:100%;}

/*内页banner*/
.mainbanner { position: relative; overflow: hidden;}
.mainbanner .image img { width: 100%; -moz-animation: none; -webkit-animation: none; animation: none;}
.mainbanner .image { width: 100%; height: 230px;}
.mainbanner .image img{ position: absolute; height: 100%; height: 250px; width: 100%; left: 50%; top:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%)}
/* 内页分类 */
.navlist{ position:static; left:0; bottom:0; z-index: 9; width: 100%; background-color:#fff; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); border-bottom: 0px solid #ddd; padding:15px 0 5px;}
.navlist ul li.active{color: #fff; background: #167965; border: 1px solid #167965;}
.navlist ul {white-space: nowrap; overflow: hidden; overflow: auto; padding:0 0 10px; font-size: 0; text-align: center;}
.navlist ul li {position: static; float:none; display: inline-block; line-height: 30px; margin-right: 10px; margin-left:0; border: 1px solid #ddd; border-radius: 4px;}
.navlist ul li a {font-size: 12px; color:#333; display: block; padding:0 15px;}
.navlist ul li::after{background: #167965; display: none;}

.navlist ul::-webkit-scrollbar { width: 2px; height: 2px; background-color: #d5d5d5;}
.navlist ul::-webkit-scrollbar-track { border-radius: 2px; background-color: #d5d5d5;}
.navlist ul::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #24c5a5;}

.detailtit{position: relative; line-height: 1; margin-bottom: 15px;}
.detailtit .title {font-size: 16px; color: #333333; text-align: left; font-weight: bold; margin-top: 5px;}
.detailtit .flex{flex-direction: column;}
.detailtit .desc{font-size:14px; color:#777;}
.detailtit .line {margin-left:0; display: block; margin:5px 0;}
.detailtit .line::after { position: absolute; top: 0; right: 0px; width:20px;}
/*产品列表*/
.margintop-xxl{margin-top:30px;}
.margintop-xl{margin-top:30px;}
.margintop-l{margin-top:30px;}
.margintop{margin-top:30px;}
.padding-xxl{padding:30px 0;}
.padding-xl{padding:30px 0;}
.padding-l{padding:30px 0;}
.padding{padding:30px 0;}

.paddingtop-xlg{padding-top:30px}
.paddingtop-xxl{padding-top:30px;}
.paddingtop-xl{padding-top:30px}
.paddingtop-l{padding-top:30px;}
.paddingtop{padding-top:30px;}
.paddingtop-sm{padding-top:30px;}
.paddingbottom-xxl{padding-bottom:30px;}

.sorttitle{padding-bottom:15px; text-align: center; font-weight: bold;}
.sorttitle i{position: relative; margin-left: 20px; display: none;}
.sorttitle i::after{position:absolute; width:60px; height: 2px; background: #999; left:0; top:50%; content: ''; display: block;}
.sortcontent{text-align: left; max-width: 100%; margin: 0px auto; color:#666;}
.sortcontent strong{font-size:16px;}
.sortcontent .font32{color:#000;}
.sortcontentwrap{background: #f9f9f9; position: static;}
.sortcontentwrap .sortimg{ position: static; right:0; bottom:0; max-width: 100%; text-align: center;}

.sortlist{flex-direction: column;}
.sortlist .sortlist-left{width:100%; overflow: hidden;}
.sortlist .sortlist-right{width:100%}
.sortlist .sortlist-right .sortlist-tit{color:#000; padding:15px 0 0; font-weight: bold;}
.sortlist .sortlist-right .sortlist-tit em{font-size: 14px; font-weight: normal; display: block; margin-left:0;}
.sortlist .sortlist-right .sortlist-desc{color:#777; padding:5px 0;}
.sortlist .sortlist-right a{font-size:14px; line-height: 1.6; width:49.5%; padding:5px 5px 5px 10px; margin-top:1%; margin-right:1%}
.sortlist .sortlist-right a:nth-child(2n){margin-right:0}
.sortlist .sortlist-right a:nth-child(3){margin-right:1%}
.sortlist .sortlist-right a:hover{border:1px solid #000;}
.yyline{border-top: 1px solid #ddd;}
.protedian{background: #f9f9f9; padding: 5vw 0;}
.yingyong{padding-top:20px;}
.yingyong li{width:49.5%; margin-right:1%; margin-top:1%; position: relative;}
.yingyong li:nth-child(2n){margin-right:0}
.yingyong li h2{position:absolute; font-size:16px; letter-spacing: normal;}

.promain{padding:0;}
.promain li{width:100%; background-color: #fff;}
.promain li:nth-child(2n){background-color: #f7f7f7;}
.promain .promainflex{display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.promain li:nth-child(2n) .promainflex{flex-direction: column;}
.promain .promain-lt{width:100%; overflow: hidden;}
.promain .promain-rt{width:100%;}
.promain .promaincontent{padding:0; margin:5px 0 10px;}
.promain .promain-lt img{width:100%; object-fit: fill; height: auto; transition: all .5s ease;}
.promain li:hover img{transform: scale(1.05);}
.promain .sortcontent-top {padding:15px 0 0;}
.promain .sortcontent-down { padding:4px 20px;}

.problank{height: 55px;}
.productlist{background:none;}
.productlist li{ width:100%; padding:3%; font-size:14px; margin-top:2%;}
.productlist li:nth-child(-n+2){margin-top: 2%;}
.productlist li:hover{background: #f7fafc; transform: translateY(-5px);}
.productlist li h3{font-size:16px;}
.productlist li .list-l{width:42%; text-align: center;}
.productlist li .list-r{width:55%; padding:5px 0 0;}
.productlist li .btnmore{padding:2px 15px;}
.productlist li span{margin:0 0 15px;}

.proviewcont-l{width:100%}
.proviewcont-l h3{text-align: center; padding:0 0 10px;}
.proviewcont-l .proviewdesc{padding:10px 0; font-size:14px;}
.proviewcont-l .proviewdesc strong{display: block; font-size:15px; margin-top:10px;}
.proviewcont-l .context{background: #f7f7f7; padding:1% 2%; margin-top: 20px; font-size: 14px; position: relative;}
.proviewcont-l .context li a{padding:3px 0; display: block;}
.proviewcont-l .context .return{position: absolute; right:10px; margin-top:-15px; width:75px; line-height: 30px;}
.proviewcont-r{width:100%;}

.location{ background: #f7f7f7;}
.location .wrapper{position: relative; height: 90px; padding:0 3%;}
.location .box { padding-left: 35px; line-height: 1.5;}
.location .box .mbx { font-size: 13px; margin-top: 5px;}
.location .box:before {width: 5px; left:6%;}

.proviewcont-r .contactview{padding: 30px 20px; margin-top: 20px;}
.proviewcont-r .contactview p{padding:10px 0;}
.proviewcont-r .contactview .more{color:#fff; margin-top:20px; padding:4px 25px;}

.proviewcont-r .category { padding-top: 20px}
.proviewcont-r .category .sorttit { margin-bottom: 10px}
.proviewcont-r .category ul li { padding: 7px 15px; margin-bottom: 8px;}
.proviewcont-r .category ul li::after {border-top: 5px solid transparent; border-left: 5px solid #b3b3b3; border-bottom: 5px solid transparent; right: 18px;}

.productsm{padding:0;}
.productsm .productsm-lt{width: 100%;}
.productsm .productsm-lt img{width: 100%; border: 1px solid #2f7dc3; border-radius: 10px;}
.productsm .productsm-rt{width:100%; padding:20px 0 0;}
.proviewcont-l .xxcstitle{padding:10px 0;}
/*工作机会*/
.problem { font-size: 14px; padding:10px 0 0;}
.problem b{display: inline-block; padding:5px 0;}
.problem ul { padding:0;border-top: 1px solid #ddd;}
.problem ul li {padding:3px; border-bottom: 1px solid #ddd;}
.problem ul li h3 { position: relative; cursor: pointer; font-size: 14px; line-height: 40px;}
.problem ul li h3 span{display: inline-block; min-width: 65%; font-weight: normal;}
.problem ul li h3 em{display: none;}
.problem ul li h3:after { width: 8px; height: 8px; right: 5px; margin-top: -4px; border-left: 1px solid #aaa; border-top: 1px solid #aaa;}
.problemcoment { font-size:14px; padding:0 0 20px;}
.problem .job-btn{margin-top:10px; line-height: 30px; padding:0 10px; width:max-content; font-size:13px;}

.problem ul li.faqbg {padding:2px 4px;}
.problem ul li h3.wenimg { background: url(../images/wen.jpg) no-repeat 5px center; font-weight: normal; background-size: 15px; padding-right:25px; padding-left:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.problemcoment.dadesc { background: url(../images/da.jpg) no-repeat 5px 15px; background-size: 15px; border-top: 1px solid #ddd; padding:10px 10px 10px 25px;}

.job-wenhua{margin-top:0px}
.job-wenhua li{position: relative; width: 100%; margin-top:12px;}
.job-wenhua .job-wenhua-text{ padding: 5% 4%; transform: translateY(0);}
.job-wenhua .job-tit5{font-weight: bold;}
.job-wenhua .job-tit6{ height: auto; opacity: 1;}

.job2 .jobcon .swiper-slide .txt{padding:3%;}
.job2 .jobcon .prev{position: absolute;left: 5px; width: 32px;height:32px;}
.job2 .jobcon .next{position: absolute; text-align: center; right: 5px; width: 32px;height: 32px;}
.job2 .jobcon .iconfont{font-size:18px; line-height: 32px;}
.job2 .jobcon .prev{background-color: rgba(0, 0, 0, .6);color:#fff;}
.job2 .jobcon .next{background-color: rgba(0, 0, 0, .6);color:#fff;}
/*新闻*/
.newscon-lt{width: 100%;width: 100%; padding-right: 0;border-right: 0 solid #ddd; margin-top: 0;}
.newscon-rt{width: 100%; margin-top: 20px;}
.news-title{font-size: 16px;margin-bottom: 20px; font-weight: bold;}
.news-tj a{	margin-top: 15px;display: block;overflow: hidden;padding: 3%;}
.news-tjtit{color: #333;line-height: 1.8;height: auto;}

.newstitle{margin-bottom: 20px; font-weight: bold;}
.newslist{}
.newslist li{width:100%; margin-right:0%; margin-top:2%;}
.newslist li:nth-child(3n){margin-right:0}
.newslist li h2{font-size: 16px; margin:6px 0; line-height:1.8; min-height: auto;}
.newslist li .addtime .iconfont{font-size: 14px;}
.newslist li .more .iconfont{font-size: 14px;}
.newslist li .newsbox{border: 1px solid #ddd; padding:15px 3% 10px; border-top:0;}
.newslist li:hover .more .iconfont{transform:translateX(15px);color:#222;}

.newsview{border-bottom:1px solid #ddd; padding:0 0 10px; text-align: center;}
.newsview-tit{margin-bottom: 0px; line-height: 1.5;}
.newsview-desc{font-size: 14px;color: #999;}

.contactlist{padding:20px 0;}
.contactlist li{width:100%; margin-right:0; margin-top:1.5%; border-radius: 6px; font-size: 14px; padding:2% 3%;}
.contactlist li:nth-child(-n+4){margin-top:1%}
.contactlist li span{font-size: 14px; margin-bottom: 6px;}
.contactlist li p{padding:2px 0;}

.wrapper1260{ width:auto; padding:0 3%;}

.contact-l{width:100%;}
.contact-l .iconfont{ border-radius: 50px; width:40px; height: 40px; line-height: 40px; font-size: 18px; margin-right: 0;}
.contact-l .contact-font{width:calc(100% - 55px);}

.contact-r{width:100%; background-color: #cce9e5; padding:3% 3%; margin-top: 30px;}
.maintitle{letter-spacing: normal; padding:0 0 10px}

/* .titleitem h2 {text-transform: uppercase;font-size: 32px; color: #1a1a1a; font-weight: bold;}
.titleitem h4 {text-transform: uppercase; color: #167965;}
.titleitem .line {width: 40px;height: 2px;background: #167965; margin-top:5px;} */
.titleitem2 li{margin-top: 20px; line-height: 1.2;}
.titleitem2 li:first-child{margin-top:0;}
.titleitem2 h3{color:#999; font-size:14px;}
.titleitem2 h4{font-size: 14px; margin:5px 0 0 0;}
.contact-r .problem ul li {padding:3px 0;}
/*研发技术*/
.technology{ background: no-repeat center/cover; position: static;}
.div-absolute{position:static; left:0; top:0; width: 100%; background: #daf1ee; padding:0 0 20px;}
.qianblue{background: #daf1ee;}
.whitefont{color:#222;}
.technology .font32{margin-bottom:0px;}
.technology p{padding:5px 0;}
.technology .wrapper{flex-direction: column; flex-wrap: wrap; display: flex; justify-content: space-between;}
.technology:nth-of-type(2n) .wrapper{flex-direction: column;}
.technology .technology-l{width:100%;}
.technology .technology-r{width:100%; margin-top:20px;}
.pzitem{width:100%; margin-top:0;}
.pzitem .wrapper{background: #daf1ee; padding:2vw 0; border-radius: 6px; box-shadow:none;}
.pzitem ul{padding:0; width:100%; box-sizing: border-box;}
.pzitem li{width:33.33%; padding:10px 0;}
.pzitem img{height:50px; display: block; margin:0px auto;}
/*产能*/
.capacity{background: no-repeat center center/cover; height:auto;}
.capacity .whitefont{color:#fff;}
.capacity .margintop{margin-top: 2%;}
.sblist{padding:20px 0 0;}
.sblist li{width:49.5%; margin-right:1%; margin-top:1%; margin-bottom:1%; overflow: hidden;}
.sblist li h3{text-align: center; padding:10px;}
.sblist li:nth-child(2n){margin-right:0}
.cnnumber{flex-wrap: wrap;}
.cnnumber li{width:49.5%; margin-right:1%; margin-top: 1%; padding:5px 3% 15px;}
.cnnumber li:nth-child(2n){margin-right:0;}
.cnnumber .num-top { color:#fff; text-align: center;}
.cnnumber .num-tit{ color:#f9c152; text-align: center;}
.cnnumber .num-word{padding:5px 0 0;}
/*研发实力*/
.yfsl-box {margin-top:20px;}
.yfsl-box .yfitem { width: 100%; position: relative;border-radius:0;}
.yfsl-box .yfitem + .yfitem{ margin-top:20px;}
.yfsl-box .yfitem .yf_img { height:auto; position: static; border-radius: 6px; overflow: hidden;}
.yfsl-box .yfitem .yf_img::before{display: none;}
.yfsl-box .yfitem .yf_img img { position: static; width:100%; z-index: 0; max-height: auto; max-width: auto; top: 0; left: 0; min-height: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0)}
.yfsl-box .yfitem .mask { opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: static; z-index: 3; padding-bottom: 0; padding-top: 3%; padding-left: 0; width: 100%; padding-right:0; max-width: 100%; left: 0; bottom: 0; background: #fff;}
.yfsl-box .yfitem .yf_img::after{display: none;}
.yfsl-box .yfitem .yftitle { color: #333;}
.yfsl-box .yfitem .yfdesc { color: #666; opacity: 1; margin-top:5px;}
.yfsl-box .yfitem .name { opacity: 0}
.yfsl-box .yfitem.active { width: 100%}
.yfsl-box .yfitem.active .yf_img::before{background: rgba(0, 0, 0, 0);}
.yfsl-box .yfitem.active .mask { opacity: 1}
.yfsl-box .yfitem.active .name { opacity: 0}

.service{margin-top:0}
.service li{width: 100%; margin-top: 15px;}
.service .service-text{padding:2.5% 3%; color:#777;}
.service .service-tit5{margin-bottom: 5px; color:#000;}
.fwitem{position: static; margin-top:0;}
.fwitem img{width: 100%;}
.fwitem .fwitem-a{width:100%; overflow: static; border-radius: 8px; overflow: hidden; margin-top: 15px;}
.fwitem .fwitem-a:nth-child(2){position:static; right:0; top:0;}
.fwitem .fwitem-a:nth-child(3){position:static; right:0; bottom:0;}
.fwitem .fwitem-a .fwfont{bottom:10px;}
.fwitem .fwitem-a .fwfont .fwfontbox{ padding:3px 3%; line-height: 1.6;}
/*公司*/
.video-pic .btn {width: 40px; height: 40px;}
.video-pic .btn::after{ border-top: 8px solid transparent; border-left: 8px solid #fff; border-bottom: 8px solid transparent;}

.wenhua{padding:10px 0 0;}
.wenhua ul{white-space: nowrap; overflow: hidden; overflow-x: scroll; font-size: 0; padding:0 0 15px;}
.wenhua li{width:62%; float:none; margin-right: 2%; display: inline-block; position: relative; overflow: hidden;}
.wenhua li .wenhuatit{left:4%; width:90%; bottom:3%; white-space: normal; word-wrap: break-word;}

.wenhua ul::-webkit-scrollbar { width: 2px; height: 2px; background-color: #d5d5d5;}
.wenhua ul::-webkit-scrollbar-track { border-radius: 2px; background-color: #d5d5d5;}
.wenhua ul::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #24c5a5;}

.aboutimgbg { overflow: hidden;}
.aboutimgbg .aboutimg { position: relative;overflow: hidden;}
.aboutimgbg .aboutimg .prevbtn,.aboutimgbg .aboutimg .nextbtn {width:32px; height: 32px; border: 1px solid #fff;}
.aboutimgbg .aboutimg .prevbtn{ left: 10px;}
.aboutimgbg .aboutimg .nextbtn{ right: 10px;}
.aboutimgbg .aboutimg .prevbtn i,.aboutimgbg .aboutimg .nextbtn i { font-size:14px; color:#fff;}

/*历程*/
.licheng { overflow: hidden; padding: 0;}
.licheng .lichengimg { margin-top: 30px;}
.licheng .prevbtn,.licheng .nextbtn {top: 10px; width:30px; height: 30px;}
.licheng .prevbtn{ right:50px;}
.licheng .prevbtn i,.licheng .nextbtn i { font-size:14px;}
.licheng .lichengimg .swiper-slide .content{min-height: 16vw; padding:0 15px;}

.licheng .lichengimg .swiper-slide .year {font-size:20px;}
.licheng .lichengimg .swiper-slide .desc {margin-top:5px;}
.licheng .lichengimg .swiper-slide .desc p{margin-top:3px;}
.licheng .lichengimg .swiper-pagination { display: block;}

.abob_wrap{width: 100%; position: relative; margin-top: 4vw;}
.abob_wrap_wrap{position: relative !important; height: 1px;}
.licheng .swiper-pagination-progressbar {background:#cad4d9; position: absolute;}
.licheng .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #167965; height: 2px; top: -1px;}

.develop{flex-direction:column;}
.develop+.develop{margin-top: 20px;}
.develop2{flex-direction:column;}
.develop-font{width:100%; padding:15px 0 0;}
.develop-font.jcyq-font{width:100%;}
.develop-font .tit{font-weight: bold;}
.develop-font .text{padding:5px 0;}
.develop-font .text p{padding:5px 0;}
.develop-img{width: 100%; padding-right:0; position: static; overflow: visible;}
.develop-img img{width: 100%; height: 100%; object-fit: cover; position: static; z-index: 2;}
.develop-img:after{display: none;}

.developimg{padding:30px 0; min-height: auto;}
.developimg .tit{color:#fff; margin-bottom: 15px; font-weight: bold;}
.developimg .text p{padding:5px 0; line-height: 1.6;}

.responsibility{padding: 20px 0;}
.responsibility .font32{font-weight: bold;}
.responsibility-swiper{position: relative; margin-top: 20px;}
.responsibility-swiper .swiper-slide{width: 70%; padding: 3%;}
.responsibility-img img{height:50px; width:auto;}
.responsibility-tit{ margin-top:10px; color: #333;}
.responsibility-tit.font18{font-size:13px; font-weight: normal;}
.responsibility-desc{margin-top:10px;color: #666;}
.responsibility .abob_wrap{ margin-top:15px;}
.responsibility-list{padding:10px 0 0;}
.responsibility-list li{background: #fff; width:49.5%; margin-right:1%; margin-top: 1%; padding:20px 0;}
.responsibility-list li:nth-child(2n){margin-right:0;}

.work-swiper{}
.work-swiper h2{text-align: center; padding:5px 0 0;}
.work-swiper h2.font16{font-size: 14px;}
.work-sc{margin-top: 10px;}
.work-scrollbar{height: 1px;}

.jcyq_swiper{width: 100%; position: relative; overflow: hidden;}
.jcyq_swiper .swiper-button-prev i,.jcyq_swiper .swiper-button-next i{ position: absolute; left:2px; top:5px; font-size: 18px;}
.jcyq_swiper .swiper-button-prev i{ left:8px;}
.jcyq_swiper .swiper-button-prev{ top:48%;width: 28px;height: 28px;}
.jcyq_swiper .swiper-button-next{top: 48%;width: 28px;height: 28px;}
.jcyq_swiper h2{padding: 6px 0;}
.jcyq_swiper h2.font16{font-size: 12px;}

/*发展历程新*/
.about_history {padding: 30px 0;}
.about_history .historySwiper {padding:10px 0 10px;}
.about_history .historySwiper .block {flex-direction: column; text-align: center; overflow: hidden;}
.about_history .historySwiper .block .txt_box {width: 100%; margin-top: 10px; padding-left: 0;}
.about_history .historySwiper .block .txt_box .time {font-size: 18px;}
.about_history .historySwiper .block .txt_box .time::after { margin: 5px auto 0; width:20px;}
.about_history .historySwiper .block .txt_box .descbox {font-size: 14px}
.about_history .historySwiper .block .left_box {width:94%; margin:0px auto;}
.about_history .historySwiper .swiper-slide {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
.about_history .historySwiper {position: static; margin: 0 15px}

.about_history .bottom_box .swiper-slide-active .block .icon {opacity: 1}
.about_history .bottom_box .block .icon {width: 15px; height: 15px; opacity: .3; margin-top:0;}
.about_history .bottom_box .block .icon:after {width: 5px; height: 5px}
.about_history .bottom_box {height: 66px;}
.about_history .bottom_box .historyTab {position: static}
.about_history .bottom_box .block .time {font-size: 16px; line-height: 40px;}
.about_history .bottom_box .swiper-slide-active .block .time {font-size: 18px}
.about_history .bottom_box .swiper-slide-active .block .icon {display: block}
}
/*20260202*/
.advantage{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; position: relative;}
.advantage-lt{width: 650px; position: absolute; left:0; top:50%; transform: translateY(-50%); z-index: 2; line-height: 1.8;}
.advantage-lt li{width: 100%;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease; position: relative; padding:16px 80px 16px 80px; border-radius: 8px; position: relative; overflow: hidden;}
.advantage-lt li i{position: absolute; left:10px; top:20px; width:55px;}
.advantage-lt li p{font-size:16px; display: block; color:#666; margin-top:3px;}
.advantage-lt li.on{background: #73c8b7;color: #fff;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-lt li.on .iconfont,.advantage-lt li.on p{color: #fff;}
.advantage-lt li.on:after{background: #fff;transition: all .5s ease;-webkit-transition:all .5s ease;}
.advantage-rt{width:calc(100% - 600px); border-radius: 8px; overflow: hidden;}
.advantage-swiper{width:100%;}
.advantage-span{display: none;}
.capacityimg{display: flex; justify-content: space-between; gap: 12px;}
.capacityimg .capacity-lt{width:50%; overflow: hidden; border-radius: 6px;}
.capacityimg .capacity-rt{width:50%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; gap: 12px;}
.capacityimg .capacity-rt .img{width:calc(50% - 6px); display: block; overflow: hidden; border-radius: 6px;}
.capacityimg .img img{object-fit: cover; height: 100%; width:100%; object-position: 50% 50%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.capacityimg .img:hover img{transform: scale(1.05);}
/*20260316*/
.about-global {padding:50px 0;}
.about-global .img{position: relative;}
/* .about-global .img img{display: block;width: 100%;height: auto;} */
.about-global .left{color: #fff;width: 50%;height: 100%;}
.about-global .left .title-top {padding:10px 0 0;}
.about-global .left .title-top h2{color: #fff;}
.about-global .left .title-top h4{color: #eee;}
.about-global .left .text {color: #bab7b7; padding: 30px 0 0; overflow: hidden;}
.about-global .left .text dd{position: relative; color:#ccc; padding-left:15px; font-size:16px;}
.about-global .left .text dd::before {content: '';display: block;width: 6px;height: 6px;background: #ccc;border-radius: 50%;position: absolute;left: 0;top: 50%; margin-top: -2px;}
.about-global .right {width: 630px;}
.about-global .right .img .place {position: absolute;width: 100%;height: 100%;}
.about-global .right .img .place a{display: inline-block;position: relative;position: absolute;}
.about-global .right .img .place a .item {font-size: 0;}
.about-global .right .img .place a .item i{display: inline-block;vertical-align: middle;margin-right: 6px; width:6px;height:6px;background: #ffff00;border-radius: 10px;position: relative;z-index: 3;}
.about-global .right .img .place a .item i::after {content: '';display: block;width: 16px;height: 16px;border-radius: 100px;background: #ffff00;opacity: .7;z-index: 1;position: absolute; left: 50%;top: 50%;margin: -8px 0 0 -8px;}
.about-global .right .img .place a .item h6{color: #fff;font-weight: normal;margin: 0;font-size: 12px;display: inline-block;vertical-align: middle;}
.dongguan {top: 23%;left:43%;}
.dongguan i{margin-right:0; margin-left:6px;}
.qingyuan {top: 21%;left: 46%;}
.suzhou {top: 15%;left: 55%;}
.zhangjiajie {top: 18%;left: 44.5%;}
.india {top: 38%;left: 19%;}
.hongkong {top: 22.5%;left:49.5%;}
.taiwan {top: 21%;left:51.5%;}
.yuenan{top: 28.5%;left:46%;}
.jianpuzhai{top: 30.5%;left:45%;}
.yinni{top: 49.5%;left: 41.5%;}
.xinjiapo{top: 46.5%;left: 40.5%;}

.dongguan i::after {-webkit-animation: place100 4000ms infinite;animation: place100 4000ms infinite;}
.qingyuan i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.suzhou i::after {-webkit-animation: place100 2000ms infinite;animation: place100 2000ms infinite;}
.zhangjiajie i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.india i::after {-webkit-animation: place100 5000ms infinite;animation: place100 5000ms infinite;}
.hongkong i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.taiwan i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.yuenan i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.jianpuzhai i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.yinni i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.xinjiapo i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
@keyframes place100{0%{width: 0px;height: 0px;margin: 0px;} 100%{width: 30px;height: 30px;margin: -15px 0 0 -15px;opacity: 0;}}
.about-global .right .img .place a .text {line-height: 1.6;padding:10px;color: #333; font-size:12px; width: 200px;position: absolute;left: -90px;top:30px;;background:#fff;display: none;}
.about-global .right .img .place a .text::before {content: '';display: block;position: absolute;top: -10px;left:43%;width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:10px solid #fff;}
.about-global .right .img .place a:hover .text {display: block;}
.about-global .right .img .place a:hover {z-index: 999;}
@media screen and (max-width: 1100px) {
.advantage-lt{width:100%; position: static;top:0; transform: translateY(0);}
.advantage-lt ul{display: block;}
.advantage-lt h2{font-weight: bold;}
.advantage-lt li i{position: absolute; left:10px; top:10px; width:45px;}
.advantage-rt{padding:0;width:100%; border-radius: 0;}
.advantage-lt li{padding:4% 3% 4% 65px; border-radius: 0;}
.advantage-lt li p{font-size:14px;}
.advantage-span{display: block;width: 100% !important;line-height: 15px;left: initial !important;right: 10px !important;padding-bottom: 0px;}
.advantage-span span{background: initial;width: 10px;height: 10px;border: 1px solid #fff;margin: 0 5px;opacity: 1;}
.advantage-span span.swiper-pagination-bullet-active{background: #fff;}
.capacityimg{flex-direction: column; gap: 6px;}
.capacityimg .capacity-lt{width:100%;}
.capacityimg .capacity-rt{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; gap: 6px;}
.capacityimg .capacity-rt .img{width:calc(50% - 3px);}
/*20260316*/
.about-global {padding:20px 0;}
.about-global .left{width: 100%;}
.about-global .left .title-top {padding:0;}
.about-global .left .text {padding: 20px 0 0;}
.about-global .left .text dd{padding-left:15px; font-size:14px;}
.about-global .right {width: 100%;}

.productsm{padding:0 0 15px;}
.productsm h2{line-height: 1.8; text-align: center;}
.producttd-lt{width:100%;}
.producttd-rt{width:100%;}
.producttd-rt img{border-radius: 4px;}

.ce-table{padding:0 0 15px; overflow-x: auto;}
.ce-table table tr td:nth-child(1),.ce-table table tr th:nth-child(1){padding:10px 5px; width:90px;}
.ce-table img{width:100%;}

/* .ce-table{padding:0 0 30px;}
.ce-table table{width:100%; border-collapse: collapse; border-spacing: 0; font-size:14px; line-height: 1.6;}
.ce-table table tr td,.ce-table table tr th{padding:10px 8px; border: #ccc solid 1px; background: #fff; text-align: center;}
.ce-table table tr:nth-child(1) td,.ce-table table tr th{background:#cce9e5; text-align: center;}
.ce-table table tr:nth-child(1) td img,.ce-table table tr th img{display: block; margin-right:10px; height: 40px;}
.ce-table table tr:nth-child(2n) td{background-color: #f7f7f7;} */

.category { padding-top: 10px}
.category .sorttit { margin-bottom: 10px}
.category a {display: block; position: relative; width:49.5%; margin-top:1%;}
.category a img{height: 100px; width:100%;}

.morebox {padding:15px 0;}
.morebox .jiant {width:80px; height: 34px;}
.morebox .jiant i {font-size: 18px;}
.morebox .jiant:hover { width: 120px;}
.morebox .jiant.return:hover{ width: 80px;}
.morebox .jiant.return{margin:0 8px;}
}