@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("../fonts/custom.css"); /* 字体 */
@import url("../js/scrollAnimate/animate.min.css");
@import url("../js/swiper/swiper-bundle.min.css");
@import url("../js/layui/v2.13.7/css/layui.css");
/* 全局变量 */
:root{
   --max-width: 1500;
   --default-color__rgb: 51,51,51; /*#333*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --text-color__rgb: 102,102,102; /*#666*/
   --text-color: rgba(var(--text-color__rgb), 1);
   --blue-color: #003894;
   --light-blue-color: #f5f9fc;
   --primary-color__rgb: 0, 56, 148; /*#003894*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --f-family: 'syh', sans-serif;
   --f-family__en: 'mt',sans-serif;
   --main_line_height: 1;
   --button_height: 0.4rem;
   --transition: 0.3s;
   --header-height:1rem;
   --br15:0.15rem;
}
@media(max-width:480px) {
:root{--br15:0.1rem;}
}

/* 比例要求 */

/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{max-width: 1920px;margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1600px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html:not(.view){font-size: calc(100 / 1200 * 100vw);}
}
@media (max-width: 768px) {
   html:not(.view){font-size: calc(100 / 820 * 100vw);}
}
@media (max-width: 480px) {
   html:not(.view){font-size: calc(100 / 520 * 100vw);}
}

body{font-size: var(--font-size__16); font-family:var(--f-family__en); line-height:  var(--main_line_height); color: var(--default-color); background-color: #ffffff; overflow-x: hidden;}

.home-main{background-color: var(--white-color);}

[data-font~='fs12']{font-size: var(--font-size__12);}
[data-font~='fs14']{font-size: var(--font-size__14);}
[data-font~='fs16']{font-size: var(--font-size__16);}
[data-font~='fs18']{font-size: var(--font-size__18);}
[data-font~='fs20']{font-size: var(--font-size__20);}
[data-font~='fs22']{font-size: var(--font-size__22);}
[data-font~='fs24']{font-size: var(--font-size__24);}
[data-font~='fs26']{font-size: var(--font-size__26);}
[data-font~='fs28']{font-size: var(--font-size__28);}
[data-font~='fs30']{font-size: var(--font-size__30);}
[data-font~='fs32']{font-size: var(--font-size__32);}
[data-font~='fs34']{font-size: var(--font-size__34);}
[data-font~='fs36']{font-size: var(--font-size__36);}
[data-font~='fs46']{font-size: var(--font-size__46);}
[data-font~='fs64']{font-size: var(--font-size__64);}
[data-font~='fwl']{font-weight: var(--font-weight__l);}
[data-font~='fwr']{font-weight: var(--font-weight__r);}
[data-font~='fwb']{font-weight: var(--font-weight__b);}
[data-font~='fwm']{font-weight: var(--font-weight__m);}
[data-font~='c666']{color: var(--text-color);}
[data-font~='c222']{color:#222;}
[data-font~='ff-mt']{font-family: var(--f-family__en);}
[data-font~='nm']{margin: 0;}
[data-font~='tc']{text-align: center;}
[data-font~='opa60']{opacity: 0.6;}
@media (max-width: 480px) {
[data-font~='fs12']{font-size: 0.1rem;}
[data-font~='fs18']{font-size: var(--font-size__16);}
[data-font~='fs20']{font-size: var(--font-size__18);}
[data-font~='fs22']{font-size: var(--font-size__20);}
[data-font~='fs24']{font-size: var(--font-size__22);}
[data-font~='fs26']{font-size: var(--font-size__24);}
[data-font~='fs28']{font-size: var(--font-size__26);}
[data-font~='fs30']{font-size: var(--font-size__28);}
[data-font~='fs34']{font-size: var(--font-size__30);}
[data-font~='fs36']{font-size: var(--font-size__34);}
[data-font~='fs46']{font-size: var(--font-size__38);}
[data-font~='fs64']{font-size: var(--font-size__42);}
}

[data-icon]{display: block;width: 1em; height: 1em; background: var(--bg-contain);}
[data-icon~='white']{filter: brightness(0) invert(1);}
[data-icon~='tel']{background-image: url(../images/phone.svg); width: 0.3rem; height: 0.3rem;}
[data-icon~='more']{background-image: url(../images/more.svg);width: 0.09rem; height: 0.16rem;}
[data-icon~='arrow']{background-image: url(../images/more-icon.svg);width: 0.09rem; height: 0.16rem;}
[data-icon~='douyin']{background-image: url(../images/douyin.png);width: 0.17rem; height: 0.21rem;}
[data-icon~='xhs']{background-image: url(../images/xhs.svg);width: 0.27rem; height: 0.09rem;}
[data-icon~='bili']{background-image: url(../images/bilibili.svg);width: 0.29rem; height: 0.13rem;}
[data-icon~='address']{background-image: url(../images/address.svg);width: 0.2rem; height: 0.21rem;}
[data-icon~='fax']{background-image: url(../images/fax.svg);width: 0.2rem; height: 0.21rem;}
[data-icon~='phone']{background-image: url(../images/tel.svg);width: 0.2rem; height: 0.2rem;}
[data-icon~='pdf']{background-image: url(../images/pdf.svg);width: 0.23rem; height: 0.24rem;}
[data-icon~='drop']{background-image: url(../images/drop.svg);width: 0.15rem; height: 0.15rem;}
[data-icon~='ar-prev']{background-image: url(../images/calendar/date-prev.svg);width: 0.09rem; height: 0.16rem;}
[data-icon~='ar-next']{background-image: url(../images/calendar/date-next.svg);width:  0.09rem; height: 0.16rem;}

[data-more]{display: inline-flex;align-items: center;}
[data-more~='text']{font-size: var(--font-size__18);color: #e56812;}
[data-more] [data-icon~='more']{margin-left: 0.19rem;}
[data-more~='full']{background-color: #e56812;height: 0.6rem;border-radius: 0.3rem; color: var(--white-color);padding: 0 0.37rem;}
a[data-more~='full']{color: var(--white-color);}
[data-more~='icon']{border-radius: 50%;width: 0.44rem; height: 0.44rem; border: solid 0.01rem #999999;justify-content: center;}
a:hover [data-more~='icon'],
[data-more~='icon']:hover{background-color: var(--primary-color);border-color: var(--primary-color);}
a:hover [data-more~='icon'] [data-icon],
[data-more~='icon']:hover [data-icon]{filter: brightness(0) invert(1);}

[data-br]{border-radius: var(--br15);}

.scroll-auto{overflow: auto;}
.scroll-auto::-webkit-scrollbar{width:.04rem;height:.04rem}
.scroll-auto::-webkit-scrollbar-track{background:#dde3eb}
.scroll-auto::-webkit-scrollbar-thumb{background: #999;border-radius:.02rem}
.scroll-auto.has-scroll{padding-right: 0.2rem;}
/* Start
   ========================================================================== */
header{height: var(--header-height);}
header.fixed .wrap{box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);}
header .wrap{position: fixed;left: 0;top: 0;width: 100%;z-index: 100;background-color: var(--white-color);}
header .container{height: var(--header-height);transition: 0.5s; position: relative;z-index: 90;}

header .logo{margin: 0;}
header .logo img{height: 0.38rem;}
header .logo span{position: absolute; z-index: -100;opacity: 0;width: 0;}
header .top-search a{background: url(../images/search.svg) no-repeat center center; width: 0.3rem; height: 0.3rem; cursor: pointer;}


header .top-search .text{width: calc(95% - .2rem); line-height: .48rem; height: .48rem;; border: none; padding: 0 .1rem; }

 .nav-sub{transition: 0.5s;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0); }
 .nav-sub  dd{line-height: 2; padding-right: .2rem; border-bottom: solid 1px #edebe9;  position: relative;}

 .main-nav li{font-size: var(--font-size__18);}
 .main-nav li span,
 .main-nav li span a{display: block;}
 .main-nav li span{position: relative;}
 .main-nav li span a{  transition: 0.5s;}
 .main-nav li span a:after{position: absolute; content: '';width: 0;height: 3px;background-color: var(--primary-color);bottom: 0;left: 50%;transform: translateX(-50%);transition: 0.5s;}
 .main-nav li span a:not(:hover){color: #222;}
 .main-nav li.aon span a{color: var(--primary-color);}
 .main-nav li span a:hover,
 .main-nav li.aon span a:after{width:100%;}
 @media (min-width: 1025px) {
.main-nav {padding-left: 1rem;}
.main-nav ul{justify-content: space-between;}
.main-nav li{position: relative;}
.main-nav li span a{line-height:.5rem; }
.nav-sub{position: absolute; width: max-content;top: 110%;left: 50%;transform: translateX(-50%);padding:0 0.1rem .1rem .1rem; transition: 0.5s;}
.nav-sub dl{ border-top: solid 3px var(--primary-color); box-shadow: 0 0 0.1rem rgba(var(--black-color__rgb), 0.06);background-color: var(--white-color); padding: 0.2rem; border-radius: 0 0 0.06rem 0.06rem;}
.nav-sub dl a{display: block;}
.nav-sub dl a:hover{color: var(--primary-color);}
.nav-sub  dd:after{position: absolute;right: 0; top: 50%; transform: translateY(-50%); content: '';width:.12rem;height: .12rem; background: url(../images/arrow3.svg) var(--bg-contain);transition: 0.5s; filter: brightness(0); transition: 0.5s;}
.nav-sub  dd:hover:after{filter: none;}
.show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);top: calc(100% - 3px);}
header .h-right{ max-width: 8.5rem; width: 90%;}
header .top-search{width: 100%;border-bottom: 1px solid #999999;}
header .top-search .text{ text-align: right;}
 }

 @media (max-width: 1024px) {
.main-nav{position: fixed;top: var(--header-height); bottom: 0; width: 3rem; background-color: var(--white-color); box-shadow: 0 0.14rem 0.14rem rgba(26, 79, 154, 0.06); left: -100%;opacity: 0;transition: 0.5s ease-in-out; z-index: 10;}
.menu-show .main-nav{left: 0;opacity: 1;}
.main-nav ul{height: 100%; overflow: auto;}
.main-nav li:not(:last-child){border-bottom: 1px solid rgba(var(--black-color__rgb), 0.06);}
.main-nav li span a{padding: 1em 1em 1em 0.3rem; font-size: var(--font-size__20);}
.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.32rem;padding: 0.06rem 0; margin-left: 0.2rem;}
.open-menu i{display: block; width: 100%; height: 2px;background-color: var(--primary-color);}
.wap-op{position: absolute;z-index: 10;right: 0;top: 0;width: 0.4rem;height: 100%;display: flex;align-items: center;justify-content: center;}
.wap-op:after{display: block;content: ''; width: 0.16rem;height: 0.16rem;background: url(../images/select.svg) var(--bg-contain); transition: 0.3s;}
.wap-show .wap-op:after{transform: rotate(180deg);}
.nav-sub{visibility: hidden; height: 0;overflow: hidden; padding:0 0.3rem;border-top: 1px solid rgba(var(--black-color__rgb), 0.06);}
.nav-sub dd{padding: .1rem 0;}
.wap-show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);visibility: visible; height: auto;}
header .top-search a{display: block;}
header .search-box{visibility: hidden; right: -100%; width: 0; position: absolute; transition: 0.5s; background: rgba(0, 0, 0, 0.6); padding: .1rem;}
header .search-box a{filter: brightness(0) invert(1);}
.search-show header .search-box{visibility: visible; width: 60%; right: 0;}
 }

footer{background:#272727; position: relative; z-index: 10;}
footer,
footer a,
footer a:hover{color: #ffffff;}
footer .box-t{padding: 5% 0; }
footer .logo img{height: .38rem;}
footer .caidan{width:77%}
footer .caidan span{display: block;}
footer .caidan .sub{padding-top: .15rem;}
footer .caidan .sub span{padding: .1rem 0;}
footer .caidan .sub a:not(:hover){color: rgba(255, 255, 255, 0.4);}
footer .box-b{padding: 3% 0; border-top: solid 1px #939393;}
footer .other,
footer .other a:not(:hover){color: rgba(255, 255, 255, 0.4);}
footer .other{text-align: right;}
footer .follow-us ul{gap: .2rem;}
footer .follow-us ul li{position: relative}
footer .follow-us ul li span{ display: flex; width: .3rem; height: .3rem; display: flex; align-items: center; justify-content: center;cursor: pointer;}
footer .follow-us ul li span img{height: .23rem;}
footer .follow-us ul li .box{position: absolute; left:50%; transform: translateX(-50%);  bottom: 100%; background: var(--color-fff); padding: .1rem; width: 1.8rem; visibility: hidden;transition: 0.5s; border-radius: .10rem; background:#fff;}
footer .follow-us ul li .box img{width: 100%}
footer .follow-us ul li.show .box{opacity: 1;visibility: inherit; bottom: 140%; }

footer .caidan-other{padding-bottom: .2rem;}
footer .caidan-other ul{gap: .3rem;}
@media(max-width:768px){
footer .logo{padding-bottom: .3rem;}
footer .caidan{width: 100%;}
footer .follow-us{padding-bottom: .3rem;}
}
@media(max-width:640px){
footer .caidan li{width: 50%; line-height: 1.35;}
}

.article_detail .title{border-bottom: solid 1px #edebe9; text-align: center; padding: 2% 0;}
.article_detail .title h2{ line-height:1.875;}
.article_detail .title p{padding: 2% 0;margin: 0; }
.article_detail .title p span{padding:0 .15rem}
.article_detail .article{padding: 1% 0; border-top: solid 3px #edebe9;border-bottom: solid 3px #edebe9; margin: 3px 0; text-align: justify;font-size: var(--font-size__18); line-height: 2;font-weight: var(--font-weight__l);}

.prev_next{padding-top: 3%;}
.prev_next li{padding: .05rem 0;font-size: var(--font-size__18);}
.prev_next li a:hover{text-decoration: underline;}
.prev_next .back{float: right;}
@media(max-width:1024px){
.prev_next .back{float: none;}
}

.sitemap li{border-bottom: solid 1px #edebe9; padding: 2% 0;}
.sitemap li span{padding-right: .2rem;}
.sitemap li .sub{padding-top: 1%;}
.sitemap li .sub span{padding-right: .2rem;}

.search-list {padding-bottom: 2%;}
.search-list li{padding: 1% 0; line-height: 2; border-bottom: solid 1px #edebe9;position: relative;}
.search-list li a{padding: 0 .2rem;}
.search-list li:before{content: '';display: block; width: .06rem;height: .06rem; border-radius: 50%; background: var(--primary-color);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.search-list li:after{position: absolute;right: 0; top: 50%; transform: translateY(-50%); content: '';width:.12rem;height: .12rem; background: url(../images/arrow3.svg) var(--bg-contain);transition: 0.5s; filter: brightness(0); transition: 0.5s;}
.search-list li:hover:after{filter: none;}



.scroll-auto {max-height: 4.2rem; padding-right: .1rem;}
.scroll-auto::-webkit-scrollbar{width: .06rem;}
.scroll-auto::-webkit-scrollbar-track{background-color: #fcf0e7;}
.scroll-auto::-webkit-scrollbar-thumb{background-color: var(--primary-color);}
.article{ line-height: 2;background: #fff; border-radius: .2rem; padding: .4rem .2rem .4rem .4rem;}



.page-section{padding: 3.75% 0;}

.column-title{display: flex; padding-bottom: .24rem;} 
.column-title .column{line-height: 1; padding: 0; margin: 0;;}
.column-title .column:not(.no-line):after{content: '';display: block; width:90%; height:3px; background: var(--blue-color); margin-top: .2rem;}
.column-title[data-flex="jcc"] .column:after{margin: 0 auto;margin-top: .2rem;}
.column-title .column.no-line{margin-bottom: .2rem;}


.menu-location{position: relative;line-height: 1rem;}
.menu-location .box{position: absolute; width: 100%; left: 0; bottom: 0;}
.menu-location .container{border-top: solid 1px rgba(255, 255, 255, 0.3);filter:brightness(0) invert(1);}
.menu-location menu {padding: 0; margin: 0;}
.menu-location menu ul{gap:4vw}
.menu-location menu li a{color: #ffffff; display: block; position: relative;}
.menu-location menu li a:before{content: '';position: absolute; top: -1px; left: 0; width: 0; height: 4px; background:#fff; transition: width .3s ease-in-out;}
.menu-location menu li.aon a:before{width: 100%;}
.menu-location .location{padding: 0;order: 2;}

.location{display: flex; align-items: center; justify-content: right;  padding: .3rem 0; }
.location:before{display: block; content: '';width: 0.175rem;height: 0.185rem; background: url(../images/home.svg) var(--bg-contain); margin-right: .05rem;}
.location a{opacity: 0.8; }
.location i{display: block; width: 0.25rem;height: 0.1rem; background: url(../images/location.svg) var(--bg-contain); opacity: 0.8; }

.no-menu menu{display: none;}
.no-menu  .menu-location .container{justify-content: flex-end;}

.product-series {padding: .3rem 0;}
.product-series ul{gap:.4rem}
.product-series li{width: calc((100% - 3*.4rem)/4);}
.product-series li .pic figure{padding-bottom:127.536231884058%; border-radius: .15rem;}
.product-series li .info{padding: .2rem 0;}
.product-series li .title{line-height:1.429;}
.product-series li .txt{line-height: 2; margin-top: .1rem; color: #333;}
.product-series li:hover .title{font-weight: var(--font-weight__b);}
@media(max-width:1024px){
.product-series li{width: calc((100% - 1*.4rem)/2);}
}

.product-list {padding: .3rem 0;}
.product-list ul{gap:.6rem}
.product-list li{width: calc((100% - 1*.6rem)/2); border: solid 1px #cccccc; border-radius: .15rem;}
.product-list li a{padding:5%;}
.product-list li .pic{width: 48.45%; order: 2;}
.product-list li .info{width: 50%; padding: 4%; align-content:space-between;}
.product-list li .info .box{width: 100%; padding-bottom: .2rem;}
.product-list li .info .title{margin-bottom: .3rem;}
.product-list li .info .txt{line-height: 2;}
.product-list li .info .view{background: var(--blue-color); color: #ffffff; line-height: 3;; border-radius: .3rem; padding:0 .25rem; display: inline-flex; align-items: center;}
.product-list li .info .view:after{content: '';display: block; width: 13px;height: 13px; background: url(../images/arrow.svg) var(--bg-contain); margin-left: .2rem; filter: brightness(0) invert(1);}
@media(max-width:1024px){
.product-list ul{gap:.2rem}
.product-list li{width: calc((100% - 1*.2rem)/2); }
.product-list li a{padding:3%;}  
}
@media(max-width:768px){
.product-list li{width: 100%; }
}

.product-info{padding-bottom:4.166666666666667%;}
.product-info .photo{ width: 46%;background: var(--light-blue-color); border-radius: .1rem; padding: .4rem;}
.product-info .photo .small{position: relative;}
.product-info .photo .small .item {background: #fff;}
.product-info .photo .small .item figure{ border-radius:.05rem; transition: 0.5s; cursor: pointer; padding-bottom: 90%;}
.product-info .photo .small .swiper-slide-thumb-active figure{box-shadow:inset  0 0 0 2px var(--primary-color);}
.product-info .photo .big{width: calc(90% - 1rem)}
.product-info .details{width: 46%;}
.product-info .title h2{color: var(--primary-color);}
.product-info .title h3{}
.product-info .content{line-height: 2; padding: 4% 0;}
.product-info .content ul {margin-left: 1.5em;}
.product-info .content ul li{list-style: disc;}
.product-info .btn{padding-top: .4rem;}
.product-info .btn a{ cursor: pointer; border: solid 1px var(--primary-color); padding: .18rem .3rem; border-radius: .3rem;}
.product-info .btn a.down{color: #fff; margin-right: .24rem; background: var(--primary-color);display: flex; align-items: center;}
.product-info .btn a.down:after{content: '';display: block; margin-left: 15px;; width: 20px;height: 20px; background: url(../images/down.png) var(--bg-contain);}
.product-info .btn a.request{color: var(--primary-color); }
@media(min-width:768px){
.product-info .photo .small{width: 1rem; order: -1; padding: .5rem 0;}
.product-info .photo .small .swiper{height: 4rem;}
.product-info .photo .small .swiper-button-prev,
.product-info .photo .small .swiper-button-next{  left: 0; right: 0; margin: 0 auto; color: #999999;}
.product-info .photo .small .swiper-button-prev:after,
.product-info .photo .small .swiper-button-next:after{ transform:rotate(90deg) ; font-size: .28rem;}
.product-info .photo .small .swiper-button-prev{top: 0;}
.product-info .photo .small .swiper-button-next{top: auto; bottom: 0;}
}
@media(max-width:768px){
.product-info .photo{width: 100%;}
.product-info .details{width: 100%; padding-top: 4%;}
.product-info .photo .big{width: 100%; margin-bottom: .2rem;}
.product-info .photo .small .swiper-button-prev,
.product-info .photo .small .swiper-button-next{ color: #999999;}
.product-info .photo .small .swiper-button-prev{left: -.3rem;}
.product-info .photo .small .swiper-button-next{right: -.3rem;}
.product-info .photo .small .swiper-button-prev:after,
.product-info .photo .small .swiper-button-next:after{ font-size: .28rem;}
.product-info .btn a{padding: .12rem .2rem; }
.product-info .btn a.down{ margin-right: .10rem; }
}

.product-details .column-title{padding-bottom: .34rem;}
.product-details .column-title .column:after{width: .35rem;}
.product-details .tab-title {background: var(--light-blue-color);}
.product-details .tab-title ul{max-width: 9.60rem;display: flex;}
.product-details .tab-title li{flex: 1; position: relative;line-height:4.5;display: block; cursor: pointer; text-align: center;}
.product-details .tab-title li:before{position: absolute; content: ''; top: 0;; width: 0; height: 5px; background: var(--blue-color); display: block; margin: 0 auto; transition: all .3s ease-in-out;}
.product-details .tab-title li.active{background: #fff; font-weight: var(--font-weight__m);}
.product-details .tab-title li.active:before{width: 100%;}
.product-details .tab-title .tab-box{transition: 0.3s; top: 0;}
.product-details .tab-title .tab-box.fixed{position: fixed; width: 100%;background: var(--light-blue-color);z-index: 99;}
.product-details .item-group{padding: 3% 0;}
.product-details .item-group:nth-child(2){background: var(--light-blue-color);}
.product-details .features li{flex: 1; text-align: center; padding: 2%;}
.product-details .features li:not(:last-child){border-right: solid 1px #eeeeee;}
.product-details .features li figure{height: .7rem;}
.product-details .features li figure img{max-height: 100%;}
.product-details .features li p{line-height: 1.5; width: 78%; margin: 0 auto;}

.product-details .specifications{overflow:auto;}
.product-details .specifications img{width: 100%;}
.product-details table{min-width: 100%; text-align: center;}
.product-details table thead{background:  var(--primary-color); color: #fff;}
.product-details table thead th{padding: .2rem; border: solid 1px #fff; font-weight: var(--font-weight__m); line-height: 1.35;}
.product-details table tbody{border: solid 1px #eeeeee;}
.product-details table tbody tr:nth-child(odd){background: #fff;}
.product-details table tbody td{padding: .1rem .2rem; border: solid 1px #eeeeee; white-space: nowrap;}
.product-details table tbody td .color-block{background: #cbdb76;width: 100%; height:.25rem; display: block;}


.link-view .view{background: var(--blue-color); color: #ffffff; line-height:3.75; border-radius: .3rem; padding:0 .30rem; display: inline-flex; align-items: center; transition: 0.5s;}
.link-view .view:after{content: '';display: block; width: 13px;height: 13px; background: url(../images/arrow.svg) var(--bg-contain); margin-left: .2rem;filter: brightness(0) invert(1); transition: 0.5s;}
.link-view .view:hover{background-color: #00a0e2;}



.sw-arrow{width: .5rem; height: .5rem; background: var(--primary-color); border-radius: 100%;}
.sw-arrow:after{font-size: .18rem; color: #fff;}
.sw-arrow.swiper-button-disabled{opacity: 1; background: #cccccc;}
.sw-arrow.swiper-button-prev{left: -.8rem;}
.sw-arrow.swiper-button-next{right: -.8rem;}
@media(max-width:1024px){
.sw-arrow.swiper-button-prev{left: -.2rem;}
.sw-arrow.swiper-button-next{right: -.2rem;}
}
@media(max-width:768px){
.sw-arrow.swiper-button-prev{left:-.1rem;}
.sw-arrow.swiper-button-next{right:-.1rem;}
}
@media(min-width:1024px){
.other-arrow{position: absolute; width: 1.1rem; z-index: 2; display: flex; justify-content: space-between;}
.other-arrow .sw-arrow{position: initial;}
}


.home-column{padding-bottom: .6rem;}

.home-ban .inbox{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2;}
.home-ban .inbox .info{max-width: 5.4rem; line-height: 2;}
.home-ban .inbox .info .title,
.home-ban .inbox .info .desc{opacity: 0;  transform: translateY(.5rem); transition: 0.5s;}
.home-ban .inbox .info .title{line-height:  calc(76 / 64);}
.home-ban .inbox .info .desc{transition-delay:0.2s; line-height:  calc(36 / 20); margin-top: .4rem;}
.home-ban .swiper-slide-active .inbox .title,
.home-ban .swiper-slide-active .inbox .desc{opacity: 1; transform: translateX(0)}
.home-ban .controls{bottom: calc(40 / 600 * 100%);}
.home-ban .link{position: absolute;    width: 100%;    height: 100%;}
.controls-page{--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-color:var(--primary-color);--swiper-pagination-bullet-inactive-color:var(--white-color);}
.controls-page span{transition: 0.3s;border-radius: 4px;}
.controls-page span:not(:last-child){margin-right: 0.11rem;}
.controls-page span[class*=active]{width: 0.52rem;}
.controls-page span svg{display: none;}
@media(max-width:1024px){
 .home-ban .inbox .info .desc{margin-top: .2rem;}  
}

.home-about{padding: 3.75% 0;}
.home-about .info{width: 46%; align-content: space-between;}
.home-about .pic{width: 50.66666666666667%;}
.home-about .pic img{width: 100%; border-radius: .15rem;}
.home-about .txt{width: 100%; padding-top: .4rem;}
.home-about .txt h3{color: var(--primary-color);line-height: calc(45 / 24);}
.home-about .txt p{line-height: calc(32 / 18); margin-top: .15rem;}
.home-about .link-view{padding: 10% 0;}
@media(max-width:1024px){
  .home-about .info,
  .home-about .pic{width: 100%;} 
  .home-about .link-view{padding: 5% 0;}
}

.home-product{padding: 3.645833333333333% 0; background: #f0f2f5;}
.home-product .product{position: relative;}
.home-product .item {border-radius: .15rem; background: #ffffff;overflow: hidden; padding:.47rem .2rem;}
.home-product .item .slick-dots{position: absolute;display: flex; position: absolute; justify-content: center; bottom: .1rem; z-index: 10;}
.home-product .item .slick-dots li{width:auto; height: auto; margin: 0;}
.home-product .item .slick-dots li button::before{ color: #999; opacity: 1;}
.home-product .info{margin-top: .3rem;}
.home-product .info h4{line-height: calc(28 / 24);}

.home-news{padding: 3.645833333333333% 0;}
.home-news .news{position: relative;}
.home-news .item{ border-radius: .15rem; background: #f9f9f9; overflow: hidden; height: auto;}
.home-news .pic figure{padding-bottom: 59.91735537190083%;}
.home-news .info{padding: .4rem; height: 3.1rem;}
.home-news .info time{font-size: var(--font-size__14);}
.home-news .info h4{line-height: calc(28 / 20); margin-top: .2rem;}
.home-news .arrow{position: absolute; bottom: .3rem; background: url(../images/arrow2.png) var(--bg-contain); width: 17px; height: 17px; margin-top: .7rem;} 

.title-column{padding-bottom: .4rem;}
.title-column h2{background: url(../images/icon.png)no-repeat left; padding-left:73px; margin-bottom: .2rem; color: var(--primary-color);text-transform: uppercase;}
.title-column h3{line-height: calc(40 / 34);}

.article{line-height:2;}
.article p{padding: .2rem 0;}

.company{padding: 3.75% 0;}
.company .title-column h3{width: 80%;}
.company .group{width: 46%;}
.company .pic{width: 45.33333333333333%;}
.company .pic img{width: 100%; border-radius: .15rem;}
.company .txt{width: 100%; padding-top: .4rem;}

@media(max-width:1024px){
.company .group,
.company .pic{width: 100%;} 
}

.our-story{padding: 3.75% 0; background: var(--bg-cover);}
.our-story .title-column h3{width: 10rem;}
.our-story .group{position: relative;}
.our-story .pic img{width: 100%; border-radius: .15rem;}
.our-story .item{position: relative;}
.our-story .item .txt{position: absolute; top:13%; left:5%; width:40%; background: rgba(255, 255, 255, 0.7); padding: 2%; border-radius: .15rem;}
.our-story .item .txt h5{margin-bottom: .2rem; color: #1c1c1c;}
.our-story .item .txt p{line-height: 2;}
.our-story .tab{position: absolute; bottom: 10%; left: 5%; right: 5%; padding:.3rem; z-index: 10; border-radius: .15rem;background: rgba(176,176,176,.5);backdrop-filter: blur(20px) saturate(150%); border: solid 1px rgba(255, 255, 255, 0.4);}
.our-story .tab li{flex: 1; display: flex; justify-content: center;}
.our-story .tab .box{height: .7rem; position: relative; cursor: pointer;}
.our-story .tab .box:after{content: ''; position: absolute; bottom: -.31rem; left: 0; width: 0; height: 3px; transition: 0.3s;}
.our-story .tab figure{height: .5rem; margin-right: .3rem;}
.our-story .tab figure img{max-height: 100%;}
.our-story .tab h4{text-transform: uppercase;}
.our-story .tab li:not(:last-child){border-right: solid 1px rgba(255, 255, 255, 0.2);}
.our-story .tab li:not(.cur){filter: brightness(0) invert(1);}
.our-story .tab li.cur h4{color: var(--primary-color);}
.our-story .tab li.cur .box:after{width: 100%;background: var(--primary-color); }
@media(max-width:768px){
.our-story .tab .box{display: block; text-align: center;}
.our-story .tab figure{margin-right: 0;margin: 0 auto;}
}

.our-stand{padding: 3.75% 0; background: var(--bg-cover);}
.our-stand .pic figure{border-radius: .15rem; padding-bottom: 131.9148936170213%;}
.our-stand .pic figure img{}
.our-stand .info{position:absolute;padding:.65rem .35rem .35rem .35rem;width: 100%;height: 100%;border-radius: .15rem; background: rgba(228,238,255,.3);backdrop-filter: blur(20px); opacity: 0;transition: 0.3s; z-index: 10; }
.our-stand .info .icon {height: .9rem;width: .9rem; border-radius: .15rem; background-color: var(--primary-color);}
.our-stand .info .icon img{filter: brightness(0) invert(1);width: 80%;height: 80%;}
.our-stand .info .txt{margin-top: 20%;}
.our-stand .info h5{color: var(--primary-color); margin-bottom: .2rem;}
.our-stand .info p{line-height: 2;}
.our-stand .box{position:absolute;padding:.2rem .3rem;left: .3rem;right: .3rem;bottom: .3rem;border-radius: .15rem;background: rgba(176,176,176,.5);backdrop-filter: blur(20px) saturate(150%);border: solid 1px rgba(255, 255, 255, 0.4);transition: 0.5s; z-index: 10; }
.our-stand .box .icon{background-color: #fff;height: .65rem;width: .65rem; border-radius: 100%;margin-right: .15rem;}
.our-stand .box .icon img{ max-height: 78%; }
.our-stand .box h4{color: #fff; flex: 1;}
.our-stand .item:hover .info{opacity: 1;}
.our-stand .item:hover .box{opacity: 0;}

.our-mission{padding: 3.75% 0; }
.our-mission .title-column h2{color: #fff;}
.our-mission .title-column h3{color: #fff;}
.our-mission .container{position: relative;}
.our-mission .txt{line-height: 2; color: #fff;}
.our-mission .pic figure img{width: 100%; border-radius:.15rem; }
@media(min-width:1024px){
.our-mission .group{padding: 5%;width: 54%;}
.our-mission .txt{min-height: 2.36rem;}
.our-mission .pic figure img{position: absolute;height: 100%; bottom: 0; z-index: -1;}
}

.our-contact{border-radius: .5rem .5rem 0 0; padding-bottom: 1.1rem; margin-bottom: -1.1rem;}
.our-contact .group{padding: .48rem 0;}
.our-contact .group h4{color: #fff;}
.our-contact .group .link-view .view:not(:hover){background-color: #fff; color: var(--primary-color);}
.our-contact .group .link-view .view:not(:hover):after{filter: none}

.sustainable-info{padding: 3.75% 0; }
.sustainable-info .pic{width: 46.66666666666667%; position: relative;}
.sustainable-info .pic figure img{width: 100%; border-radius: .15rem;}
.sustainable-info .icon{position: absolute; width: .94rem; height: .94rem; top: 50%; right: -.47rem; transform: translateY(-50%); background-color: var(--primary-color); border-radius: 50%;}
.sustainable-info .group{width: 43.33333333333333%; order: 2;}
@media(max-width:768px){
.sustainable-info .pic{width: 100%; }
.sustainable-info .group{width: 100%; padding-bottom:.8rem;}
.sustainable-info .icon{left: 50%; top: -.47rem;transform: translate(-50% ,0); }
}
.sustainable-list{padding: 3% 0; background: #f5f9fc;}
.sustainable-list .group{padding: 2% 0 2% .6rem; position: relative;}
.sustainable-list .group:before{content: ''; position: absolute; top: 0; left:0;  width:1px; height: 100%; background-color:#e6e6e6;}
.sustainable-list .pic{width: 46.66666666666667%;}
.sustainable-list .pic figure img{width: 100%; border-radius: .15rem;}
.sustainable-list .info{width: 40%;}
.sustainable-list .txt{line-height:1.25;}
.sustainable-list .txt h4{text-transform: uppercase; color: var(--primary-color);}
.sustainable-list .txt h4:before{content: ''; position: absolute; left: -.69rem; width:.18rem; height: .18rem; border: solid .04rem #fff; background-color: var(--primary-color); border-radius: .15rem; box-shadow: 0 0 .1rem rgba(0,60,118,.2);}
.sustainable-list .txt h5{width: 70%; padding: .2rem 0;}
@media(max-width:1024px){
.sustainable-list .group{padding:4% 0 4% .3rem;}
.sustainable-list .info{width: 50%;}
.sustainable-list .txt h4:before{left: -.39rem;}
}
@media(max-width:640px){
.sustainable-list .pic{width: 100%;}  
.sustainable-list .info{width: 100%; padding-bottom: 4%;}
}

.job-select{gap: .24rem; position: relative; z-index: 20;}
.job-select .layui-inline{flex: 1;}
.job-select .layui-form-select dl{top:.7rem}
.job-select .layui-input{ background-color: #f7f9fa;  border-radius: .15rem; border: none; height: .7rem;}
.job-select .layui-form-select .layui-edge{width: 12.5px;height: 9.5px; right: .24rem;background: url(../images/select.svg) no-repeat center center; background-size: contain; border: none;}
.job-select .search .layui-input{width: calc(100% - .7rem);}
.job-select .search .layui-btn{min-width:.7rem; height: .7rem; border-radius: .1rem ;background: var(--primary-color);}
.job-select .search .layui-icon-search{width: .24rem; height: .24rem;display: block;background: url(../images/search2.png) no-repeat center center; background-size: contain;}
.job-select .search .layui-icon-search:before{display: none;}
.job-select .layui-inline:first-child{flex:0.8;}
.job-select .layui-inline:last-child{flex:1.2;}
@media(max-width:1024px){
.job-select{gap: .1rem;}
.job-select .layui-inline{flex: auto!important; width: calc((100% - 1*.1rem)/2);}  
.job-select .layui-input{height: .5rem;}
.job-select .search .layui-btn{min-width:.5rem; height: .5rem; }
}

.job-list .item{background: #f5f8fc; padding: .3rem .5rem;border-radius: .15rem;margin-top: .24rem;}
.job-list .job-header{cursor: pointer;}
.job-list .job-info h3{padding-bottom: .2rem;}
.job-list .job-info p span{position: relative;}
.job-list .job-info p span:not(:last-child):after{content: ''; position: absolute; right: -.2rem; top: 50%; transform: translateY(-50%); width: 2px; height: .14rem;background-color: #c8cacd;}
.job-list .job-info p span:not(:last-child){margin-right: .37rem;}
.job-list .job-info p span i:not(:last-child):after{content: ', ';}
.job-list .view{color: var(--primary-color);display: flex; align-items: center;}
.job-list .view:after{ content: ''; display: block; width: .4rem; height: .4rem; border-radius: 50%; margin-left: .2rem; background: var(--primary-color) url(../images/arrow2.svg) no-repeat center center; transition:0.5s ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.job-list .job-content{ display:none; line-height: 2;}
.job-list .job-sub-title{padding: .2rem 0 .1rem 0;}
.job-list .job-text{max-width: 9.8rem;}
.job-list .job-email{color: var(--primary-color); padding-left: 36px; background: url(../images/email.png) no-repeat left center; margin-top: .3rem;}
.job-list .job-email a{color: var(--primary-color);}
.job-list .show { border-top: solid 4px var(--primary-color); border-radius:0 0 .15rem .15rem;}
.job-list .show .job-info h3 a{color: var(--primary-color);}
.job-list .show .view:after{transform: rotate(180deg);}
@media(max-width:1024px){
.job-list .item{padding: .2rem;}
.job-list .job-info p span:nth-child(2){display: none;}
.job-list .view i{display: none;}
}

.news-slide{background: #f7f9fa; border-radius: .15rem; margin-bottom: 2.333333333333333%; position: relative;}
.news-slide .pic{width: 50%;}
.news-slide .pic figure{ border-radius: .15rem; padding-bottom: 58.66666666666667%;}
.news-slide .info{padding: .6rem;}
.news-slide .info label{color: var(--primary-color); border: solid 1px var(--primary-color); border-radius: .15rem .15rem .15rem 0; padding:.05rem .1rem;}
.news-slide .info h4{margin-top: .3rem; margin-bottom: .2rem;}
.news-slide .info .txt{height: 1.8rem;}
.news-slide .info p{line-height: 2;color: #333;}
.news-slide .box time{color: #333;}
.news-slide .box .line{ color: #e1e1e1;; padding: 0 .3rem;}
.news-slide .box .link-view .view{color: #333; line-height:normal; background: none; border-radius: 0; padding: 0;}
.news-slide .box .link-view .view:after{background-image: url(../images/more.png); width: 19px; height: 7px; filter:none}
.news-slide .pic-txt .info{width: 50%; }
.news-slide .swiper-button-disabled{background: none;box-shadow: 0 0 0 1px #bfbfc0;}
.news-slide .swiper-button-disabled:after{color: #bfbfc0;}
@media(min-width:1024px){
.news-slide .other-arrow{ right: .6rem; bottom: .7rem;}
}
@media(max-width:1024px){
.news-slide .info{padding: .3rem;}
}
@media(max-width:640px){
.news-slide .pic{width: 100%;}
.news-slide .pic-txt .info{width: 100%; }
.news-slide .info .txt{height: auto; padding-bottom: .3rem;}
}

.news-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: .30rem;}
.news-list li{border-bottom: solid 3px #f4f5f7;}
.news-list .pic {position: relative;}
.news-list .pic figure{ padding-bottom: 60.41666666666667%;border-radius: .15rem; }
.news-list .pic label{position: absolute; background: var(--primary-color); color: #fff; z-index: 5; left: 8px; top: 8px; padding: 5px 10px; border-radius: .1rem;}
.news-list .info{padding: .2rem 0; align-content: space-between; height: 1.5rem;}
.news-list .info h3{width: 100%; line-height: 1.364;}
.news-list .info time{color: #333;}
@media(max-width:768px){
.news-list ul{grid-template-columns: repeat(2, 1fr); gap: .20rem;}
}

.body-article{background: #f7f9fc;}
.body-article .page-section{padding-top: 0;}
.page-article{ border-radius: .15rem; background: #fff; padding:6%;}
.page-article .title{padding-bottom: 3%;}
.page-article .article-title{line-height: 1.6; padding-bottom: .2rem;}
.page-article .publish-time{background: url(../images/time.png) no-repeat left; padding-left: .3rem; line-height: 2; display:inline-block;}
.page-article .article{line-height: 2; padding: 2% 0; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee;}
.page-article .article ul {margin-left: 1.5em;}
.page-article .article ul li{list-style: disc;}
.prev-next-back{padding-top: 3%;}
.prev-next-back .prev-next{flex: 1; margin-right: 3vw; line-height: 2;}
.prev-next-back .back a{color: #fff;display: block; background: var(--primary-color); border-radius: .3rem; padding: 1.016vw 2.3645vw; transition: 0.5s;}
.prev-next-back .back a:hover{background: #00a0e2;}
@media(max-width:1024px){
.page-article{padding: 2% 3%;}  
.prev-next-back .back a{padding: .1rem .3rem;}
}

.contact-info{padding: 3.75% 0;}
.contact-info .container{background: #f9f9f9;}
.contact-info .tab-title{width:26.66666666666667%;}
.contact-info .tab-title li{border-bottom: solid 1px #e8e8e9; position: relative;}
.contact-info .tab-title li a{display: block; padding:20% 0 20% .47rem; cursor: pointer;}
.contact-info .tab-title li:before{content: ''; display: block; width:6px; height:0; top: 0; position: absolute; left: 0; background: var(--primary-color); transition: 0.5s;}
.contact-info .tab-title li.show a{color: var(--primary-color); font-weight: bold;}
.contact-info .tab-title li.show:before{height: 100%;}
.contact-info .tab-content{width: 73.33333333333333%}
.contact-info .group{display: none; position: relative;}
.contact-info .pic img{width: 100%; position: absolute; top: 0;; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}
.contact-info .info{padding: .6rem .4rem; position: relative; z-index: 5; }
.contact-info .info .box{padding: .35rem;background: #fff; max-width: 4.2rem;}
.contact-info .info h2{color: var(--primary-color); padding: .2rem 0;}
.contact-info .info h3{padding: .3rem 0; color: #222222;}
/* .contact-info .info .txt{min-height: 2.38rem;} */
.contact-info .info p{color: #666666; line-height: 1.8; padding: .05rem 0;}
.contact-info .info p b{color: #222;}
.contact-info .map img{width: 100%;}
.contact-info .tit{position: absolute;}
.contact-info .tit span{position: absolute; left: 50%; transform: translateX(-50%);width: max-content; font-weight: bold;padding-top: .2rem;}
.contact-info .tit .icon{width: .24rem; height: .35rem; display: block; background: url(../images/map-icon.png) var(--bg-contain); }
.contact-info .tit .icon::after{ content: ''; display: block; width: 100%; height:30%; background:#c80800; opacity: 0.2; border-radius:50% ; position: absolute; bottom:-.1rem; animation: jump 3s ease-in-out infinite; -webkit-animation: jump 3s ease-in-out infinite; }
/*跳动动画*/
@keyframes jump {
    0%, 100% {
        transform: scale(1); opacity: 0.2;
}
    50% {
        transform: scale(2); opacity: 0;}
}
@media(max-width:640px){
.contact-info .tab-title{width:100%;}
.contact-info .tab-title ul{display: flex;}
.contact-info .tab-title ul li{flex: 1;}
.contact-info .tab-title ul li a{padding:8%; text-align: center;}
.contact-info .tab-title li.show a{color: #fff;background: var(--primary-color);}
.contact-info .tab-content{width: 100%}
}

.contact-message{background: #f5f9fc; padding: 3.75% 0;}
.contact-message .group{display: flex; flex-wrap: wrap; gap: .1rem;}
.contact-message .layui-form-item{width:calc((100% - 1*.1rem) / 2);}
.contact-message .full{width: 100%;}
.contact-message .layui-textarea{height: 2.5rem!important;}
.contact-message .layui-input::placeholder,
.contact-message .layui-select::placeholder,
.contact-message .layui-textarea::placeholder{color: #999999; line-height: 38px;}
.contact-message .required{position: absolute;  z-index: 1; line-height: 38px;}
.contact-message .layui-btn{min-width: 2.20rem; height: .7rem; line-height: .7rem; font-size: .2rem; border-radius:.05rem ; background: var(--primary-color); color: #fff;}
.contact-message .layui-btn:hover{background: #00a0e2;}
.contact-message .layui-form-item{margin-bottom: 0;}
.contact-message .layui-form-item.code{display:flex; align-items: center; max-width:7.35rem; width:70%}
.contact-message .layui-form-item.code img{height:.48rem; margin-left:.1rem}
@media(min-width:768px){
.contact-message .group{ gap: .3rem;}
.contact-message .layui-form-item:not(.full){width:calc((100% - 1*.3rem) / 2);}
.contact-message .layui-input,
.contact-message .layui-select,
.contact-message .layui-textarea{height: .7rem; border: None; padding: 0 .3rem; line-height: .7rem; font-size: .2rem;}
.contact-message .layui-input::placeholder,
.contact-message .layui-select::placeholder,
.contact-message .layui-textarea::placeholder{line-height: .7rem;}
.contact-message .required{line-height: .7rem; left: .2rem;}
}


.quote-popup{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}
.quote-popup.show{opacity:1;visibility:visible}
.quote-popup .quote-container{ width:90%; max-width:12rem; background:#fff; border-radius:.15rem; overflow:hidden; transform:scale(.9); transition:transform .3s ease; -webkit-border-radius:.15rem; -moz-border-radius:.15rem; -ms-border-radius:.15rem; -o-border-radius:.15rem; }
.quote-popup.show .quote-container{transform:scale(1)}
.quote-popup .quote-header{background:var(--primary-color);color:#fff;padding:.3rem .3rem .3rem .8rem;display:flex;align-items:center;justify-content:space-between;position:relative}
.quote-popup .quote-header h3{}
.quote-popup .quote-close{width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}
.quote-popup .quote-close:hover{background:rgba(255,255,255,.2)}
.quote-popup .quote-close svg{width:40px;height:40px;fill:#fff}
.quote-popup .quote-content{padding:.4rem .8rem; }
.quote-popup .quote-intro{margin-bottom:20px;line-height:1.6}
.quote-popup .quote-form{display:flex;flex-wrap:wrap;gap:16px;  max-height: 60vh;  overflow: auto;}
.quote-popup .quote-form-item{width:calc(50% - 8px); padding: 5px 0;}
.quote-popup .quote-form-item.full{width:100%}
.quote-popup .quote-form-item label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}
.quote-popup .quote-form-item label .required{color:#dc3545;margin-left:2px}
.quote-popup .quote-form-item input,.quote-popup .quote-form-item textarea{ width:100%; padding:10px 25px; height: 46px; border:none; background:#f8f8f8; border-radius:.3rem; font-size:14px; box-sizing:border-box; transition:border-color .2s;  }
.quote-popup .quote-form-item input:focus,.quote-popup .quote-form-item textarea:focus{outline:0;border-color:#0a3f75}
.quote-popup .quote-form-item textarea{height:100px;resize:vertical}
.quote-popup .quote-form-item input::placeholder,.quote-popup .quote-form-item textarea::placeholder{color:#999}
.quote-popup .quote-products{width:100%}
.quote-popup .quote-products label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:10px}
.quote-popup .quote-products .product-options{}
.quote-popup .quote-products .product-item{padding: 5px 0;}
.quote-popup .quote-products .product-option{display:inline-flex;align-items:center;cursor:pointer;transition:all .2s}
.quote-popup .quote-products .product-option:hover{border-color:#0a3f75}
.quote-popup .quote-products .product-option input[type=checkbox]{width:auto;margin-right:8px}
.quote-popup .quote-products .product-option span{font-size:13px;color:#555}
.quote-popup .quote-submit{width:100%;margin-top:10px; display:flex; justify-content: center;}
.quote-popup .quote-submit button{ width:2rem; padding:12px; background:var(--primary-color); color:#fff; border:none; border-radius:.3rem; font-size:.18rem; font-weight:500; cursor:pointer; transition:background .2s; }
.quote-popup .quote-submit button:hover{background:#0d529a}
.quote-popup .quote-submit button:disabled{background:#ccc;cursor:not-allowed}
.quote-popup .quote-error{color:#dc3545;font-size:12px;margin-top:4px;display:none}
.quote-popup .quote-error.show{display:block}
@media(max-width:768px){
.quote-popup .quote-header{padding:.2rem .2rem .2rem .4rem;}
.quote-popup .quote-content{padding:.4rem; }   
}

/* layui */
.layui-form-select dl dd.layui-this{color: var(--primary-color);}
/* layui end */