html{-webkit-font-smoothing:antialiased;height:100%;touch-action:manipulation}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display:block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border:1px solid black}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline:none;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline:0}
input::-webkit-input-safebox-button{display:none}
body{color:#000; font-family: "HanSansSC-Regular", Arial, Helvetica, sans-serif !important;}
body *{box-sizing:border-box;}
img{max-width:100%}
#web-ietip{width:526px;height:90px;padding:83px 0 0 84px;overflow:hidden;background:url(../image/browser.png) no-repeat center center;margin:200px auto 0}
#web-ietip a{display:block;width:65px;height:80px;float:left}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.eps1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.eps2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eps4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
html{font-size:calc(100vw / 1920 * 100)}
@media(max-width:900px){
html{font-size:calc(900px / 1920 * 100)}
}body{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){
}
.s12{font-size:calc(12 * 100vw / 1920)}
@media(max-width:1920px){
.s12{font-size:12.0px}
}
.s13{font-size:calc(13 * 100vw / 1920)}
@media(max-width:1816px){
.s13{font-size:12.3px}
}
.s14{font-size:calc(14 * 100vw / 1920)}
@media(max-width:1728px){
.s14{font-size:12.6px}
}
.s15{font-size:calc(15 * 100vw / 1920)}
@media(max-width:1651px){
.s15{font-size:12.9px}
}
.s16{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){
.s16{font-size:13.2px}
}
.s17{font-size:calc(17 * 100vw / 1920)}
@media(max-width:1524px){
.s17{font-size:13.5px}
}
.s18{font-size:calc(18 * 100vw / 1920)}
@media(max-width:1472px){
.s18{font-size:13.8px}
}
.s19{font-size:calc(19 * 100vw / 1920)}
@media(max-width:1424px){
.s19{font-size:14.1px}
}
.s20{font-size:calc(20 * 100vw / 1920)}
@media(max-width:1382px){
.s20{font-size:14.4px}
}
.s21{font-size:calc(21 * 100vw / 1920)}
@media(max-width:1344px){
.s21{font-size:14.7px}
}
.s22{font-size:calc(22 * 100vw / 1920)}
@media(max-width:1309px){
.s22{font-size:15.0px}
}
.s23{font-size:calc(23 * 100vw / 1920)}
@media(max-width:1277px){
.s23{font-size:15.3px}
}
.s24{font-size:calc(24 * 100vw / 1920)}
@media(max-width:1248px){
.s24{font-size:15.6px}
}
.s25{font-size:calc(25 * 100vw / 1920)}
@media(max-width:1221px){
.s25{font-size:15.9px}
}
.s26{font-size:calc(26 * 100vw / 1920)}
@media(max-width:1196px){
.s26{font-size:16.2px}
}
.s27{font-size:calc(27 * 100vw / 1920)}
@media(max-width:1173px){
.s27{font-size:16.5px}
}
.s28{font-size:calc(28 * 100vw / 1920)}
@media(max-width:1152px){
.s28{font-size:16.8px}
}
.s29{font-size:calc(29 * 100vw / 1920)}
@media(max-width:1132px){
.s29{font-size:17.1px}
}
.s30{font-size:calc(30 * 100vw / 1920)}
@media(max-width:1113px){
.s30{font-size:17.4px}
}
.s31{font-size:calc(31 * 100vw / 1920)}
@media(max-width:1096px){
.s31{font-size:17.7px}
}
.s32{font-size:calc(32 * 100vw / 1920)}
@media(max-width:1080px){
.s32{font-size:18.0px}
}
.s33{font-size:calc(33 * 100vw / 1920)}
@media(max-width:1064px){
.s33{font-size:18.3px}
}
.s34{font-size:calc(34 * 100vw / 1920)}
@media(max-width:1050px){
.s34{font-size:18.6px}
}
.s35{font-size:calc(35 * 100vw / 1920)}
@media(max-width:1036px){
.s35{font-size:18.9px}
}
.s36{font-size:calc(36 * 100vw / 1920)}
@media(max-width:1024px){
.s36{font-size:19.2px}
}
.s37{font-size:calc(37 * 100vw / 1920)}
@media(max-width:1011px){
.s37{font-size:19.5px}
}
.s38{font-size:calc(38 * 100vw / 1920)}
@media(max-width:1000px){
.s38{font-size:19.8px}
}
.s39{font-size:calc(39 * 100vw / 1920)}
@media(max-width:989px){
.s39{font-size:20.1px}
}
.s40{font-size:calc(40 * 100vw / 1920)}
@media(max-width:979px){
.s40{font-size:20.4px}
}
.s41{font-size:calc(41 * 100vw / 1920)}
@media(max-width:969px){
.s41{font-size:20.7px}
}
.s42{font-size:calc(42 * 100vw / 1920)}
@media(max-width:960px){
.s42{font-size:21.0px}
}
.s43{font-size:calc(43 * 100vw / 1920)}
@media(max-width:951px){
.s43{font-size:21.3px}
}
.s44{font-size:calc(44 * 100vw / 1920)}
@media(max-width:942px){
.s44{font-size:21.6px}
}
.s45{font-size:calc(45 * 100vw / 1920)}
@media(max-width:934px){
.s45{font-size:21.9px}
}
.s46{font-size:calc(46 * 100vw / 1920)}
@media(max-width:926px){
.s46{font-size:22.2px}
}
.s47{font-size:calc(47 * 100vw / 1920)}
@media(max-width:919px){
.s47{font-size:22.5px}
}
.s48{font-size:calc(48 * 100vw / 1920)}
@media(max-width:911px){
.s48{font-size:22.8px}
}
.s49{font-size:calc(49 * 100vw / 1920)}
@media(max-width:905px){
.s49{font-size:23.1px}
}
.s50{font-size:calc(50 * 100vw / 1920)}
@media(max-width:898px){
.s50{font-size:23.4px}
}
.s51{font-size:calc(51 * 100vw / 1920)}
@media(max-width:892px){
.s51{font-size:23.7px}
}
.s52{font-size:calc(52 * 100vw / 1920)}
@media(max-width:886px){
.s52{font-size:24.0px}
}
.s53{font-size:calc(53 * 100vw / 1920)}
@media(max-width:880px){
.s53{font-size:24.3px}
}
.s54{font-size:calc(54 * 100vw / 1920)}
@media(max-width:874px){
.s54{font-size:24.6px}
}
.s55{font-size:calc(55 * 100vw / 1920)}
@media(max-width:869px){
.s55{font-size:24.9px}
}
.s56{font-size:calc(56 * 100vw / 1920)}
@media(max-width:864px){
.s56{font-size:25.2px}
}
.s57{font-size:calc(57 * 100vw / 1920)}
@media(max-width:858px){
.s57{font-size:25.5px}
}
.s58{font-size:calc(58 * 100vw / 1920)}
@media(max-width:854px){
.s58{font-size:25.8px}
}
.s59{font-size:calc(59 * 100vw / 1920)}
@media(max-width:849px){
.s59{font-size:26.1px}
}
.s60{font-size:calc(60 * 1rem / 100)}
@media(max-width:844px){
.s60{font-size:26.4px}
}
.s61{font-size:calc(61 * 1rem / 100)}
@media(max-width:840px){
.s61{font-size:26.7px}
}
.s62{font-size:calc(62 * 1rem / 100)}
@media(max-width:836px){
.s62{font-size:27.0px}
}
.s63{font-size:calc(63 * 1rem / 100)}
@media(max-width:832px){
.s63{font-size:27.3px}
}
.s64{font-size:calc(64 * 1rem / 100)}
@media(max-width:828px){
.s64{font-size:27.6px}
}
.s65{font-size:calc(65 * 1rem / 100)}
@media(max-width:824px){
.s65{font-size:27.9px}
}
.s66{font-size:calc(66 * 1rem / 100)}
@media(max-width:820px){
.s66{font-size:28.2px}
}
.s67{font-size:calc(67 * 1rem / 100)}
@media(max-width:816px){
.s67{font-size:28.5px}
}
.s68{font-size:calc(68 * 1rem / 100)}
@media(max-width:813px){
.s68{font-size:28.8px}
}
.s69{font-size:calc(69 * 1rem / 100)}
@media(max-width:809px){
.s69{font-size:29.1px}
}
.s70{font-size:calc(70 * 1rem / 100)}
@media(max-width:806px){
.s70{font-size:29.4px}
}
.s70{font-size:calc(70 * 1rem / 100)}
@media(max-width:803px){
.s70{font-size:29.7px}
}
.s71{font-size:calc(71 * 1rem / 100)}
@media(max-width:800px){
.s71{font-size:30px}
}
.s72{font-size:calc(72 * 1rem / 100)}
@media(max-width:796px){
.s72{font-size:30.3px}
}
.s73{font-size:calc(73 * 1rem / 100)}
@media(max-width:793px){
.s73{font-size:30.6px}
}
.s74{font-size:calc(74 * 1rem / 100)}
@media(max-width:791px){
.s74{font-size:30.9px}
}
.s75{font-size:calc(75 * 1rem / 100)}
@media(max-width:788px){
.s75{font-size:31.2px}
}
.s76{font-size:calc(76 * 1rem / 100)}
@media(max-width:79px){
.s76{font-size:31.5px}
}
.s77{font-size:calc(77 * 1rem / 100)}
@media(max-width:785px){
.s77{font-size:31.8px}
}
.s78{font-size:calc(78 * 1rem / 100)}
@media(max-width:782px){
.s78{font-size:32.1px}
}
.s79{font-size:calc(79 * 1rem / 100)}
@media(max-width:780px){
.s79{font-size:32.4px}
}
.s80{font-size:calc(80 * 1rem / 100)}
@media(max-width:777px){
.s80{font-size:32.7px}
}
@media(max-width:1920px){
.h-sch{padding:40px 0}
.h-text{width:380px;height:40px;line-height:40px;font-size:14px;padding:0 10px 0 5px}
.h-smt{width:40px;height:40px;background-size:17px 17px}
.h-close{width: 22px;height: 22px;}
.sub-nav-item{width: 140px;margin-left: -70px;}
.bg-search{background-size: 17px 17px;}
}
@media(min-width: 1201px){
.header .nav-item-color .nav-item::after{display:block;visibility: hidden;content:"";position: absolute;left: 0;top: 50%;width:100%;height:0.03rem;margin-top: 1em;background-color:#fff;}
.header .nav-item-color .nav-item:hover::after,
.header .nav-item-color .nav-item-active::after{visibility: visible;}
.header.color .nav-item-color .nav-item::after{background-image:linear-gradient(96deg,#58b531 0%,#059b81 100%);}
.header.color .nav-item-color li.nav-item:hover::after{visibility: visible;}
.h-link:hover .h-name{color: #58b531;}
.footer-nav-list a:hover{color:#fff}
.h-sub-item a:hover{color: #58b531;}
}
@media(max-width: 1200px){
header.header{height: 46px;background-color: #fff;ox-shadow:0 0 4px rgba(0,0,0,0.1);}
body{padding-top: 46px;}
.target{top: -46px;}
.h-border{width: 100%;margin: 0;padding-left: 10px;}
.header .list-item>a{line-height: 1.5;padding: 10px 20px;color:#333;display: inline-block;}
.header #shares{color:#191919}
.bg-EN{color:#191919;border-color:#9b9b9b}
.bg-search{border-color:#9b9b9b;background-image:url(../image/h-search-black.png)}
.header .h-logo-img2{display: block;}
.header .h-logo-img1{display: none;}
.nav-list{position: fixed;right: -280px;top: 0;width: 280px;height: 100%;transition: all .3s;background-color: #fff;z-index: 12345;padding-top: 10px;padding-bottom: 10px;overflow: auto;}
.list-item{width: 100%;margin: 0;}
.has-sub-nav:after,
.has-sub:after{content: "+";display: inline-block;width: 40px;height: 39px;line-height: 39px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
.has-sub-nav.show:after,
.has-sub.show:after{content: "-";}
.h-menu{display: inline-block;}
.sub-nav-item2{width: 100%;position: relative;left: 0;margin-left: 0;top: 0;text-align: left;padding-top: 0;}
.h-sub-item a{padding: 8px 20px 8px 40px;}
.h-sub{position: relative;top: 0;}
.h-cate{width: 100%;padding: 20px;}
.h-solu{width: 100%;padding: 20px;}
.h-dl{width: 100%;}
.h-dt{padding-top: 10px;padding-bottom: 10px;position: relative;padding-right: 40px;}
.h-dd{display: none;}
.h-tit{margin-bottom: 10px;}
.h-solu .h-dl{width: 100%;}
.h-dt:after{content: "+";display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #666;}
.h-dt.show:after{content: "-";}
.h-col{width: 100%;}
header.show-menu .nav-list{right: 0;}
header.show-menu .h-mask{opacity:1;visibility:visible;}
}
@media(max-width: 900px){
.bg-search{border-color: transparent;background-size: 17px 17px;}
.bg-EN{border-color: transparent;}
.header.color .bg-EN{border-color: transparent;}
.header.color .bg-search{border-color: transparent;}
.nav-tools{margin-right: 0;}
}
@media(max-width:750px){
.h-text{width:220px}
.bg-EN,
.bg-search{font-size: 12px;line-height: 28px;}
}
@media(max-width: 360px){
.header #shares{font-size: 12px;margin-right: 5px;}
.nav-search{margin-left: 2px;}
.nav-tools,
.bg-EN,
.bg-search{width: 24px;height: 24px;line-height: 22px;}
}
@keyframes into-white{from{background-color:rgba(0,0,0,0)}
to{background-color:#fff}
}
@keyframes into-transparent{from{background-color:#fff}
to{background-color:rgba(0,0,0,0)}
}
@keyframes into-grey-border{from{border:0.01rem #fff solid}
to{border:0.01rem #bfc4c9 solid}
}
@keyframes into-white-border{from{border:0.01rem #bfc4c9 solid}
to{border:0.01rem #fff solid}
}
.teaser{opacity:0;transform:translate3d(0,73px,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(73px,0,0);transition:opacity 1s cubic-bezier(.25,.1,.25,1),transform 1s cubic-bezier(.25,.1,.25,1);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.door{position: relative;}
.door:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 123;}
.door.is-visible:before{height: 0;}
.door1{position: absolute;left: 0;top: 0;z-index: 123;width: 100%;height: 100%;pointer-events: none;}
.door1:before{content: "";display: block;width: 50%;height: 100%;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 123;transition: width 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;}
.door1.is-visible:before{width: 0;}
.door1:after{content: "";display: block;width: 50%;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0;z-index: 123;transition: width 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;}
.door1.is-visible:after{width: 0;}
.door2{position: absolute;left: 0;top: 0;z-index: 123;width: 100%;height: 100%;pointer-events: none;}
.door2:before{content: "";display: block;width: 100%;height: 50%;background-color: #fff;position: absolute;left: 0;bottom: 0;z-index: 123;transition: height 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;}
.door2.is-visible:before{height: 0;}
.door2:after{content: "";display: block;width: 100%;height: 50%;background-color: #fff;position: absolute;right: 0;top: 0;z-index: 123;transition: height 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;}
.door2.is-visible:after{height: 0;}
.scroll-btn.white .select-page{border:0.01rem #fff solid;height:0.08rem;width:0.08rem;border-radius:0.1rem;display:inline-block;margin:0.15rem 0;animation-name:into-white-border;animation-duration:500ms;animation-timing-function:ease-in-out}
.select-page{height:0.08rem;width:0.08rem;border-radius:0.1rem;border:solid 0.01rem #bfc4c9;display:inline-block;margin:0.15rem 0;font-size:0.14rem}
.active{background-color:#fff}
.select-page.product.active{border:none;background-color:rgba(0,0,0,0)}
.product.active::before{color:#7ec051;position:absolute;content:"产品";width:0.1rem;top:0.42rem;left:-0.04rem}
.select-page.about.active{border:none;background-color:rgba(0,0,0,0)}
.about.active::before{color:#7ec051;position:absolute;content:"关于";width:0.1rem;top:0.9rem;left:-0.04rem}
.select-page.news.active{border:none;background-color:rgba(0,0,0,0)}
.news.active::before{color:#7ec051;position:absolute;content:"新闻";width:0.1rem;top:1.25rem;left:-0.04rem}
.scroll-btn{position:fixed;z-index:5;margin-top:-0.32rem;top:43.5vh;margin-left:0.24rem}
@media(max-width: 520px){
.scroll-btn{display: none;}
}
#slide-menu{display:none}
.slide-nav{display:none}
.footer{position:relative;display: flex;flex-wrap: wrap;}
.footer-text{color:#fff;letter-spacing:0;width: 100%;}
.footer-nav{background-color:#1d1d1d;width:74%;padding-top: 0.8rem;display:flex;justify-content:space-around;flex-direction:column;align-items:flex-end;padding-right:0.6rem}
.footer-nav-list{color:#b2b2b2;display:inline-block;font-weight:normal;font-stretch:normal}
.f-nav-list{width:12.25rem;display:flex;justify-content:space-between;}
.f-logo{width:1.97rem;margin-top:0.81rem;}
.decorate-devision{margin-top:1%;width:12.25rem;border-bottom:rgba(80,80,80,0.2) 1px solid}
.f-nav-head{height:0.16rem;font-stretch:normal;letter-spacing:0;color:#fff}
.f-nav-img{width:0.2rem;height:0.03rem;background-color:#79c362;border-radius:2px;margin-top:0.2rem;margin-bottom:0.3rem}
.f-nav-item{margin:0.19rem 0px}
.f-nav-head{height:0.16rem;font-stretch:normal;letter-spacing:0;color:#fff;white-space:nowrap}
.f-n-h4{width:0.66rem;white-space:nowrap}
.f-n-i4{width:0.66rem;white-space:nowrap}
.f-n-h7{width:1rem;white-space:nowrap}
.f-n-i7{width:1rem;white-space:nowrap}
.f-n-h9{width:1.15rem}
.f-n-i9{width:1.15rem}
.hundred-margin{margin-left:1rem}
.eightyfive-margin{margin-left:0.85rem}
.seventy-margin{margin-left:0.7rem}
.fifty-marigin{margin-left:0.5rem}
.f-nav-item a{height:0.14rem}
@media(min-width:1201px){
.f-nav-item a:hover{color:#fff}
}
.brand-info{width:26%;background-image:linear-gradient(90deg,#58b531 0%,#059b81 100%);padding-left: 3vw;padding-right: .1rem;}
.only-mobile{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.just-logo{height:100%;width:100%;background-image:url('../image/bglogo.png');background-repeat:no-repeat;background-position:0 45%;background-size:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.contact{margin-top:0.48rem;}
.footer .contact-item{line-height:2;position: relative;padding-left: 1.75em;}
.footer .contact-item img{width: 1.125em;position: absolute;left: 0;top: 1em;transform: translate(0,-50%);}
.contact-list{word-break:break-all;line-height:2;display:flex;flex-direction:column}
.copyright{margin-top:.98rem;margin-bottom:.38rem;color:#fff;margin-left:0.05rem;line-height:1.14}
.our-info{margin:0 0.08rem}
.SNS{display:flex;justify-content:space-between;align-items:center;width:12.25rem;margin-top:0.37rem;margin-bottom:0.44rem}
.SNS-icon{font-size: 0;}
.SNS-icon>a>img{width: .24rem;}
.SNS-icon a{opacity: 0.5;display: inline-block;vertical-align: top;margin-left: .32rem;}
.SNS-icon a:hover{opacity: 1;}
@media(max-width: 1920px){
.SNS-icon>a>img{width: 24px;}
}
@media(min-width: 1201px){
.SNS-icon a:hover{opacity: 1;}
.footer-nav-list a:hover{color:#fff}
}
@media(max-width: 1200px){
.brand-info{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 900px){
.brand-info{width: 100%;}
.footer-nav{width: 100%;padding-right: 0;padding-top: 0;}
.f-nav-list{width: 100%;margin-top: 0;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
.f-n-h4{width: auto;}
.f-nav-head{height: auto;}
.SNS{width: 100%;padding: 20px 10px;margin: 0;}
.decorate-devision{width: 100%;}
.just-logo{padding-top: 20px;}
.f-logo{margin-top: 0;}
.copyright{margin-top: 20px;}
.f-n-h7{width: auto;}
.f-nav-head{margin-bottom: 5px;}
.eightyfive-margin{margin-left: 0;}
.seventy-margin{margin-left: 0;}
.hundred-margin{margin-left: 0;}
}
@media(max-width: 750px){
.just-logo{padding-top: 18px;}
.contact{margin-top: 10px;}
.f-nav-list{overflow: hidden;display: block;}
.footer-nav-list{width: calc(100% + 20px);margin-bottom: 13px;font-size: 13px;}
.f-nav-list{flex-wrap: wrap;}
.f-nav-item{display: inline-block;width: auto;margin-right: 20px;margin-top: 0;font-size: 13px;line-height: 22px;margin-bottom: 0;}
.f-nav-item a{height: auto;}
.f-nav-img{margin-bottom: 10px;display: none;}
.eightyfive-margin{margin-left: 0;}
.fifty-marigin{margin-left: 0;}
.copyright{font-size: 13px;line-height: 22px;margin-top: 10px;margin-bottom: 10px;}
.SNS{flex-wrap: wrap;text-align: center;}
.SNS-icon{width: 100%;text-align: center;}
.SNS-icon a{margin: 0 10px;}
.decorate-devision{margin-top: 0;}
.footer .contact-item{font-size: 13px;}
.footer-text{font-size: 13px;}
}
.mainpage-title{font-weight:bold;color:#191919;margin-bottom:.76rem}
.page-nav{width:100%;/* height:1.1rem; */background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1.5rem}
.page-nav-ul{height:100%;/* display:flex; */position:relative;/* align-items:center; */font-size: 0;flex: 1;padding: 0.15rem 0;}
.page-nav-item{color:#191919;display: inline-block;}
.page-nav-item a{line-height: 0.8rem;padding: 0 .45rem;position: relative;display: block;}
.page-nav-item a:after{content: "";display: inline-block;width: 1px;height: 1em;position: absolute;right: -1px;top: 50%;margin-top: -0.5em;background-color: #ddd;}
.page-nav-item a:hover{color:#58b531}
.page-nav-item:last-child a:after{display: none;}
.pni-active{color:#58b531}
.page-nav-line{height:3px;background-image:-webkit-linear-gradient(72deg,rgb(124,196,97) 0%,rgb(5,155,129) 100%);position:absolute;-webkit-transition:all .3s;z-index:20;width:0;transform:translateY(-3px)}
.back-home{color:#717273;transform:translateX(-0.5rem);line-height: 1.1rem;height: 1.1rem;display: block;}
.back-home img{transform:translateX(-3px);width:1.19em;vertical-align: middle;}
.mainpage-banner{width:100%;position: relative;background-color: black;}
.mainpage-banner img{width:100%;height:33.23vw;object-fit:cover;vertical-align: top;}
.mainpage-text-area{position:absolute;width:100%;padding:0 10.4vw;left:0;top:50%;transform: translate(0,-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.eng-text{font-size: 2vw;font-weight:bold;text-align: center;margin-bottom: .12rem;}
.cn-text{font-size:2vw;font-weight:bold;text-align: center;}
@media(min-width: 1201px){
.back-home:hover{color: #58b531;}
}
@media(max-width: 900px){
.back-home{display: none;}
.page-nav{padding: 10px 0;height: auto;}
.page-nav-ul{width: 100%;justify-content: center;flex-wrap: wrap;padding: 0;text-align: center;}
.page-nav-line{display: none;}
.page-nav-item a{font-size: 14px;padding: 0 10px;line-height: 32px;}
.page-nav-ul br{display: none;}
.page-nav-item{min-width: 20%;}
}
@media(max-width: 750px){
.eng-text{font-size: 16px;}
.cn-text{font-size: 16px;}
}
@media(max-width: 500px){
.page-nav-item{min-width: 33.33%;text-align: center;}
.page-nav-ul{text-align: left;visibility: hidden;}
.page-nav-ul.show{visibility: visible;}
.page-nav-ul.center{text-align: center;}
.page-nav-item.col2{min-width: 50%;}
}
.center-text-area{position:absolute;width:100%;left: 0;top:50%;transform: translate(0,-50%);z-index:3;color: #fff;}
.inrow{font-size:0}
.inrow>li,
.inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal}
.dataNums{text-align:center}
.dataNums .dataOne{width:11px;height:26px;text-align:center}
.dataNums .dataBoc{position:relative;width:100%;height:100%;overflow:hidden}
.dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%}
.dataNums .tt span{width:100%;height:100%;font-size:18px;line-height:26px;color:#00b060}
.show-swiper-bigger{height:100vh;width:100vw;position:fixed;z-index:100;visibility:hidden}
.show-swiper-musk{height:100vh;width:100vw;background:#000;position:fixed;top:0;z-index:100;opacity:.8}
.scp-cont{display:flex;position:fixed;width:100%;z-index:110;justify-content:center;align-items:center}
.show-swiper-pic{position:fixed;top:0;height:100vh;z-index:110}
.next-btn,
.prev-btn{width:.7rem;height:.7rem;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-color:#fff;border-radius:50%;background-image:url(../image/c-left.png);background-size:100% 100%}
.circle{fill:url(#linear-gradient-1)}
.arrow1{stroke:#fff;stroke-linecap:round;stroke-width:2px;fill:none}
.arrow2{fill:#fff}
.arrow1,
.next-arrow2{fill-rule:evenodd}
.prev-btn.swiper-button-disabled .circle{fill:#fff}
.prev-btn.swiper-button-disabled .arrow1{stroke:#666}
.prev-btn.swiper-button-disabled .arrow2{fill:#666}
.next-btn.swiper-button-disabled .circle{fill:#fff}
.next-btn.swiper-button-disabled .arrow1{stroke:#666}
.next-btn.swiper-button-disabled .arrow2{fill:#666}
.gradient-text{background-image:-webkit-linear-gradient(72deg,#58b531 0%,#58b531 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.padding-limit{padding:0 2rem}
.content-margin{margin:0 2rem;width:100%}
.mainpage-bg{position:relative;bottom:89%;z-index:-1}
.p2-1{background:url('../image/company_introduction.jpg') no-repeat;background-size: 100% auto;background-position: center top;}
.p2-1-cont picture{width:8.86rem}
.p2-1-cont{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.2rem 2rem 0 2rem;width:100%}
.p2-1-text{width:5.9rem}
.p2-1-img{width:6.76rem;height:auto}
.p2-1-milepost{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin: 0 auto;width:17.8rem;margin-top:1.1rem; }
.milepost{position:absolute}
.milepost-number{font-weight:bold;}
.milepost-flex{display:flex;width:25vw;height:1rem;justify-content:space-around;}
@media(min-width: 1201px){
.next-btn:hover,
.prev-btn:hover{background-image:url(../image/c-left-green.png)}
}
@media(max-width: 900px){
.p2-1-milepost{width: 100%;}
.p2-1-cont{padding-left: 1rem;padding-right: 1rem;}
}
@media(max-width: 750px){
.p2-1-cont{padding: 30px 10px;flex-wrap: wrap;}
.p2-1-text{width: 100%;margin-bottom: 20px;}
.p2-1-img{width: 300px;margin: 0 auto;}
}
.p2-2{background:url('../image/16518245795738073.jpg')no-repeat center center,url('../image/16518245795738073.jpg')no-repeat center center;background-size:cover}
.p2-2-cont{padding:1.16rem 2rem;}
.p2-2-bg img{position:relative;bottom:66.7%;z-index:-1;width:100%;height:auto}
.ht-tit{line-height: 1.2;}
.company-history{display:flex;flex-direction:row;width:15rem;align-items:center;margin-bottom: .75rem;}
.history-year{font-size:5.2vw;font-weight:bold}
.history-image{width:5rem;height:3rem;margin-right:2rem;object-fit: cover;display: none;}
.history-image.show{display: block;}
.history-view{width:4rem}
.history-list{display:block;overflow:hidden;margin-top:0.6rem}
.history-marker{width: .44em;height: .44em;margin-right:.12rem;margin-top: 0.905em;}
.history-item{color:#fff;line-height:2.25;display:flex;flex-direction:row;/* align-items:center; */}
.history-text{line-height:2.25}
.history-btn{margin-left:2rem;width:.7rem;height:1.8rem;display:flex;flex-direction:column;justify-content:space-between}
.ch-bn{width: 7rem;}
.timeline{display:flex;flex-direction:column;align-items:center;}
.history-line{width:95%;height:.02rem;background-color:#54555a;transform:translateY(-0.51rem)}
.history-nav{margin-top:1.3rem;width:100%;height:1rem;display:flex;justify-content:space-between;z-index:3}
.hn-i{display:flex;flex-direction:column;align-items:center;width:.75rem}
.hn-point{width:.2rem;overflow:hidden}
.hn-point .img{margin:.2rem 0;width: .2rem;height: .2rem;background-image: url(../image/white-point.png);display: inline-block;vertical-align: top;background-size: 100% 100%;}
.act-year{font-weight:bold;color:#fff}
.hn-i.swiper-pagination-bullet>.act-year{visibility:hidden}
.hn-i.swiper-pagination-bullet.swiper-pagination-bullet-active>.act-year{visibility:inherit}
.normal-year{color:#fff}
.hn-i.swiper-pagination-bullet>.normal-year{visibility:inherit}
.hn-i.swiper-pagination-bullet-active>.normal-year{visibility:hidden}
.timeline .swiper-pagination-bullet-active{background:rgba(255,255,255,0) !important}
.timeline .swiper-pagination-bullet{width:auto !important;height:auto !important;display:inherit !important;background:rgba(255,255,255,0) !important;opacity:1 !important}
.timeline .swiper-pagination{display:flex;width:100%;justify-content:space-between;position: relative;}
.hn-i.swiper-pagination-bullet-active .hn-point .img{background-image: url(../image/hn-point.svg);}
@media(max-width: 1382px){
.hn-point{width: 13px;}
.hn-point .img{margin: 15px 0;width: 13px;height: 13px;}
.history-line{transform: translateY(-37px);}
.history-btn{margin-left: 1rem;}
}
@media(max-width: 900px){
.p2-2-cont{padding-left: 1rem;padding-right: 1rem;}
.ch-bn{width: 6rem;margin-left: 0;margin-right: 0;}
.history-image{margin-right: 0.5rem;}
.history-btn{margin-left: 0.5rem;}
.normal-year,
.act-year.s30{font-size: 12px;}
.history-line{transform: translateY(-34px);}
}
@media(max-width: 750px){
.p2-2-cont{padding: 30px 10px;}
.company-history{width: 100%;flex-wrap: wrap;max-width: 500px;margin-left: auto;margin-right: auto;}
.history-image{width: 100%;margin-right: 0;height: auto;margin-bottom: 20px;}
.ht-tit{margin-bottom: 20px;}
.next-btn,
.prev-btn{width: 32px;height: 32px;}
.history-btn{width: 32px;margin-left: 0;}
.ch-bn{width: calc(100% - 32px);}
}
@media(max-width: 500px){
.history-year{font-size: 30px;}
}
.p2-3{background:url('../image/factory_layout.jpg') no-repeat center center;display:flex;height:8.89rem;width:100%;background-size:cover}
.p2-3-cont{display:flex;flex-direction:row}
#map{width:9rem}
.p2-3-img{display:flex;flex-direction:row;align-items:center}
.p2-3-text{display:flex;flex-direction:column;justify-content:space-between;height:6rem}
.gray-text{width:1rem;height:.33rem;font-weight:bold;font-size:.4rem;color:#dce0e2}
.point-name{font-size:.3rem;line-height:3}
.factory-name{font-size:.2rem;;line-height:1.5}
.factory-descri{line-height:1.875}
.p2-4{background:url('../image/16518904741671803.jpg') no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;height:8.4rem;position: relative;}
.p2-4-text{text-align:center;font-weight:bold;color:#fff;padding-top:1.56rem;line-height: 1.2;}
.p2-4-values{display:flex;flex-direction:row;width:100%;position:absolute;left: 0;bottom:0;justify-content:space-between}
.value-block{display:flex;align-items:center;width:6.38rem;height:3rem;background-image:linear-gradient(90deg,#58b531 0%,#58b531 100%);opacity:0.9;padding-left:.52rem;margin-right: .03rem;}
.value-block:last-child{margin-right: 0;}
.vb-border{border-left:4px solid #f4f5f7;border-radius:2px;display:flex;flex-direction:column}
.vb-title{color:#fff;padding-left:.6rem}
.vb-cont{;line-height:1.875;color:#fff;padding:.26rem 0 0 .6rem}
.p2-5{background:url('../image/company_structure.png') no-repeat center center,url('../image/company_structure.webp') no-repeat center center;background-size:cover;height:8.25rem;width:100%}
.p2-6{height:8.4rem;width:100%;background:url('../image/penghui_honor.jpg') no-repeat center center;background-size:cover;overflow:hidden;position: relative;}
.p2-6-text{text-align:center;font-weight:bold;font-size:.4rem;color:#fff;padding-top:1.2rem}
@media(max-width: 1000px){
.p2-4{height: auto;display: block;}
.p2-4-text{margin-bottom: 28px;padding-top: 30px;}
.value-block{height: auto;width: 100%;display: inline-block;vertical-align: top;padding-top: 20px;padding-bottom: 20px;margin-right: 0;margin-left: 0;padding-left: 30px;padding-right: 10px;margin-top: 2px;}
.p2-4-values{display: block;/* white-space: nowrap; */overflow: auto;font-size: 0;position: relative;max-width: 500px;margin: 0 auto;}
}
@media(max-width: 500px){
.vb-title{padding-left: 12px;}
.vb-cont{padding-left: 12px;font-size: 14px;}
}
.honor-swiper,
.verify-swiper{margin-top: 1.16rem;max-width: 17.95rem;margin-left: auto;margin-right: auto;position: relative;}
.patent-nav{display:flex;justify-content:space-between;position:absolute;width:100%;top:5.25rem;z-index:10}
#verify-swiper{top:3.87rem}
#honor-nav{top:1.12rem;left: 0;/* position:relative; */}
.honor-list{display:flex;flex-direction:row;width:80%;justify-content:center;/* visibility:hidden; */top: 0;}
.swiper-slide-visible{visibility:inherit}
.honor-item{display:flex;flex-direction:column;width:4rem;height:4.25rem;align-items:center}
.stage{width:4rem}
.honor-nostage{height:3rem;justify-content:center}
.certificate{width: auto;height:3rem}
.certificate-hori{height:2.15rem;width:3rem}
@media(max-width: 900px){
.honor-swiper,
.verify-swiper{max-width: 100%;}
}
@media(max-width: 500px){
.p2-6{height: 500px;}
.honor-swiper{margin-top: 30px;}
.honor-list{top: 0;}
.honor-item{width:100%;height: 500px;}
.certificate{width:auto;height:300px;}
.stage{width: 260px;}
}
.p3-2-1{padding-top: .96rem;padding-bottom: 1.2rem;padding-left: 10px;padding-right: 10px;background:url('../image/teac-team.jpg') no-repeat center center;width:100%;display:flex;position: relative;}
.p321-cont{width:100%;max-width: 15.2rem;margin:0 auto;display:flex;justify-content:space-between}
.p321-title{color:#191919;font-weight:bold;margin-bottom:.49rem}
.p321-intro{color:#111;margin-bottom: .15rem;line-height: 1.45;}
.p321-text-cont{width:6.4rem;}
.p321-ul{color:#666;}
.p321-ul-item{line-height:2.09;padding-left: .9em;position: relative;}
.p321-ul-item::marker{color:#58b531}
.p321-ul-item:before{content: "";display: inline-block;width: .46em;height: .46em;border-radius: 50%;background-color: #58b531;position: absolute;left: 0;top: 1.045em;margin-top: -0.23em;}
.p321-decorate{height:2px;opacity:1;display:block;margin:.32rem 0 .2rem;}
.level-item{position: relative; padding-top:.25rem}
.level-item:last-child{border-bottom: none;}
.level{color:#58b531;display:inline-block;position: absolute;left: 0;top: 0.25rem;}
.level-name{color:#666;width: calc(100% + 0.2rem);position: relative;}
.ln-i{padding-right:.2rem;display:inline-block;line-height:1.5}
.p321-img{width: 5.71rem;padding-top: .68rem;}
@media(max-width: 1400px){
.p321-text-cont{width: 55%;}
.p321-img{width: 43%;}
}
@media(max-width: 750px){
.p321-cont{flex-wrap: wrap;}
.p321-text-cont{width: 100%;}
.p321-img{width: 100%;}
}
.mp-block{position: relative;}
.p3-2-2{background-image:url('../image/research_develop.jpg');height:9rem}
.p3-3{position:relative;height:8.7rem;background-image:url('../image/factory_layout.jpg')}
.p3-3-cont{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.p3-3-text{width:7.6rem;;font-size:.16rem;line-height:2.25;color:#666;height:1.1rem;overflow-y:auto}
.p3-3-num{width:5.2rem;display:flex;border:none}
.quality-assureance{width:100%;background-color:#f7f9fb;overflow:hidden;position: relative;}
.qa-cont{width:90%;margin-left:10%;padding:1rem 0}
.qa-cont .qa-title{color: #191919;font-weight: bold;}
.qa-cont .qa-opt{display:flex;align-items:center;margin-bottom:.42rem;width:100%;justify-content:space-between}
.qa-cont .qa-opt .qa-slogan{line-height:2.5}
.qa-cont .qa-opt .qa-swiper-opt{display:flex;margin-right:10%}
.qa-swiper-opt .next-btn{margin-left:.15rem}
.qa-cont .swiper-slide{width: 6.3rem; }
.suoxiao{ width:80%; float:right}
.qa-cont .qa-swiper .qa-item{width:5.9rem;height:5.9rem;position:relative;display:flex;flex-direction:column}
.qa-cont .qa-swiper .qa-item .up{padding:.75rem .7rem 0 .7rem;color:#fff;display:flex;flex-direction:column}
.qa-cont .qa-swiper .qa-item .up .num{color:#fff;font-weight:bold;margin-bottom:2.42rem;display: none;}
.qa-cont .qa-swiper .qa-item .up .qa-tit{color:#fff;margin-bottom:.19rem;}
.qa-cont .qa-swiper .qa-item .up .qa-intro{line-height:1.66;color:#fff;position: absolute;left: 0;bottom: .25rem;padding: 0 0.7rem;}
.qa-cont .qa-swiper .qa-item .qa-img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-3}
.quality-assureance.lt1 .prev-btn{display: none;}
.quality-assureance.lt1 .next-btn{display: none;}
@media(max-width: 1300px){
.qa-cont .qa-swiper .qa-item .up .num{margin-bottom: 1.5rem;}
}
@media(max-width: 1200px){
.qa-cont .qa-swiper .qa-item .up{padding: 20px;}
}
@media(min-width: 901px){
.quality-assureance.eq3 .prev-btn{display: none;}
.quality-assureance.eq3 .next-btn{display: none;}
.quality-assureance.eq3 .qa-swiper{width: 18.5rem;left: -11.11%;position: relative;margin-left: 0.35rem;}
.quality-assureance.lt2 .prev-btn{display: none;}
.quality-assureance.lt2 .next-btn{display: none;}
}
@media(max-width: 900px){
.qa-cont .qa-swiper .qa-item .up{padding: 20px 10px;}
.qa-cont .qa-swiper .qa-item .up .num{margin-bottom: 30px;}
.qa-cont .qa-swiper .qa-item .up .qa-intro{padding:0 10px;bottom: 10px;min-height: 0;}
}
@media(max-width: 750px){
.qa-cont{width: 100%;padding-left: 10px;margin-left: 0;}
.qa-cont .qa-opt .qa-swiper-opt{margin-right: 10px;}
}
.tn-list{display:flex;flex-direction:row;width:100%;justify-content:space-between}
.news-title-time img{margin-right:0.09rem}
.cal-news{color:#58b531;}
.media-decorate{display:flex;flex-direction:row;justify-content:space-between}
.news-cover{width:6rem;height:3.8rem}
.p5-1{display:flex;flex-direction:row;width:100%;height:8.6rem}
.p5-1-slide{display:flex;width:50%;background-image:url('../image/benefit.png');background-repeat:no-repeat;background-size:50%;background-color:#f7f9fb;background-position:left bottom}
.p5-1-flex{display:flex;flex-direction:column;align-items:center;justify-content:center}
.p5-1-right{background-image:url('../image/smile.jpg');background-repeat:no-repeat;background-size:cover;width:50%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.limit{padding-left: 2rem;padding-right: 1rem;}
.p5-slide-title{font-weight:bold;font-stretch:normal;color:#191919;margin-bottom:.5rem}
.p5-slide-detail{;line-height:2.25;color:#666;}
.p5-slide-detail p{line-height: inherit;text-indent: 2em;}
.limit::-webkit-scrollbar{width:.1rem}
.limit::-webkit-scrollbar-thumb{border-radius:0.05rem;shadow:inset 0 0 5px rgba(0,0,0,0.2);background:-webkit-linear-gradient(72deg,rgba(124,196,97,0.5) 0%,rgba(5,155,129,0.5) 100%)}
.recruit-nav{width:1.6rem;height:1.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;margin:.03rem 0;color:#666;cursor:pointer}
.recruit-nav .img{width: .48rem;height: .48rem;margin-bottom: .25rem;display:inline-block;overflow:hidden;position:relative;left:0;background-size: 100% auto;background-repeat: no-repeat;background-position: center center;}
.recruit-nav:hover,
.recruit-nav.green{background-image:-webkit-linear-gradient(0deg,#58b531 0%,#059b81 100%);color:#fff}
.recruit-nav:hover .img{display:inline-block;overflow:hidden;}
.recruit-nav.green .img{position:relative;}
.recruit-nav .s20{pointer-events: none;}
.recruit-nav:nth-child(1) .img{background-image: url(../image/ben1.png);}
.recruit-nav:nth-child(2) .img{background-image: url(../image/ben2.png);}
.recruit-nav:nth-child(3) .img{background-image: url(../image/ben3.png);}
.recruit-nav:nth-child(1).green .img,
.recruit-nav:nth-child(1):hover .img{background-image: url(../image/bene1.png);}
.recruit-nav:nth-child(2).green .img,
.recruit-nav:nth-child(2):hover .img{background-image: url(../image/bene2.png);}
.recruit-nav:nth-child(3).green .img,
.recruit-nav:nth-child(3):hover .img{background-image: url(../image/bene3.png);}
.p5-2{background-image:url('../image/campus_recruitment.jpg');background-size:cover;height:8rem;display:flex;align-items:center;background-repeat:no-repeat}
.p52-title{font-weight:bold;color:#fff}
.p52-lr{display:flex;flex-direction:row;justify-content:space-between}
.p52-detail{;line-height:1.5;color:#fff;margin-top: .36rem;}
.p5-3{background-image:url('../image/social_recruitment.jpg');background-size:cover;height:8rem;display:flex;align-items:center;background-repeat:no-repeat}
.know-more-job{width:.76rem;height:.76rem;position:relative}
.know-more-job:hover .green{opacity:1}
.know-more-job svg{width:.76rem;height:.76rem;transform:rotate(270deg)}
.recurit-cycle{fill:#fff}
.recurit-cycle,
.recurit-arrow1,
.recurit-arrow2{fill-rule:evenodd}
.recurit-arrow1{stroke:#4eb46d;stroke-linecap:round;stroke-width:2px;fill:none}
.recurit-arrow2{fill:#4eb46d}
@media(max-width: 1200px){
.limit{padding-left: 10px;padding-right: 10px;}
.p5-slide-title{margin-bottom: 10px;}
}
@media(max-width: 750px){
.limit{padding-top: 30px;padding-bottom: 30px;}
.p5-1{flex-wrap: wrap;height: auto;}
.p5-1-slide{width: 100%;padding-bottom: 75px;}
.recruit-nav{width: 75px;height: 75px;margin: 0 3px;overflow: hidden;}
.p5-1-right{width: 100%;height: 89.58vw;position: relative;z-index: 123;}
.recruit-swiper-nav{position: absolute;left: 0;bottom: auto;top: -75px;display: flex;justify-content: center;}
.p52-lr{margin: 0;padding: 0 10px;}
.p52-text{width: calc(100% - 36px);}
.p5-2{height: 50vw;}
.p5-3{height: 50vw;}
.know-more-job{width: 36px;height: 36px;}
.p5-1-flex{display: block;}
}
.p5-2:hover .recurit-cycle{fill:url(#linear-gradient-1)}
.p5-2:hover .recurit-arrow1{stroke:#fff;stroke-linecap:round;stroke-width:2px;fill:none}
.p5-2:hover .recurit-arrow2{fill:#fff}
.p5-3:hover .recurit-cycle{fill:url(#linear-gradient-1)}
.p5-3:hover .recurit-arrow1{stroke:#fff;stroke-linecap:round;stroke-width:2px;fill:none}
.p5-3:hover .recurit-arrow2{fill:#fff}
.campus-recruit{display:flex;flex-direction:column;align-items:center;padding-bottom:.96rem;background-color: #f7f9fb}
.rc-cont{width:15.2rem;background-color:#fff;padding:.84rem 1.1rem 1.2rem}
.rl-row{display:flex;border-bottom:1px solid #e8e8e8;align-items: center;padding: .26rem 0;cursor: pointer;}
.rl-head{line-height:1.17;color:#191919;}
.rl-td{color:#666;line-height: 1.43;}
.rl-head{color: #191919;}
.rl-more-text{display: inline-block;vertical-align: top;cursor:pointer;border-radius:.17rem;user-select: none;border:solid .01rem #58b531;line-height:.34rem;padding: 0 .16rem;color: #58b531;}
.rl-row.show .rl-more-text{background-image:linear-gradient(90deg,#58b531 0%,#059b81 100%);;color:#fff;}
.rl-th{display:flex;border-bottom:1px solid #e8e8e8;align-items: center;border-bottom: 2px solid #e8e8e8;padding-bottom: .2rem}
.rl-td1{width: 29.23%;padding-right: 0.5em;}
.rl-td2{width: 29.23%;padding-right: 0.5em;}
.rl-td3{width: 29.23%;padding-right: 0.5em;}
.rl-td4{width: 12.31%;text-align: right;}
.rl-one{width: 100%;}
.rl-detail{display:flex;flex-wrap: wrap;background-color:#f8fbfe;background-image:linear-gradient(180deg,#fbfdfe 0%,#eef5fc 100%);display: none;}
.job-main{width: 100%;padding:.47rem .3rem .5rem .5rem;}
.job-text{display:flex;justify-content:space-between}
.job-info{display:flex;;letter-spacing:0.2px;color:#666;margin-bottom: .4rem;flex-wrap: wrap;}
.ji-item{margin-right: .7rem;line-height: 1.375;}
.ji-item:last-child{margin-right: 0;}
.job-descri,
.qualification{width: 47.54%;}
.job-foot{width: 100%;border-top: 1px solid #fff;padding: .3rem .5rem;}
.job-dt{;color:#58b531;letter-spacing: .01em;margin-bottom: .2rem;}
.job-dd{color:#626262;line-height:1.25;}
.job-dd p{margin-left:1.5em;text-indent:-1.5em;margin-bottom: 1em;line-height: inherit;letter-spacing: .01em;}
.job-dd p:last-child{margin-bottom: 0;}
.apply-now{display: inline-block;min-width:1.5rem;padding: 0 1em;line-height: 2.875;background-image:linear-gradient(72deg,#58b531 0%,#059b81 100%);text-align: center;border-radius:23px;color:#fff;;cursor: pointer;}
.division{display:block;width:46%;height:.01rem;background-color:#a9a9a9}
.load-more{display:flex;align-items:center;width:100%;margin-top:.6rem}
.load-more img{margin:0 .32rem;width:.6rem;cursor: pointer;}
.load-btn{display:flex;flex-direction:column;align-items:center}
.load-btn span{padding-top:.21rem;color:#666;cursor: pointer;}
@media(max-width: 1450px){
.rl-more-text{line-height: 28px;border-radius: 14px;}
}
@media(max-width: 1280px){
.rc-cont{width: 1000px;}
}
@media(max-width: 1000px){
.campus-recruit{padding: 30px 0;}
.rc-cont{width: 100%;padding: 15px 10px;}
.load-more img{width: 30px;margin: 0 10px;}
.job-main{padding: 20px 10px;}
.job-foot{padding: 10px;}
.division{width: calc(50% - 25px);}
.rl-td{font-size: 12px;}
.rl-more-text{font-size: 12px;}
}
@media(max-width: 800px){
.rl-td1{flex: 1;}
.rl-td2{flex: 1;}
.rl-td3{flex: 1;}
.rl-td4{width: 96px;}
}
@media(max-width: 750px){
.job-descri,
.qualification{width: 100%;}
.job-descri{margin-bottom: 20px;}
.job-text{flex-wrap: wrap;}
.ji-item{min-width: 50%;margin-right: 0;padding-right: 1em;}
}
.ab-tit{line-height: 1.2;margin-bottom: .78rem;}
.mainpage-title-white{color:#fff}
.mainpage-title.sp{margin-bottom: .3rem;line-height: 1;padding-left: 10px;padding-right: 10px;}
.mainpage-sub-title{font-size:.24rem;color:#191919}
.mainpage-detail{color:#666;width:auto;line-height:2.25;text-indent: 2em;}
.mainpage-detail *{line-height: inherit;}
.mainpage-detail.sp{line-height: 1.375;margin-bottom: .47rem;padding-left: 10px;padding-right: 10px;}
.contact-us{background-color:#f7f9fb;width:100%;position:relative;display:flex;padding:1rem 10% 0 10%;flex-direction:column}
.contact-us .title{margin-bottom:2%;font-weight:bold}
.contact-us .info-list{width:100%;margin-bottom:.8rem}
.contact-us .info-list .contact-item{width: 99.663%;padding:0.5rem .45rem .5rem .4rem;display:flex;flex-direction:column;background-color:#fff;border-right:#eee solid .01rem;cursor: pointer; margin-bottom:20px; border-radius:15px;}
.contact-us .info-list .contact-item .locate{width:.33rem;height:.37rem;margin-bottom:.35rem}
.contact-us .info-list .contact-item .company-name{line-height:1.3}
.contact-us .info-list .contact-item.active .company-name{color:#58b531}
.contact-us .info-list .contact-item .tel,
.contact-us .info-list .contact-item .email,
.contact-us .info-list .contact-item .sales-email,
.contact-us .info-list .contact-item .com-address{line-height:1.25;color:#717273;line-break:auto;margin-top:.22rem}
@media(max-width: 1200px){
.contact-us .info-list{flex-wrap: wrap;}
.contact-us .info-list .contact-item{padding: 10px;width: 50%;border-bottom: #eee solid 0.01rem;}
.contact-us .info-list .contact-item:nth-child(2n){border-right: none;}
.contact-us .info-list .contact-item .locate{margin-bottom: 10px;}
.ab-tit br{display: none;}
}
@media(max-width: 750px){
.contact-us{padding: 30px 10px;}
.contact-us .info-list{margin-bottom: 0;}
.ab-tit{margin-bottom: 20px;}
}
@media(max-width: 500px){
.contact-us .info-list .contact-item{width: 100%;}
}
.contact-maps{position: relative;}
.contact-map{width:100%;height:7rem;background-image:url("../image/maps.jpg");background-size:cover;position: absolute !important;left: -200vw;top: 0;font-size: 14px;}
.contact-map .BMap_bubble_content{line-height: 20px;}
.contact-map.show{left: 0;position: relative !important;}
.contact-message{width:100%;height:6.5rem; background-color:#f7f9fb; background-size:cover;display:flex;position:relative;z-index: 12;}
.contact-message{padding-left:10%}
.contact-message .welcome-message{ margin-top:100px;flex-direction:column;justify-content:center}
.contact-message .welcome-message .smallText{color:#717273}
.contact-message .welcome-message .boldText{font-weight:bold;margin-top:.16rem;line-height:1.2;width: 6.5em;}
.contact-message .message-form{position:absolute;bottom:1.2rem; top:.2rem;border-radius:0 .6rem 0 .6rem;width:57%;padding:.2rem;background-color:#fff;flex-direction:column;align-items:center;right:10%}
.lefttt{ float:left; width:1.5rem; line-height:.7rem; color:#000; font-weight:600; padding:0px .1rem ; text-align:center}
.contact-message .message-form .form-title{color:#0284cc;font-size:.24rem}
.contact-message .message-form .form-input{width:3.6rem;display:flex;background-color:#fff;border:#eee solid .01rem;align-items:center;justify-content:space-between;margin-bottom:.2rem; float:left}
.contact-message .message-form .form-input .input-hint{font-size:.16rem;color:#191919}
.contact-message .message-form .form-input .message-input{border:none;color:#191919;width:100%;padding:0 .2rem;height: .6rem;}
.message-form input::-webkit-input-placeholder,
.message-form textarea::-webkit-input-placeholder{color:#a7a7a7}
.message-form input:-moz-placeholder,
.message-form textarea:-moz-placeholder{color:#a7a7a7}
.message-form input::-moz-placeholder,
.message-form textarea::-moz-placeholder{color:#a7a7a7}
.message-form input:-ms-input-placeholder,
.message-form textarea:-ms-input-placeholder{color:#a7a7a7}
.message-form input:focus::-webkit-input-placeholder,
.message-form textarea:focus::-webkit-input-placeholder{color:#191919}
.message-form input:focus:-moz-placeholder,
.message-form textarea:focus:-moz-placeholder{color:#191919}
.message-form input:focus::-moz-placeholder,
.message-form textarea:focus::-moz-placeholder{color:#191919}
.message-form input:focus:-ms-input-placeholder,
.message-form textarea:focus:-ms-input-placeholder{color:#191919}
.contact-message .message-form .form-input .message-selector{border:none;color:#a7a7a7;width:100%;height: .6rem;outline:none;padding:0 .2rem;background-color: #fff;}
.contact-message .message-form .form-input .message-selector:focus,
.contact-message .message-form .form-input .message-selector.black{color:#191919}
.contact-message .message-form .form-textarea{width:8.7rem;display:flex;background-color:#fff;border:#eee solid .01rem;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}
.contact-message .message-form .form-textarea .message{width:100%;height: 1.38rem;color:#191919;border:none;padding:.2rem .2rem;line-height: 1.5;}
.contact-message .message-form .form-textarea .message::-webkit-scrollbar{width:.1rem}
.contact-message .message-form .form-textarea .message::-webkit-scrollbar-thumb{border-radius:0.05rem;shadow:inset 0 0 5px rgba(0,0,0,0.2);background:-webkit-linear-gradient(72deg,rgba(124,196,97,0.5) 0%,rgba(5,155,129,0.5) 100%)}
.learn-more{display:flex;width:1.8rem;height:0.54rem;background-image:linear-gradient(72deg,#58b531 0%,#059b81 100%);border-radius:0.27rem;justify-content:center;align-items:center}
.learn-more-text{color:#fff;justify-content:space-around;align-content:center;width:100%;flex-direction:row;align-items:center; text-align:center}
.learn-more-text span{display: inline-block; }
.learn-more-text img{width:0.833em;height:0.833em;display:inline-block}
.learn-more-border{display:flex;width:1.9rem;height:0.64rem;min-width: 104px;border:solid 1px rgba(0,0,0,0.08);border-radius: .32rem;justify-content:center;align-items:center; margin-left:30%}
.learn-more-border .learn-more{display:flex;width:1.8rem;height:0.54rem;min-width: 100px;background-image:linear-gradient(72deg,#58b531 0%,#059b81 100%);border-radius:0.27rem;justify-content:center;align-items:center;transition-delay: .4s;border: none;cursor: pointer;}
@media(max-width: 1000px){
.learn-more-border .learn-more{height: 28px;border-radius: 14px;}
.learn-more-text span{font-size: 12px;}
.contact-message .message-form .form-input .message-input,
.contact-message .message-form .form-input .message-selector{height: 32px;}
}
@media(max-width: 900px){
.contact-message{flex-wrap: wrap;height: auto;padding-top: 30px;padding-bottom: 30px;padding-right: 10%;}
.contact-message .message-form{position: relative;width: 100%;bottom: 0;right: 0;}
.contact-message .welcome-message{margin-bottom: 20px;}
.contact-message .welcome-message .boldText{width: 100%;}
}
@media(max-width: 750px){
.contact-message{padding-left: 10px;padding-right: 10px;}
.contact-message .message-form{padding: 20px 10px;}
.contact-message .message-form .form-input{width: 100%;}
.contact-message .message-form .form-textarea{width: 100%;}
}
.bgImage{height:100vh;width:100%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.bgImage.phone{display: none;}
#greatPower{width:100%}
#welcome{background-size:cover;position:relative;background-color: black;}
.index-bg{width: 100%;position: absolute;left:0;top:0;background-position: center center;background-size: cover;}
.index-bg.phone{display: none;}
.slogan-container{color:#fff;width:100%;height:100vh;padding-left:13%;padding-right: 13%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:relative}
.slogan1{font-size: 3vw;font-weight:bold;}
.slogan2{margin-top: .325em;font-size:2vw;transition-delay: .2s;}
.slogan-item{margin-top:0.29rem}
.slogan-item img{width:0.73rem;height:.06rem}
.next-page img{position:absolute;bottom:3%;left:49%;width:0.24rem;margin:0 auto}
@media(max-width: 1200px){
.bgImage{background-size: contain;}
}
@media(max-width: 750px){
.slogan1{font-size: 26px;}
.slogan2{font-size: 22px;margin-top: 12px;}
}
@media(max-width: 500px){
.bgImage{display: none;background-size: 100% auto;background-position: center top;}
.bgImage.phone{width: 100%;height:100%;display: block;}
.slogan-container{position: absolute;left:0;top: 20%;height:auto;text-align: center;display: block;padding: 0 10px;}
.index-bg{display: none;}
.index-bg.phone{display: block;}
}
#product{background-size:cover;height:100vh;position:relative}
.nav-btn-border{position:absolute;top:44%;z-index:200;display:flex;justify-content:center;align-items:center}
.nav-btn-border:after{content:"";display:inline-block;height:0.8rem;width:0.8rem;outline: none;border:rgba(102,102,102,0.21) 1px dashed;border-radius:50%;position:absolute;left:-0.05rem;top:-0.05rem;box-sizing:border-box}
.prev-btn{left:0.6rem}
.next-btn{right:0.6rem;transform:rotate(180deg)}
.nav-btn{height:0.7rem;width:0.7rem;background-color:#fff;border-radius:1rem;display:flex;justify-content:center;align-items:center}
.product-container{width:100%;height: auto;max-width: 14.4rem;position:absolute;left: 50%;margin-left: -7.2rem;bottom: 1.5rem;display:flex;align-content:center;flex-direction:column;justify-content:center;align-items:flex-start}
.eng-name{font-weight:bold;font-stretch:normal;color:#191919}
.cn-name{margin-top:0.18rem;font-weight:bold;font-stretch:normal;color:#191919;transition-delay: .1s;}
.aboutus-decorate{transition-delay: .2s;}
.product-category{position:relative;}
.product-recommend{width:7rem;height:1rem}
.product-descri{line-height:2;color:#666;transition-delay: .3s;}
.product-decorate{margin:0.5rem 0;transition-delay: .2s;}
.pd-1{fill:url(#linear-gradient-1)}
.pd-1,
.pd-2{fill-rule:evenodd}
.pd-2{fill:url(#linear-gradient-2)}
.product-decorate img{width:0.73rem}
.progress-line{height:3px;background-image:-webkit-linear-gradient(72deg,rgb(124,196,97) 0%,rgb(5,155,129) 100%);position:absolute;left:0;bottom:1rem;transition:all .3s;-webkit-transition:all .3s;z-index:100;width:33.33vw}
.hori-ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
.hori-nav{position:absolute;bottom:0.03rem;width:100%;z-index:100;background-color: #fff;}
.hori-nav-item{display:flex;width:33.33vw;border-right:#dce0dc 1px solid;border-top:#dce0dc 1px solid;color:#191919;height:1rem;align-items:center;justify-content:space-around;cursor:pointer}
.select-sub-page{color:#58b531;border-right:1px solid #dce0dc;height:1rem;align-items:center;justify-content:space-around;display:flex}
.hori-cn{position:relative}
.hori-num{position:relative}
.hori-nav-noborder{display:flex;width:33.33vw;height:1rem;align-items:center;justify-content:space-around}
.hori-nav-active{border-top:#dce0dc 1px solid}
.hori-nav-text{display:flex}
@media(max-width: 750px){
.product-container{margin-left: 0;width: 100%;height: auto;left: 0;padding: 0 32px;top: 0;bottom: auto;margin-top: 112vw;}
.product-container .learn-more-border{transform:translateY(0);}
.prev-btn{left: 5px;}
.next-btn{right: 5px;}
}
@media(max-width: 500px){
#honor-nav{top: 150px;margin-top: -16px;padding: 0 10px;}
}
.company-intro{background:url('../image/aboutUs.png') no-repeat center center;background-size:cover;width:100%;position:relative}
@keyframes playVideo{from{width:0%;height:0%;transform-origin:center;transform:translate3d(15rem,-1.2rem,0)}
to{width:100%;height:100%}
}
@keyframes videoMask{form{background-color:rgba(0,0,0,0)}
to{background-color:rgba(0,0,0,0.85)}
}
@keyframes closeVideo{from{width:100%;height:100%}
to{width:0%;height:0%;transform:translate3d(15rem,-1.2rem,0)}
}
@keyframes closeMask{from{background-color:rgba(0,0,0,0.85)}
to{background-color:rgba(0,0,0,0)}
}
.mobile-adjust{display:flex;justify-content:space-between;width: 100%;max-width: 14.4rem;margin: 0 auto .5rem;flex-wrap: wrap;}
.aboutUs-container{width: 7.35rem;}
.aboutus-decorate img{width:0.73rem;height:auto;margin:0.5rem 0px}
.company-detail{transition-delay: .3s;}
.company-descri{line-height:2;letter-spacing:0;color:#666;text-indent: 2em;}
.aboutUs-btn{margin-top:0.3rem;transform:translateY(0)}
.company-video img{width:4.6rem}
.company-video{position: relative;}
.company-video>a{display: block;width: 100%;position: relative;}
.cp-mid{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.cp-icon{display: inline-block;width: 2.5em;height: 2.77em;background-image: url(../image/index-play.png);background-size: 100% 100%;margin-bottom: 0.722em;}
.cp-tit{color: #fff;}
.aboutUs-top{transition-delay: .5s;}
.milepost{position:absolute}
.milepost-ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90.8%;margin: 0 auto;}
.up-number{color:#58b531;background-image: -o-linear-gradient(45deg,#58b531 0%,#059b81 100%);background-image: -moz-linear-gradient(45deg,#58b531 0%,#059b81 100%);background-image: -webkit-linear-gradient(45deg,#58b531 0%,#059b81 100%);background-image: -webkit-gradient(linear,0 100%,100% 0,from(#58b531),to(#059b81));font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:flex-start;flex-wrap:nowrap;flex-direction:row}
.up-number.phone{background-image: none;-webkit-text-fill-color: #58b531;}
.milepost-unit{height:0.18rem;font-weight:bold;font-stretch:normal;line-height:2;letter-spacing:0vw;margin-left:0.03rem}
.milepost-detail{;line-height:1.78;color:#666;}
.milepost-flex{display:flex;width:25vw;height:.85rem;justify-content:space-around; padding-top:20px}
.milepost-flex:nth-child(4n+1){transition-delay: .5s;}
.milepost-flex:nth-child(4n+2){transition-delay: .6s;}
.milepost-flex:nth-child(4n+3){transition-delay: .7s;}
.milepost-flex:nth-child(4n+4){transition-delay: .8s;}
@media(max-width: 750px){
.mobile-adjust{max-width: 520px;padding-left: 10px;padding-right: 10px;}
.aboutUs-container{width: 100%;margin-bottom: 20px;}
.aboutUs-top{width: 215px;margin: 0 auto;}
.milepost-ul{position: relative;margin: 0;top: 0;width: 100%;}
}
#news{background:url('../image/NewsCenter.png') no-repeat center center;background-size:cover;width:100%;height:100vh;position:relative}
.NewsCenter{text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
.news-container{width:14.36rem;display:flex;margin:0 auto;justify-content:space-between;align-items:center;margin-bottom: .58rem;}
.news-center{font-weight:bold;font-stretch:normal;color:#191919}
.news-btn{transform:translate3d(0,0,0)}
.news-item{position: relative;}
.news-list{display:flex;justify-content:space-between;margin:0 auto;width:14.36rem}
.news-one:nth-child(4n+2){transition-delay: .2s;}
.news-one:nth-child(4n+3){transition-delay: .4s;}
.news-one:nth-child(4n+4){transition-delay: .6s;}
.news-one:nth-child(4){display: none;}
.news-one a{display: block;}
.news-item .news-bg{width:4.54rem;height: 5rem;object-fit: cover;background-color:#fff;vertical-align: top;}
.news-cont-transparent{width: 3.6rem;padding:0.4rem 0.4rem;border-radius: 0 .6rem 0 0;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.9);background-image:none;color:#191919;transition:all .3s;text-align: left;}
.news-title-time{display:flex;align-items:center;margin-bottom: .24rem;}
.calender-mask{width:1em;height:0.95em;background-image:url(../image/calender-black.png);background-size:100% 100%;margin-right:0.09rem}
.news-date{color:#666}
.news-title-green{text-align:left;width:2.8rem;height:2.4em;line-height:1.2;margin: 0 0 0.28rem 0}
.index-arrow{width:0.15rem;height:0.15rem;transition:all .3s}
.arrow{width:0.2rem;height:0.2rem}
.arrow-head{fill:#67bd67}
.arrow-body{stroke:#67bd67;stroke-linecap:round;stroke-width:2.667px;fill:none}
.arrow-body,
.arrow-head{fill-rule:evenodd}
@media(min-width: 1201px){
.news-item:hover .calender{transform:translateX(-1rem);overflow:hidden}
.news-item:hover .news-date,
.news-item:hover .news-title-green{color:#fff}
.news-item:hover .news-cont-transparent{background-image:linear-gradient(90deg,#78c362 0%,#079c81 100%);border-radius: 0px 0.6rem 0px 0px;}
.news-item:hover .index-arrow{transform:rotate(-45deg)}
.news-item:hover .arrow-body{stroke:#fff}
.news-item:hover .arrow-head{fill:#fff}
.news-item:hover .calender-mask{background-image:url(../image/calender-white.png)}
}
@media(max-width: 750px){
.news-container{width: 100%;max-width: 520px;padding-left: 10px;padding-right: 10px;}
.NewsCenter{padding-top: 20px;}
.news-list{width: 100%;display: block;padding-left: 10px;padding-right: 10px;font-size: 0;text-align: left;max-width: 500px;}
.news-one{display: inline-block;margin-right: 10px;width: 100%;margin-right: 0;margin-bottom: 20px;background-color: #fff;}
.news-one:nth-child(4){display: none;}
.news-one:nth-child(2n){margin-right: 0;}
.news-cont-transparent{padding: 13px 10px 10px;width: calc(100% - 180px);height: auto;display: inline-block;vertical-align: middle;background-color: #fff;border-radius: 0;position: relative;}
.news-title-time{font-size: 13px;margin-bottom: 8px;}
.news-title-green{font-size: 13px;width: 100%;white-space: normal;line-height: 23px;height: auto;margin-bottom: 0;-webkit-line-clamp: 4;}
.index-arrow{display: none;}
.news-item{width: 100%;position: relative;}
.news-item .news-bg{height: auto;width: 180px;left:0;top:0;vertical-align: middle;}
}
@media(max-width: 375px){
.news-item .news-bg{width: 180px;/* height: 101px; */}
.news-cont-transparent{width: calc(100% - 180px);height: 101px;padding: 11px 10px 10px;}
.news-title-green{-webkit-line-clamp: 3;font-size: 12px;line-height: 22px;}
.news-title-time{font-size: 12px;margin-bottom: 6px;}
}
.padding-limit{padding:0 2rem}
.content-limit{width: 10rem;margin: 0 auto;}
.hover-border{position: relative;}
.hover-border:after{content: "";display: block;width: 100%;border-bottom:3px solid transparent;position: absolute;left: 0;bottom: 0;z-index: 2;}
.hover-border:hover:after{border-image:linear-gradient(to right,#58b531,#059b81) 1 10}
.arrow{width:.22rem;filter:drop-shadow(#818181 .4rem .4rem);transform:translateY(-.58rem) rotate(45deg)}
.tn-switch-color .arrow{width: 100%;}
.hover-border:hover .arrow{transform:rotate(0deg)}
.nl-arrow{transform:translateX(-.5rem) rotate(0deg);filter:drop-shadow(#797a7a .5rem 0);width:.21rem}
.media-link{display:block}
.media-item:hover .nl-arrow{transform:rotate(-45deg)}
.media-item:hover{border-bottom:#33ab75 .01rem solid;border-image:linear-gradient(to right,#58b531,#059b81) 1 10}
.media-item:hover .news-title{color:#58b531}
.tn-switch-color{width:1em;overflow:hidden}
.media-item:hover .tn-switch-color{transform:translateX(-.03rem)}
.news-detail-title{display:block;margin:1.15rem 0 .32rem 0;font-weight:bold;font-stretch:normal;color:#191919;line-height: 1.33;}
.news-icon{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:.3rem;flex-wrap: wrap;}
.news-info{display:flex;flex-direction:row;justify-content:space-between;}
.info-item{display:flex;align-items:center;color:#666;align-items:center;margin-right: .36rem;}
.info-item img{margin-right:.07rem;height: 1em;}
.info-item:last-child{margin-right: 0;}
.news-num{display:flex;flex-direction:row;justify-content:space-between}
.news-share{font-size: 0;}
.news-share-item{display: inline-block;vertical-align: top;margin-left: .2rem;cursor: pointer;}
.news-share-item>img{width: .2rem;}
@media(max-width: 1920px){
.news-share-item>img{width: 20px;}
}
@media(max-width: 500px){
.news-detail-title{margin-top: 30px;text-align: center;}
.news-icon{margin-bottom: 10px;}
.news-info{width: 100%;justify-content: center;margin-bottom: 10px;flex-wrap: wrap;}
.info-item{line-height: 20px;height: 20px;}
.news-share{width: 100%;text-align: center;}
}
.news-devision{display:block;width:100%;background-color:#e7e7e7;height:.02rem;margin-bottom:.53rem}
.news-cont{;line-height:1.67;color:#717273;}
.news-cont *{line-height: inherit;}
.news-cont img{vertical-align: top;}
.news-photo{margin:.2rem 0;width:10rem;height:auto}
.bottom-nav{margin-top:1.2rem;width:100%;height:1.6rem;background-color:#fff;display:flex;justify-content:center}
.bottom-nav img{width:.17rem;overflow:hidden}
.prev-news,
.next-news{display:flex;height:100%;align-items:center}
.prev-news{border-right:0.5px solid #e6e6e6}
.next-news{border-left:0.5px solid #e6e6e6}
.prev-news:hover>.btm-nav-text,
.next-news:hover>.btm-nav-text{color:#7ec051}
.next-arrow{filter:drop-shadow(#717273 .8rem 0);transform:translateX(-.8rem)}
.next-news:hover .next-arrow{transform:translateX(0rem)}
.prev-arrow{filter:drop-shadow(#55b883 .8rem 0);transform:translateX(0rem)}
.prev-news:hover .prev-arrow{transform:translateX(-.8rem)}
.prev-news img{margin-right:.6rem}
.btm-nav-text{color:#717273;width:6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.prev-news .btm-nav-text{margin-right:.8rem}
.next-news .btm-nav-text{margin:0 .6rem 0 .8rem}
.switch-color{width:.18rem;overflow:hidden}
.bottom-nav a:nth-child(1) .switch-color{margin-right: .6rem;}
@media(max-width: 750px){
.bottom-nav{flex-wrap: wrap;height: auto;padding: 10px 0;margin-top: 30px;}
.bottom-nav a{width: 100%;display: block;padding: 0 10px;}
.prev-news{border-right: none;}
.next-news{border-left: none;}
.prev-news,
.next-news{width: 100%;line-height: 30px;height: 30px;justify-content: center;}
.bottom-nav a:nth-child(1) .switch-color{margin-right: 0;}
.switch-color{width: 13px;margin-right: 0;}
.bottom-nav img{width: 13px;margin-right: 0;}
.next-news .btm-nav-text{margin: 0;padding-right: 10px;width: calc(100% - 13px);font-size: 14px;}
.prev-news .btm-nav-text{margin-right: 0;padding-left: 10px;width: calc(100% - 13px);font-size: 14px;}
.content-limit{width: 100%;padding-left: 10px;padding-right: 10px;}
}
.top-news{background-color:#f7f9fb;padding-bottom: 1rem;}
.tn-item,
.tn-item .news-bg{width:7.3rem;height:5rem;vertical-align: top;}
.tn-item{position:relative;}
.tn-list{display:flex;flex-direction:row;width:100%;justify-content:space-between}
.tn-title{width:4.6rem;border-radius:0px 0.6rem 0px 0px;padding:0.66rem 0.55rem .46rem .6rem;position:absolute;bottom: 0;left: 0;background-color:rgba(255,255,255,0.9);color:#191919}
.tn-title-text{text-align:left;line-height:1.33;height: 2.66em;margin-bottom: .39rem;}
.media-list{background-color:#fff}
.md-main{padding-top: .78rem;padding-left: 10px;padding-right: 10px;}
.md-inner{width: 100%;max-width: 15.2rem;margin: 0 auto;}
.total-news{display:block;;color:#191919;}
.cal-news{color:#58b531;}
.media-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.7rem;border-bottom:0.01rem solid #a9a9a9;padding-top:.7rem}
.media-link:nth-child(1) .media-item{padding-top: .5rem;}
.media-decorate{display:flex;flex-direction:row;justify-content:space-between}
.news-cover{width:6rem;height:3.8rem}
.news-detail{display:flex;flex-direction:column;margin-left:1.72rem;flex: 1;}
.news-title{line-height:1.33;margin-bottom:.38rem}
.news-title-time img{width:1em}
.news-descri{line-height:1.5;color:#717273;;margin-bottom:1.46rem}
.top-news{width: 100%;padding-left: 10px;padding-right: 10px;padding-top: 1.2rem;padding-bottom: 1rem;}
.tn-inner{width: 100%;max-width: 15.2rem;margin: 0 auto;}
@media(max-width: 1200px){
.tn-title{padding: 20px 10px 15px;}
.news-detail{margin-left: 0;padding-left: 10px;}
}
@media(max-width: 750px){
.tn-list{flex-wrap: wrap;max-width: 500px;margin: 0 auto;}
.hover-border{width: 100%;margin-bottom: 10px;}
.hover-border:last-child{margin-bottom: 0;}
.tn-item,
.tn-item .news-bg{width: 100%;height: auto;}
.tn-title{width: 100%;}
.tn-title-text{margin-bottom: 10px;height: auto;max-height: 2.66em;}
.media-item{flex-wrap: wrap;padding-bottom: 10px;padding-top: 20px;}
.media-list{width: 100%;max-width: 500px;margin: 0 auto;}
.news-cover{width: 100%;height: auto;margin-bottom: 15px;}
.news-detail{width: 100%;padding-left: 0;}
.news-descri{margin-bottom: 10px;}
.news-title{margin-bottom: 10px;}
}
.show-more{display:flex;flex-direction:column;align-items:center}
.show-more img{width:.76rem;margin-top:.7rem;cursor:pointer}
.show-more span{padding:.18rem 0 1rem 0;color:#717273;line-height:2;cursor:pointer}
.prod-nav{font-size: 0;text-align: center;margin-top: 1rem;}
.lift-nav{position:fixed;display:flex;flex-direction:column;left:2.5%;top:50%;z-index:10;border-left:#dee0e1 .01rem solid}
.lift-nav .ln-item{height:.6rem;display:flex;align-items:center;color:#666;padding-left:.1rem;cursor:pointer}
.lift-nav .ln-item.active{background-color:transparent;border-left:#58b531 .03rem solid;color:#58b531}
.pn-item{;display: inline-block;vertical-align: top;color:#fff;padding:0 .55rem;background-color:#454647;cursor:pointer;line-height: .66rem;}
.pn-item:first-child{border-radius:.333rem 0 0 .333rem}
.pn-item:last-child{border-radius:0 .333rem .333rem 0}
.pn-active{background-image:linear-gradient(90deg,#58b531 0%,#059b81 100%)}
@media(max-width: 750px){
.lift-nav{display: none;}
}
@media(max-width: 500px){
.prod-nav{display: flex;flex-wrap: wrap;}
.pn-item{width: 50%;font-size: 14px;line-height: 34px;padding: 0 1em;}
.pn-item:first-child{border-radius: 0;}
.pn-item:last-child{border-radius: 0;}
.mainpage-banner img{height: 216px;}
.center-text-area{top: auto;bottom: 0;transform: translate(0,0);}
}
.pro-intro{background-color: #fff;}
.prod-bg{height: 6.2rem;background-image:url('../image/product-bg.png');display:flex;flex-direction:column;align-items:center;position: relative;}
.bg-decorate{height:.6rem;width:.01rem;background-color:#ddd;display:block;margin-top:.6rem;height: 0;}
.prod-name{font-weight:bold;font-size:.4rem;color:#191919;margin-top:.2rem}
.prod-image{height: 3.36rem;margin-top:.54rem}
.prod-image.multi{mix-blend-mode:multiply}
.sub-prod-select{border-bottom:.01rem solid #e8e8e8;text-align: center;overflow: auto;white-space: nowrap;font-size: 0;background-color: #fff;}
.sp-item{color:#191919;height:100%;display:inline-block;cursor:pointer;margin:0 .62rem;position:relative;line-height: 1rem;}
.sp-item:before{content:'';display:inline-block;width:1px;height:1em;background-color:#ddd;position:absolute;right:-0.62rem;top:50%;margin-top:-0.5em}
.sp-item:last-child:before{display:none}
.sp-item.selected{color:#58b531}
.sp-item.selected::after{display:block;content:"";width:100%;height:0.03rem;background-image:linear-gradient(96deg,#58b531 0%,#059b81 100%);position:absolute;left: 0;bottom: 0;}
.deco-divi{height:.14rem;width:.01rem;background-color:#ddd;margin:0 .5rem}
.prod-detail{padding:0;}
.prod-detail-swiper{width: 100%;max-width: 12.8rem;margin: 0 auto;}
.prod-performance{display:flex;flex-direction:column;padding:.9rem 0 0 .53rem;justify-content:space-between;border-bottom: 1px solid #e8e8e8;}
.pp-row{display:flex;flex-wrap: wrap;}
.pp-row .pp{width: 33.333%;margin-bottom: .9rem;}
.pp-item{display:flex;align-items:center;}
.pp-image{display:flex;align-content:center;align-items:center;justify-content:center;width:.6rem;height:.6rem}
.pp-image img{max-height: 100%;}
.pp-text-area{display:flex;flex-direction:column;justify-content:space-between;padding-left:.35rem;flex: 1;}
.pp-target{color:#191919}
.pp-result{color:#717273;margin-top: .18rem;}
.pp-devision{width:100%;height:.01rem;background-color:#e8e8e8;display:block;margin:.3rem 0}
.prod-honor{padding:.57rem 0 .56rem 0}
@media(max-width: 1200px){
.prod-performance{padding-left: 0;}
}
@media(max-width: 1100px){
.prod-detail-swiper{max-width: 730px;}
}
@media(max-width: 750px){
.pp-row .pp{width: 50%;}
.prod-detail{padding-left: 10px;padding-right: 10px;}
}
@media(max-width: 500px){
.pp-result{font-size: 13px;}
.pp-text-area{padding-left: 10px;}
.sp-item{margin: 0 10px;}
.sp-item:before{right: -10px;}
}
.ph-title{color:#191919;margin-bottom:.2rem}
.ph-detail{;color:#666;line-height:2}
.ph-detail p{line-height:inherit}
.solution{width:100%;display:flex;position:relative}
.solution .left{width:50%;display:flex;align-items:center;justify-content:center}
.solution .right{width:50%}
.left .text-cont{width:5.7rem;display:flex;flex-direction:column}
.left .text-cont .t1{color:#666}
.left .text-cont .t2{font-weight:bold;color:#191919;margin:.14rem 0 .57rem 0;line-height: 1.25;}
.left .text-cont .t3{line-height:2.25;color:#666}
.right{width:100%;height:100%;object-fit:cover}
.solution .solution-bg{width:100%;position:absolute;bottom:0;left:0;z-index:-3;}
@media(max-width: 750px){
.solution{flex-wrap: wrap;padding: 30px 10px;}
.solution .left{width: 100%;margin-bottom: 20px;}
.left .text-cont{width: 100%;max-width: 500px;margin: 0 auto;}
.left .text-cont .t2{margin-bottom: 15px;}
.solution .right{width: 100%;max-width: 500px;margin: 0 auto;}
}
.smart-meter{width:100%;display:flex;flex-direction: row-reverse;height:100%;padding:1.25rem 0;background-color:#f7f9fb}
.smart-meter:nth-child(2n){background-color:#fff}
.smart-meter .left{width: 45%;margin-left: 5%;padding-right: 1.3rem;}
.smart-meter .left .num{color:#666}
.smart-meter .left .item-title{font-weight:bold;color:#191919;margin-top:.18rem;margin-bottom:.34rem}
.smart-meter .left .item-intro{;line-height:1.875;color:#666;margin-bottom:.36rem}
.smart-meter .left .item-attr-row{display:flex;flex-wrap: wrap;}
.smart-meter .left .item-attr-row .attr-obj{display:flex;flex-direction:column;align-items:center;margin-bottom: .4rem;width: 33.33%;}
.smart-meter .left .item-attr-row .attr-obj .attr-icon{height:.8rem;width:auto;margin-bottom:.15rem}
.smart-meter .left .item-attr-row .attr-obj .attr-name{color:#191919}
.item-img-swiper{margin:0;;padding-bottom: .2rem;}
.prod-swiper{display:flex;justify-content:center;width:auto}
.item-img-swiper .swiper-pagination-bullet{width: .06rem;height: .06rem;background-color: #c6c7c9;opacity: 1;}
.item-img-swiper .swiper-pagination-bullet-active{background:-moz-linear-gradient(top, #83c769,#19a384);background:-webkit-gradient(linear, 0 0,right 0, from(#83c769), to(#19a384));background-color: #1aa385;width: .08rem;height: .08rem;}
.item-img-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .11rem;}
.item-img-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 1px;font-size: 0;}
.smart-meter .right{width:50%}
.smart-meter .right .item-scroll{width:80%;margin-left: 20%;background-color:#fff;padding-left: .8rem;padding-right: .8rem;padding-top: .2rem;padding-bottom: .2rem;}
.smart-meter:nth-child(2n) .right .item-scroll{background-color:#f7f9fb;overflow:inherit;}
.smart-meter .right .item-scroll .performance-item{padding-top: .6rem;padding-bottom: .56rem;border-bottom:#e2e2e2 .01rem dashed;}
.smart-meter .right .item-scroll .performance-item:last-child{border-bottom: none;}
.smart-meter .right .item-scroll .performance-item .num-unit{color:transparent;font-weight:bold;margin-bottom: .15rem;background:linear-gradient(90deg,#58b531 0%,#059b81 100%);-webkit-background-clip:text}
.smart-meter .right .item-scroll .performance-item .pf-intro{;line-height:1.5;color:#666}
@media(max-width: 1300px){
.item-img-swiper .swiper-pagination-bullet{width: 4px;height: 4px;}
.item-img-swiper .swiper-pagination-bullet-active{width: 5.5px;height: 5.5px;}
}
@media(max-width: 900px){
.smart-meter{justify-content: center;}
.smart-meter .left{padding-left: 20px;padding-right: 0;width: 320px;margin-left: 0;}
.smart-meter .right{width: 360px;}
.smart-meter .right .item-scroll{width: 100%;padding: 10px;margin-left: 0;}
}
@media(max-width: 750px){
.smart-meter{flex-wrap: wrap;padding: 30px 10px;max-width: 500px;margin: 0 auto;}
.smart-meter .left{width: 100%;margin-bottom: 20px;padding-left: 0;}
.smart-meter .right{width: 100%;}
}
.lt-main{width:100%;padding-top: 1rem;padding-bottom: .26rem;background-image: url(../image/lt-bg.jpg);background-size: cover;position: relative;}
.lt-inner{width: 100%;max-width: 15.2rem;margin: 0 auto;}
.lt-title{color: #191919;font-weight: bold;margin-bottom: .96rem;}
.lt-list{display: flex;justify-content: center;flex-wrap: wrap;position: relative;left: -0.4rem;}
.lt-item{width: 25%;text-align: center;margin-bottom: 1.18rem;padding: 0 .1rem;}
.lt-box{width: 3.5rem;height: 3.5rem;margin: 0 auto .07rem;background-size: 100% 100%;transition: all .3s;}
.lt-box img{width: 100%;}
.lt-tit{color: #58b531;margin-bottom: ;line-height: 1.416;margin-bottom: .18rem;}
.lt-des{color: #666;line-height: 1.33;}
@media(min-width: 1921px){
.lt-item:hover .lt-box{transform: translate(0,-0.2rem);}
}
@media(min-width: 1201px){
.lt-item:hover .lt-box{transform: translate(0,-20px);}
}
@media(max-width: 750px){
.lt-main{padding-left: 10px;padding-right: 10px;}
.lt-item{width: 50%;}
.lt-list{left: 0;}
}
.ct-main{width: 100%;height: 3rem;position: relative;}
.ct-text{width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.ct-tit{color: #fff;font-weight: bold;margin-bottom: .33rem;line-height: 1.25;}
.ct-btn{display: block;width: 1.8rem;line-height: .54rem;text-align: center;border-radius: .27rem;color: #fff;background:-moz-linear-gradient(top, #83c769,#19a384);background:-webkit-gradient(linear, 0 0,right 0, from(#83c769), to(#19a384));background-color: #069b80;margin: 0 auto;cursor: pointer;}
.ct-btn:after{content: "";display: inline-block;vertical-align: middle;margin-left: .3rem;width: 1.33em;height: 1.33em;background-image: url(../image/ct-icon.png);background-size: 100% 100%;}
@media(max-width: 1300px){
.ct-btn{width: 123px;line-height: 37px;border-radius: 19px;}
}
main{overflow: hidden;}
.mp-main{width: 100%;position: relative;z-index: 10;}
.mp-head{width: 100%;position: absolute;left: 0;top: 1.18rem;}
.mp-inner{width: 100%;max-width: 15.2rem;margin: 0 auto;}
.mp-title{color: #191919;font-weight: bold;}
.mp-bg{width: 100%;vertical-align: top;}
.mp-cont{width: 100%;position: relative;top: -1em;}
.mp-right{float: right;width: 11.99rem;height: 6.82rem;position: relative;overflow: hidden;}
.mp-right.high{z-index: 12345;}
.mp-right svg{transform-origin: left top;}
.mp-left{position: absolute;left: 0;bottom: -0.5rem;font-size: 0;z-index: 123;pointer-events: none;}
.mp-one{display: inline-block;vertical-align: top;padding-left: .4rem;min-width: 1.82rem;padding-right: .2rem;}
.mp-dt{color: #333;margin-bottom: 0.5em;position: relative;}
.mp-item{color: #666;line-height: 1.875;}
.mp-dt:before{content: "";display: inline-block;width: .6875em;height: .6875em;border-radius: 50%;position: absolute;left: -0.4rem;top: 0.156em;margin-left: 0.3em;}
.mp-one:nth-child(1) .mp-dt:before{background-color: #0d9d82;}
.mp-one:nth-child(2) .mp-dt:before{background-color: #ffab27;}
.mp-one:nth-child(3) .mp-dt:before{background-color: #52c3de;}
.mp-one:nth-child(4) .mp-dt:before{background-color: #ff9792;}
.mp-one:nth-child(5) .mp-dt:before{background-color: #0d6efd;}
.mp-one:nth-child(6) .mp-dt:before{background-color: #dc3545;}
.mp-one:nth-child(7) .mp-dt:before{background-color: #8a2be2;}
.mp-dt:after{content: "";display: inline-block;width: 1.1875em;height: 1.1875em;border: 1px solid transparent;border-radius: 50%;box-sizing: border-box;position: absolute;left: -0.4rem;top: -0.0937em;}
.mp-one:nth-child(1) .mp-dt:after{border-color: #0d9d82;}
.mp-one:nth-child(2) .mp-dt:after{border-color: #ffab27;}
.mp-one:nth-child(3) .mp-dt:after{border-color: #52c3de;}
.mp-one:nth-child(4) .mp-dt:after{border-color: #ff9792;}
.mp-one:nth-child(5) .mp-dt:after{border-color: #0d6efd;}
.mp-one:nth-child(6) .mp-dt:after{border-color: #dc3545;}
.mp-one:nth-child(7) .mp-dt:after{border-color: #8a2be2;}
.mp-p{cursor: pointer;user-select: none;}
.yellow .mp-c{fill: #ffab27;}
.yellow .mp-s{fill: none;stroke: #ffab27;stroke-width:1;opacity: 0.5;}
.green .mp-c{fill: #0d9d82;}
.green .mp-s{fill: none;stroke: #0d9d82;stroke-width:1;opacity: 0.5;}
.green .mp-s2{opacity: 0.2;}
.green .mp-s3{opacity: 0.1;}
.blue .mp-c{fill: #52c3de;}
.blue .mp-s{fill: none;stroke: #52c3de;stroke-width:1;}
.pink .mp-c{fill: #ff9792;}
.pink .mp-s{fill: none;stroke: #ff9792;stroke-width:1;}
.blue2 .mp-c{fill: #0d6efd;}
.blue2 .mp-s{fill: none;stroke: #0d6efd;stroke-width:1;}
.red2 .mp-c{fill: #dc3545;}
.red2 .mp-s{fill: none;stroke: #dc3545;stroke-width:1;}
.purple .mp-c{fill: #8a2be2;}
.purple .mp-s{fill: none;stroke: #8a2be2;stroke-width:1;}
.mp-right text{font-size: 13px;fill: #666;line-height: 1;}
.mp-right circle{z-index: 12;position: absolute;}
.mp-inner svg {width: 1199px;height: 682px;}
.mp-line{fill: none;stroke-miterlimit: 10;stroke: rgba(13,157, 130, 0.5);stroke-dashoffset: 1200px;stroke-dasharray: 1200px;}
.mp-right.show .mp-line{animation: animation-line 4s ease-in;animation-fill-mode: forwards;position: relative;z-index: 1;}
.mp-el{width: 3.8rem;margin-left: -3.95rem;background-color: #fff;position: absolute;left: 0;top: 0;display: none;box-shadow: 0 0.05rem 0.2rem rgb(0,0,0,0.1);}
.mp-el.show{display: block;}
.mp-el:before{content: '';width: 100%;height: 0.04rem;background-image: linear-gradient(96deg,#58b531 0%,#059b81 100%);position: absolute;top: 0;left: 0;z-index: 10;}
.mp-dls{width: 100%;padding: .2rem 0 .2rem .3rem;overflow: auto;max-height: 3.5rem;}
.mp-dl{width: 100%;border-bottom: 1px solid #eee;padding: .2rem 0 .3rem;}
.mp-dl:last-child{border-bottom: none;}
.mp-com{color: #333;line-height: 1.5;font-weight: bold;margin-bottom: .15rem;}
.mp-dd{color: #666;line-height: 1.5;}
.mp-place{color: #666;line-height: 1.5;margin-bottom: .2rem;padding-left: 2em;position: relative;}
.mp-tel{color: #666;line-height: 1.5;padding-left: 2em;position: relative;}
.mp-place:before{content: "";display: inline-block;width: 1.28em;height: 1.28em;background-image: url(../image/positionbai_lv.svg);background-size: 100% 100%;position: absolute;left: 0;top: 0.11em;}
.mp-tel:before{content: "";display: inline-block;width: 1.28em;height: 1.28em;background-image: url(../image/phonebai_lv.svg);background-size: 100% 100%;position: absolute;left: 0;top: 0.11em;}
.mp-close{cursor: pointer;position: absolute;right: .2rem;top: .1rem;color: #059b81;z-index: 12;}
.mp-dls .mCustomScrollBox{padding-right: .3rem;}
.mp-dls .mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;width: 0.04rem;position: relative;}
.mp-dls .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #ccd0dc;border-radius: 0;width: 0.04rem;}
.mp-dls .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mp-dls .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #ccd0dc;filter: none;-ms-filter: none;}
.mp-dls .mCSB_inside>.mCSB_container{margin-right: 0;}
.mp-dls .mCSB_scrollTools{width: 0.04rem;}
@media(max-width: 1920px){
.mp-dls .mCSB_scrollTools .mCSB_draggerRail{width: 4px;}
.mp-dls .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px;}
.mp-dls .mCSB_scrollTools{width: 4px;}
}
@keyframes animation-line {
0% {
stroke-dashoffset: 1200px
}
100% {
stroke-dashoffset: 0px
}
}
@media(max-width: 900px){
.mp-main{padding: 30px 0;}
.mp-inner{width: 100%;max-width: none;}
.mp-right{width: 100vw;height: 56.88vw;}
.mp-left{position: relative;bottom: 0;}
.mp-cont{top: 0;}
.mp-head{height: auto;position: relative;top: 0;}
.mp-bg{display: none;}
.mp-title{padding-left: 1rem;margin-bottom: 20px;}
.mp-left{padding-left: 1rem;pointer-events: auto;}
.mp-dl{padding-bottom: 0;}
.mp-dt{margin-bottom: 0;}
}
@media(max-width: 750px){
.mp-title{padding-left: 10px;padding-right: 10px;}
.mp-left{padding-left: 10px;}
}
@media(max-width: 500px){
.mp-one{width: 25%;padding-right: 0;margin-bottom: 10px;}
.mp-dt{font-size: 12px;}
.mp-item{font-size: 11px;}
.mp-one{padding-left: 10px;}
.mp-dt:after{display: none;}
.mp-dt:before{left: -10px;margin-left: 0;width: 8px;height: 8px;}
.mp-dl{padding-top: 5px;}
}
/*视频容器样式*/
.v-a{position: fixed;left: 50%;top: 110%;transform: translate(-50%,0);width: 9.6rem;z-index: 999999999;transition: all .5s ease-in-out;padding: .2rem;padding-top: .4rem;background-color: #fff;border-radius: 5px;box-shadow: 0 0 .1rem rgba(0,0,0,0.1);box-sizing: border-box;}
.v-a *{box-sizing: border-box;}
.v-a.show{top: 50%;transform: translate(-50%,-50%);}
.v-a.show .v-e{visibility: visible;}
.v-a.show .v-f{display: block;}
.v-b{width: 100%;background-color: #000;}
.v-c{display: block;width: .4rem;height: .4rem;font-size: .3rem;text-align: center;line-height: .4rem;color: #666;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 10000;}
.v-e{visibility: hidden;width: 100%;width: 100%;height: 5.18rem;}
.v-f{display: none;width: 100%;}
@media(max-width: 900px){
.v-c{width: 30px;height: 30px;line-height: 30px;top: 0;font-size: 20px;}
.v-a{width: 100%;padding-top: 30px;}
.v-e{width: 100%;height: 56.25vw;}
.v-f{width: 100%;}
}
@media(max-width: 500px){
.pro-slide{width:100%;}
}
.ix-video{width: 100%;height: 100%;object-fit: cover;}
.ix-arrow{width:.7rem;height:.7rem;position: absolute;top:50%;margin-top: -0.35rem;z-index:200;border-radius:50%;background-image:url(../image/c-left.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.ix-arrow:after{content:"";display:inline-block;height:0.8rem;width:0.8rem;border:rgba(102,102,102,0.21) 1px dashed;border-radius:50%;position:absolute;left:-0.05rem;top:-0.05rem;box-sizing:border-box}
.ix-prev{left:0.6rem}
.ix-next{right:0.6rem;transform:rotate(180deg)}
@media(min-width: 1201px){
.ix-arrow:hover{background-image:url(../image/c-left-green.png)}
}
@media(max-width: 750px){
.ix-prev{left: 5px;}
.ix-next{right: 5px;}
}