@charset "utf-8";
:root {--green: #007f64; --green1:#8fc31f; --white:#ffffff; --black:#000; --grey_3:#333333; --grey_6:#666666;--grey_9:#999999;--grey_c:#cccccc;--grey_f5:#f5f5f5; --grey_d9:#d9d9d9; --tran:all .3s ease; --tran_bg:background .3s ease;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-size: 14px;font-family:'Poppins','Microsoft yahei', Arial, sans-serif;line-height: 1.3;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
html, body {color: #666;}
body {background: #ffffff; overflow-x: hidden;}
ul, ol, li {list-style: none; line-height:1.3;}
b, em, i {font-style: normal}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;transition-property: all; -ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all;-o-transition-property: all;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
::selection{background:var(--green);color:var(--white);}
::-moz-selection{background:var(--green);color:var(--white);}

a {color: #000000;text-decoration: none;display: inline-block;}
a:hover {text-decoration: none;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;}
img {border: 0; line-height: 0;display: block;}

input::-moz-placeholder, textarea::-moz-placeholder { color: var(--grey_9); }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--grey_9); }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--grey_9);}

.imgbig {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;display: block !important}
.imgbig:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.imgbigout {display: block;overflow: hidden}
.clear {zoom: 1}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}

.hide {display: none}
.show{ display:block!important;}
.lazy {background: url(/static/web/img/loadinglit.gif) 50% 50% no-repeat}
li.lazy { height:100%;background: none 50% 50% no-repeat;}
.tran {transition: all .3s ease}
.flex{display: flex;}
.flex-column{display: flex;justify-content: center;flex-direction: column;}
.flex-row{display: flex; justify-content: space-between;flex-direction: row;}
.container {width: 92%;height: 100%;max-width: 1480px;margin: 0 auto;}
.line-clamp-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-4{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;overflow: hidden;}
.line-clamp-5{display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;}
.back2top {display: block;width: 43px;height: 43px;background: url(/static/img/back2top.png) no-repeat;position: fixed;right: 3.5%;bottom: 15%;opacity: .33;z-index: 99}
.page-section{width: 100%;}
.m-b100{margin-bottom: 100px;}

.more-button{ width:300px; height:46px; line-height: 46px;padding: 0 30px 0 40px; text-align: center; font-size:16px;display: block; background: var(--green); color:var(--white);transition: all .3s ease; text-decoration:none; border: 0; cursor: pointer;}
.more-button i{font-size:24px; float: right;}
.more-button span{margin-left: -20px;transition: all .3s ease}
.more-button:hover{padding:0 50px;background:#8fc31f; box-shadow:0px 4px 15px #eee;transition: all .3s ease}
.more-button:hover span{margin-left: 0px;transition: all .3s ease;}
input,textarea,select,a:focus, button {outline: none;}

.liuyan-button{width: max-content; padding: 12px 20px; border: 0; background: var(--green); color: var(--white); margin-left: auto; display: flex;    align-items: center; cursor: pointer;}
.liuyan-button .liuyan-span{font-size: 16px;}
.liuyan-button i{font-size: 20px; margin-left: 10px;}
.liuyan-button:hover{background: var(--green1);}

.swiper-container {width: 100%;height: 100%;}
.swiper-button-next .swiper-button-disabled, .swiper-button-prev .swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
@keyframes bannerImage {
0% {filter: brightness(0);}
100% {filter: brightness(1);}
}

.page-title{width: 100%;display: flex;    justify-content: space-between;}
.page-title .title-name{font-size: 30px; line-height: 1; font-weight: bold; position: relative; color:var(--green);}
.page-title .title-name:after{content: ""; width: max-content; font-size: 32px; line-height: 1; color:rgba(0,127,100,8%); position: absolute; left: 0; top: 50%;font-weight: 600;}
.page-title .title-more{ margin-left: auto;}
.page-title .title-more a{width: 100%; color: var(--grey_3); display: flex;}
.page-title .title-more a:hover{color: var(--green);}
.page-title .title-span{ margin-right: 10px; font-size: 16px; font-weight: bold; line-height: 1;display: flex;justify-content: center;flex-direction: column;transition:var(--tran);}
.page-title .iconfont{font-size: 24px;}
.page-title .title-more a:hover .title-span{ margin-right: 20px;transition:var(--tran);}

/*分页*/
.pager {text-align: center; margin: 20px 0;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: var(--grey_c) solid 1px; display: inline-block;}
.pager ul li a:hover {border: var(--green) solid 1px; color: var(--green);}
.pager ul .active a {border: var(--green) solid 1px; display: inline-block; background-color: var(--green);; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: var(--green) solid 1px;}
.pager ul .active a:hover {color: var(--white); border: var(--green); solid 1px !important;}

/*结构为
.css{width, height, margin, padding, color, font-size, background}
*/

/*index-header*/
.header{ width:100%; height:90px; background:#FFF; position: fixed; z-index:3; top:0; box-shadow: 0px 0px 20px rgba(0,0,0,10%);}
.header-shadow{ box-shadow:0px 0px 20px #dddddd!important;}
.header .logo{ width: max-content; height: 100%;}
.header .logo a{width: 100%; height:56px;}
.header .logo img{height: 100%;}
.header .logo .slogan{width: max-content; height: 100%; margin-left: 20px; padding-left: 20px; border-left: 1px solid var(--grey_c);display: flex;flex-direction: column;justify-content: center;}
.header .logo .slogan-cn{font-size: 20px; line-height: 1;color: var(--black); display: block;}
.header .logo .slogan-en{ margin-top: 8px; font-size: 13px; line-height: 1;letter-spacing: 0.4px; color: var(--grey_6);display: block; font-family: Arial, sans-serif;}

.header .nav{width: 50%; max-width: 506px; height: 100%; margin-left: auto;}
.header .menu{width: 100%; height: 100%;}
.header .nav .nav-ul{width: 100%; height: 100%; display: flex;}
.header .nav li{height:100%; position: relative;}
.header .nav li a{ height: 100%; font-size: 16px; padding: 0 10px; color: var(--grey_3);}
.header .nav li .m-menu-i{    position: absolute;right: 15px;padding: 10px;line-height: 1;top: 7px; display: none;}
.header .nav li:hover a{color: var(--green);}
.header .nav li a:hover{ color:var(--green);}
.header .nav .dropdown-menu{width:200px; padding:10px 0; margin-left: -20px;border-top: 2px solid var(--green); display: none; position: absolute; top: 88px; left: 0; background: var(--white);box-shadow:0px 5px 10px rgba(0,0,0,20%);}
.header .nav .dropdown-menu li{width: 100%; line-height:1;}
.header .nav .dropdown-menu li a{width: 100%;padding: 10px 20px 10px 30px; font-size: 14px; display: block; color: var(--grey_6);}
.header .nav .dropdown-menu li a:hover{background: var(--green); color: var(--white);}

.header .top-icon{margin-left: 50px; position: relative;}
.header .m-menu{background: none; border: 0; cursor: pointer; display: none;}
.header .top-icon span{cursor: pointer;}
.header .top-icon span i{font-size: 20px;}
.header .icon-li{padding: 0 10px;}
.header .icon-li:hover{color: var(--green);}
.top-icon .flex-column a{padding-left: 10px;}
.top-icon .icon-dropdown{width: max-content;padding: 20px; background: var(--white); display: none;position: absolute; top: 70px; right: 0;box-shadow: 0px 5px 10px rgb(0,0,0,5%);color: var(--grey_3);line-height: 1.6;}
.top-icon .icon-dropdown a{    padding-left: 0px;}
.top-icon .icon-dropdown a:hover{text-decoration: underline;00000}
.top-icon .icon-dropdown p{line-height: 1.8; color: var(--grey_6);}
.top-icon .icon-dropdown input{width: 500px;height: 40px;padding: 10px 20px;border: 1px solid var(--grey_c);}
.top-icon .icon-dropdown button{height: 40px;background: var(--green);color: var(--white); border: 0;padding: 0px 20px; cursor: pointer;}
.top-icon .icon-dropdown button:hover{background: var(--green1);}

/*banner*/
.banner{ width: 100%;margin-top: 90px;overflow:hidden; position:relative; z-index:1; }
.banner ul{ width: 100%; height: 100%;}
.banner ul li{ width: 100%; height: 100%; background-size: cover; background-position: center; align-items: center;}
.banner .banner-warp{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.banner .banner-content{width: 92%; max-width: 1480px; height: 100%; margin: 0 auto;}
.banner ul li .span-name{width:max-content;font-size: 22px;font-weight: 500; display: block; color: var(--white);}
.banner ul li .title{width: 100%;max-width: 1000px;margin-top: 10px; font-size:58px; font-weight: bold; color: var(--white); text-transform: uppercase;}
.banner ul li em{width:max-content;font-size: 22px;margin-top: 30px; margin-bottom: 25px; display: block;color: #fff; position: relative;}
.banner ul li em:after{content: ""; position: absolute; width: 30px; height: 2px; background: var(--white); left: 0; bottom: -25px;}
.banner .b-img{width: 100%;}
.banner .b-img img{width: 100%; }
.banner .b-img .big-imgles{display: block; animation: bannerImage 3s forwards;}
.banner .b-img .m-imgles{display: none;animation: bannerImage 3s forwards;}

.banner .swiper-slide{ overflow:hidden;background-size: cover; background-position: center;}
.banner .banner-span1,.banner .banner-span3{ width: 60px; height: 60px; position:absolute; z-index:8; top:50%; margin-top:-30px; font-size:30px; text-align: center;cursor:pointer; color:#ffffff;border-radius: 50%; opacity:.2;}
.banner .banner-span1{left:-60px; transition: all .3s ease;}
.banner .banner-span3{right:-60px; transition: all .3s ease;}
.banner:hover .banner-span1{ left:1%; opacity:1;transition: all .3s ease}
.banner:hover .banner-span3{ right:1%; opacity:1;transition: all .3s ease}
.banner .banner-span1:hover, .banner .banner-span3:hover{ background:rgba(0,0,0,0.3);}
.banner .banner-span2{ position:absolute; right:1%; bottom:25px!important; z-index:3;text-align:center;}
.banner-span2 .swiper-pagination-bullet{ background:var(--white);}
.banner-span2 .swiper-pagination-bullet-active{ background:var(--green);}
.m-banner-1{ display: block;}
.m-banner-2{ display:none;}

/*swiper-bundle.css*/
.swiper-container {margin-left: auto;margin-right: auto; position: relative;list-style: none;z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-slide {flex-shrink: 0;width: 100%;position: relative;transition-property: transform;cursor: grab;}
.swiper-slide:active{cursor:grabbing;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: -60px;left: 0;width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 50%;background: #000;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet:only-child {display: none !important;}
.swiper-pagination-bullet-active {opacity: 1;background:var(--swiper-theme-color);}
.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container {width: 100%;height: 100%;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}

/*product*/
.product{width: 100%; padding: 100px 0;  background: #f4f5f6;}
.product .page-title .title-name:after{content: "PRODUCT SERIES";color:rgba(102,102,102,8%); }
.product .pl-list{width: 100%; margin-top: 40px; line-height: 0; display: flex;justify-content: space-between;}
.product .pl-left{width: 52.8%;overflow: hidden; position: relative;}
.product .pl-img{width: 100%; position: relative; z-index: 1;}
.product .pl-img img{width: 100%;}
.product .pl-name{font-size: 24px; position: absolute; left: 50px; top: 70px; z-index: 2;  font-family: 'Microsoft yahei';}
.product .pl-name:after{content: "";width: 20px; height: 2px; background: var(--grey_9);  position: absolute; left: 0; bottom: -20px;}
.product .pl-list a{width: 100%; display: block; overflow: hidden;}
.product .pl-list a:hover{color: var(--green);}

.product .pl-right{width: 45.5%; display: flex;flex-direction: column; justify-content: space-between;}
.product .pl-box{width: 100%; position: relative;}
.product .pl-title{font-size: 20px; position: absolute; left: 50px; top: 50px; z-index: 2;  font-family: 'Microsoft yahei';}
.product .pl-title:after{content: "";width: 20px; height: 2px; background: var(--grey_9);  position: absolute; left: 0; bottom: -20px;}

.product .pl-warp{margin-top: 60px;}
.products{}
.products .p-ul{display: grid; grid-gap: 24px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.products .p-ul li{width: 100%; padding:13%;  background: var(--white);transition:var(--tran);}
.products .p-ul li:hover{box-shadow: 0px 5px 30px rgb(0,0,0,8%);transition:var(--tran);}
.products .p-img{width: 100%;}
.products .p-img a{width: 100%; height: 100%; overflow: hidden;}
.products .p-img img{width: 100%;}
.products .p-content{width: 100%;padding: 0 6%;}
.products .p-title{}
.products .p-title a{ width: 100%; margin-top: 20px; font-size:  22px; color: var(--grey_3);}
.products .p-title a:hover{color: var(--green);}
.products .p-text{width: 100%; min-height: 61.17px;margin-top: 20px;}
.products .p-text ul{width: 100%;}
.products .p-text ul li{width: max-content; padding: unset; padding-left: 15px; line-height: 1.8; display: block; position: relative;}
.products .p-text ul li:hover{box-shadow:none;}
.products .p-text ul li:before{content: "-";position: absolute; left: 0; top: 0;}
.products .p-more{margin-top: 17%;}
.products .p-more a{width: max-content; color: var(--grey_6);  padding: 6px 0;transition:var(--tran);display: flex;}
.products .p-span{ margin-right: 10px; line-height: 1;display: flex;justify-content: center;flex-direction: column;}
.products .p-more a:hover { margin-right: 20px;padding: 6px 20px; background: var(--green); color: var(--white); transition:var(--tran);}
.products .products-more{ margin: 0 auto;margin-top: 50px;}
.products .p-ul li:hover .p-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.products .iconfont{font-size: 20px;}

/*solution*/
.solution{width: 100%; overflow:auto;}
.solution .s-container{width: 100%; height: 100%; overflow: hidden}
.solution .s-img{width: 100%; height: 100%; overflow: hidden;}
.solution .s-img img{width: 100%;}
.solution .s-warp{ width: 100%;position: absolute;left: 0;top: 0;}
.solution .content-warp{width: 100%; height: 100%;}
.solution .s-content{width:27%; height: 400px; padding: 60px 40px 50px 40px; margin-top: 10%; background: rgba(0,0,0,60%); color: var(--white); display: flex;  flex-direction: column;}
.solution .s-title{font-size: 24px; margin-bottom: 24px;font-weight: normal;position: relative;}
.solution .s-title a{ color: var(--white);}
.solution .s-title:after{content: "";width: 20px; height: 2px; background: var(--white);  position: absolute; left: 0; bottom: -24px;}
.solution .s-title a:hover{text-decoration: underline;}
.solution .s-text{margin-top: 30px; line-height: 1.8;}
.solution .s-more{width: max-content; margin-top: auto;color: var(--white);  padding: 6px 0;transition:var(--tran);display: flex;}
.solution .s-span{ margin-right: 10px; line-height: 1;display: flex;justify-content: center;flex-direction: column;  color: var(--white);}
.solution .s-more:hover { margin-right: 20px;padding: 6px 20px; background: var(--green); color: var(--white); transition:var(--tran);}

.solution .list-warp{ position: relative;z-index: 1;}
.solution .list-content{width: 100%; height: 120px; padding: 0 40px; position: absolute; top: -156px; left: 0; background: var(--white); display: flex;}
.solution .list-them{width:140px; height: 100%; display: flex;align-items: center;}
.solution .list-content .title-name{font-size: 24px;}
.solution .list-content .title-name:after{content: "SOLUTION"; font-size: 24px; color:rgba(102,102,102,8%); }
.solution .list-nav{width: 78%; margin-left: auto;}
.solution .list-ul{width: 100%; height: 100%; display: flex;justify-content: space-between;}
.solution .list-ul li{width:max-content; height: 100%; text-align: center;    display: flex;flex-direction: column;justify-content: center; position: relative; transition:background .5s ease;cursor: pointer;}
.solution .list-ul i{ font-size: 30px; z-index: 2;}
.solution .list-span{font-size: 18px; color: var(--grey_3); display: block;z-index: 2;}
.solution .list-ul li:hover, .swiper-slide-thumb-active{ color: var(--white);}
.solution .list-ul li:hover:after, .swiper-slide-thumb-active:after{ content: "";width: 100%;height: 130%;background: var(--green);position: absolute;top: -15%;left: 0;z-index: 1;  transition:background .5s ease;}
.solution .list-ul li:hover .list-span, .swiper-slide-thumb-active .list-span{color: var(--white); font-weight: bold;}

/*aboutus*/
.about{width: 100%; padding: 100px 0 0 0; display: flex;}
.about .l-warp{width: 50%; max-width: 560px; margin-right: 20px; display: flex;    flex-direction: column;justify-content: space-evenly;}
.about .l-container{ display: flex; justify-content: space-between;}
.about .about-bg-img{width: 100%;}
.about .page-title .title-name{font-size: 30px;color:var(--grey_3);}
.about .page-title .title-name:after{content: "ABOUT LEDTEEN"; font-size: 24px;}
.about .a-theme{font-size: 20px; line-height: 1.5; font-weight: bold;color: var(--green);}
.about .a-content{}
.about .a-content p{margin-bottom: 10px; line-height: 1.8;}
.about .page-title{margin-top: 30px; display: flex;align-items: center;}
.about .page-title .title-more{margin-left: 0;}
.a-video{width: max-content; height: 46px; margin-left: auto;padding: 0 15px; color: var(--white); background: var(--green); font-size: 16px; display: flex;align-items: center; cursor: pointer; border: 0;}
.a-video i{margin-left: 10px; font-size: 18px;}
.a-vr{width: max-content; height: 46px; margin-left: 6px;padding: 0 15px; color: var(--white); background: #019f7c; font-size: 16px; display: flex;align-items: center;cursor: pointer; border: 0;}
.a-vr i{margin-left: 10px; height: 18px; width: 18px; padding-top: 2px;border: 1px solid var(--white); border-radius: 50%; font-size: 13px!important;text-align: center;}
.a-video:hover, .a-vr:hover{background: var(--green1);}
.about .r-warp{width: 50%;}
.vr-page{width: 100%; height: 100%;}
.video-page{width: 100%; height: 100%;}
.about .r-content{max-width: 960px;overflow: hidden; position: absolute;}
.about .r-content video{ height: 100%;width: 100%;background: var(--black);}
.about .r-content img{width: 100%;}
.video-vr{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/*data*/
.data{width: 100%; padding:70px 0 100px 0;}
.data .d-warp{ position: relative;}
.data .d-warp:after{content: ""; width: 100%; height: 2px; background: #e4e4e4; position: absolute; left: 0; top: 50%;}
.data .d-content{ width: 100%; max-width: 1100px; margin: 0 auto; background: var(--white);position: relative; z-index: 2;}
.data .d-ul{width: 100%; display: flex;justify-content: space-around;}
.data .d-ul li{width: max-content;}
.data .d-number{font-size: 32px;font-weight: 600; color: var(--green); display: block;}
.data .d-name{ font-size: 18px;  color: var(--grey_3); display: block;}


/*news*/
.news{}
.news-main{width: 100%; padding: 100px 0; background: #f4f5f6;}
.news .l-warp{ width:456px;}
.news .l-warp .title-name:after{content: "BETTER WORLD";color:rgba(102,102,102,8%); }
.news .l-content{width: 100%; height: 550px; margin-top: 40px; padding: 50px 40px; background: url(/static/default/web/images/n_bg.jpg); position: relative;}
.news .l-theme{width: 100%; font-size: 46px; line-height: 1.1; font-weight: 600; color: var(--white); font-family: Arial, sans-serif;}
.news .l-title{margin-top: 40px;}
.news .l-title a{ font-size: 24px; line-height: 1.4; font-weight: bold; color: var(--white);}
.news .l-title a:hover{text-decoration: underline;}
.news .l-time{margin-top: 10px; font-weight: 500; color: #9bc4b5; display: block;}
.news .l-text{margin-top: 20px; color: var(--white); line-height: 1.8;    display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.news .l-more{position: absolute; bottom: 50px; left: 40px;}
.news .l-more a{padding: 10px 0; font-size: 12px; font-weight: 600; color: var(--white);transition: var(--tran);display: flex;align-items: center;}
.news .l-more a i{margin-left: 10px; font-weight: normal;}
.news .l-more a:hover{padding: 10px 20px ; background: #8fc31f; transition: var(--tran);}

.news .r-warp{ width:977px; margin-left: auto;}
.news .r-warp .title-name:after{content: "LATEST NEWS";color:rgba(102,102,102,8%); }
.news .r-content{width: 100%; height: 550px; margin-top: 40px; display: flex;justify-content: space-between;}
.news .r-recommend{width: 456px; height: 100%; background: var(--white); display: flex;flex-direction: column;justify-content: space-between;transition: var(--tran);}
.news .r-img{width: 100%; overflow: hidden;}
.news .r-img img{width: 100%;}
.news .r-conwarp{width: 100%; height: 306px; padding: 10px 30px 0px 30px;}
.news .r-title{}
.news .r-title a{ font-size: 18px; line-height: 1.4; font-weight: bold; color: var(--grey_3);}
.news .r-title a:hover{text-decoration: underline;}
.news .r-time{margin-top: 10px; font-weight: 500; color: var(--grey_9); display: block;}
.news .r-text{margin-top: 20px; line-height: 1.6;}
.news .r-more{ margin-top: 30px;}
.news .r-more a{width: max-content; padding: 10px 0; font-size: 12px; font-weight: 600; color: var(--grey_6);transition: var(--tran);display: flex;align-items: center;}
.news .r-more a i{margin-left: 10px; font-weight: normal;}
.news .r-more a:hover{padding: 10px 20px ; background: #8fc31f; color: var(--white); transition: var(--tran);}
.news .r-recommend:hover{background: var(--green); color: var(--white);}
.news .r-recommend:hover .r-title a{color: var(--white);}
.news .r-recommend:hover .r-time{color: #9bc4b5; }
.news .r-recommend:hover .r-more a{color: var(--white);}
.news .r-recommend:hover .r-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.news .n-content{width: 474px; height: 100%;}
.news .n-ul{height: 100%; display: flex; justify-content: space-between;flex-direction: column;}
.news .n-list{ width: 100%; height: 168px; padding: 0 30px; background: var(--white);display: flex;flex-direction: column; justify-content: center;}
.news .n-title{}
.news .n-title a{ font-size: 18px; line-height: 1.4; font-weight: bold; color: var(--grey_3);}
.news .n-title a:hover{text-decoration: underline;}
.news .n-time{margin-top: 6px; font-weight: 500; color: var(--grey_9); display: block;}
.news .n-text{margin-top: 10px; line-height: 1.6;}
.news .n-list:hover{background: var(--green); color: var(--white);}
.news .n-list:hover .n-title a{color: var(--white);}
.news .n-list:hover .n-time{color: #9bc4b5; }

/*messages*/
.messages{width: 100%; padding: 100px 0; background: #e9ebeb;}
.messages .m-content{    margin-right: 20px;width: max-content; display: flex;flex-direction: column;justify-content: space-between;}
.messages .m-title{width: 100%; margin-top: 20px; font-size: 18px; font-weight: bold; position: relative;}
.messages .m-title:after{content: "CONTACT US"; width: 300px; font-size: 32px; line-height: 1; color:rgba(0,127,100,8%); position: absolute; left: 0; top: 50%;}
.messages .m-describe{width: 100%; margin-bottom: 30px; font-size: 30px; font-weight: bold; color: var(--green); position: relative;}
.messages .m-describe:after{content: "";width: 40px; height: 2px; background: var(--green); position: absolute; left: 0; bottom: -28px;}
.messages .m-text{line-height: 1.8;    width: 100%;max-width: 435px;}
.messages .m-contact{margin-top: 20px;}
.messages .m-tell{width:254px; height: 46px; background: var(--green); color: var(--white); text-align: center;    display: flex;justify-content: center;flex-wrap: wrap;align-content: center;}
.messages .m-tell .iconfont{font-size: 20px; margin-right: 8px;}
.messages .m-tell-text{}
.messages .m-phone{font-size: 16px; line-height: 1; font-weight: 500;}
.messages .m-weixin{width: 63px; height: 46px; cursor: pointer;position: relative;}
.messages .m-weixin .m-weixinicon{width: 100%; height: 100%;font-size: 18px; text-align: center;background: var(--grey_6); color: var(--white);}
.messages .m-weixin .iconfont{font-size: 26px; line-height: 1; }
.messages .m-weixin .m-weixinimg{width: 128px; height: 128px; padding-bottom: 10px;display: none; position: absolute; right: 0; bottom: 46px;}
.messages .m-weixin:hover .m-weixinicon{background: var(--green1);}
.messages .m-weixin:hover .m-weixinimg{display: block;}

.messages .m-main{width: 788px; margin-left: auto;}
.messages .m-ul {display: grid;grid-template-columns: 1fr 1fr;grid-gap:10px;}
.messages .m-ul li{ position: relative;}
.li-columns{    grid-column-start: 1;grid-column-end: 3;}
.messages input, .messages textarea{ width: 100%;padding: 12px; background: var(--white); color: var(--grey_6); border: 0;}
.messages .m-lastli{margin-top: 10px;}
.messages textarea{height: 130px;}

/*location*/
.location{width: 100%; padding: 30px 0;}
.location .location-ul{width: max-content;display: flex;}
.location .location-ul li{width: max-content; position: relative; padding-right: 15px; margin-right: 9px;}
.location .location-ul li a{color: var(--grey_6);}
.location .location-ul li a:hover{color: var(--green);}
.location .location-ul li:after{content: "/"; color: var(--grey_9); position: absolute; top: 0; right: 0px;}
.location .location-ul li:last-child{padding-right: 0; margin-right: 0;}
.location .location-ul li:last-child:after{ display: none;}

/*page-news*/
.page-news{width: 100%; margin-top: 90px; background:#e9ebeb;}
.page-news .news-container{padding: 80px 0; display: flex;}
.page-news .n-img{width: 50%; overflow: hidden; line-height: 0;}
.page-news .n-img img{width: 100%;}
.page-news .n-content{ width: 45%; max-width: 560px; margin-left: 5%; padding-top: 3%; position: relative;}
.page-news .n-title{}
.page-news .n-title a{font-size: 24px; line-height: 1.4; font-weight: bold; color: var(--grey_3);}
.page-news .n-title a:hover{ color: var(--green);}
.page-news .n-time{margin-top: 10px; font-weight: 500; color: var(--grey_9); display: block;}
.page-news .n-text{margin-top: 20px; line-height: 1.8;}
.page-news .n-more{position: absolute; bottom: 40px; left: 0;}
.page-news .n-more a{padding: 10px 0; font-weight: 600; color: var(--grey_3);transition: var(--tran);display: flex;align-items: center;}
.page-news .n-more a i{margin-left: 10px; font-weight: normal;}
.page-news .n-more a:hover{padding: 10px 20px ; background: var(--green); color: var(--white); transition: var(--tran);}


.news-list{ margin-bottom: 100px; margin-top: 20px;}
.news-warp{width:61%;margin-right: 20px;}
.news-warp .list-ul{width: 100%;border-top: 1px solid var(--grey_d9);}
.news-warp .list-ul li{width: 100%; padding: 30px 0; border-bottom: 1px solid var(--grey_d9); display: flex;}
.news-warp .list-img{margin-right: 20px;width: 39%;max-width: 348px;overflow: hidden; line-height: 0;}
.news-warp .list-img img{width: 100%;}
.news-warp .list-content{ width: 57%; max-width: 560px;margin-left: auto;display: flex;flex-direction: column;justify-content: center;}
.news-warp .list-title{}
.news-warp .list-title a{font-size: 18px; line-height: 1.4; font-weight: bold; color: var(--grey_3);}
.news-warp .list-title a:hover{color: var(--green);}
.news-warp .list-time{margin-top: 6px; font-weight: 500; color: var(--grey_9); display: block;}
.news-warp .list-text{margin-top: 10px; line-height: 1.8;}
.news-warp .list-more{width: max-content; margin-top: auto;}
.news-warp .list-more a{padding: 6px 0; font-weight: 600; color: var(--grey_3);transition: var(--tran);display: flex;align-items: center;}
.news-warp .list-more a i{margin-left: 10px; font-weight: normal;}
.news-warp .list-more a:hover{padding: 6px 20px ; background: var(--green); color: var(--white); transition: var(--tran);}
.news-warp .list-ul li:hover .list-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.news-warp .list-ul li:hover .list-title a{color: var(--green);}
.news-warp .list-ul li:hover .list-title a:hover{text-decoration: underline;}

.news-sidebar{width: 456px; margin-left: auto;}
.news-sidebar .sidebar-warp{padding: 40px; background: #f5f5f6; overflow: hidden}
.news-sidebar .sidebar-title{font-size: 24px; color: var(--green);}
.news-sidebar .sidebar-content{margin-top: 20px;}
.news-sidebar .sidebar-ul{width: 100%;}
.news-sidebar .sidebar-ul li{width: 100%; padding: 10px 0; border-bottom: 1px solid var(--grey_d9);}
.news-sidebar .sidebar-name a{color: var(--grey_3);line-height: 1.5; font-weight: normal;}
.news-sidebar .sidebar-name a:hover{color: var(--green);}
.news-sidebar .sidebar-time{margin-top: 5px; color: var(--grey_9); display: block;}
.news-sidebar .l-content{margin-top: 20px;}


.news-detail{}
.news-detailwarp{width: 100%; margin-top: 90px; padding:90px 0 80px 0; background: #e9ebeb; text-align: center;}
.news-detail .title{font-size: 28px; line-height: 1.4;color: var(--grey_3);}
.news-detail .spanbar{margin-top: 20px;}
.news-detail .spanbar .s-span{ margin: 0 10px; display: inline-block;}

.news-detail .content-wrap{width:61%;margin-right: 20px;}
.news-detail .content{width:100%;}
.news-detail .content p{margin-bottom: 10px; line-height: 1.8; font-size: 16px; text-align: justify;}
.news-detail .content img{width: 100%;max-width: max-content;}
.news-detail .content h3{margin-bottom: 20px; margin-top: 20px; font-size: 18px; font-weight: bold; color: var(--grey_3);}
.news-detail .a-about{margin-top: 50px; padding:30px 30px;background: var(--grey_f5);}
.news-detail .a-about .a-title{font-size: 18px; color: var(--grey_3);}
.news-detail .a-about .a-content{ margin-top: 10px;}
.news-detail .a-about .a-content p{ line-height: 1.8;}

.news-detail .n-paging{margin-top: 60px;}
.news-detail .n-paging a{font-weight: bold;}
.news-detail .n-paging a:hover{color: var(--green); text-decoration: underline;}
.news-detail .prev-next{margin-top: 15px;}

/*footer*/
.footer{width: 100%; background: #303030; color: #b8b8b8; padding: 100px 0 40px 0;}
.footer .main{width: 43%;min-width: 560px;}
.footer .botton-logo{ width: max-content;}
.footer .botton-logo img{height: 56px;}
.footer .botton-logo .slogan{width: max-content;margin-left: 20px; padding-left: 20px; border-left: 1px solid var(--grey_9);display: flex;flex-direction: column;justify-content: center;}
.footer .botton-logo .slogan-cn{font-size: 20px; line-height: 1;color: var(--white); display: block;}
.footer .botton-logo .slogan-en{ margin-top: 8px; font-size: 13px; line-height: 1;letter-spacing: 0.4px; color: var(--grey_c);display: block; font-family: Arial, sans-serif;}

.footer .content{width: 100%; margin-top: 50px;}
.footer .f-contact{width: 320px;} 
.footer .tel-name{font-size: 16px; color: var(--white); display: block;}
.footer .tel{font-size: 34px; margin-top: 5px;color: var(--white);}
.footer .add{margin-top: 30px;}
.footer .add p{ line-height: 2;}
.footer .add span{}
.footer .add span.span-title{width: 70px; color: var(--white);}
.footer .add a{color: var(--white);}
.footer .add a:hover{text-decoration: underline;}

.footer .link{width: 278px; margin-left: auto; display: flex;justify-content: space-between;    flex-wrap: wrap;}
.footer .link .link-img{width: 128px; display: flex;flex-direction: column;justify-content: flex-start;}
.footer .link .link-img img{width: 100%;}
.footer .link .link-img span{margin-top: 5px; display: block; color: var(--white); text-align: center; line-height: 1.8;}

.footer .footer-menu{width: 44%; margin-left: auto;}
.footer .menu-warp{width: max-content;}
.footer .menu-title{ }
.footer .menu-title a{font-size: 16px; color: var(--white); font-weight: bold;}
.footer .menu-link{ margin-top: 14px;}
.footer .menu-link li{}
.footer .menu-link li a{margin-top: 16px; color: #b8b8b8; position: relative;}
.footer .menu-link li a:hover{color: var(--white);}
.footer .menu-link li a:hover:before{content: ""; width: 10px; height: 2px; background: var(--white); position:absolute; left: -18px; top: 50%;}

.footer .copyright{margin-top: 60px; padding-top: 30px; border-top: 1px solid #575757; color: #b8b8b8;}
.footer .copyright a{margin-left: 10px; color: #b8b8b8;}
.footer .copyright a:hover{ color: var(--white); text-decoration: underline;}

.suspension{ width: 50px; position: fixed; z-index: 3; right: 10px; bottom: 200px; display: flex; flex-direction: column;   justify-content: space-between;}
.suspension span{margin-top:5px;width: 50px; height: 50px; display: block;text-align: center; cursor: pointer; font-size: 25px;display: flex; flex-direction: column; justify-content: center; border-radius: 50%;}
.suspension .span-message{background: var(--green); color: var(--white);}
.suspension .span-filter{background: #fb8b05; color: var(--white);}
.suspension .span-top{background: var(--grey_c); color: var(--white); }
.suspension .span-top:hover, .suspension .span-message:hover, .suspension .span-filter:hover{background: var(--green1);}

.frame{width: 100%; height: 100%;position:fixed; left: 0; top: 0;z-index: 9; display: none;}
.frame .frame-bg{width: 100%; height: 100%; background: rgba(0,0,0,80%);}
.frame .content{width: 100%; max-width: 790px; height: 100%; max-height: 726px;position: absolute; left: 50%; margin-left: -395px; top:50px;background: var(--white);}
.frame .close{width: 50px; height: 50px; background: var(--green); color: var(--white); text-align: center; position: absolute; right: -50px; top: 0; display: flex; align-items: center;justify-content: center; cursor: pointer;}
.frame .close i{ font-size: 20px;}
.frame .close:hover{background: var(--green1);}


.page-banner{width: 100%; margin-top: 90px; position: relative;}
.page-banner .banner-img{width: 100%; overflow: hidden;}
.page-banner .banner-img img{width: 100%;}
.page-banner .banner-warp{width: 100%; height: 100%;position: absolute; left: 0; top: 0;z-index: 2}
.page-banner .banner-content{width: 92%;max-width: 1480px; height: 100%; margin: 0 auto;}
.page-banner .banner-title{width: max-content; font-size: 36px; font-weight: bold; color: var(--white);text-shadow: 0px 4px 5px rgba(0,0,0,50%);}
.page-banner .banner-text{width: max-content;margin-top: 10px; font-size: 18px; color:var(--white);text-shadow: 0px 2px 2px rgba(0,0,0,30%);}

.solution-list{}
.solution-content{width: 100%; margin-top: 70px; margin-bottom: 100px;}
.solution-content .c-title{width: 100%;}
.solution-content .c-name{font-size: 30px; font-weight: bold; color: var(--green);}
.solution-content .c-text{margin-top: 20px;}
.solution-content .c-text p{margin-bottom: 10px; line-height: 1.8;}

.solution-content .content-warp{width: 100%; margin-top: 30px;}
.solution-content .sl-ul{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));grid-gap: 30px;}
.solution-content .sl-ul li{width: 100%;transition: var(--tran_bg);}
.solution-content .sl-img{width: 100%; overflow: hidden; line-height: 0;}
.solution-content .sl-img img{width: 100%;}
.solution-content .sl-content{ width: 100%; padding: 30px;}
.solution-content .sl-title{}
.solution-content .sl-title a{font-size: 20px; line-height: 1.4; font-weight: bold; color: var(--grey_3);}
.solution-content .sl-title a:hover{color: var(--green);}
.solution-content .sl-text{margin-top: 10px; line-height: 1.8;}
.solution-content .sl-more{width: max-content; margin-top: 30px;}
.solution-content .sl-more a{padding: 6px 0; font-weight: 600; color: var(--grey_3);transition: var(--tran);display: flex;align-items: center;}
.solution-content .sl-more a i{margin-left: 10px; font-weight: normal;}
.solution-content .sl-more a:hover{padding: 6px 20px ; background: var(--green); color: var(--white); }
.solution-content .sl-ul li:hover{background: var(--green); color: var(--white);transition: var(--tran_bg);}
.solution-content .sl-ul li:hover a{color: var(--white);}
.solution-content .sl-ul li:hover .sl-title a:hover{text-decoration: underline;}
.solution-content .sl-ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.solution-content .sl-ul li:hover .sl-more a:hover{background: var(--green1);}

.solution-detail{ margin-top: 30px;}
.solution-detail .d-content{margin-top: 30px;}
.solution-detail .d-content p{margin-bottom: 10px; line-height: 1.8;}
.solution-detail .d-content ol{margin-left: 16px;}
.solution-detail .d-content ol li{list-style: unset;}
.solution-detail .detail-img{margin-top: 40px;}
.solution-detail .img-ul{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
.solution-detail .img-ul li{width: 100%; max-width: 480px; overflow: hidden;}
.solution-detail .img-ul img{width: 100%;}
.solution-detail .d-more{margin-top: 60px;}

.page-products{}
.products-location{background: #f4f5f6;}
.products-column{width: 100%; margin-top: 90px; padding: 60px 0; background: #e9ebeb;}
.products-column .c-contetn{width:100%; max-width:max-content;}
.products-column .c-ul{ display: flex;}
.products-column .c-ul li{ width: max-content; margin-right: 10px;font-weight: bold;}
.products-column .c-ul1{margin-top: 20px; display: flex;}
.products-column .c-ul1 li{ width: max-content; margin-right: 10px;}
.products-column .c-contact{margin-left: auto; height:100%; display: flex;}
.products-column a.label{font-size: 16px; padding: 8px 20px;}
.products-column a.label:hover, .products-column a.label-success{background: var(--green);color: var(--white);}

.product-menu{width: 100%; margin-top: 90px; background: var(--green);}
.product-menu .p-m-flex{display: flex;justify-content: space-between;}
.product-menu .p-m-ul{margin-right: 40px; display: flex;position: relative;}
.product-menu .p-m-ul li{margin-right: 60px;}
.product-menu .p-m-ul li a{width: max-content; padding:16px 0; font-size: 16px; color: var(--white); position: relative;}
.product-menu .liuyan-button{height: 100%; background: var(--green1);}
.product-menu .liuyan-button:hover{background: #079239;}
.product-menu .p-m-subbg{width: 100%; background: #e9ebeb;}
.product-menu .p-m-twomenu{width: max-content; padding: 5px 0; display: none;}
.product-menu .p-m-twomenu li{float: left;margin-right: 40px;}
.product-menu .p-m-twomenu li a{  color: var(--grey_3); font-size: 14px; line-height: 30px; padding: 6px 0;}
.product-menu .p-m-twomenu li a:hover{color: var(--green);}
.product-menu .p-m-active .p-m-twomenu{display: block;}
.product-menu .p-m-cur a{ position: relative;}
.product-menu .p-m-cur a:after{content: "";width: 20px; height: 10px; position: absolute; left: 50%; margin-left: -10px; top: 52px; background: url(/static/default/web/images/submenbg.png);}
.product-menu .p-m-subactive a{color: var(--green)!important;}
.product-menu .p-m-twomenu a:after{display: none;}
.product-menu .p-m-show{display: block!important;}

.product-filter{width: 100%; height: 1100px;    background: #f5f6f8;}
.div-filter{ margin-left: auto;}
.filter-button{width: max-content; height: 100%; padding: 12px 20px; border: 0; background: #fb8b05; color: var(--white); margin-left: auto; display: flex;    align-items: center; cursor: pointer;}
.filter-button .filter-span{font-size: 16px;}
.filter-button i{font-size: 20px; margin-left: 10px;}
.filter-button:hover{background: #079239;}

.search-wmar{width: 100%; position: relative;}
.search-div{ height: 48px; position: absolute; top: 86px; right: 0;}

.products-list{ padding-top: 20px; padding-bottom: 100px; background: #f4f5f6;}
.products-list .list-ul{display: grid; grid-gap: 30px;grid-template-columns: 1fr 1fr 1fr;}
.products-list .list-ul li{width: 100%;padding: 13%;  background: var(--white);transition:var(--tran);}
.products-list .list-ul li:hover{box-shadow: 0px 5px 30px rgb(0,0,0,8%);transition:var(--tran);}
.products-list .p-title a{font-size: 24px;}
.products-list .list-ul li:hover .p-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.products-list .text-center .text-content{width: 100%;max-width: 600px;margin: 0 auto; text-align: center;}
.products-list .text-center .i-text{font-size: 150px; margin: 0 auto; text-align: center;}
.products-list .text-center .pt-text{margin-top: 0; font-size: 17px; text-align: center;}
.products-list .text-center .text-more{margin: 0 auto; margin-top: 40px;}

.products-detail{width: 100%;padding: 50px 0; background: #f4f5f6; border-bottom: 5px solid var(--green);}
.products-detail .img-warp{width: 100%;max-width: 900px;display: flex;}
.products-detail .smallimg{height: 100%;}
.products-detail .smallimg .small-ul{width:90px; flex-direction: column!important; overflow: hidden;}
.products-detail .smallimg .small-ul li{width: 100%; background: var(--white); margin: 5px 0; cursor: pointer;}
.products-detail .smallimg img{width: 100%;}
.products-detail .smallimg .swiper-slide-thumb-active{border:1px solid var(--grey_c);}
.products-detail .bigimg{width: 90%;margin-left: 5%; overflow: hidden;}
.products-detail .bigimg img{width: 100%;}
.products-detail .swiper-slide-thumb-active:after{display: none}

.products-detail .detail-content{ width: max-content; margin-left: 5%;}
.detail-content .d-name{ font-size: 17px; font-weight: 500;}
.detail-content .d-title{margin-top: 5px; font-size: 36px; font-weight: 600; color: var(--grey_3);}
.detail-content .d-text{margin-top: 40px;}
.detail-content .d-text ul{width: 100%;}
.detail-content .d-text ul li{width: max-content; padding: unset; padding-left: 15px; font-size: 16px; line-height: 1.8; display: block; position: relative;}
.detail-content .d-text ul li:before{content: "-";position: absolute; left: 0; top: 0;}
.detail-content .d-more{width: 200px; padding: 10px 0; margin-top: 60px; font-size: 16px; text-align: center;background: var(--green); color: var(--white); border: 0; cursor: pointer;}
.detail-content .d-more:hover{background: var(--green1);}

.products-information{width: 100%; margin-top: 20px;}
.products-information .i-warp{padding-bottom: 15px;  border-bottom: 2px solid var(--grey_d9);}
.products-information .i-theme{font-size: 30px; color: var(--grey_3); font-weight: 500;}
.products-information .i-content{margin-top: 30px; display: flex;}
.products-information .i-text{width: 50%;}
.products-information .i-text ul{width: 100%;}
.products-information .i-text ul li{width:100%; padding: unset; padding-left: 15px; font-size: 16px; display: block; position: relative;}
.products-information .i-text ul li p{line-height: 1.8; font-size: 16px; }
.products-information .i-text ul li:before{content: "-";line-height: 1.8; position: absolute; left: 0; top: 0;}
.products-information .i-sizeimg{width: 45%; max-width: 500px; margin-left: auto;}
.products-information .i-sizeimg .size-img{width: 100%;}
.products-information .i-sizeimg .size-img img{width: 100%;}
.products-information .i-more{width: 200px; padding: 10px 0; margin-top: 60px; font-size: 16px; text-align: center;background: var(--green); color: var(--white); border: 0; cursor: pointer; display: flex; align-items: center;justify-content: center;}
.products-information .i-more i{margin-left: 10px; font-size: 22px;}
.products-information .i-more:hover{background: var(--green1);}

.products-videowarp{width: 100%; height: 100%; background: rgba(0,0,0,60%); position: fixed; left: 0; top: 0; z-index: 5; display: none;}
.products-video{width: 100%; max-width: 1000px; height:600px; background: var(--black);  position: absolute; top: 50%;margin-top: -300px; left: 50%; margin-left: -500px; z-index: 6;}
.products-videoclose{width: 50px;height: 50px;position: fixed;top: 10px;right: 10px;z-index: 6;background: var(--green);color: var(--white);display: flex;align-items: center;justify-content: center; cursor: pointer;}
.products-videoclose:hover{background: var(--green1);}
.products-videowarp #videoFrame{width: 100%; height: 100%;}


.products-information .i-title{margin-top: 30px; font-size: 24px; font-weight: 500; color: var(--grey_3);}
.products-information .i-parameter{margin-top: 10px;}
.products-information .i-parameter table{width: 100%; min-width: 900px;}
.products-information table th{ padding: 20px 0; background: #f4f5f6; font-weight: 500;}
.products-information table td{ padding: 12px 0; text-align: center;border-bottom: 1px solid var(--grey_d9);}
.products-information table td strong{font-size: 16px;color: var(--grey_3);}
.products-information table tr:hover{background: var(--grey_f5);}

.products-download{width: 100%; padding: 50px 0; margin-top: 50px; background: #f4f5f6;}
.products-download .d-theme{font-size: 30px; color: var(--grey_3); font-weight: 500;}
.products-download .d-content{margin-top: 15px;}
.products-download a.download-down{color: var(--green);}
.products-download a.download-down span{font-weight: bold;}
.products-download a:hover{text-decoration: underline;}
.products-download .d-content th{ padding: 20px 10px; border-top: 2px solid var(--grey_d9);border-bottom: 2px solid var(--grey_d9);}
.products-download .d-content td{padding: 12px;border-bottom: 1px solid var(--grey_d9);}
.products-download .d-content tr td:nth-child(1){width: 300px; text-align: center; font-weight: bold;}
.products-download .d-content tr td:nth-child(3), .products-download .d-content tr td:nth-child(4), .products-download .d-content tr td:nth-child(5){width: 180px; text-align: center;}
.products-download .d-content tr:hover{background: var(--grey_d9);}

.products-related{background:#e9ebeb;}
.products-related .pl-warp{margin-top: 40px;}
.products-related .page-title .title-name:after {content: "RELATED PRODUCTS";}


.page-about{width: 100%; padding-top: 100px; overflow: hidden;}
.page-about .about-content{width: 45%;}
.page-about .page-title .title-name{font-size: 24px;color:var(--grey_3);}
.page-about .page-title .title-name:after{content: "COMPANY PROFILE"; font-size: 24px;}
.page-about .a-theme{ margin-top: 40px; font-size: 20px; line-height: 1.5; font-weight: bold;color: var(--green);}
.page-about .a-content{ margin-top: 30px;}
.page-about .a-content p{margin-bottom: 10px; font-size: 15px; line-height: 1.8;}
.page-about .about-img{width: 50%; margin-left: auto;position: relative;}
.page-about .about-img .a-img{ width: 100%; max-width: max-content;position: relative; left: 0; top: 0;}
.page-about .about-img .a-img img{height: 100%;}

.about-culture{width: 100%; padding: 100px 0;}
.about-culture .page-title .title-name{margin: 0 auto;}
.about-culture .page-title .title-name:after{content: "CULTURE";left: -11px; color: rgba(102,102,102,8%); }
.about-culture .culture-content{margin-top: 40px;}
.about-culture .culture-ul{width: 100%;display: grid; grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.about-culture .culture-ul li{width: 100%; padding: 50px 0 80px 0; background: #f4f5f6; text-align: center;}
.about-culture i{font-size: 60px;}
.about-culture .culture-span{margin-top: 10px; width: 100%; font-size: 20px; font-weight: bold; color: var(--green); display: block;}
.about-culture .culture-p{margin-top: 20px; font-size: 16px;}
.about-culture .culture-ul li:hover{background: var(--green); color: var(--white);}
.about-culture .culture-ul li:hover .culture-span{color: var(--white);}

.about-honor{width: 100%; padding: 100px 0; background: #f4f5f6;}
.about-honor .page-title .title-name:after{content: "QUALIFICATION";color: rgba(102,102,102,8%); }
.about-honor .honor-text{margin-top: 40px; width: 100%; max-width: 800px;}
.about-honor .honor-text p{line-height: 1.8;}
.about-honor .honor-content{margin-top: 30px; overflow: hidden;}
.about-honor .honor-ul{width: 100%;}
.about-honor .honor-ul li{width: 100%;}
.about-honor .honor-img{width: 100%; overflow: hidden;}
.about-honor .honor-img img{width: 100%;}
.about-honor .honor-title{width: 100%; margin-top: 10px; text-align: center; font-size: 16px;}
.about-honor .honor-move{margin-left: auto; height: 30px; display: flex;}
.about-honor .honor-move span{ width: 40px;height: 40px;margin: 0 5px;text-align: center;background:#019f7c;display: flex;flex-direction: column;justify-content: center;color: var(--white);font-size: 12px!important;border-radius: 50%; cursor: pointer;}
.about-honor .honor-more{margin: 0 auto; margin-top: 40px;}

.about-partner{width: 100%; padding: 100px 0; background: #e9ebeb;}
.about-partner .page-title .title-name{margin: 0 auto;}
.about-partner .page-title .title-name:after{content: "PARTNER";left: -11px; color: rgba(102,102,102,8%); }
.about-partner .partner-container{width: 100%;margin-top: 40px; display: flex;}
.about-partner .partner-leftwarp{width: max-content;}
.about-partner .partner-name{font-size: 17px; font-weight: bold; position: relative;}
.about-partner .partner-name:after{content: "";width: 20px;  height: 2px; background: var(--grey_6); position: absolute; left: 0; bottom: -20px;}
.about-partner .partner-rightwarp{width: 88%; margin-left: auto;}
.about-partner .rightwarp-ul{width: 100%;display: grid; grid-gap: 10px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.about-partner .rightwarp-ul li{width: 100%; overflow: hidden;}
.about-partner .rightwarp-ul li img{width: 100%; max-width: max-content;}
.about-partner .partner-container1{width: 100%;margin-top: 20px; display: flex;}

.about-history{width: 100%; padding: 100px 0 120px; background-image: url(/static/default/web/images/honor.jpg);  background-size: cover;background-position: center bottom; overflow: hidden;position: relative;}
.about-history .page-title .title-name{color: var(--white);}
.about-history .page-title .title-name:after{content: "DEVELOPMENT HISTORY";color: rgba(255,255,255,18%); }
.about-history .history-move{margin-left: auto; height: 30px; display: flex;}
.about-history .history-move span{ width: 40px;height: 40px;margin: 0 5px;text-align: center;background:#019f7c;display: flex;flex-direction: column;justify-content: center;color: var(--white);font-size: 12px!important;border-radius: 50%; cursor: pointer;}
.about-history .history-content{margin-top: 90px; color: var(--white); }
.about-history .history-ul{width: 100%;}
.about-history:after{content: "";width: 100%; height: 2px; background: var(--white); position: absolute; top: 56.5%; left: 10px;}
.about-history .history-ul li{width: 100%;}
.about-history .history-img{width: 100%; overflow: hidden;}
.about-history .history-img img{width: 100%;}
.about-history .history-dian{width: 16px; height: 16px; margin: 40px 9px; border-radius: 50%; background: var(--white); position: relative;}
.about-history .history-dian:after{content: "";width: 30px; height: 30px;border-radius: 50%; position: absolute; left: -7px; top: -7px; background: rgba(255,255,255,30%);}
.about-history .history-textwarp{width: 100%; position: relative;}
.about-history .history-textwarp .text-img{width: 100%; overflow: hidden;}
.about-history .history-textwarp .text-img img{width: 100%;}
.about-history .history-text{width: 100%; position: absolute; top: 0; height: 0;}
.about-history .history-title{font-size: 30px; font-weight: 500;}
.about-history .history-describe{width: 100%;padding: 10px 0;}
.about-history .history-describe p{line-height: 1.8;}
.about-history .history-ul li:nth-child(1n){display: flex; flex-direction: column-reverse;   }
.about-history .history-ul li:nth-child(1n) .history-text{display: flex;flex-direction: column-reverse; top: auto;}
.about-history .history-ul li:nth-child(2n){display: flex; flex-direction: column;}
.about-history .history-ul li:nth-child(2n) .history-text{display: flex;flex-direction: column;top: 0;}

.advantage{width: 100%; padding: 70px 0 100px 0;}
.advantage .theme{font-size: 30px; font-weight: bold; color: var(--green);}
.advantage .content{width: 100%; max-width: 800px; margin-top: 20px;}
.advantage .content p{line-height: 1.8; padding-bottom: 10px;}
.advantage .a-warp{width: 100%; margin-top: 10px;}
.advantage .a-ul{width: 100%;}
.advantage .a-ul li{width: 100%; margin-top: 20px; display: flex; background: var(--grey_f5);}
.advantage .a-content{width: 50%; padding: 5% 2% 4% 7%;display: flex;flex-direction: column;}
.advantage .a-title{width: max-content; font-size: 24px; font-weight: bold; color: var(--grey_3);}
.advantage .a-title a:hover{text-decoration: underline;}
.advantage .a-text{width:100%; margin-top: 50px; position: relative;}
.advantage .a-text p{line-height: 1.8;}
.advantage .a-text:before{ content: ""; width: 20px; height: 2px; background: var(--grey_6); position: absolute; top: -20px; left: 0;}
.advantage .a-img{width:50%; overflow: hidden;}
.advantage .a-img img{width: 100%;}
.advantage .a-more{width: max-content; margin-top: auto;}
.advantage .a-more a{padding: 10px 0; font-weight: 600; color: var(--grey_3);transition: var(--tran);display: flex;align-items: center;}
.advantage .a-more a i{margin-left: 10px; font-weight: normal;}
.advantage .a-more a:hover{padding: 10px 20px ; background: var(--green); color: var(--white); transition: var(--tran);}
.advantage .a-ul li:nth-child(2n){  display: flex;flex-direction: row-reverse;}
.advantage .a-ul li:hover{ background: #e9ebeb;}
.advantage .a-ul li:hover .a-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.advantage .a-ul li:hover .a-title a{color: var(--green);}

.advantage-detail{width: 100%;margin-top: 20px; margin-bottom: 100px;}
.advantage-detail .detail-theme{font-size: 30px; font-weight: bold; color: var(--green);}
.advantage-detail .detail-content{margin-top: 20px;}
.advantage-detail .detail-content p{margin-bottom: 10px; line-height: 1.8;}
.advantage-detail .detail-content br{display: none;}
.advantage-detail .detail-xxnr{margin-top: 30px;}
.advantage-detail .detail-xxnr img{width: 100%; max-width: max-content;}
.advantage-detail .detail-xxnr .table-scroll{width: 100%;}
.advantage-detail .detail-xxnr p{margin-bottom: 10px; line-height: 1.8;}
.advantage-detail .detail-xxnr h3{font-size: 20px; margin-bottom: 10px; margin-top: 10px; color: var(--grey_3);}
.advantage-detail .detail-xxnr table{width: 100%; min-width: 800px;}
.advantage-detail .detail-xxnr table tr td{padding: 15px 2%;border-bottom: 1px solid var(--grey_d9);}
.advantage-detail .detail-xxnr table tr th{padding: 15px 2%;color: var(--grey_3); text-align: left;border-bottom: 2px solid var(--grey_c); border-top: 2px solid var(--grey_c); background: var(--grey_f5);}
.advantage-detail .detail-xxnr table tr th:nth-child(1){ width: 20%;}
.advantage-detail .detail-xxnr table tr th:nth-child(2){ width: 30%;}
.advantage-detail .detail-xxnr table tr:hover {background: var(--grey_f5);}
.advantage-detail .advantage-vr{width: 100%; height: 700px;}
.advantage-detail .detail-img{margin-top: 40px;}
.advantage-detail .img-ul {width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 30px;     align-items: end;}
.advantage-detail .img-ul li{width: 100%; max-width: 400px; overflow: hidden;}
.advantage-detail .img-ul .li-img{width: 100%; overflow: hidden;}
.advantage-detail .img-ul img{width: 100%;}
.advantage-detail .img-ul .a-title{ width: 100%;padding: 15px 0;text-align: center;font-size: 16px;background: var(--grey_f5);}
.advantage-detail .img-ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.advantage-detail .img-ul li:hover .a-title{background: var(--green); color: var(--white);}

.contact{width: 100%;  margin: 100px 0;}
.contact .c-theme{font-size: 24px;text-align: center;    font-weight: normal;}
.contact .c-warp{margin-top: 30px;}
.contact .c-ul{width: 100%; display: grid; grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr;}
.contact .c-ul li{width: 100%; height: 100%; padding: 10% 15%; background: var(--grey_f5);}
.contact .c-title{width: 100%; margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 1; display: flex;    align-items: flex-end; position: relative;}
.contact .c-title i{ margin-left: auto;font-size: 50px; font-weight: normal;}
.contact .c-title:before{content: ""; width: 20px; height: 2px; background: var(--grey_6); position: absolute;left: 0; bottom: -20px;}
.contact .c-content{margin-top: 40px;}
.contact .c-content p{line-height: 1.8;font-size: 16px; color: var(--grey_3);}
.contact .c-ewm{position: relative;}
.contact .c-ewmimg{width: 130px; position: absolute; right: -50px; top: -102px;}
.contact .c-ul li:hover{background: var(--green); color: var(--white);}
.contact .c-ul li:hover .c-content p{color: var(--white);}
.contact .c-ul li:hover a{color: var(--white);}
.contact .c-ul li:hover .c-title:before{background: var(--white);}
.contact .c-map{width: 100%; height: 500px; margin-top: 50px;}

.about-video{width: 100%; padding-bottom: 100px;}
.about-video .video-warp{width: 100%; display: flex;}
.about-video .a-video{margin-left: 0; padding:0 40px}
.about-video .a-vr{padding:0 40px}
.about-video .video-content{width: 100%; margin-top: 5px; position: relative;}
.about-video .video-img{width: 100%;}
.about-video .video-img img{width: 100%;}
.about-video .video-view{width:100%; height: 100%; margin: auto; padding: 50px; color: var(--white); text-align: center;display: flex;flex-direction: column; cursor: pointer;    justify-content: center; position: absolute; z-index: 1}
.about-video .video-view i{font-size: 80px;}
.about-video .video-span{width: 100%; margin-top: 10px;font-size: 20px;}
.about-video .video-view:hover{ color: var(--green1);}
.about-video video{width: 100%; height: 100%;background: var(--black);}

.page-honor{width: 100%; padding: 20px 0 100px 0;}
.page-honor .h-txt{width: 100%; max-width: 1000px;}
.page-honor .h-txt p{line-height: 1.8;}
.page-honor .h-content{width: 100%; margin-top: 30px;}
.page-honor .h-ul{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));grid-gap: 30px; align-items: end;}
.page-honor .h-ul li{width: 100%;}
.page-honor .h-img{width: 100%; overflow: hidden;}
.page-honor .h-img img{width: 100%;}
.page-honor .h-title{width: 100%;padding: 15px 0; text-align: center; font-size: 16px;background: var(--grey_f5);}
.page-honor .h-ul li:hover .h-title{ background: var(--green); color: var(--white);}
.page-honor .h-ul li:hover .h-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}

.page-job{width: 100%;padding: 20px 0 100px 0;}
.page-job img{width: 100%; max-width: max-content;}
.page-job p{line-height: 1.8; margin-bottom: 10px}
.page-job h3{margin-bottom: 10px; font-size: 18px; font-weight: bold;}


@media screen and (max-width: 1600px) {
	.news .n-content, .news .r-recommend{margin-left: 4%;width: 46%;}
	.news .l-warp{width: 31.2%;}
	.news .r-warp{ width: 68.6%;}
	.news .l-theme{font-size: 2.7vw;}
	.news .r-warp .page-title{padding-left: 4%;}
}

@media screen and (max-width: 1440px) {
	.solution .s-content{margin-top: 5%;padding: 3% 3% 2% 3%;height: auto;}
	.solution .s-more{margin-top: 8%;}
	.solution .list-content{height: 100px; top: -130px;}
		.about .a-content{margin-top: 20px;}
}

@media screen and (max-width: 1360px) {
	.contact .c-ewmimg{position: relative; right: 0; top: 0;}
}

@media screen and (max-width: 1280px) {
.header .top-icon{margin-left: 20px;}
	.page-news .n-more{position: unset;}
	.products-column a.label{ padding: 8px 10px;}
	.products-list .list-ul{grid-gap: 20px;}
}

@media screen and (max-width: 1200px) {
.header .top-icon{margin-left: 0px;}
.header .menu{width: 95%; margin-left: 5%;}
	.news-sidebar{display: none;}
	.news-warp{width: 100%;}
	.news-warp .list-content{width: 64%; max-width: 64%;}
	.news-detail .content-wrap{width: 100%; max-width: 100%;margin-right: 0;}
	.advantage .a-content{padding: 3% 2% 2% 4%;}
	.advantage .a-text{    margin-top: 35px;}
	.page-about .a-content p{font-size: 14px;}
	.page-about .about-img .a-img{height: 400px;}
	.page-about .about-content{width: 48%;}
	.about-partner .rightwarp-ul{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	.about-partner .partner-rightwarp{width: 83%;}
	.solution .list-content{position: unset; background: var(--grey_f5);}
	.solution .list-warp{width: 100%;overflow: hidden;}
	.about .page-title{margin-top: 0;}
}


@media screen and (max-width: 1024px) {
	.header .m-menu{display: flex;}
	.header .nav{width: 100%;max-width: 100%;position: fixed;top: 90px;left: 0;z-index: 9;background: #ffffff; display: none;}
	.header .menu{width: 92%; margin: 0 auto;}
	.header .nav .nav-ul{ display: unset;}
	.header .nav li{height: auto;border-bottom: 1px solid var(--grey_d9);padding:0;}
	.header .nav li a{ padding: 15px;}
	.header .nav li .m-menu-i{display: block;}
	.header .nav .m-submenu{margin-left: 0; padding-top: 0; position: unset;width: 100%;box-shadow: none;}
	.header .nav .m-submenu li{padding:0; border-bottom: 0;}
	.header .nav .m-submenu li a{ padding-left:  30px;}
	.header .top-icon{margin-left: auto;}
	.page-banner .banner-img img{width: auto;height: 300px;position: relative; left: 50%; top: 0; margin-left: -518px; z-index: 1;}
	.footer .footer-menu, .footer .botton-logo{display: none;}
	.footer .main{width: 100%;min-width: 100%;}
	.footer .content{margin-top: 0;}
	.footer .f-contact{width: 50%;}
	.messages .container{display: block;}
	.messages .m-main{width: 100%;margin-top: 20px;}
	.messages .m-content{width: 100%;margin-right: 0;}
	.messages .m-text, .messages .m-describe{margin-top: 20px; max-width: 100%;}
	.products-column{overflow: initial!important;}
	.products-column .c-contact{position: relative;}
	.contact .c-ul{grid-template-columns: 1fr 1fr;}
	.contact .c-ul li{padding: 32px 20px 32px 48px; }
	.contact .c-ul li:last-child{grid-column-start: 1;grid-column-end: 3;}
	.page-news .n-content{padding-top: 0;}
	.solution-content .sl-ul{grid-template-columns: 1fr 1fr; grid-gap: 20px;}
	.solution-content .sl-content{padding: 20px;}
	.frame .content{    left: 5%;margin-left: 0;max-width: 90%;}
	.frame .close{    right: 20px;top: 2px;}
	.solution-detail .img-ul{    grid-gap: 5px;}
	.advantage .a-text p br{ display: none;}
	.advantage .a-text p{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
	.advantage-detail .detail-xxnr .table-scroll {width: 100%;overflow: scroll;padding-bottom: 10px;}
	.products-column .container, .page-about .container{display: block;}
	.products-column .c-contetn{width: 100%; max-width: 100%;}
	.products-column .c-ul1, .products-column .c-ul{flex-wrap: wrap;}
	.products-list .list-ul{grid-template-columns: 1fr 1fr;}
	.detail-content .d-title{font-size: 30px; margin-top: 0}
	.detail-content .d-text, .detail-content .d-more, .products-information .i-more, .products-information .i-content{margin-top: 20px;}
	.products-information .i-parameter{overflow-x: scroll; padding-bottom: 10px;}
	.products-information table td{ padding: 6px 0;}
	.products-detail .smallimg{width: 70px;}
	.products-detail .detail-content{margin-left: auto;}
	.page-banner .about-banner-img img{ height: 380px!important;}
	.page-about .a-theme, .page-about .a-content{ margin-top: 20px;}
	.page-about .about-content{width: 100%;}
	.page-about .about-img{width: 100%;}
	.about-history .history-title{font-size: 20px;}
	.about-culture .culture-ul{grid-gap: 10px;}
	.about-culture .culture-span{font-size: 18px;}
	.about-culture .culture-ul li{ padding: 20px 0 30px 0;}
	.about-culture .culture-ul li:first-child{    grid-column-start: 1;grid-column-end: 3;}
	.about-culture .culture-ul{grid-template-columns: 1fr 1fr;}
	.about-culture i{font-size: 50px;}
	.about .a-theme{margin-top:20px;}
	.banner .b-img img{height: 430px; width: auto;position: relative;left: 50%;margin-left: -516px;}
	.product .pl-name{left: 40px;top: 40px;}
	.product .pl-title{top: 30px;left: 40px;}
	.banner ul li em{ font-size: 20px; margin-top: 20px;}
	.banner ul li .title{font-size: 36px; max-width: 600px;}
	.products .p-ul{grid-gap: 10px;}
	.product .pl-warp{margin-top: 30px;}
	.products .p-title a{font-size: 20px;}
	.solution .s-warp{ position: relative; }
	.solution .s-warp .container{width: 100%;}
	.solution .s-content{ margin-top:0;width: 100%;}
	.solution .s-title{margin-bottom: 0;}
	.solution .s-title:after{display: none;}
	.solution .s-more, .solution .s-text{margin-top: 10px;}
	.solution .s-content{padding: 3% 4% 2% 4%;}
	.news .l-warp{width: 100%;}
	.news .l-content{height: 350px;}
	.news-main .container{display: block;}
	.news .r-warp{margin-top: 40px; width: 100%;}
	.news .r-warp .page-title{padding-left: 0;}
	.news .r-recommend{margin-left: 0;}
	.news .r-recommend, .news .n-content{width: 48%;}
	.news .l-theme{font-size: 40px;}
	.news .l-text{-webkit-line-clamp: 2;}
	.news .l-more{bottom: 40px;}
	.about .l-container{display: block;}
	.about .l-warp{width: 100%; max-width: 100%; margin-right: 0;}
	.about .r-warp{width: 100%; margin-top: 10px;}
	.about .r-content{width: 100%; max-width: 100%;     position: relative;}
	.about .page-title{margin-top: 20px;}
	.about{ padding: 50px 0 0 0;}
	.products-video{width: 100%; max-width: 100%; height: 500px; margin-left: 0; margin-top:-250px; left: 0;}
	.advantage-detail .img-ul .a-title p{font-size: 14px; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
	.advantage-detail .img-ul{grid-gap: 10px;}
	.about .about-bg-img{ display: none;}
	.product-filter{height: 750px;}
}

@media screen and (max-width: 768px) {
	.contact, .messages, .footer, .solution-content, .advantage, .product, .news-main{margin: 0; padding: 50px 0;}
	.footer .copyright{margin-top: 30px;}
	.header .icon-li:nth-child(3), .header .icon-li:nth-child(4){ display: none;}
	.page-banner .banner-title{font-size: 30px;}
	.page-banner .banner-text{font-size: 16px;}
	.page-banner, .news-detailwarp, .banner{margin-top: 70px;}
	.header{height: 70px;}
	.header .logo a{height: 38px;}
	.header .logo .slogan{margin-left: 10px; padding-left: 10px;}
	.header .logo .slogan-cn{font-size: 16px;}
	.header .logo .slogan-en{margin-top: 6px;font-size: 12px;letter-spacing: -0.5px;}
	.top-icon .flex-column a{padding-left: 5px;}
	.header .icon-li{padding: 0 5px;}
	.header .nav{top: 70px;}
	.page-news{margin-top: 70px;}
	.contact .c-theme{font-size: 20px;}
	.solution-content .c-name, .advantage .theme, .advantage-detail .detail-theme{ font-size: 24px;}
	.liuyan-button{padding: 8px 10px;}
	.page-job{padding: 20px 0 50px 0;}
	.page-news .news-container{padding: 40px 0; display: block;}
	.page-news .n-img{width: 100%;}
	.page-news .n-content{width: 100%;max-width: 100%; margin-left: 0; margin-top: 10px;}
	.news-detailwarp{padding: 40px 0;}
	.news-detail .title{font-size: 20px;}
	.m-b100, .news-list{margin-bottom: 50px;}
	.solution-detail{margin-top: 0; padding-top: 0;}
	.advantage .a-ul li, .advantage .a-ul li:nth-child(2n){display: block;}
	.advantage .a-img, .advantage .a-content{width: 100%;}
	.advantage-detail{margin-top: 0; margin-bottom: 50px;}
	.products-column{margin-top: 70px;padding: 40px 0;}
	.products-column .c-contact .liuyan-button{bottom: -94px;}
	.products-list, .page-honor{ padding-top: 0; padding-bottom: 50px;}
	.products .p-ul{grid-gap: 10px;grid-template-columns: 1fr 1fr;}
	.products-detail .container{display: block;}
	.products-detail .detail-content, .products-information .i-text{width: 100%; margin-left: 0;}
	.products-information .i-content{display: block;}
	.products-information .i-sizeimg{    width: 100%;margin-left: 0; margin-top: 30px;}
	.products-download .d-content th{ padding: 20px 0;}
	.products-download .d-content td{ padding: 12px 0;}
	.products-information .i-theme, .products-download .d-theme{font-size: 24px;}
	.page-honor .h-ul{grid-template-columns: 1fr 1fr;     grid-gap: 10px;}
	.page-honor .h-title p{ font-size: 14px; display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
	.page-about .about-img .a-img{height: auto;width: 100%;max-width: 100%;margin-top: 20px;}
	.page-about .about-img .a-img img{height: auto;width: 100%; }
	.page-about{padding-top: 50px;}
	.data{padding: 30px 0 50px 0;}
	.about-video{ padding-bottom: 50px;}
	.about-history{ padding: 50px 0 60px 0;}
	.about-culture, .about-honor, .about-partner{ padding: 50px 0;}
	.about-partner .partner-container, .about-partner .partner-container1{ display: block;}
	.about-partner .partner-name:after{display: none;}
	.about-partner .partner-rightwarp{width: 100%; margin-top: 10px;}
	.about-partner .rightwarp-ul{    grid-gap: 5px;}
	.about-honor .honor-title{font-size: 14px;}
	.about-history .history-content{margin-top: 55px;}
	.about-history .history-dian{margin: 30px 9px}
	.data .d-ul{justify-content: flex-start;    flex-wrap: wrap;}
	.data .d-ul li{    width: 33.3%; margin-top: 10px;}
	.data .d-number{font-size: 26px;}
	.data .d-name{font-size: 16px;}
	.about-video .a-video,  .about-video .a-vr{height: 36px;padding: 0 20px;}
	.page-title .title-name{font-size: 26px;}
	.page-title .title-name:after{font-size: 26px;}
	.product .pl-list, .product .pl-right, .product .pl-left{display: block; width: 100%}
	.product .pl-list a{margin-top: 10px;}
	.solution .list-them{display: none;}
	.solution .list-nav{width: 100%;}
	.solution .s-text{-webkit-line-clamp: 2;}
	.solution .s-img img{    width: auto;height: 360px;position: relative;left: 50%;margin-left: -388px;}
	.solution .list-content{padding: 0;}
	.news .r-content{display: block; height: auto}
	.news .r-recommend, .news .n-content{width: 100%; margin-left: 0;}
	.news .n-list{margin-top: 20px;}
	.news .l-theme{font-size: 5vw;}
	.news .l-title{margin-top: 20px;}
	.news .l-title a{font-size: 20px;}
	.messages .m-title{margin-top: 0;}
	.news .l-content, .news .r-content{margin-top: 30px;}
	.banner ul li em{font-size: 16px;}
	.top-icon .icon-dropdown{width: 360px;}
	.top-icon .icon-dropdown input{width: 320px;}
	.top-icon .icon-dropdown button{margin-top: 5px;}
	.page-banner .banner-text{width: 100%;}
	.advantage-detail .detail-img{margin-top: 20px;}
	.banner .b-img .big-imgles{display: none;}
	.banner .b-img .m-imgles{display: block;}
	.banner .b-img img {margin-left: -384px;}
	.banner ul li .title{font-size: 30px; max-width: 500px;}
	
	.product-menu{margin-top: 70px;}
	.product-menu .p-m-warp .p-m-ul li a{margin-right: 0;}
	.product-menu .c-contact{ display: none;}
	.product-menu .liuyan-button{ height: auto;position: absolute; right: 0;top: 20px;}
	.product-menu .liuyan-button i{display: none;}
	.products-column a.label{font-size: 15px;}
	.product-menu .p-m-twomenu li{margin-right: 20px;}
	
	.div-filter{ display: none;}
	.products-column .c-contact{display: none;}
}

@media screen and (max-width: 600px) {
	.footer .content{display: unset;}
	.footer .f-contact{width: 100%;}
	.footer .link, .footer .add{margin-top: 20px; margin-left: 0;}
	.messages .m-ul, .contact .c-ul{    display: flex;flex-direction: column;}
	.news-warp .list-ul li{display: block; border-bottom: 0;padding: 10px 0;}
	.news-warp .list-img, .news-warp .list-content{width: 100%; max-width: 100%;}
	.news-warp .list-content{margin-top: 10px;}
	.news-warp{margin-right: 0;}
	.news-warp .list-ul{border-top: 0;}
	.news-list{margin-top: 0; margin-bottom: 50px;}
	.news-warp .list-more a{margin-top: 10px;}
	.solution-content .sl-ul{ grid-template-columns: 1fr;}
	.products-list .list-ul{grid-gap: 10px;}
	.solution .list-ul i{display: none;}
	.solution .list-span{font-size: 17px;}
	.solution .list-ul li{width: 33.33%!important; height: 50px;}
	.solution .list-ul{justify-content: flex-start;flex-wrap: wrap;}
	.solution .list-ul li:hover:after, .swiper-slide-thumb-active:after{height: 100%; top: 0;}
	.products-video{width: 100%; max-width: 100%; height: 300px; margin-left: 0; margin-top:-150px; left: 0;}
	.advantage-detail .img-ul{    grid-template-columns: 1fr 1fr;}
	
	.product-menu .p-m-ul li{margin-right: 30px;}
	.product-menu .p-m-ul li:last-child{margin-right: 0;}
}

@media screen and (max-width: 500px) {
	.page-honor .h-ul{grid-gap: 10px;}
	.about-history .history-describe p{line-height: 1.4}
	.banner .b-img img{ height: 400px;margin-left: -357px;}
}
@keyframes bounceOut1 {
	0% {opacity: 0;-webkit-transform: scale3d(.1, .1, .1);transform: scale3d(.1, .1, .1)}
	100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
	.bounceOut1 {-webkit-animation-name: bounceOut1;animation-name: bounceOut1;-webkit-animation-duration: .5s;animation-duration: .5s}