/*svg*/
.separator {position: absolute;left: 0;right: 0;height: 150px;fill: var(--color-fill);pointer-events: none;z-index: 5;}
.separator-up {top: -1px;}
.separator-down {bottom: -1px;}
/*load*/
.pace-activity {position: fixed;left: 0;top: 0;z-index: 10000;right: 0;bottom: 0;pointer-events: none;display: flex;align-items: center;justify-content: center;
opacity: 0;}
svg.loader {position: absolute;top: 50%;left: 50%;z-index: 1;margin-left: -50px;margin-top: -50px;transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
svg.loader path {animation: endlessRotate 1s linear infinite;transform-origin: center;}
@keyframes endlessRotate {
from {transform: rotateZ(0deg)}
to {transform: rotateZ(360deg)}
}
.showLoading .pace-activity {opacity: 1;}
.pace-done .pace-activity {transition: var(--transition);pointer-events: none;opacity: 0;}
.loading-progress {width: 500px;height: 200px;}

/*cursor*/
.cursor {position: fixed;top: 0;left: 0;display: block;pointer-events: none;z-index: 10000;mix-blend-mode: hard-light;}
.cursor__inner {fill: none;stroke-width: 1px;}

/*animate*/
.fadeInUp1 {animation: fadeInUp1 cubic-bezier(0.215, .61, .355, 1) 1s forwards;transform: translateY(80px);opacity: 0;}
.fadeInUp {animation: fadeInUp cubic-bezier(0.215, .61, .355, 1) 1s forwards;transform: translateY(100%);opacity: 0;}
.fadeInUpImg {position: absolute;left: 0;top: 0;width: inherit;height: inherit;clip: rect(0, 500px, 0, 0);animation: fadeInUpImg cubic-bezier(0.215, .61, .355, 1) 1s forwards;}
.up50 {transform: translateY(50%);}
.delay1 {animation-delay: .1s;}
.delay2 {animation-delay: .2s;}
.delay3 {animation-delay: .3s;}
.delay4 {animation-delay: .4s;}
.delay5 {animation-delay: .5s;}

@keyframes fadeInUp1 {to {transform: translateY(0);opacity: 1;}
}
.acc-bd {display: none;}
.on .acc-bd {display: flex;}
.tab-bd>* {display: none;}
.tab-bd>*.on {display: flex;}
.l-layer {display: flex;backdrop-filter: blur(5px);align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);
position: fixed;left: 0;top: 0;z-index: 1000;opacity: 0;pointer-events: none;}

/*cont*/

.l-container {width: 95%;margin-left: auto;margin-right: auto;position: relative;z-index: 2;}
header {position: fixed;left: 0;top: 0;right: 0;z-index: 100;align-items: center;padding:15px 0; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
header>* {align-items: center;}
.lh-logo {position: relative;display: block;width:200px;}
.lh-logo img{width: 100%;}
.lh-logo>* {transition: var(--transition);}
.lh-logo>*:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.lh-nav {display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; width: 50%; margin:0  auto;}
.lh-nav>* {position: relative;}
.lh-nav>*::after,.lh-nav>*::before {content: '';display: block;width: 100%;height: 1px;background-color: #fff;position: absolute;left: 0;bottom: calc(var(--size-10-) / 2);
transition: var(--transition);transform: scaleX(0);transform-origin: left center;}
.lh-nav>*::before {bottom: auto;top: calc(var(--size-10-) / 2);transform-origin: right center;}
.lh-nav>*.on {color: var(--color-dominant);}
.lh-nav>*:hover::before,.lh-nav>*:hover::after {transform: scale(1);}
.lh-lang>dt {height: var(--size-40);min-height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.lh-lang>dt i {margin-right: var(--size-10);}

.header_fixed.lh-nav>*::after,.header_fixed.lh-nav>*::before {content: '';display: block;width: 100%;height: 1px;background-color: #ff9600;position: absolute;left: 0;bottom: calc(var(--size-10-) / 2);transition: var(--transition);transform: scaleX(0);transform-origin: left center;}

/*banner*/
.newban{ position:relative; width: 100%; height:100vh;overflow: hidden; z-index: 2;background: linear-gradient(rgba(21, 71, 147, 1) 0%, rgba(21, 71, 147, 0.8) 40%); }
.newban .newbanbg{position: absolute;z-index: 2;  background: url('../images/bcover.png') no-repeat center top;height: 50%; width: 100%;}
.newban iframe{width: 100%; position: absolute;z-index: 1;height: 100%; }

@media screen and (max-width:1280px){
.lh-logo {width:160px;}
.newban{height:80vh;}
}
@media screen and (max-width:1000px){
    .lh-logo {width:120px;}
.newban{height:50vh;}
}

/*首页产品分类*/
.l-fullpage {min-height:100vh;}
@media screen and (max-width:1280px){
    .l-fullpage {min-height:60vh;}
}
.view-more {display: flex;align-items: center;justify-content: center;width:80px;height: 80px; ;border-radius: 50%;background-color:#1b62c3;color: #fff;transform: rotate(-45deg);}
.view-more>* {width: 20px;overflow: hidden;}

@media screen and (max-width:1200px){
.view-more{width: 50px; height: 50px;;}
}
.cls-1 {fill: currentColor;}
.index-pro .name {font-weight: bold}

.index-pro-item {display: flex;}
.index-pro-item>* {margin-right: var(--size-110);}
.index-pro-item>*>* {display: flex;}
.index-pro-item>* .img {transition: var(--transition);}
.index-pro-item>* .img img {width: 100%;height: 100%;transition: var(--transition);}
.index-pro-item>* .text {padding:0 var(--size-70);background: #fff;;transition: var(--transition);}
.index-pro-item>* .text .num {font-size: calc(var(--size-80) * 2);position: absolute;right: 5%;top: var(--size-60-);line-height: 100%;font-weight: bold;color: var(--color-dominant);-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));}
.index-pro-item .ccont{font-size: 0.94541666vw;line-height: 1.8625vw;}
.index-pro-item>*:hover .img img {transform: scale(1.1);}
.index-pro-item>*:hover .img {border-radius: 0;}
.index-pro-hd {width: var(--size-100);height: 4px;background-color: #f8d687;border-radius: 4px;position: relative;top: calc(var(--size-100) * 2);}
.index-pro-hd>* {width: 0;height: 100%;background-color: var(--color-dominant);position: absolute;left: 0;top: 0;border-radius: 4px;}

@media screen and (max-width:1200px){
    .index-pro-item .name{font-weight: bold;}
   .index-pro-item .ccont{font-size: 16px; line-height: 31px;} 
}

/*首页产品推荐*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0;background: #f5f5f5;  }
.pro .pro_tit{text-align: center; margin-bottom: 0.5rem; color: #000;}
.pro .pro_tit h3{font-weight: bold}
.pro .pro_tit h2{margin-top: 15px; color: #999}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:5vh auto 0 auto; padding-bottom: 3%; height: 800px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
#top_scroll .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
#top_scroll .protel .protel_a{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_a:hover{background: #42b463; color: #fff;}
#top_scroll .protel .protel_b{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_b:hover{background: #faa624; color: #fff;}
#top_scroll ul li:hover .protel_a{background: #42b463; color: #fff;}
#top_scroll ul li:hover .protel_b{background: #faa624; color: #fff;}

@media (max-width:1280px){
.pro{width:95%; }
}
@media (max-width:750px){
.pro{width: 100%;padding: 3vh 0;}
.pro .pro_tit h3 {font-size: 25px}
.pro .pro_tit h2{font-size: 15px; width: 90%; margin: 0 auto;}
#top_scroll{display: none;}
#tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
#tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s;}
#tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
#tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
}


/*首页厂区*/
/*home2*/
.home2 {padding: 4% 0;overflow: hidden;background: #eff2f9;}
.home2 .wrap {width: 1500px;margin: 0 auto;}
.public_title .title {font-size: 50px;font-weight: 800;color: #000000;position: relative}
.public_title .text {margin-top: 20px;font-size: 20px;color: #000000;line-height: 1.5;text-transform: uppercase;opacity: 0.6}

.home2 .sty1 {margin-top: 30px;font-size: 24px;font-weight: 800}
.home2 .sty1 .swtbtn {width: 16.2%;height: 66px;display: inline-block;vertical-align: middle;background: #3ea02f;border-radius: 33px;color: #FFFFFF;text-align: center;line-height: 66px;cursor: pointer;overflow: hidden;position: relative;z-index: 1;transition: all linear 0.3s}
.home2 .sty1 .swtbtn a{color: #fff;}
.home2 .sty1 .swtbtn:hover {background: #3ea02f}
.home2 .sty1 .more {width: 10.06667%;display: inline-block;vertical-align: middle;margin-left: 43px;padding: 6px 0;border-bottom: 2px solid #000000;color: #000000;transition: all linear 0.3s}
.home2 .sty1 .more:after {content: "";border-left: 9px solid #000000;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: inline-block;vertical-align: middle;margin-left: 17px;transition: all linear 0.3s}
.home2 .sty1 .more:hover {border-bottom: 2px solid #3ea02f;color: #3ea02f}
.home2 .sty1 .more:hover:after {border-left: 9px solid #3ea02f}
.heixinlistbox {position: relative; margin:3% auto 0 auto;}
.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}
.hxin_item {position: relative;width: 650px;margin: 0 auto; padding: 0 15px;border-radius: 30px}

.hitbox{overflow: hidden;}
.hitbox img{width: 100%;/*opacity: 0.3;*/-webkit-filter: blur(3px); /* Chrome, Opera */-moz-filter: blur(3px);-ms-filter: blur(3px);    	filter: blur(3px); border-radius: 30px}
.heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);border-radius: 30px}
.hitbox img {transition: all 1s;width:100%;}
.heixinlist .slick-next {right: 22%;background: url(../images/next.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-prev {left: 22%;background: url(../images/prev.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-dots {bottom: 9px;}
.slick-dots li.slick-active {background: #999;}
.heixinlist .slick-dots li.slick-active {background: #155bc4;border-color:#155bc4;}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}


@media (max-width:1280px){
    .hxin_item {width: 450px}
}



@media (max-width: 992px){
    .home2 {	padding-top: .8rem;	padding-bottom: .93333rem	}
    .home2 .wrap {width: 95%;}
    .public_title{text-align: center}
    .public_title .title {font-size: 26px; padding-top: 20px;}
    .public_title .text {font-size: 14px; margin-top: 0;}
    .home2 .sty1{display: none}
    .heixinlist .slick-next {right: 5%;}
    .heixinlist .slick-prev{left: 5%}
    .heixinlist .slick-prev, .heixinlist .slick-next {width: 50px;height: 30px;z-index: 50;}

}
/*首页简介*/
.index-about {background-color: #37a356;}
.index-about .index-title{width: 100%;}
.index-about>* .title {margin-top: var(--size-20-);}
.index-about-total>* {width: calc(var(--size-95) * 2);height: calc(var(--size-85) * 2);border-radius: var(--size-20);background: linear-gradient(0deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));display: flex;align-items: center;justify-content: center;text-align: center;margin-right: 2px;padding-top: var(--size-20);}
.index-about-cont>.right {margin-left: 15%;}
.index-about-attes {width: 106%;margin-left: -3%;}
.index-about-attes li{margin: 0 8px;}
.index-about-attes li img{width: 100%;}
.index-about-attes>* {flex: 1;}
.index-about-attes>*>* {display: flex;align-items: center;justify-content: center;height: 100%;}
.index-about-bg {position: absolute;right: 0;top: 0;width: 1049px;width: clamp(524px, 54.63541666666667vw, 1049px);}
.index-about-bg>img {opacity: 0.2;}
.index-about-bg>.img {position: absolute;right: 0;top: 0;aspect-ratio: 1049/849;-webkit-mask: url(../images/icon2.png);-webkit-mask-size: cover;transform: scale(0.988);
transform-origin: right top;overflow: hidden;}
.lh-fixed {position: fixed;right: 0;top: 50%;transform: translate(0, -50%);--color: #fcb900;z-index: 100;opacity: 0;pointer-events: none;}
.fixed-item>* {margin: 2px 0;background-color: var(--color);padding: 6px;border-radius: var(--size-55) 0 0 var(--size-55);display: flex;
align-items: center;transform: translateX(calc(100% - var(--size-70)));transition: var(--transition);pointer-events: auto;}
.fixed-item>*>a {display: flex;align-items: center;justify-content: center;width: var(--size-55);aspect-ratio: 1/1;border-radius: 50%;background-color: #fff;color: var(--color);}
.fixed-item>*>.cont {padding: 0 var(--size-30) 0 var(--size-15);}
.fixed-item>*>.cont p {margin-bottom: 4px;}
.fixed-item>* .footer-share-item>* {width: auto;border: none;--size-10: var(--size-20);opacity: .7;}
.fixed-item>* .footer-share-item>*:hover {background: none;color: #fff;opacity: 1;}
.fixed-item>*:hover {transform: translateX(0);}
.message-layer {position: fixed;right: 0;bottom: 0;z-index: 100;border-radius: var(--size-20) var(--size-20) 0 0;background-color: #fff;--color: #fcb900;--color-hover: #fcb900;width: 397px;width: clamp(198px, 20.677083333333332vw, 397px);overflow: hidden;}
.message-layer>.title {height: var(--size-50);align-items: center;padding: 0 var(--size-30);background-color: var(--color);}
.message-layer>.title>.right {margin-left: auto;}
.message-layer>.title>.right i {display: block;cursor: pointer;}
.message-layer>.title>.left {display: flex;align-items: center;}
.message-layer>.title>.left i {margin-right: var(--size-10);}
.message-layer>.cont {padding: var(--size-30);}
.message-layer-item>* {margin-bottom: var(--size-20);}
.message-layer-item>* input,.message-layer-item>* textarea {height: var(--size-55);border-radius: 6px;border: 1px solid #DDD;padding: 0 var(--size-20);}
.message-layer-item>* input:focus,.message-layer-item>* textarea:focus {border-color: var(--color);box-shadow: 0 0 10px rgba(109, 203, 207, 0.2) inset;}
.message-layer-item>* textarea {height: var(--size-130);padding: var(--size-20);line-height: 140%;}
.message-btn {border-radius: 6px;margin-top: var(--size-30);align-items: center;justify-content: center;}
.index-pro-item>* .text .icon {width: calc(var(--size-45) * 4); padding-top:50px;}


@media screen and (max-width:1200px){
 .index-pro-item>* .text .icon {width: 50%;}   
}

.index-featured-bg {	position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.index-featured .topbg{width: 100%; position: absolute;z-index: 50; top: 0;}
.index-featured .bottombg{width: 100%; position: absolute;z-index: 50; bottom: 0;}
.index-featured-bg img {width: 100%;height: 100%;}
.index-featured .l-container{}
.index-featured>.l-container>.left {width: 618px;width: clamp(309px, 32.1875vw, 618px);padding-right: var(--size-130); padding-top: 3%;}
.index-featured>.l-container>.right {width: calc(100% - clamp(309px, 32.1875vw, 618px));display: flex;}
.index-featured>.l-container>.left>.bottom {width: 100%;margin-top: auto;}
.featured-r {width: calc(var(--size-85) * 2);padding-right: var(--size-70);display: flex;align-items: center;}
.featured-cont {width: calc(100% - calc(var(--size-85) * 2));}
.featured-hd>* {aspect-ratio: 1/1;margin: var(--size-30) 0;}
.featured-hd>*>* {border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 4px solid rgba(255, 255, 255, .3);position: relative;}
.featured-hd>*>* img {width: 100%;height: 100%;border-radius: 50%;}
.featured-hd>*.on>* {border-color: var(--color-dominant);}
.featured-hd>*>*::after {content: '';display: block;width: 0;height: 0;border: 8px solid transparent;border-left: 10px solid var(--color-dominant);position: absolute;left: 100%;top: 50%;transform: translateY(-50%);z-index: -1;opacity: 0;}
.featured-hd>*.on>*::after {opacity: 1;}
.featured-cont {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-60);}
.featured-cont a {display: block;padding: var(--size-100) var(--size-85) var(--size-100);height: 100%;position: relative;}
.featured-cont .img {position: absolute;right: var(--size-40);top: var(--size-40);width: 254px;width: clamp(127px, 13.229166666666666vw, 254px);border-radius: 50%}
.featured-cont .top {width: 45%;}
.featured-cont .view-more {margin-top: var(--size-100);}

@media (max-width: 992px){
    .index-about{padding: 0 2%}
    .index-about .img{display: none}
    .index-title{padding-left: 2%}

}

/*新闻资讯*/
.index-featured-bg {background-color: #000;}
.index-news-top {align-items: center;}
.index-news-top>.right {margin-left: auto;}
.more-btn {display: flex;align-items: center;}
.more-btn .view-more {color: var(--color-dominant);width: var(--size-20);background: none;margin-left: var(--size-10);}
.index-news-cont>.center {width: calc(var(--size-110) * 8);}
.index-news-cont>.center>* {background-color: #fff;border-radius: var(--size-10);overflow: hidden;padding: var(--size-40) var(--size-30);height: 100%;}
.index-news {background-color:rgba(252, 240, 231, 1);}
.index-news-cont>.center>* .view-more {width: 50px; height:50px;margin-top: var(--size-30);margin-bottom: var(--size-30);}
.index-news-cont>.center>* .bottom {margin-top: auto;border-radius: var(--size-10);overflow: hidden; max-height: 350px}
.index-news-cont>.center>* .bottom img {width: 100%;height: 100%;transition: var(--transition);}
.index-news-cont>.center>*:hover img {transform: scale(1.2);}
.index-news-cont>.right {width: calc(100% - var(--size-55) * 16);padding-left: var(--size-20);}
.index-news-item {align-items: center;height: calc(100% + var(--size-20));margin-top: var(--size-10-);width: 100%;}
.index-news-item>* {height: 33.3%;padding: var(--size-10) 0;width: 100%;}
.index-news-item>*>* {display: flex;border-radius: var(--size-10);background-color: #fff;padding: var(--size-20) var(--size-45);height: 100%;}
.index-news-item>* .time {width: var(--size-100);}
.index-news-item>* .text {width: calc(100% - var(--size-100));padding-left: var(--size-30);border-left: 1px solid #EBEBEB;}
.index-news-item>* .view-more {background: none;color: var(--color-dominant);width: var(--size-20);margin-top: var(--size-30);}

/*footer*/
.footer22{display: none;}
.footer-top {padding: var(--size-80) 0 var(--size-40);}
.footer-top>.left .logo {width: calc(var(--size-130) + 7px);display: block;}
.footer-contact {margin-top: var(--size-40);}
.footer-contact>dt {margin-top: var(--size-20);display: flex;align-items: center;}
.footer-contact>dd {margin-top: var(--size-10);padding-left: var(--size-25);}
.footer-contact>dt i {width: var(--size-25);display: block;}
.footer-top>.center {margin-left: auto;margin-right: auto;padding-top: var(--size-15);}
.footer-top>.right {padding-top: var(--size-15);}
.footer-top>.right .tip {text-align: right;}
.footer-top>.right .btn {height: var(--size-60);aspect-ratio: 160/50;border: 1px solid #fff;border-radius: var(--size-60);display: flex;align-items: center;justify-content: center;margin-left: auto;}
.footer-top>.right .btn i {margin-left: var(--size-20);}
.footer-link {align-items: center;}
.footer-link>.right {margin-left: auto;}
.footer-link>.left a {margin-right: var(--size-40);opacity: .7;}
.footer-link>.left a:hover {text-decoration: underline;}
.footer-nav a:hover {text-decoration: underline;}
.footer-link>.left span {margin-right: var(--size-10);}
.footer-copy {padding: 20px 0;margin-top:20px;border-top: 1px solid rgba(255, 255, 255, .2);}
.footer-copy>.right {
margin-left: auto;}.footer-copy span {margin-left: var(--size-10);}
.footer-copy span:first-child {margin-left: 0;}
.footer-share-item>* {margin-left: var(--size-10);display: flex;align-items: center;justify-content: center;width: var(--size-50);aspect-ratio: 1/1;border-radius: 50%;border: 2px solid #fff;}
.footer-share-item>*:first-child {margin-left: 0;}
.footer-share-item>*:hover {background-color: #fff;color: var(--color-dominant);}
.fixed-item>* .footer-share-item>* {width: auto;border: none;--size-10: var(--size-20);opacity: .7;}
.fixed-item>* .footer-share-item>*:hover {background: none;color: #fff;opacity: 1;}

@media screen and (max-width:1023px){
    footer .l-container{ padding: 20px ;}
    .footer22{ width: 100%; height: 75px; ; display: block;	position: fixed; z-index: 8; bottom:0; left:0;}
    .footshadow{ width: 100%; height: 75px; display: none;}
    .footfun{ padding: 0 0px; height: 100%; overflow: hidden;}
    .footfun li{ float: left; width: 25%; height: 100%; background-color: #006f20;	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
    .footfun li:nth-child(odd){ background-color: #006f20}
    .footfun li a{ display: block; text-align: center; color: #fff; padding-top: 3px;}
    .footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
    .footfun li a img{ max-height: 40px; width: auto; height: auto;position: relative;}
    .footfun li h3{ line-height: 26px;font-size: 15px; font-weight: normal;}
    .footer-copy img{ width: 40%; margin-top: 10px;}
}
@media screen and (max-width:750px){
    .footerin{ padding: 16px 0 16px;}
}

header {transition: var(--transition);}
header.Fixed {color: #000;background-color: #fff;padding: var(--size-10) 0;}
header.Fixed .lh-logo {transform: scale(0.8);transform-origin: left center;}
header.Fixed .lh-logo>*:nth-child(2) {opacity: 1;}
header.Fixed .lh-logo>*:nth-child(1) {opacity: 0;}
header.Fixed .lh-lang>dt {border-color: #000;}
.index-about-bg>.img img {height: 110%;}

/*内页banner*/
.lh-ban { width: 100%;height: 520px; background-color: #000; position: relative}
.lh-ban img,.lh-ban .img {width: 100%;height: 100%; position: absolute; opacity: 0.7}
.lh-ban>.l-container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;}

.about-ban { width: 100%;height: 100vh;  position: relative}
.about-ban img,.about-ban .img {width: 100%;height: 100%; position: absolute; }
.about-ban .img{background: url('../images/abg.jpg') no-repeat center top;background-size: cover;animation: pagebgfd 2.5s ease-out;background-position: top center;
background-attachment: fixed;position: absolute;}
.contact-ban .img{background: url('../images/cbg.jpg') no-repeat center top;background-size: cover;animation: pagebgfd 2.5s ease-out;background-position: top center;
background-attachment: fixed;position: absolute;}
.cf-ban .img{background: url('../images/cfbg.jpg') no-repeat center top;background-size: cover;animation: pagebgfd 2.5s ease-out;background-position: top center;
background-attachment: fixed;position: absolute;}
.about-ban>.l-container {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;text-align: center;}
.nybg{width: 100%;background: url('../images/nybg.png') no-repeat center top; height: 426px;background-position: top center;margin-top: -426px; position: absolute;z-index: 100; background-size: cover;}

.baninfo {height: 70px;position: relative;z-index: 2;background-color: #fff;}
.baninfo .cer8 {width: 85%; margin: 0 auto}
.tree {height: 100%;font-size: 16px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #ef7c00;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width:1560px){
.about-ban {height: 85vh;}
}

@media screen and (max-width:1023px) {
    .about-ban{height:20vh;}
    .about-ban .img{background-size: 100%;}
    .nybg{height: 150px; margin-top: -75px; background-size: 100%;}
    .about-ban .l-container{display: none;}

    .tree{ line-height: 50px;font-size: 14px;}
    .baninfo{height: 50px;}
    .baninfo .cer8{width: 95%;}
    .fenye{width: 95%; margin: 0 auto 100px auto}
    .lh-ban{height: 150px; margin-top: 0px}
    .lh-ban>.l-container{width: 90%; margin: 0 auto}
    .lh-ban h3{font-size: 26px}
}

.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd; width: 85%; margin:4% auto 0 auto;}
.atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #37b05a;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #060707;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #37b05a;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;}
.atc-pn a.ret:hover {opacity: 0.8;}
@media screen and (max-width: 960px) {
    .atc-pn {padding-right: 0;}
    .atc-pn a.ret {position: static;width: 150px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 100px auto;font-size:15px;}
}


.pro-cont {padding-top: var(--size-130);padding-bottom: var(--size-130);z-index: 2;background: url(../images/pro/bg.jpg) no-repeat center top;  background-size: cover;}
.pro-cont .l-container{width: 95%; margin: 0 auto;}
.pro-top {position: relative;width: calc(100% - var(--size-40)); margin-bottom:6%;}
.pro-top::after {content: '';display: block;height: 100%;aspect-ratio: 312/348;background-color: #1b62c3;border-radius: var(--size-60) 6px;position: absolute;right: var(--size-40-);top: var(--size-30);z-index: -1;}
.pro-top .img {border-radius: var(--size-60) 6px;overflow: hidden;height: 100%;}
.pro-top .img img {width: 100%;height: 100%;}
.pro-top .cont {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;padding: var(--size-70) var(--size-80) var(--size-70) var(--size-70);}
.pro-top .cont>.right {margin-left: auto;margin-top: var(--size-40);}
.index-pro-item.list {display: block;}
.index-pro-item.list>* {margin-right: 0;background: #fff;}
.index-pro-item.list>*>* {align-items: center;position: relative;}
.index-pro-item.list>* .img {width: 50%;}
.index-pro-item.list>* .text {width:50%}
.index-pro-item.list>*:nth-child(2n) .img {margin-left: auto; }
.index-pro-item.list>*:nth-child(2n) .text {padding: 0 calc(var(--size-100) * 2) 20px 4%;position: absolute;left: 0;}
.index-pro-item.list>*:nth-child(2n) .text .num {right: calc(var(--size-100) * 2);}


@media screen and (max-width: 1200px) {
.pro-cont .l-container{width: 100%;}
}

.featured-item>* {padding-left: var(--size-20);margin-top: var(--size-20);}
.featured-item>*>* {display: block;height: 100%;border: 1px solid #CBEFD6;background-color: #f8fffa;border-radius: var(--size-20);overflow: hidden;box-shadow: 0px 4px 24px rgba(28, 124, 56, 0.08);}
.featured-item>* .img {background-color: #fff;display: flex;align-items: center;justify-content: center;aspect-ratio: 385/235;border: 1px solid #CBEFD6;border-radius: var(--size-20);overflow: hidden;padding: var(--size-10);transform: scale(1.01);transition: var(--transition);}
.featured-item>* .img img {max-height: 100%;}
.featured-item>* .text {padding: var(--size-30) var(--size-25);}
.featured-item>*>*:hover {color: var(--color-dominant);border-color: var(--color-dominant);}
.featured-item>*>*:hover .img {border-color: var(--color-dominant);}
.pro-cont.featured {background: linear-gradient(0deg, rgba(252, 240, 231, .3), rgba(255, 255, 255, 0));}
.pro-detail{width: 100%;background: #f9fcfb;}
.pro-detail-hd {justify-content: center;}
.pro-detail-hd>* {margin: 0 var(--size-10);}
.pro-detail-hd>*>* {padding: var(--size-10);height: var(--size-65);min-width: calc(var(--size-110) * 2);border-radius: var(--size-65);background-color: #f1f1f1;
color: #888888;display: flex;align-items: center;justify-content: center;}
.pro-detail-hd>*.on>*,.pro-detail-hd>*>*:hover {background-color: var(--color-dominant);color: #fff;}
.pro-detail-info { background: #fff;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 4%; width: 75%; margin:4% auto 0 auto}
.pro-detail-info p{font-size: 18px; line-height: 36px;text-indent:2em; color: #666}
.pro-detail-info p img{width: 100%; max-width: 800px; margin: 0 auto;text-indent:-2em; display: block}

.pro-detail-bottom {background: linear-gradient(0deg, #e7f5ea, #C3EACF);}
.pro-detail-bottom::before {content: '';display: block;width: 100%;aspect-ratio: 1920/180;background: url(../images/c3.png) no-repeat center;background-size: cover;
position: absolute;left: 0;bottom: 100%;right: 0;}
.pro-detail-top {padding-bottom: 0;}

.pro-detail-bottom>*>.title {position: relative;padding-left: var(--size-25);}
.pro-detail-bottom>*>.title::before {content: '';display: block;width: calc(var(--size-10) - 4px);height: 80%;background-color: var(--color-dominant);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.lh-table {width: 100%;border-collapse: collapse;background-color: #fff;}
.lh-table th,.lh-table td {border: 1px solid #949494;text-align: center;}
.lh-table th {background-color: var(--color-dominant);color: #fff;}
.lh-detail::before {content: '';display: block;width: 50%;background-color: #fcf0e7;position: absolute;right: 0;top: 0;bottom: 0;}
.detail-hd {width: var(--size-120);/* padding-bottom: var(--size-75); */position: absolute;left: 0;top: 0;height: 100%;}
.detail-bd {width: calc(100% - var(--size-120));padding-left: var(--size-20);margin-left: auto;}
.detail-bd .pro_logo{width: 38%;padding: 50px 0 0 50px;}
.detail-bd .pro_logo img{width: 100%;}
.detail-img-small .bd {display: block;}
.detail-img-small .bd li {height: 25%;}
.detail-img-small .bd li>* {display: flex;align-items: center;justify-content: center;border: 1px solid #DDD;border-radius: 6px;aspect-ratio: 1/1;}
.detail-img-small .bd li.on>* {border-color: var(--color-dominant);}
.lh-detail>*>.left {width: 50%;padding-right: var(--size-70);}
.lh-detail>*>.right {width: 50%;padding-left: var(--size-80);}
.detail-img-big {aspect-ratio: 1/1;border: 2px solid #ddd;border-radius: var(--size-10) var(--size-10) 0 0;}
.detail-img-big .bd li {display: flex;align-items: center;justify-content: center;width: 100% !important;padding: 3px;}
.detail-page {position: relative;top: -1px;}
.detail-page>* {height: var(--size-75);background-color: #f3f3f3;margin-left: auto;align-items: center;border-radius: 0 0 var(--size-10) var(--size-10);clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);overflow: hidden;}

@media screen and (max-width:1280px){
    .pro-detail-info {width: 85%}
    .pro-detail-info p{font-size: 16px; line-height: 31px}
}

@media screen and (max-width:1023px){
    .pro-detail-info {width: 95%;border:none}
}

.detail-page>* .consult {padding: 0 var(--size-40);background-color: var(--color-dominant);color: #fff;height: inherit;display: flex;align-items: center;justify-content: center;}
.detail-page>* .consult i {margin-left: var(--size-20);}
.detail-page>* .left {padding: 0 var(--size-10);}
.detail-page>* .left>* {display: flex;align-items: center;margin: 0 var(--size-15);color: #a7a7a7;}
.detail-page>* .left i {display: flex;align-items: center;justify-content: center;width: calc(var(--size-40) - 2px);height: calc(var(--size-40) - 2px);
border-radius: 50%;border: 1px solid var(--color-dominant);color: var(--color-dominant);margin-left: var(--size-10);}
.detail-page>* .left>*:last-child i {margin: 0 var(--size-10) 0 0;}
.detail-page>* .left>*:hover {color: #000;}
.lh-detail>*>.left {height: 100%;position: relative;}
.detail-img-small {height: calc(100% - var(--size-55));}
.detail-btn {margin-top: auto;}
.detail-btn>* {width: 48%;height: calc(var(--size-40) + 2px);border-radius: 6px;background-color: #D2D2D2;display: flex;align-items: center;justify-content: center;
}

.detail-btn>*:last-child {margin-left: auto;}
.detail-btn>*:hover {background-color: var(--color-dominant);}
.detail-r>.ccont {margin-top: var(--size-30);}
.detail-r>.ccont>* {margin-top: var(--size-20);}
.detail-info {margin-top: var(--size-80);}
.detail-info-hd {border-bottom: 1px solid #DDD;height: var(--size-45);}
.detail-info-hd>* {height: inherit;padding: 0 var(--size-15);margin-left: var(--size-25);border-radius: var(--size-10) var(--size-10) 0 0;display: flex;
align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);}
.detail-info-hd>*:first-child {margin-left: 0;}
.detail-info-hd>*:hover {color: var(--color-dominant);}
.detail-info-hd>*.on {background-color: var(--color-dominant);color: #fff;}
.detail-info-bd {margin-top: var(--size-70);}
.detail-info-bd>*.on {display: block;}

.about-skl p{text-indent:2em; margin-bottom: 15px}
.about-skl>*>.right {width: 676px;width: clamp(338px, 35.208333333333336vw, 676px);}
.about-skl>*>.left {width: calc(100% - clamp(338px, 35.208333333333336vw, 676px));padding-right: calc(var(--size-80) * 2);}
.about-skl .index-about-total>* {width: auto;padding: 0;height: auto;background: none;text-align: left;margin-right: var(--size-110);margin-top: var(--size-60);}
.about-skl .index-about-total p{text-indent:0em;}
.about-skl .index-about-total>*:last-child {margin-right: 0;}
.about-skl .index-about-total>* .num {color: var(--color-dominant);}
.index-about-total>* .num {font-weight: bold;}

.about-culture {padding-top: var(--size-130);background-attachment: fixed;}
.about-certif {background-attachment: fixed;}
.culture-cont {margin-top: calc(var(--size-110) * 2);}
.culture-banner .nname {font-size: var(--size-120);line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));}
.culture-banner .bd li {display: flex;align-items: center;justify-content: center;text-align: center;}
.culture-banner .bd li .name {margin-top: var(--size-20-);}
.culture-banner {min-height: clamp(150px, 13.020833333333334vw, 250px);}
.culture-hd {width: 630px;width: clamp(500px, 32.8125vw, 630px);margin-left: auto;margin-right: auto;height: var(--size-90);min-height: 60px;border-radius: var(--size-60) var(--size-60) 0 0;background:rgba(252, 240, 231, 1);padding: 0 var(--size-50);}
.culture-hd>* {flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;margin-top: var(--size-50-);}
.culture-hd>* i {display: flex;align-items: center;justify-content: center;width: var(--size-80);height: var(--size-80);border-radius: 50%;background-color: #fff;
transition: var(--transition);}
.culture-hd>* p {margin-top: var(--size-10);}
.culture-hd>*.on i {background-color: var(--color-dominant);color: #fff;}
.history-banner {padding-bottom: var(--size-20);}
.history-banner::before {content: '';display: block;width: 100%;aspect-ratio: 1591/303;background: url(../images/icon3.png) no-repeat center;background-size: cover;
position: absolute;left: 0;bottom: var(--size-10);right: 0;}
.history-banner .bd li {height: 520px;height: clamp(260px, 27.083333333333332vw, 520px);width: 25%;position: relative;transition: var(--transition);}
.history-banner .bd li .time {line-height: 100%;}
.history-banner .bd li .text {position: relative;height: 100%;padding-left: var(--size-50);padding-right: var(--size-30);}
.history-banner .bd li .text::after {content: '';display: block;width: calc(var(--size-35) - 1px);
aspect-ratio: 34/44;background: url(../images/c8.png) no-repeat center;background-size: cover;position: absolute;left: 0;bottom: var(--size-20-)}
.history-banner .bd li .text::before {content: '';display: block;width: 2px;height: 100%;background-color: var(--color-dominant);position: absolute;left: calc((var(--size-35) - 2px) / 2);top: 0;}
.history-banner {--space: var(--size-90);--top: var(--size-140);}
.history-banner .bd li {padding-bottom: calc(var(--size-140) * 2.1);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(4) {padding-bottom: calc(var(--size-85) * 2);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(3) {padding-top: calc(var(--top));padding-bottom: var(--size-75);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(2) {padding-top: calc(var(--top) + var(--space));padding-bottom: var(--size-20);}
.history-banner:not(.swiper-horizontal) .bd li:nth-child(1) {padding-top: calc(var(--top) + var(--space) * 2);padding-bottom: 0;}
.history-banner.swiper-horizontal .bd li.swiper-slide-active {padding-top: calc(var(--top) + var(--space) * 2);padding-bottom: 0;}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li {padding-top: calc(var(--top) + var(--space));padding-bottom: var(--size-20);}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li {padding-top: calc(var(--top));padding-bottom: var(--size-60);}
.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li+li {padding-bottom: calc(var(--size-75) * 2);}
.history-bottom {display: flex;justify-content: flex-end;margin-top: var(--size-100-);position: relative;z-index: 3;}
.history-btn>* {width: var(--size-70);height: var(--size-70);border-radius: 50%;border: 1px solid var(--color-dominant);color: var(--color-dominant);margin-left: var(--size-20);display: flex;align-items: center;justify-content: center;}
.history-btn>*:hover {background-color: var(--color-dominant);color: #fff;}

.certif-banner {width: 950px;width: clamp(475px, 49.47916666666667vw, 950px);margin-left: auto;margin-right: auto;padding-top: var(--size-80);}
.certif-cont>.bg {position: absolute;left: 50%;transform: translateX(-50%);bottom: var(--size-50);width: clamp(600px, 54.0625vw, 1038px);}
.certif-banner .bd li {width: 20%;padding-bottom: calc(var(--size-140) * 2);}
.certif-banner .bd li .name {white-space: nowrap;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.certif-banner .bd li .img {aspect-ratio: 300/390;display: flex;align-items: center;transition: var(--transition);}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) {z-index: 5;}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) .img {transform: scale(1.4);}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) {z-index: 4;}
.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) .img {transform: scale(1.2);}
.certif-banner:not(.swiper-horizontal) .bd li .name {font-size: 16px;}
.certif-banner.swiper-horizontal .bd .swiper-slide-active {z-index: 5;}
.certif-banner.swiper-horizontal .bd .swiper-slide-active .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-active .img {transform: scale(1.6);}
.certif-banner.swiper-horizontal .bd .swiper-slide-next,.certif-banner.swiper-horizontal .bd .swiper-slide-prev {z-index: 4;}
.certif-banner.swiper-horizontal .bd .swiper-slide-next .img,.certif-banner.swiper-horizontal .bd .swiper-slide-prev .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-next .img,.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-prev .img {transform: scale(1.3);}
.certif-banner.swiper-horizontal .bd li .name {opacity: 0;transform: translate(-50%, 100%);transition: var(--transition);}
.certif-banner.swiper-horizontal .bd .swiper-slide-active .name {opacity: 1;transform: translate(-50%, 0);}
.certif-hd {top: auto !important;bottom: var(--size-60);left: 50% !important;transform: translateX(-50%);width: var(--size-120) !important;height: 5px;
border-radius: 5px;background-color: rgba(255, 255, 255, .6);overflow: hidden;}
.certif-hd>* {background: var(--color-dominant) !important;}


/*内页团队风采*/
.so_4_mid_mid_1{padding:2em 0 3em 0;background-color:rgba(0,0,0,.58); position: absolute; bottom: 10em; width: 100%; z-index: 10;}
.so_4_mid_mid_1 ul{display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content: center; width: 80%; margin: 0 auto;}
.so_4_mid_mid_1 ul li{ padding: 0 4%; text-align:center;}
.so_4_mid_mid_1_mid{width: 100%; margin: 0 auto}
.so_4_mid_mid_1_mid_1{position:relative;width: 50%;; margin: 0 auto}
.so_4_mid_mid_1_mid_1 img{width: 100%; height: auto; display: block; margin: 0 auto; position: relative}
.so_4_mid_mid_1_mid_1 img.ve{-moz-transition: all 1.0s;-webkit-transition:all 1.0s;-o-transition:all 1.0s;transition:all 	1.0s;}
.so_4_mid_mid_1_mid_1:hover img.ve{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); 	/* Safari 和 Chrome */-moz-transform: rotateY(180deg);	/* Firefox */ }
.so_4_mid_mid_1_mid_2{text-align: center;}
.so_4_mid_mid_1_mid a{color:#fff ;}

@media screen and (max-width:1400px) {
    .so_4_mid_mid_1 ul{width: 85%;}
}

@media screen and (max-width:1300px) {
    .so_4_mid_mid_1 ul{width: 90%;}
}

@media screen and (max-width:1200px) {
    .so_4_mid_mid_1 ul li{ padding: 0 10px;}
}
@media screen and (max-width:1023px) {
    .so_4_mid_mid_1{bottom: 0; padding: 10px 0;}
    .so_4_mid_mid_1 ul{flex-wrap: wrap;-webkit-justify-content: left;   justify-content:left;width: 95% }
    .so_4_mid_mid_1_mid_1{display: none}
    .so_4_mid_mid_1_mid_2{line-height: 35px}
}


.se_pro{width: 100%; margin: 0 auto;background: #fcf0e7;}
.se_pro ul {-webkit-justify-content: left;   justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap; width: 90%; margin: 0 auto; padding: 2% 0 0 0;}
.se_pro ul li {transition: all .3s ease;width: 24%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); margin: 0 0.5% 2% 0.5%;background: #fff;}
.se_pro ul li .pro_pic img {width: 95%; display: block;margin: 0 auto;}
.se_pro ul li .pro_pic i {display: none;}
.se_pro ul li .pro_tit {font-size: 23px;color: #282727;display: block;text-align: center; padding-bottom:30px;font-weight: 500;}
.se_pro ul li .pro_tit em{font-size: 16px; text-align: center; padding-top: 15px;display: block; color: #666;}
.se_pro ul li .pro_pic {position: relative;display: block;overflow: hidden;}
.se_pro ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.se_pro ul li:hover .pro_pic i {transition: all .3s ease;left: 100%}
.se_pro ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)}
.se_pro .pro_logo{width: 38%;padding: 30px 0 0 30px;}
.se_pro .pro_logo img{width: 100%;}


.se_cf{width: 100%; margin: 0 auto;background: #fff;}
.se_cf ul {-webkit-justify-content: left;   justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap; width: 90%; margin: 0 auto; padding: 2% 0 0 0;}
.se_cf ul li {transition: all .3s ease;width: 32%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); margin: 0 0.5% 2% 0.5%;background: #fff;}
.se_cf ul li .pro_pic img {width: 95%; display: block;margin: 0 auto;}
.se_cf ul li .pro_pic i {display: none;}
.se_cf ul li .pro_tit {font-size: 23px;color: #282727;display: block;text-align: center; padding:30px 0;font-weight: 500;}
.se_cf ul li .pro_tit em{font-size: 16px; text-align: center; padding-top: 15px;display: block; color: #666;}
.se_cf ul li .pro_pic {position: relative;display: block;overflow: hidden;}
.se_cf ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.se_cf ul li:hover .pro_pic i {transition: all .3s ease;left: 100%}
.se_cf ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)}

@media screen and (max-width:1350px){
  .se_pro ul li .pro_tit {font-size: 18px;}  
  .se_pro ul li .pro_tit em{font-size: 15px; padding-top: 8px;}
}

@media screen and (max-width:1280px){
.se_pro ul li {width: 31%;}
}
@media screen and (max-width:1023px){
.se_pro{width: 98%;}
.se_pro .se_pro_tit h3{font-size:26px; }
.se_pro .se_pro_tit h2{font-size: 16px;}
.se_pro ul {margin-left: 0; width: 100%;}
.se_pro ul li {width: 49%;}
.se_pro ul li .pro_tit{font-size: 16px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height:20px; padding: 10px 0;}

.se_cf{width: 100%;}
.se_cf .se_pro_tit h3{font-size:26px; }
.se_cf .se_pro_tit h2{font-size: 16px;}
.se_cf ul {margin-left: 0; width: 100%;}
.se_cf ul li {width: 49%;}
.se_cf ul li .pro_tit{font-size: 16px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 0px;}
}


/*产品详情*/
.se_procont{width: 100%;  background:url(../images/abg.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;padding:2% 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 90%; margin: 0 auto;}
.se_procont .se_procont_l{width: 45%;}
.l{float: left;}
.r{float: right;}

#showbigpic{width: 100%;max-width:800px;}
.piclist{width:89%;overflow: hidden; margin:0 auto}
#modal-pic{height:65vh;}
#modal-pic img{width: 100%;}

.modal-dialog{width: 100%;}

.absolute{position:absolute}
.arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;}
.arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;}
#mycarousel{transition: all .4s;}
.espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;}
.espcms_pro_photo li img{width:76px;height:auto; background: #fff  }

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #cd2729;padding: 20px 0px;width: 200px; text-align: center; color: #fff;}
.se_product_box h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}

.se_product_bg{margin-top: 3%;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 10px;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}

@media screen and (max-width:1280px){
    .se_procont .s_width{width: 90%}
    #modal-pic{height:58vh;}
}

@media screen and (min-width: 1025px) {

    .se_procont_r{width: 50%;padding-top: 4%;}
    .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
    .se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
    .se_procont .se_procont_r .aside span{font-size: 16px;}
    .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
    .se_procont .se_procont_r .imax p{ line-height: 31px;}
    .se_procont .se_procont_r .btns { margin-top: 12%;}
    .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
    .se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

    .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
    .se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;}
}
@media screen and (min-width: 1025px) {
    .se_procont .se_procont_r .btn1:hover {color: #171c32;}
    .se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;}
    .se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
    .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
    .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;display: none}
}

@media screen and (max-width: 790px) {
    .inbanner2 {height: 180px;}
    .se_procont{padding: 20% 0 4% 0;}
    .se_procont .s_width{width: 98%; display: block;}
    .se_procont .se_procont_l{width: 100%;}
    .se_procont .se_procont_r{width: 90%;    margin-top: 0;}
    .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;}
    .se_procont .se_procont_r .aside {margin-top: 10px;}
    .se_procont .se_procont_r .imax{font-size: 15px;display: none}
    .se_procont .se_procont_r .imax p{line-height: 24px;}
    .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
    .right-fd{display: none!important;}

    .se_procont .s_width{background: #fff;padding: 0%;width: 95%;}
    #modal-pic {height: 45vh;}
    .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;}
    .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}
}


/*内页新闻资讯*/
.se_xinwen{width: 85%; margin: 5% auto;}
.se_xinwen li{line-height: 55px; font-size: 16px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.se_xinwen li span{float: right}
/*se_hangye*/
.newslist {overflow: hidden;width: 80%; margin: 3% auto;}
.newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding:30px 0;}
.newslist li:last-child {border-bottom: 0 none;}
.newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;}
.newslist li .pic img {-o-object-fit: cover;    object-fit: cover; width: 100%;}
.newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;}
.newslist li .date {font-size: 24px;color: #42b463;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;}
.newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;}
.newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;}
.newslist li:hover {border-bottom-color: #42b463;}
.newslist li:hover h3 {color: #42b463;}
.newslist li:hover label {background-color: #42b463;}
@media screen and (max-width: 1440px) {
    .newslist {width: 100%;}
    .newslist li .txt {  line-height: 30px;  height: 90px;  margin-bottom: 32px;}
}
@media screen and (max-width: 1200px) {
    .newslist li a {  padding-left: 540px;}
    .newslist li .pic {  width: 480px;}
}
@media screen and (max-width: 1023px) {
    .newslist li {  padding: 60px 0;}
    .newslist li a {  }
    .newslist li .pic { width: 100%; position: relative;}
}
@media screen and (max-width: 840px) {
    .cer8 {width: 100%;}
    .newslist li a {  height: auto;}
    .newslist li .date {  padding-top: 20px;}
    .newslist li label {  display: none;}
}
@media screen and (max-width: 750px) {
    .newslist li {  padding: 40px 10px;}
    .newslist li .txt {  display: none;}
    .newslist li h3 {  font-size: 20px;  line-height: 32px;  height: 96px;}
}
@media screen and (max-width: 600px) {
    .newslist li a {  padding-left: 0;}
    .newslist li h3 {  font-size: 18px;  line-height: 30px;  height: auto;}
    .newslist li .date {  padding-top: 10px;  font-size: 18px;}
}

.contact-way {padding-bottom: 5%;}
.contact-way>* {}
.contact-way .index-title{padding: 4% 0 6% 0;}
.contact-way>*>.left {width: 50%; background: url(../images/c12.jpg) no-repeat left 5px;}
.contact-way>*>.right {width: 45%; background: #fcf0e7; padding:0 0 4% 0;}
.way-contact {margin-top: 6%; padding-left: 5%;}
.way-contact>* {margin-bottom: var(--size-40);display: flex;align-items: center;}
.way-contact>* i {display: flex;align-items: center;justify-content: center;width: var(--size-40);height: var(--size-40);border-radius: 50%;background-color: var(--color-dominant);color: #fff;}
.way-contact>* .text {padding-left: var(--size-20);}
.way-contact>* .text .nname {line-height: 120%;}
.contact-message .icon {font-size: calc(var(--size-80) * 2);text-align: center;line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));}
.message-form {position: relative;z-index: 2;}
.message-input {}
.message-input>* {padding-left: var(--size-20);margin-bottom: var(--size-20);}
.message-input{padding-left: var(--size-20);margin-bottom: var(--size-20); }
.message-input .l-grid-2>*{width: 100%!important;}

.layui-input{width:48%;margin-bottom: 20px; float: left}
.w100 {width: 100%;}
.message-input>* input,.message-input>* textarea {height: var(--size-50);background-color: #fff;border: 1px solid #DDD;border-radius: var(--size-10);margin-right: 20px;font-size: 12px;}
.message-input>* textarea {height: calc(var(--size-80) * 2);padding: var(--size-30);line-height: 140%;}
.message-btn {display: flex;align-items: center;justify-content: center;width: 100%}
.message-btn>* {height: var(--size-60);width: 150px; height: 50px ;border-radius: var(--size-10);background-color: #ff9600;color: #fff;display: flex;align-items: center;justify-content: center; border:none; font-size: 16px}

@media screen and (max-width:1023px) {
    .contact-way>*>.right {width: 100%;}
    .message-btn>*{width: 120px; height: 45px; margin-top:30px}
    .contact-way>*>.right{padding:0 0 50px 0;}

}
.news-top>*>.right {width: 860px;width: clamp(430px, 44.79166666666667vw, 860px);position: relative;z-index: 2;}
.news-top>*>.left {width: calc(100% - clamp(430px, 44.79166666666667vw, 860px));padding-right: var(--size-30);}
.news-top>*>.left .icon {margin-top: auto;font-size: calc(var(--size-80) * 2);color: var(--color-dominant);font-weight: bold;position: relative;top: var(--size-80);}
.news-top>*>.left .icon>* {-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));}

.player path {stroke: var(--color-dominant);}
.player {position: absolute;right: var(--size-130-);bottom: var(--size-50-);width: calc(var(--size-100) * 6);}
.news-top-hd {width: calc(var(--size-100) * 3);height: 100%;}
.news-top-hd>*:nth-child(2) {margin-top: auto;margin-bottom: auto;}
.news-top-bd {width: calc(100% - var(--size-100) * 3);padding-left: var(--size-20);}
.news-top-banner {background-color: #fff;aspect-ratio: 540/670;border-radius: var(--size-20);}
.news-top-hd>*>* {aspect-ratio: 300/210;border-radius: var(--size-20);overflow: hidden;position: relative;display: block;}
.news-top-hd>*>*::before {content: '';display: block;width: 100%;height: 100%;border-radius: var(--size-20);border: 2px solid var(--color-dominant);position: absolute;left: 0;top: 0;opacity: 0;transition: var(--transition);}
.news-top-hd>* img {width: 100%;height: 100%;}
.news-top-hd>*.on>*::before {opacity: 1;}
.news-top-banner .bd a {padding: var(--size-55) var(--size-40);display: block;height: 100%;display: flex;flex-direction: column;}
.news-top-banner .bd .time {margin-top: var(--size-90);}
.news-top-banner .bd .bottom {margin-top: auto;padding-top: var(--size-55);border-top: 1px solid #F1F1F1;color: #666;}
.news-top-banner .bd .bottom>* {align-items: center;}
.news-top-banner .bd .bottom .view-more {width: var(--size-50);margin-right: var(--size-20);}
.news-bottom {background-color: #fcf0e7; padding: 4% 0 1% 0;}
.news-bottom .l-container{width: 80%;}

.index-news-item.list {margin-left: var(--size-20-);height: auto;align-items: initial;margin-top: 0;}
.index-news-item.list>* {padding: 0;padding-left: var(--size-20);margin-bottom: var(--size-20);height: auto;}
.index-news-item.list>*>* {height: 100%;}

@media screen and (max-width:1023px) {
.news-bottom .l-container{width: 100%;}
.index-news-item.list{margin-left: 0px;}
.index-news-item.list>*{padding-left: 0;}
}
.list-page {align-items: center;justify-content: center;}
.list-page i {margin-right: var(--size-10);display: block;animation: rotate linear 1s infinite;}
@keyframes rotate {
to {transform: rotate(360deg);}
}

.news-detail {padding-top: calc(var(--size-90) * 2);padding-bottom: var(--size-120);background-color: #fcf0e7;}
.news-detail>.bg {position: absolute;left: 0;top: 0;right: 0;}
.news-detail>.bg img {width: 100%;}
.news-detail>.l-container>.right {
width: 430px;
width: clamp(215px, 22.395833333333336vw, 430px);
position: relative;
}
.news-detail-r {position: sticky;top: 0;}
.news-detail>.l-container>.left {width: calc(100% - clamp(215px, 22.395833333333336vw, 430px));padding-right: var(--size-10);}
.news-detail-l {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-55);}
.news-detail-l>.nname>* {margin-left: var(--size-25);}
.news-detail-l>.nname>*:first-child {margin-left: 0;}
.news-detail-l>.cont {margin-top: var(--size-40);padding-top: var(--size-40);border-top: 1px solid #DDD;}
.news-detail-res {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-30);}
.news-detail-res>.title {padding-left: var(--size-10);z-index: 2;}
.news-detail-res>.title::before {content: '';display: block;width: var(--size-70);height: 100%;background: linear-gradient(90deg, rgba(255, 150, 0, 1), rgba(58, 177, 92, 0));position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
.news-res-item>*>* {display: block;padding: var(--size-30) 0;border-bottom: 1px solid #ddd;}
.news-res-item>* .time {margin-top: var(--size-20);}
.news-res-item>*:last-child>* {border: none;padding-bottom: 0;}
.news-res-item>*>*:hover {color: var(--color-dominant);}
.news-detail-page {background-color: rgba(255, 255, 255, .9);border-radius: var(--size-20);padding: var(--size-50) var(--size-20);margin-top: var(--size-10);
justify-content: center;}
.news-detail-page>* {margin: 0 var(--size-25);}
.news-detail-page>* i {display: flex;align-items: center;justify-content: center;width: var(--size-40);height: var(--size-40);border-radius: 50%;border: 1px solid var(--color-dominant);margin: 0 auto var(--size-10);transition: var(--transition);}
.news-detail-page>*:hover i {background-color: var(--color-dominant);color: #fff;}
.lh-apply {padding-top: var(--size-80);}
.apply-r {position: absolute;right: 0;top: 0;bottom: 0;width: 40%;}
.apply-bg {background-color: #000;}
.apply-bg img,.apply-bg {width: 100%;height: 100%;}
.apply-cont {width: 52%;}
.apply-hd>* {margin-left: var(--size-10);}
.apply-hd>*:first-child {margin-left: 0;}
.apply-hd>*>* {display: flex;align-items: center;justify-content: center;height: var(--size-65);padding: 0 var(--size-20);min-width: calc(var(--size-100) * 2);
border-radius: var(--size-65);background-color: #f1f1f1;color: #888;}
.apply-hd>*.on>*,.apply-hd>*>*:hover {background-color: #fcb900;color: #fff;}
.apply-bd {margin-top: var(--size-140);}
.apply-banner .bd .icon {height: var(--size-50);}
.apply-banner .bd .icon img {height: 100%;width: auto;}
.apply-banner .bd .cont {margin-top: var(--size-30);padding-top: var(--size-30);border-top: 1px solid #ddd;min-height: calc(var(--size-100) * 3);}
.apply-banner .bd .nname {font-size: calc(var(--size-80) * 2);line-height: 100%;-webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));position: relative;top: var(--size-20);margin-top: var(--size-50);}
.apply-btn {width: 165px;height: 214px;background: url(../images/icon5.png) no-repeat center;background-size: cover;
position: absolute;right: calc(100% - var(--size-35));top: 50%;transform: translateY(-50%);z-index: 4;}
.apply-btn>* {display: flex;align-items: center;justify-content: center;width: var(--size-70);height: var(--size-70);border-radius: 50%;background-color: var(--color-dominant);color: #fff;position: absolute;right: var(--size-30);top: 50%;transform: translateY(-50%);}
.technology-platform::before {content: '';display: block;width: 47.9%;height: 100%;background-color: var(--color-dominant);position: absolute;right: 0;
top: 0;}
.technology-platform>*>.right {width: 48%;margin-left: auto;position: relative;align-items: center;}
.technology-platform>*>.left {width: 40%;padding: var(--size-100) 0;}
.technology-platform>*>.left .ccont {margin-top: calc(var(--size-65) * 4);padding-top: var(--size-30);position: relative;text-align: justify;}
.technology-platform>*>.left .ccont::before {content: '';display: block;width: var(--size-50);height: calc(var(--size-10) - 2px);background-color: var(--color-dominant);position: absolute;left: 0;top: 0;}
.technology-platform>*>.right::before {content: '';display: block;aspect-ratio: 198/787;height: 100%;background: url(../images/icon9.png) no-repeat center;
background-size: cover;position: absolute;right: 97.6%;top: 0;}
.platform-hd {
width: var(--size-130);
position: relative;
left: var(--size-80-);
}
.platform-hd>* {
aspect-ratio: 1/1;
position: relative;
margin: var(--size-50) 0;
}
.platform-hd>*:nth-child(2) {
left: var(--size-10-);
}
.platform-hd>*:nth-child(3) {
left: var(--size-30-);
}
.platform-hd>*>* {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
border: 3px solid #55cd2b;
overflow: hidden;
}

.platform-bd {
width: calc(100% - var(--size-130));
padding-left: var(--size-60);
}

.platform-hd>*::before {
content: '';
display: block;
width: calc(var(--size-80) * 2);
aspect-ratio: 1/1;
border-radius: 50%;
border: 1px dashed #55cd2b;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.5);
opacity: 0;
transition: var(--transition);
pointer-events: none;
}

.platform-hd>*.on::before {transform: translate(-50%, -50%) scale(1);opacity: 1;}
.technology-production .ccont {width: 60%;margin-left: auto;margin-right: auto;}
.production-imgs {width: 66%;margin-left: auto;margin-right: auto;}
.production-imgs>* {margin-top: var(--size-60);display: flex;align-items: center;justify-content: center;flex: 1;}

@media screen and (max-width:1350px){
 .technology-production .ccont{width: 80%;}   
}

.technology-quality>*>.right {
width: 875px;
width: clamp(437px, 45.57291666666667vw, 875px);
}

.technology-quality>*>.left {
width: calc(100% - clamp(437px, 45.57291666666667vw, 875px));
padding-right: var(--size-100);
}

.technology-quality .bottom {
margin-top: auto;
}

.technology-quality .bottom .icon {
width: var(--size-60);
}

.technology-quality .bottom .ccont {
margin-top: var(--size-10-);
}

.technology-certif {
background-color: var(--color-dominant);
}

.technology-certif>.bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 54%;
}

.technology-certif>.bg img {
width: 100%;
height: 100%;
}

.technology-certif>.bg::before {
content: '';
display: block;
height: 100%;
aspect-ratio: 162/703;
background: url(../img/e7.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}

.certif-top>.right {width: 50%;text-align: right;margin-top: auto;margin-left: auto;-webkit-text-stroke: 1px #fff;color: transparent;opacity: .3;}
.certif-top>.left {width: 40%;padding-bottom: var(--size-40);}
.index-featured {background-color: #000;}
.index-about>* .icon {width: var(--size-70);}
.pro-top>* {display: block;height: 100%;}

@media screen and (max-width:1023px){
.index-about  .l-mg110{margin-top: 25px;}
}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
/*125%and150%*/

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
/*150%*/

}

@media screen and (min-width: 2000px) {
.technology-platform>*>.right::before {right: 97%;}
}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1500px) {}
@media screen and (max-width: 1366px) {
    .l-container {width: 90%;}
}
/*平板*/
@media screen and (max-width: 1024px) {
.message-layer>.title {height: 32px;}
.message-layer-item>* input,.message-btn {height: 32px;}
.l-container {width: 100%; padding:0 3%;}
header {background-color: #fff;height: 60px;padding: 0 !important;}
header>* {height: inherit;}
.lh-logo {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;}
.lh-logo>*:nth-child(2) {opacity: 1;}
.lh-logo>*:nth-child(1) {opacity: 0;}
header.Fixed .lh-logo {transform: translate(-50%, -50%);}
.lh-nav {position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;background-color: #fff;color: #000;display: block;padding-top: 15%;transform: translateX(-100%);transition: var(--transition);}
.lh-nav>* {display: flex;margin: 50px 0;font-size: 18px;justify-content: center;align-items: center;}
.lh-lang {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #000; display: none}
.lh-lang>dt {border: 1px solid #000;}
.web-nav-btn {position: absolute;left: 0;top: 4px;width: 50px;height: 50px;}
.web-nav-btn::before,.web-nav-btn::after,.web-nav-btn>* {width: 24px;height: 2px;background-color: #000;position: absolute;left: 15px;top: 50%;margin-top: -1px;transition: var(--transition);content: '';display: block;}
.web-nav-btn::before {margin-top: -8px;}
.web-nav-btn::after {margin-top: 6px;}
.webNav .web-nav-btn>* {transform: scaleX(0);}
.webNav .web-nav-btn::before {transform: translate(0, 7px) rotate(45deg);}
.webNav .web-nav-btn::after {transform: translate(0, -7px) rotate(-45deg);}
.webNav .lh-nav {transform: translateX(0);}
main {padding-top: 50px;width: 100vw;overflow-x: hidden;}
.index-banner {}
.l-font80 {font-size: 32px;}
.index-banner-btn>* {width: 24px;height: 24px;}
.index-banner-num>span {width: 23px;}
.index-pro-item>*>* {display: block;}
.index-pro-item>* .img {width: 100vw;}
.index-pro-item>* .text {width: 100vw;padding: 20px;}
.index-pro-item>* {margin-right: 20px;}
.index-pro-hd {top: 30px;}
.index-about-bg {width: 100%;}
.index-about-total>* {width: 48%;}
.index-about-cont>.right {display: none;}
.index-about-attes>* {flex: none;width: 20%;}
.index-about-attes>*>* {padding: 10px;}
.index-featured>* {display: block;}
.index-featured>.l-container>.right {width: 100%;display: block;}
.index-featured>.l-container>.left>.bottom {display: none;}
.featured-r {display: block;width: 100%;padding: 0;}
.featured-hd {display: flex;}
.featured-hd>* {flex: 1;padding: 10px;}
.featured-hd>*>*::after {border: 8px solid transparent;border-top: 8px solid var(--color-dominant);left: 50%;transform: translateX(-50%);top: 100%;}
.featured-cont {width: 100%; margin: 0 auto}
.index-news-cont>.left,.index-news-cont>.center {width: 100%;}
.index-news-cont>.center {margin-left: auto;padding-left: 0;}
.index-news-cont>.right {width: 100%;padding-left: 0;margin-top: 15px;}
.index-news-cont>.center .ccont {display: none;}
.index-news-cont>.center>* .view-more {width: 30px;}
.index-news-cont>.center>* .view-more>* {width: 16px;}
.footer-top>.center {display: none;}
.footer-top .left,.footer-top .right {width: 100%;}
.footer-top .right {padding: 0;margin-top: 20px;display: none;}
.footer-contact>dt i {width: 20px;}
.footer-top>.right .tip {text-align: left;}
.footer-top>.right .btn {height: 40px;margin-left: 0;}
.footer-link>.right {display: none;}
.footer-copy>.right {display: none;}

.pro-detail-hd {width: 110%;font-size: 12px;margin-left: -5%;}
.pro-detail-hd>* {margin: 0 4px;}
.pro-detail-hd>*>* {min-width: initial;padding: 0 10px;}

.featured-item>* {width: 100%;}
.pro-top {aspect-ratio: 2/1.2;}
.pro-top .cont {padding: 20px;}
.pro-top .cont>.right {margin-left: 0;}
.index-pro-item.list>* .img,.index-pro-item.list>* .text {width: 100%;}
.index-pro-item.list>* .text {padding: 20px !important;position: relative !important;}
.index-pro-item.list>*:nth-child(2n) .text .num {right: 0;}
.about-skl>*>* {width: 100% !important;padding:0px 0 0 0 !important;}
.about-skl>*>.right {margin-top: 0px;}
.index-about-total{flex-wrap: wrap;}
.about-skl .index-about-total>*{width: 48%;}

.culture-hd {width: 100%;}
.history-banner .bd li {padding-top: 0 !important;}
.history-cont {margin-top: 30px;}
.history-bottom {margin-top: 0;}
.history-banner .bd li .ccont {white-space: normal;}
.certif-banner {width: 100%;}
.certif-cont>.bg {width: 100%;bottom: 50px;}
.contact-way>*>.left {width: 95%; margin: 0 auto}
.contact-message .icon {font-size: 60px;}
.message-input>* {width: 100%;}
.news-top>*>.left,.news-detail>.l-container>.left,.technology-quality>*>.left {width: 100%;padding: 0;}
.news-top>*>.right,.news-detail>.l-container>.right,.technology-quality>*>.right {width: 100%;}
.news-top-hd {width: 100px;}
.news-top-bd {width: calc(100% - 100px);}
.news-top-banner {aspect-ratio: 1/1;}
.news-top-banner .bd .ccont {display: none;}
.news-top-banner .bd .bottom .view-more {width: 32px;}
.news-top-banner .bd .bottom .view-more span {width: 16px;}
.index-news-item.list>* {width: 100%;}
.news-detail>.l-container>.right {margin-top: 10px;}
.news-detail-page>* i {width: 32px;height: 32px;}
.apply-cont {width: 100%;}
    .apply-hd>*>*{min-width:23%}
    .apply-banner li{padding: 0 10px}
.apply-r {display: none;}
.technology-platform>*>.left {width: 100%;}
    .technology-platform::before {display: none;}
.technology-platform>*>.left .ccont {margin-top: 50px;}
.technology-platform>*>.right {width: 100%;background-color: var(--color-dominant);display: block;border-radius: 10px;}
.technology-platform>*>.right::before {display: none;}
.platform-hd {display: flex;width: 100%;left: 0;top: -80px;}
.platform-hd>* {flex: 1;display: flex;align-items: center;justify-content: center;padding: 10px;}
.platform-bd {width: 100%;padding: 20px;margin-top: -80px;}
.technology-platform {padding-bottom: var(--size-100);}
.technology-production .ccont,.production-imgs {width: 100%;}
.production-imgs>* {padding: 0 20px;}
.technology-quality .index-title{width: 100%;}
.technology-quality .bottom {margin-top: 40px;}
.technology-quality>*>.right {margin-top: 30px;}
.technology-certif>.bg,.detail-hd {display: none;}
.certif-top>.left,.certif-top>.right {width: 100%;}
.lh-detail>*>.left {width: 100%;padding: 0;}
.lh-detail>*>.right {width: 100%;padding: 0;}
.lh-detail::before {display: none;}
.detail-bd {width: 100%;padding: 0;}
.detail-page>* {display: block;height: auto;}
.detail-page>* .left {padding: 10px;}
.detail-page>* .consult {padding: 10px;}
.lh-detail>*>.right {padding: 30px 20px;background-color: #fcf0e7;margin-top: 30px;}
.detail-info-hd {font-size: 12px;height: 32px;}
.detail-info-hd>* {margin-left: 10px;}
}
/*手机*/
@media screen and (max-width: 980px) {}
/* 2024.4.24 */
/* .about_menus_item {flex: 1;} */
.about_menus_item>div {width: 100%;}
.about-skl .index-about-total>* .num {/* text-align: center; */}
.about_flex_name {/* text-align: center; */}
.about_menus {align-items: start;width: 100%;gap: 1.2vw;}
.about-skl .index-about-total>* {margin: 0;}
.text-justify {text-align: justify;}
.detail-page {position: absolute;right: var(--size-70);top: 100%;}
.detail-info-hd {flex-wrap: nowrap;/* overflow-x: scroll; */overflow: hidden;position: relative;}
.detail-info-hd>* {text-wrap: nowrap;}
.footer-top>div {max-width: 30%;}
.detail-img-small .bd li>* {overflow: hidden;}
.lh-detail>*>.left {position: sticky;top: 10vh;}
.right-outline {width: 32.3vw;height: 32.3vw;background: #ff9d1e;border-radius: 50%;position: relative;}
.right-outline .img {border-radius: 50%;width: 33.4vw;height: 33.4vw;overflow: hidden;position: absolute;left: 13px;top: 50%;transform: translateY(-50%);}
.right-outline .img>img {width: 100%;}
.right-outline>.text {position: absolute;width: 28.07vw;right: -2.864vw;bottom: .1125vw;}
.right-outline .img>img {}
@media (max-width:1024px) {
.lh-detail>*>.right {margin-top: 104px;}
.about-skl>*>.right {display: flex;align-items: center;justify-content: center;}
.footer-top>div{max-width: 100%;}
.detail-page{right: 0;}
    .right-outline{width: 70vw;height: 70vw;}
    .right-outline .img{width: 70vw;height: 70vw;}
}
.pro-hot{overflow-x: scroll;overflow-y: hidden;}


.sContact-map {position: relative;width:100%;height: 600px;max-width: 100%;}
.sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;}
.sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #d70c18;}
.sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;}
.sContact-map #dituContent img {max-width: none;}
._pen .sContact-map {pointer-events: none;}
@media screen and (max-width: 1024px) {
    .sContact-map {margin-top: 0.6rem;}
}