@charset "UTF-8";
@import url('base_whir.css');

header{--h:1.26rem;height: var(--h);}
header .wrap{position: fixed;left: 0;width: 100%;height: var(--h); top: 0;z-index: 100; background-color: var(--white);  transition: height 0.3s ease-in-out;}
header .wrap > .auto-inner{position: relative;z-index: 100; max-width: 1700px;}
header .top{background-color: var(--drak);color: var(--white); font-size: var(--font-size20); line-height: calc(36 / 20);}
header .top dd + dd{margin-left: 0.58rem;}
header .top dd{padding-left: 0.29rem; background-position: left center; background-repeat: no-repeat; background-size: auto 0.16rem;}
header .top dd.d-tel{background-image: url(../images/phone.svg);}
header .top dd.d-mail{background-image: url(../images/email.svg);}
header .top dd a:not(:hover){color: var(--white);}


header .logo{display: flex;height: 0.9rem; align-items: center; transition: 0.3s ease-in-out; }
header .logo img{height: 0.46rem;}
@media (min-width:1025px) {
    header .logo{margin-left: calc(-68 / 1920 * 100vw);}
}

menu li{font-size: var(--font-size22);}
menu li aside{transition: 0.3s ease-in-out;}
menu li aside a{position: relative;z-index: 1;display: block;}
menu li aside a:before{position: absolute; content: ''; left: 0;width: 100%;transform: scaleX(0); transform-origin: 100% 50%; height: 3px; background-color: var(--main-color); bottom: 0; transition: transform 0.3s ease-in-out;}
menu li aside a:hover:before,
menu li.aon aside a:before{transform: scaleX(1); transform-origin: 0 50%}

@media (min-width:1025px) {
menu{margin-right: 1.72rem;}
menu li{position: relative;z-index: 50;}
menu li:not(:last-child){margin-right: 0.95rem;}
menu li aside{line-height: 0.9rem;}
menu .sub{position: absolute; top: 100%; left: 50%; background-color: var(--white); box-shadow: 0 0.1rem 0.1rem var(--black-opacity-10); border-radius: 0 0 0.1rem 0.1rem; width: max-content; padding: 0.2rem; visibility: hidden; transform: translate(-50%,0.2rem); opacity: 0; transition: 0.3s ease-in-out;}   
menu li.show .sub{visibility: visible; transform: translate(-50%,0); opacity: 1;}
menu .sub dd{line-height: 2; font-size: var(--font-size18); padding: 0.2em 0;} 
menu .sub dd a{display: block;position: relative;z-index: 1;}
menu .sub dd a:before{position: absolute; content: ''; left: 0;width: 100%;transform: scaleX(0); transform-origin: 100% 50%; height: 2px; background-color: var(--main-color); bottom: 0; transition: transform 0.3s ease-in-out;}
menu .sub dd a:hover:before{transform: scaleX(1); transform-origin: 0 50%;}
}
@media (max-width:1024px) {
    menu{position: fixed; left: -100%;top:var(--h); width: 3.2rem; background-color: var(--white); box-shadow: 0 0.1rem 0.1rem var(--black-opacity-10);bottom: 0;padding: 0.1rem 0; visibility: hidden; opacity: 0; transition: 0.5s ease-in-out;} 
    .menu-show menu{left: 0;visibility: visible; opacity: 1;}
    menu ul{padding: 0 0.2rem; overflow: auto; height: 100%;}
    menu li:not(:last-child){border-bottom: 1px solid var(--black-opacity-10);}
    menu li aside{position: relative; line-height: 3; overflow: hidden;}
    menu li aside .op{position: absolute; z-index: 10; right: 0;top: 0;width: 0.5rem;height: 100%; background: url(../images/select.svg) no-repeat center center; background-size: auto 20%;}
    menu li .sub{padding: 0.2rem;border-top: 1px solid var(--black-opacity-10); display: none;}
    menu li .sub dd{line-height: 1.2; padding:0.4em 0 0.4em 0.2rem; background: url(../images/wap-menu-icon.svg) no-repeat left top 0.7em; background-size: 0.06rem auto;}
    menu li .sub dd a{display: block;}

    .open-menu{margin-left: 0.3rem; width: 0.4rem; height: 0.3rem;display: flex;flex-direction: column; align-items: center; justify-content: space-between;padding: 0.05rem 0;}
    .open-menu i{width: 80%; height: 2px;background-color: var(--black);display: block;}
}
@media (max-width:640px) {
    header{--h:0.7rem;}
    header .logo{height: var(--h);}
    header .top{display: none;}
}

.top_search{position: absolute; right: 0;top: 100%; display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--main-color); background-color: var(--white);width: 4rem; border-radius: 3em; overflow: hidden; visibility: hidden; opacity: 0; transition: 0.3s ease-in-out; transform: translateY(0.3rem);}
.search-show .top_search{opacity: 1; visibility: visible; transform: translateY(0);}
.top_search .text{height: 0.5rem;padding: 0 1em;padding-right: .8rem; background: none; border: 0; width: 100%; line-height: 0.5rem;color: var(--black-opacity-50);}
.top_search .text.focus{color: var(--black);}
.top_search .btn{width: 0.5rem; height:0.5rem;position: absolute;right: 0;z-index: 3; background: var(--main-color) url(../images/search-white.svg) no-repeat center center; background-size: auto 40%; flex-shrink: 0;display: block;border-radius: 0.5rem 0 0 0.5rem;}
@media (max-width:1024px) {
    .top_search{width: 100%;}
}

.open-search{width: 0.24rem; height: 0.24rem;display: block; background: url(../images/search.svg) no-repeat center center; background-size: contain; cursor: pointer; }
.search-show .open-search{background-image: url(../images/close.svg);}

header.fixed .wrap{box-shadow: 0 0 0.05rem var(--black-opacity-10);}
@media (min-width:1025px) {
.open-search{margin-right: calc(-24 / 1920 * 100vw);}
header.fixed .wrap{height: 1rem;}
header.fixed .logo{height: 0.64rem;}
header.fixed menu li aside{line-height: 0.64rem;}
}

.home-ban .item{position: relative;z-index: 1;}
.home-ban .txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.home-ban .title{font-size: var(--font-size72);font-weight: 400; color: var(--black); line-height: 1.2; margin-bottom: calc(58 / 72 * 1em);}
.home-ban .title:after{display: block; content: '';height: 0.06rem;background-color: var(--main-color); width: calc(120 / 72 * 1em); margin-top: calc(40 / 72 * 1em);}
.home-ban .txt pre{line-height: calc(60 / 32); font-size: var(--font-size32); letter-spacing: 1px;color: #131313; margin-bottom: calc(70 / 32 * 1em);}
@media (max-width:640px) {
    .home-ban .title{font-size: var(--font-size32);}
    .home-ban .txt pre{font-size: var(--font-size16);}
}

.all-more a{display: inline-flex; align-items: center; padding: 0 1.5em; font-size: var(--font-size20); border-radius: 2em; height: calc(64 / 20 * 1em); position: relative;z-index: 1; overflow: hidden; transition: 0.3s;}
.all-more a:after{display: block; content: ''; width: 1em; height: calc(7 / 20 * 1em); margin-left: 1em; background: url(../images/more.svg) no-repeat center center; background-size: contain; margin-top: -0.2em;}
.all-more a.full{color: var(--white); background-color: var(--main-color);}
.all-more a:before{position: absolute; content: ''; left:-100%;top: 0;width: 100%;height: 100%;  background: linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%); transition: 0.3s;}
.all-more a:hover:before{left: 100%; }
.all-more a:hover{ box-shadow:0 0 0.1rem var(--main-color);}
@media (max-width:640px) {
    .all-more a{font-size: var(--font-size14);}
}

footer{background-color: var(--drak); padding-top: 0.9rem;}
footer .auto-inner{max-width: 1700px; width: 90%;}
footer,
footer a:not(:hover){color: var(--black-ccc-opacity-60);}
footer .f-bottom{margin-top: 0.3rem; font-size: var(--font-size15);}
footer .f-bottom .auto-inner{border-top: 1px solid var(--white-opacity-25); padding: 0.36rem 0;}
footer nav dt{font-size: var(--font-size20);margin-bottom: calc(25 / 20 * 1em);}
footer nav dt,
footer nav dt a:not(:hover){color: var(--white);}
footer nav dd{font-size: var(--font-size17); line-height: calc(30 / 17); }
footer nav .contact dd{display: flex;}
footer nav .contact dd:before{flex-shrink: 0;width: 0.15rem; margin-right: 0.13rem; height: calc(30 / 17 * 1em);background-repeat: no-repeat; background-position: center center; content: '';display: block; background-size: contain;}
footer nav dd.d-tel:before{background-image:url(../images/phone-white.svg); }
footer nav dd.d-email:before{background-image:url(../images/email-white.svg); }
footer nav dd.d-add:before{background-image:url(../images/address.svg);}
footer .logo img{width: 1.5rem;}
footer .form .tit{font-size: var(--font-size20);color: var(--white); margin-bottom: calc(25 / 20 * 1em);}
footer .form ol{margin-top: 0.25rem;}
footer .form li{margin-bottom: 0.14rem;}
footer .form li .text{width: 100%;display: block; border: 1px solid var(--white-opacity-50); color: var(--white); height: 0.47rem; line-height: 0.47rem;background: none; padding: 0 0.2rem; font-size: var(--font-size15); transition: 0.3s;}
footer .form li .text::placeholder{color: var(--black-ccc-opacity-60);}
footer .form li .text:focus{border-color: var(--main-color);}
footer .form .btn{display: inline-block;position: relative;z-index: 1;}
footer .form .btn .submit{position: absolute; left: 0;top: 0;width: 100%;height: 100%;cursor: pointer; z-index: 10; opacity: 0;}
footer .form .btn a{display: inline-flex;padding: 0 0.27rem; line-height: 0.44rem; background-color: #344651; color: var(--white);align-items: center; transition: 0.3s;}
footer .form .btn a:after{display: block; content: ''; width: 0.17rem; height: 0.14rem; margin-left: 0.06rem; background: url(../images/submit.svg) no-repeat center center;background-size: cover;}
footer .form .btn:hover a{background-color: var(--main-color);}
footer .other a + a{margin-left: 0.22rem;}
footer .copyright a{display: inline-block;}
@media (min-width:641px) {
    footer nav{flex: 1;display: flex;justify-content: space-between; }
    footer nav dl{max-width: 2.2rem;}
    footer nav .contact{max-width: 3.6rem;}
}
@media (min-width:1025px) {
    footer .logo{flex-shrink: 0;width: calc(243 / 1700 * 100%);}
    footer .form{flex-shrink: 0;width: calc(530 / 1700 * 100%);}
    footer nav{margin-right: 0.49rem;}
}
@media (max-width:1024px) {
    footer .f-bottom{line-height: 2;text-align: center;}
    footer nav{margin: 0.4rem 0;}
}
@media (max-width:640px) {
    footer nav dl:not(.contact){display: flex;flex-wrap: wrap; margin-bottom: 0.2rem;}
    footer nav dl:not(.contact) dt{width: 100%;}
    footer nav dl:not(.contact) dd {margin-right: 0.2rem;}
}

.home .auto-inner{max-width: 1700px;}
.home{ --pad:1.2rem;}
@media (max-width:640px) {
    .home{ --pad:0.6rem;}
}

.home-title{margin-bottom: 0.6rem;}
.home-title .tit{color: var(--main-color); font-size: var(--font-size24);display: flex;align-items: center; margin-bottom: calc(30 / 24 * 1em);}
.home-title .tit:before{display: block; content: '';background-color: var(--main-color);width: 0.18rem; height: 2px; margin-right: 0.14rem;}
.home-title .sub-tit{font-size: var(--font-size48); line-height: calc(56 / 48);}
center.home-title .tit{justify-content: center;}
center.home-title .sub-tit{margin-left: auto;margin-right: auto; max-width: 6.3rem;}
@media (max-width:640px) {
    .home-title{margin-bottom: 0.3rem;}
    .home-title .tit{ font-size: var(--font-size20);}
    .home-title .sub-tit{font-size: var(--font-size30);}
}

.home-about{position: relative;z-index: 1; padding: var(--pad) 0;}
.home-about .home-title{margin-bottom: 0.4rem;}
.home-about .bg{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 0; background-position: center bottom;}
.home-about > .auto-inner{position: relative;z-index: 4;}
.home-about  .wrap{max-width: calc(760 / 1700 * 100%);}
.home-about  .intro{font-size: var(--font-size20);color: var(--black-666); line-height: 1.6;}
.home-about  .all-more{margin:0.6rem 0 0.85rem 0;}
.home-about  .number p{margin: 0.12rem 0 0 0;color: var(--black-666); text-transform: uppercase;}
.home-about  .number .num{display: flex;align-items: flex-start;color: var(--main-color);}
.home-about  .number .counter{font-size: var(--font-size76); line-height: calc(60 / 76); font-weight: 400;}
.home-about  .number sub{font-size: var(--font-size20);}
@media (max-width:1024px) {
    .home-about  .wrap{max-width: 70%;}
    .home-about  .number{max-width: 90%;}
    .home-about  .number .counter{font-size: var(--font-size48);}
}
@media (max-width:640px) {
    .home-about  .wrap{max-width:none;}
    .home-about .intro{font-size: var(--font-size16);}
    .home-about  .all-more{margin:0.3rem 0 0.4rem 0;}
    .home-about  .number li + li{margin-top: 0.4rem;}
    .home-about .bg{background-size: 140% auto;}
}

.home-news{background-color: #fafafa; }
.home-news .left{box-shadow: var(--box-shadow); }
.home-news .left a{display: flex;flex-direction: column;align-items: stretch; height: 100%;}
.home-news .left .pic{overflow: hidden;}
.home-news .left .pic .Ispic{transition: 0.3s;}
.home-news .left a:hover .Ispic{transform: scale(1.15);}
.home-news .list .txt{background-color: var(--white); padding: 0.4rem 0.39rem; transition: 0.3s;}
.home-news .list .txt h3{font-weight: 400; margin: 0; font-size: var(--font-size24); line-height: 1.2;}
.home-news .list .txt p{color: var(--black-666); font-size: var(--font-size18); line-height: calc(30 / 18); margin: 0.2rem 0 0.4rem 0;}
.home-news .list .txt time{display: block; background: url(../images/more-black.svg) no-repeat right center; background-size: auto 0.1rem;}
.home-news .list a:hover .txt time{background-image: url(../images/more-color.svg);}
.home-news .right li + li{margin-top: 0.3rem;}
.home-news .right li .txt{box-shadow: var(--box-shadow);}
.home-news .right li a:hover .txt{transform:translateY(-0.2rem);}
@media (min-width:1025px) {
 .home-news{padding: 1.06rem 0 1.3rem 0;}
.home-news .left{width: calc(780 / 1700 * 100%);}
.home-news .right{width: calc(858 / 1700 * 100%);}
.home-news .left .pic{flex: 1; min-height: 4.32rem;}
.home-news .left .Ispic{height: 100%;}
}
@media (max-width:1024px) {
    .home-news{padding: var(--pad) 0;}
    .home-news .left .Ispic{padding-bottom: calc(432 / 780 * 100%);}
    .home-news .right{margin-top: 0.3rem;}
}
@media (max-width:640px) {
    .home-news .right li + li,
    .home-news .right{margin-top: 0.1rem;}
    .home-news .list .txt{padding: 0.24rem;}
}

.home-product{overflow: hidden; padding-bottom: 0.77rem; padding-top: 1.14rem; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.home-product .auto-inner{position: relative;z-index: 1;}
.home-product .slick-arrow{position: absolute; top: calc(50% - 0.64rem);cursor: pointer;padding: 0; background: none; border: 1px solid var(--black); border-radius: 50%; width: 0.55rem; height: 0.55rem; margin-top: -0.22rem; background: url(../images/more-black.svg) no-repeat center center; background-size:calc(20 / 44 * 100%) auto; font-size: 0; z-index: 10;}
.home-product .slick-prev{transform: rotateY(-180deg); left: calc(95 / 1700 * 100%);}
.home-product .slick-next{right: calc(95 / 1700 * 100%);}
.home-product .slider{margin: 0 calc(((2300 / 1920 * 100vw) - 100%) / -2);}
.home-product .slider .item a{display: block;width: calc(407 / 460 * 100%); margin: 0 auto;}
.home-product .slider .pic{overflow: hidden;}
.home-product .slider .Ispic{padding-bottom: calc(473 / 407 * 100%); transition: 0.3s;}
.home-product .slider .item a:hover .Ispic{transform: scale(1.15);}
.home-product .slider p{margin: 0;display: flex;justify-content: center; padding: 0.32rem 0;align-items: center;}
.home-product .slider p:after{display: block; content: '';width: 0.3rem; height: 0.11rem; background: url(../images/more-black.svg) no-repeat center center; background-size: contain; margin-left: 0.14rem;}
.home-product .slider p span{font-size: var(--font-size25); font-weight: 400; line-height: 1.2;}
.home-product .slider .item a:hover  p:after{background-image: url(../images/more-color.svg);}
@media (max-width:1024px) {
    .home-product .slick-prev{left: calc(100% / 3 - 0.44rem);}
    .home-product .slick-next{right: calc(100% / 3 - 0.44rem);} 
}
@media (max-width:640px) {
    .home-product .slider{margin: 0 -36vw;}
    .home-product .slider p span{font-size: var(--font-size18);}
    .home-product .slick-prev{left: 10vw;}
    .home-product .slick-next{right:10vw;} 
}

.home-classification{overflow: hidden;position: relative;z-index: 1;}
.home-classification .txt{ padding-top: 1.16rem; text-align: center;}
.home-classification .title{font-weight: 400;font-size: var(--font-size48); margin-bottom:0.4rem; }
.home-classification .txt .edit-info{max-width: 900px;width: 90%;text-align: center; font-size: var(--font-size22); line-height: calc(32 / 22); margin: 0 auto 0.39rem;}
.home-classification .bg-group{z-index: -1;}
.home-classification .bg-group,
.home-classification .bg-group li{position: absolute; left: 0;bottom: 0;width: 100%;height: 100%; }
.home-classification .bg-group li{opacity: 0; transition: 0.5s ease-in-out; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.home-classification .bg-group li.active{opacity: 1;}
.home-classification .item-group .item{flex: 1; position: relative;counter-increment: itemcounter;}
.home-classification .inner{ position: relative;}
.home-classification .inner:after{position: absolute; content: ''; height: 0.1rem; background: var(--main-color); width: 100%;left: 0;bottom: 0; opacity: 0;transition: 0.3s;}
.home-classification .icon{width: 0.66rem;height: 0.66rem;display: flex;align-items: center; justify-content: center;}
.home-classification .icon img{ max-height: 0.5rem;}
.home-classification .name{font-size: var(--font-size26);  font-weight: 500; line-height: 1.2;}
.home-classification .item .edit-info{overflow: hidden; transition: 0.3s; font-size: var(--font-size14);color: var(--black-666-opacity-80); line-height: calc(26 / 14); text-align: left; }
.home-classification .item .edit-info li{position: relative; padding-left: 0.15rem;list-style: none;}
.home-classification .item .edit-info li:before{position: absolute; content: '';width: 0.04rem; height: 0.04rem;background-color: var(--black-opacity-30); left: 0;top: calc(26 / 14 * 0.5em - 0.02rem);}
.home-classification .num{font-weight: 400; font-size: var(--font-size60);position: relative;left: 0;bottom: 0; transition: 0.3s;}
.home-classification .num:before{content: counters(itemcounter, ".", decimal-leading-zero);display: block;}
@media (min-width:1025px) {
.home-classification .pic{position: absolute;width: calc(100% + 1px);left: 0;bottom: 100%; overflow: hidden; transition: opacity 0.3s; opacity: 0;}
.home-classification .name{margin: 0.22rem 0 0.32rem 0;}
.home-classification .item-group .item{background-color: var(--black-opacity-30);border-right: solid 1px #858689;color: var(--white);border-top: solid 1px #858689;}
.home-classification .item.active .pic{opacity: 1;}
.home-classification .pic .Ispic{padding-bottom: calc(220 / 386 * 100%); transition: 0.3s;}
.home-classification  .pic:hover .Ispic{transform: scale(1.05);}
.home-classification .inner{ display: flex;flex-direction: column; justify-content: center;align-items: center; height: 100%; padding: 0 13%; transition: 0.3s; }
.home-classification .txt{color: var(--white);min-height: 6.01rem;}
.home-classification .item .edit-info{height: 0; opacity: 0;}
.home-classification .item-group{display: flex;justify-content: space-between;align-items: stretch; margin-right: -1px;}
.home-classification .item-group .item{ height: 3.6rem; }
.home-classification .num{color: var(--white-opacity-20);}
.home-classification .item.active .inner{align-items: flex-start; background-color: var(--white);}
.home-classification .item.active .num{position: absolute; left: 13%; bottom: calc(43 / 360 * 100%);color: var(--black-opacity-10);}
.home-classification .item.active .edit-info{height: calc(26 / 14 * 5em); opacity: 1;}
.home-classification .item.active .name{color: var(--black-333); margin-top: 0.16rem;}
.home-classification .item.active .inner:after{opacity: 1;}
.home-classification .item:not(.active) img{filter: brightness(0) invert(1);}
}
@media (max-width:1024px) {
.home-classification .bg-group{display: none;}
.home-classification .item-group{margin-top: 0.5rem;}
.home-classification .item-group .item{box-shadow: var(--box-shadow);}
.home-classification .item-group .item + .item{margin-top: 0.3rem;}
.home-classification .item-group .inner{ display: flex;flex-wrap: wrap; align-items: center; }
.home-classification .pic .Ispic{height: 100%;}
.home-classification .item .num{position: absolute; right: 5%; bottom: calc(43 / 360 * 100%);color: var(--black-opacity-10); left: auto;}
.home-classification .item .edit-info{width: 100%;}
.home-classification .item .name{width: calc(100% - 0.86rem); margin-left: 0.2rem;}
}
@media (min-width:641px) and  (max-width:1024px){
.home-classification .item-group .item{display: flex;justify-content: space-between; align-items: stretch; }  
.home-classification .item-group .pic{width: 35%; flex-shrink: 0;}
.home-classification .item-group .inner{flex: 1; margin-left: 0.2rem;padding: 0.2rem 0;}
}
@media (max-width:640px) {
    .home-classification .item-group{padding: 0 5% 0.3rem;}
    .home-classification .pic .Ispic{padding-bottom: calc(220 / 386 * 100%); }
    .home-classification .item-group .inner{padding: 0.2rem;}
}

.Menu003135{box-shadow: 0 0.1rem 0.3rem var(--black-opacity-4);}
.Menu003135 .current{ padding-left: 1.21428em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height: 5.7142;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: #999;}
.Menu003135 .current span{color: var(--black-333);}
.Menu003135 .nav-menu li{float: left;font-size:var(--font-size18);line-height: 5.1;}
.Menu003135 .nav-menu li:not(:last-child){margin-right:2.222em;}
.Menu003135 .nav-menu li a{display: block;position: relative;}
.Menu003135 .nav-menu li a:hover,
.Menu003135 .nav-menu li.aon a{color: #e96a37;}
.Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #e96a37;}
@media (max-width:1024px) {
.Menu003135 .current,
.Menu003135 .nav-menu li{line-height:3;}
}

.l-r-layout{padding: 1.15rem 0;}
@media (min-width:1025px) {
.l-r-layout .w22{width: 20%;}
.l-r-layout .w75{width: 77%;}    
}
@media (max-width:640px) {
    .l-r-layout{padding: 0.6rem 0;}
}

.Menu002306 .side-title{ height:0.6rem; background-color: var(--main-color); margin-left: 0.2rem; font-size:var(--font-size22); color:var(--white); padding:0 0.2rem 0 0.3rem;  position: relative; border-radius: 0.08rem 0 0 0; display: flex;align-items: center;flex-wrap: wrap;}
.Menu002306 .side-title::after,
.Menu002306 .side-title::before{content:'';}
.Menu002306 .side-title::before{ position: absolute; bottom: 0; left: -0.2rem; width: 0; height: 0;  border-style: dashed dashed solid dashed; border-width:0 0.15rem 0.54rem .2rem; border-color: transparent transparent var(--main-color) transparent;}
.Menu002306 .side-title::after{ display:inline-block; vertical-align:middle; width: 0.4rem; height: 1px; background: var(--white); margin-left:0.1rem;}
.Menu002306 .side-menu{border-radius: 0 0 0.5rem 0;background-color:#f8f8f8;padding-bottom: 0.5rem; overflow:hidden;}
.Menu002306 .side-menu li{ border-bottom:1px solid #ededed;}
.Menu002306 .side-menu li a{ display:block;line-height:calc(24 / 18); padding: calc(19 / 18 * 1em)  2em;position:relative;font-size:var(--font-size18);}
.Menu002306 .side-menu li.aon > a{color: var(--main-color);}
.Menu002306 .side-menu li >a::after{ position:absolute; content:' '; width:0.1rem; height:0.1rem;border-top: 2px solid var(--main-color);border-left: 2px solid var(--main-color); color:var(--white); text-align:center; line-height:calc(18 /12 * 1em);  font-size:var(--font-size12); right:0.18rem; top:50%; margin-top:-0.06rem;transform: rotate( 
135deg);}
.Menu002306 .side-open_menu{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.Menu002306{margin-bottom: 0.3rem;}
.Menu002306 .side-open_menu{ display:block; border:2px solid var(--main-color); padding:0.1rem 0.2rem 0.1rem 0.1rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:500; color:var(--main-color); border-radius:0 0 0.05rem 0.05rem; position:relative; line-height: 2; font-size: var(--font-size20);}
.Menu002306 .side-open_menu::after{ position:absolute; content:''; border:0.06rem solid transparent; border-top-color:var(--black); right:0.1rem; top:50%; margin-top:-0.03rem;}
.Menu002306 .side-menu{ display:none; padding-bottom:0.2rem;}
}

.PicList000762 li{ width: calc(386 / 1232 * 100%); margin-bottom: 3%;}
.PicList000762 li:not(:nth-child(3n)){margin-right: calc((100% - (386 / 1232 * 100%) * 3) / 2);}
.PicList000762 li .Ispic{padding-bottom: calc(510 / 400 * 100%);}
.PicList000762 li h2{font-weight: normal; margin:4% 0; font-size: var(--font-size22); text-align: center; line-height: 1.2;}
.PicList000762 li .pic{overflow: hidden;}
.PicList000762 li .Ispic{transition: 0.3s ease-in-out;}
.PicList000762 li a:hover .Ispic{transform: scale(1.05);}
@media(max-width:640px){
    .PicList000762 li h2{font-size: var(--font-size16);}
}

.Features li{ padding: calc(32 / 16* 1em) calc(30 / 16* 1em);padding-bottom: calc(40 / 16* 1em);background: var(--white);position: relative;background: #f8f8f8;overflow: hidden;border-radius: 0.15rem;margin-bottom: 2%; counter-increment: my;}
.Features li h3{margin: 0; text-align: center; font-size: var(--font-size20); color: var(--black-333); line-height: 1.2;margin-bottom: 0.18rem;}
.Features li .icon{display: block;height: calc(52 / 16 * 1em);margin: 0 auto;margin-bottom: calc(18 / 16 * 1em);}
.Features li pre{font-size: calc(16 / 16 * 1em); text-align: center; line-height: 1.5;}
.Features li .num{position: absolute; left: 50%;top: 79%; transform: translateX(-50%);font-size: 5vw;color: var(--main-color);z-index: 1;opacity: 0.08;line-height: 1;}
.Features li .num:before{content: counters(my, ".", decimal-leading-zero);}
@media (min-width:641px) {
.Features li{width: 32%;}
.Features li:not(:nth-child(3n)){margin-right:2%;}
}

.prod-intro .name{border-bottom: 1px solid #efefef;font-size: var(--font-size24); padding-bottom: 0.666em;color: var(--black-333); line-height: 2; margin-bottom: calc(32 / 24 * 1em);}
.prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: var(--main-color);display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;}
.prod-intro .name-1 i{background-image: url(../images/icon-file.svg);}
.prod-intro .name-2 i{background-image: url(../images/title-icon.svg);}
.prod-intro .name-3 i{background-image: url(../images/title-icon2.svg);}
.prod-intro .edit-single{margin-bottom: 3em;}

.edit-single{ line-height: 1.875;}

.RighInfo002554 .table_1 th,
.RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:calc(24 / 16); padding:0.15rem;}
.RighInfo002554 .table_1 td.text{background: #f8f8f8;} 
.RighInfo002554 .table_1 th{ font-size:var(--font-size18); font-weight:normal;}
.RighInfo002554 .table_1 th{background: #dedede; color: #131313; font-weight: 400;}
@media(max-width:480px){
.RighInfo002554 .table_1{ overflow:auto;}
.RighInfo002554 .table_1 table{ width:180%;}
}
.RighInfo002554 tr.text{background: #f5f5f5;}

.prod-details{padding-top: 6em;}
.prod-details .img-side{margin-bottom: 4em;background-color: #f8f8f8; border-radius: 0.5rem 0; overflow: hidden;}
.prod-details .img-group{padding-top: 4em; background: url(../images/bg.jpg) no-repeat center;background-size: cover;}
.prod-details .img-group li .Ispic{background-size: contain;padding-bottom: 55.167%;}

.prod-details .controls{display: table;position: relative;padding: 0 56px; margin: 3.125em auto 0;}
.prod-details .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;}
.prod-details .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.prod-details .controls .slick-dots li.slick-active button{background-color: var(--main-color); width: 100%;height: 100%;}
.prod-details .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px; border: 0;padding: 0; cursor: pointer; font-size: 0; background-color: transparent;}
.prod-details .controls .slick-prev{left: 0;background-image: url(../images/btn-prev.svg);}
.prod-details .controls .slick-next{right: 0;background-image: url(../images/btn-next.svg);}
.prod-details .controls .slick-disabled{cursor: default;}
.prod-details .controls .slick-prev.slick-disabled{background-image: url(../images/btn-prev-disabled.svg);}
.prod-details .controls .slick-next.slick-disabled{background-image: url(../images/btn-next-disabled.svg);}

.prod-details .img-side > div > div{padding-bottom: 3em;}
.prod-details .img-side .txt{text-align: center;}
.prod-details .img-side .tit{ font-size:2em;color: var(--black); margin-bottom: 0.6em;}
.prod-details .img-side .line{width: 0.15rem; height: 2px; background-color: var(--main-color);display: block;margin: 0 auto;}
.prod-details .img-side .text{margin-top: 3%; line-height: calc(36 / 20); font-size: var(--font-size20); color: var(--black-666); margin-bottom: 0; text-align: center;}
.prod-details .img-side .btn{ margin-top: 3.375em;}
.prod-details .img-side .btn a{display: inline-flex;font-size: 1.125em;color: var(--white);box-shadow: 0 0.1rem 0.3rem rgba(218, 37, 29, 0.08);border-radius: 0.05rem; margin: 0 0.05rem; min-width:12.5em;  line-height: 3.3333;padding: 0 1.8125em; cursor: pointer;background-color: var(--main-color); align-items: center; justify-content: center;}
.prod-details .img-side .btn a:before{display: -block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.3333em;margin-right: 0.5555em;background-image: url(../images/icon-file1.svg);}

@media (min-width:1025px) {
.prod-details .img-group{width: 50%; flex-shrink: 0;}
.prod-details .img-side .txt{padding: 0 4%;flex: 1;}
}
@media (max-width:1024px) {
    .prod-details .img-side .txt{padding: 0.3rem;}
    .prod-details{padding-top: 3em;}
}

.column-title{margin-bottom:0.5rem; font-size:var(--font-size46);text-transform: uppercase;font-weight: 400;}
.column-title:after{content:'';width:0.56rem;height: 0.03rem;background:var(--main-color);display: block;margin-top:0.2rem;}

.about-intro{padding-top: 6vw;margin-bottom: 3vw;}
.about-intro.reverse{flex-direction: row-reverse;}
.about-intro .edit-info{margin: 1.8em 0;font-size:var(--font-size17);color:var(--black-666); line-height: 2;}
@media (min-width:1025px) {
.about-intro .info{width: 46%;}
.about-intro .img{width: 47%;}
}

.number-count{margin: 4vw 0 6vw;box-shadow: 0 0.625em 4.375em rgba(0, 0, 0, 0.08); padding: 3.5em 0;}
.number-count li{text-align: center; flex: 1;}
.number-count li .icon{width: 0.6rem; height: 0.6rem;display: flex;align-items: center; justify-content: center; margin: 0 auto 0.15rem;}
.number-count li .icon img{max-height: 100%;}
.number-count li aside{display: inline-block;position: relative;color:var(--main-color);}
.number-count li aside b{font-size:var(--font-size65);display: block;}
.number-count li aside sub{position: absolute; left: 100%; word-break: keep-all; bottom: 15%;margin-left: 0.1rem;}
.number-count li p{font-size:var(--font-size18);color: var(--black-666); margin: 0.1rem 0 0 0;}
@media(max-width:1024px){
    .number-count ul{flex-direction: row; flex-wrap: wrap;}
    .number-count li{width: 50%; flex: auto;}
    .number-count li:nth-child(2) ~ li{margin-top: 0.5rem;}
}
@media (max-width:640px) {
    .number-count li{padding: 0 5%;}
    .number-count li aside b{font-size:var(--font-size36);}
    .number-count li p{font-size:var(--font-size14);}
}

.edit-info-15 p{font-size:var(--font-size17);line-height: calc(28 / 17);color:var(--black-666);margin-bottom:0.1rem;}
.edit-info-15 .p{position: relative;padding-left:0.15rem;}
.edit-info-15 .p:after{content:'';width:5px;height: 5px;background:var(--main-color);display: block;position: absolute;left:0;top:0.12rem;border-radius: 50%}


.PicList002854{margin: 1.15rem 0;}
.PicList002854 li{float: left;}
.PicList002854 li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 2vw 1vw 4vw; transition: 0.3s;margin:0 0.25rem;}
.PicList002854 li aside{font-size: var(--font-size18); line-height: calc(28 / 18); min-height:  calc(28 / 18 * 2em); text-align: center; margin-bottom: 2vw;color: var(--black-333);}
.PicList002854 li .Ispic{background-size: contain;padding-bottom: 56.565%;}
.PicList002854 li a:after{position: absolute; content: '';width: 0.5rem;height:  0.5rem;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto  0.21rem;transition: 0.3s;}
.PicList002854 li a:hover{border-color: var(--main-color);}
.PicList002854 li a:hover:after{background-color: var(--main-color); background-image: url(../images/PicList002854_btn_hover.png);}
@media (max-width:640px) {
    .PicList002854{margin: 0.6rem 0;}
}

.PicList002854 .slick-arrow{ position:absolute; width:0.3rem; height:0.3rem; top:50%; margin-top:-0.11rem; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid var(--main-color);border-left: 2px solid var(--main-color);transform:rotate(-45deg);}
.PicList002854 .slick-prev{ left:-0.25rem;}
.PicList002854 .slick-next{transform:rotate(135deg); right:-0.25rem;}
@media(min-width:1293px){
.PicList002854 .slider{margin: 0 -0.25rem;}
}
@media(max-width:1292px){
.PicList002854 .slick-prev{ left:0;}
.PicList002854 .slick-next{ right:0;}
}

.news-top{position: relative;overflow: hidden;margin-bottom:6% }
.news-top .pic{overflow: hidden;border-radius: 10px}
.news-top .pic .Ispic{padding-bottom: 57%;transition: .3s;display: block;}
.news-top .txt{padding-bottom:0.5rem;position: relative}
.news-top .txt time{display: block;font-size:calc(22 / 16 * 1em) }
.news-top .txt time span{font-size:calc(22 / 16 * 1em);display: inline-block;border-bottom: 2px solid #ddd;padding-bottom: 0.1rem;color:var(--main-color);margin-right:calc(12 / 16 * 1em)  }
.news-top .txt .tit{font-size:calc(30 / 16 * 1em);color: #333;margin: calc(30 / 16 * 1em) 0 calc(10 / 16 * 1em)}
.news-top .txt .desc{line-height: 2;}
.news-top .txt .more{display: inline-block;margin-top:calc(60 / 16 * 1em);font-weight: lighter;padding-right:calc(40 / 16 * 1em);background: url(../images/icon-arrow-gray.svg)no-repeat center right;background-size: 8px auto; }
.news-top .txt .more:hover{color:var(--main-color) ;background: url(../images/icon-arrow-green.svg)no-repeat center right;background-size: 0.08rem auto; }
.news-top .pic:hover figure{transform: scale(1.05)}

.news-top .btns{position: absolute;bottom: 0;right: 0;z-index: 10;width: 42%;text-align: right}
.news-top .btns::before{position: absolute;content: '';width: 70%;height: 2px;background: #ddd;left: 0;bottom: 0}
.news-top .btns .progress{position: absolute;content: '';width: 15%;height: 2px;background: var(--main-color);left: 0;bottom: 0;transition: all .8s;}
.news-top .btns .slick-arrow{width:0.5rem;height:0.5rem;border-radius: 50%;background:url(../images/icon-arrow.svg)no-repeat center var(--main-color);background-size: 0.1rem auto;font-size: 0; border: 1px solid var(--main-color);cursor: pointer;}
.news-top .btns .slick-prev{transform: rotate(180deg);margin-right: 0.2rem}
.news-top .btns .slick-disabled{background-image:url(../images/icon-arrow-green.svg);background-color: var(--white); cursor: default;}
@media(min-width:1025px){
  .news-top li .pic{width: 50%;}
  .news-top li .txt{width: 42%;}
.news-top li > div{padding: 0 calc(30 / 16 * 1em);}
}
@media (max-width:1024px) {
    .news-top .txt{padding-top: 0.5rem;} 
    .news-top .btns{width: 100%;}
}

.news-list li {padding-bottom: 2%; float: left;}
.news-list li a {display: block;border-radius: calc(10 / 16 * 1em);overflow: hidden;background: var(--white);box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);}
.news-list li .pic {overflow: hidden;position: relative;}
.news-list li .pic .Ispic {padding-bottom: 67%;transition: 0.5s;}
.news-list li a:hover .Ispic {transform: scale(1.15);}
.news-list li .txt {padding: calc(40 / 16 * 1em) calc(40 / 16 * 1em) calc(40 / 16 * 1em);position: relative}
.news-list li .txt .tit {font-size: calc(24 / 16 * 1em);font-weight: bold;color: var(--black);line-height: 1.25;min-height: 2.5em;margin-bottom: calc(12 / 16 * 1em);}
.news-list li .txt p {line-height: calc(24 / 16 * 1em);color: var(--black);margin-bottom: calc(28 / 16 * 1em);}
.news-list li .txt time {position: absolute;width:calc(80 / 16 * 1em) ;height: calc(80 / 16 * 1em);background-image: linear-gradient(to right, #87cdf3 , #35a0da);border-radius:calc(10 / 16 * 1em);left:calc(30 / 16 * 1em) ;top: calc(-40 / 16 * 1em);color: var(--white);padding:calc(10 / 16 * 1em) ;  }
.news-list li .txt time span{display: block;font-size:calc(40 / 16 * 1em);line-height: 1;font-weight: bold;}
@media(min-width:1025px){
.news-list ul{padding: 0 calc(30 / 16 * 1em);}
.news-list li {width: 32%;margin-right: 2%}
.news-list li:nth-child(3n){margin-right: 0}
}
@media(max-width:1024px){
    .news-list li {width: 49%;margin-right: 2%}
    .news-list li:nth-child(2n){margin-right: 0}
}
@media(max-width:640px){
    .news-list li .txt{padding: 0.2rem;} 
    .news-list li .txt .tit{font-size: var(--font-size18);}
}


.News_datail .auto-inner{max-width: 1200px}
.News_datail .title{border-bottom: 1px solid #dfe2e5;margin-bottom:calc(50 / 16 * 1em);padding-bottom: calc(30 / 16 * 1em);text-align: center}
.News_datail .title .tit{font-size: calc(40 / 16 * 1em);font-weight: bold;color: var(--black);padding-bottom: calc(15 / 16 * 1em)}
.News_datail .title time{font-weight: lighter;color:var(--main-color)}
.News_datail .con{line-height: 2;}
.News_datail .btns{border-top: 1px solid #dfe2e5;margin-top:calc(70 / 16 * 1em);padding-top: calc(70 / 16 * 1em);display: flex;justify-content: space-between;align-items: center}
.News_datail .btns .btns-page{flex: 1;}
.News_datail .btns .btns-page span{line-height: 2}
.News_datail .btns .btns-page span a{color: var(--black-666)}
.News_datail .btns .btns-page span a:hover{color:var(--main-color);}
.News_datail .btns .btns-page span a i{font-style: normal;color:var(--main-color);display: inline-block;margin-right: 10px}
.News_datail .btns .btns-btn{flex-shrink: 0;}
.News_datail .btns .btns-btn a{display: block;background: var(--main-color);border-radius: 36px;line-height:calc(50 / 16 * 1em);width: calc(160 / 16 * 1em);text-align: center;color: var(--white);text-transform: uppercase;font-size: calc(14 / 16* 1em);font-weight: bold;}
@media (max-width:640px) {
    .News_datail .title .tit{font-size: var(--font-size24);}
}

.Form002319 .word p{font-size:var(--font-size22);padding:0.45rem 0 0.45rem 0.55rem;border-bottom:1px solid #e8e8e8;padding-left:0.55rem; background-size: 0.4rem auto; background-repeat: no-repeat; background-position: left center; margin: 0;}
.Form002319 .word p:last-child{border-bottom:0;}
.Form002319 .word .company{background-image:url(../images/Form002319-icon1.png);}
.Form002319 .word .addr{background-image:url(../images/Form002319-icon2.png);}
.Form002319 .word .email{background-image:url(../images/Form002319-icon3.png);}
.Form002319 .word .tel{background-image:url(../images/Form002319-icon4.png);}

.Form002319 .bd{box-shadow: 0 0 0.35rem rgba(0,0,0,0.1);padding:5%;border-radius: 0.1rem}
.Form002319 .row dl{ margin-bottom: 0.15rem;}
.Form002319 .row dl em{ font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block;}
.Form002319 input.text{border: 0; border-bottom: 1px solid #e8e8e8; background: none; display: block; height: 50px; line-height: 50px; width: 100%; padding: 5px 0px; color: #333;font-size:0.18rem;}
.Form002319 input.text::placeholder,
.Form002319 textarea::placeholder{ color: #aaa;}
.Form002319 textarea{
    width: 100%;
    display: block;
    height: 1.5rem;
    resize: none;
    padding-top: .1rem;
    border: 0;
    border-bottom: solid 1px #e8e8e8;
    font-size: 0.18rem;
}
.Form002319 .btn{ background: var(--main-color); height: 0.48rem; display: block;  width: 33.3334%; max-width: 1.6rem;  margin-right: 0.15rem;  border-radius: 50px; color: #fff;margin-top:0.35rem; cursor: pointer; border: 0;}
@media (min-width:1025px) {
    .Form002319 .word,
    .Form002319 form{width:47%;}
}
@media (max-width:1024px) {
    .Form002319 form{margin-top: 0.5rem;}
}

.search-list li{ box-shadow: var(--box-shadow); margin-bottom: 0.2rem;}
.search-list li a{padding: 0.2rem; position: relative;z-index: 1; padding-left: 0.2rem;display: block; line-height: 1.2;}
.search-list li time{float: right; margin-left: 2em;}
.search-list li a:before{position:absolute; content: ''; width: 0.04rem; height: 0.04rem; background-color: var(--main-color); left: 0;top: 50%;margin-top: -0.02rem; left: 0.1rem;}

.page-banner{overflow: hidden;}
.auto-inner .tab{
    margin-bottom: 0.5rem;
}
.auto-inner .tab a{
    font-size: var(--font-size15);
    cursor: pointer;
    display: inline-block;
    border: 1px solid #eaeaea;
    line-height: 35px;
    padding: 0 3%;
    margin-right: 3%;
    position: relative;
    text-align: center;
    color: #aaa;
    text-decoration: none;
}
.auto-inner .tab a i{
    color: var(--main-color);
    font-style: normal;
}
.auto-inner .tab a.on{
    color: #fff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.auto-inner .tab a.on i{
    color: #fff;
    font-weight: bold;
}
.auto-inner .tab a.on:before{
    position: absolute;
    content: '';
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid var(--main-color);
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 0;
}


.f-links{
    display: flex;
    align-items: center;
    margin-top: .3rem;
}
.f-links a{
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: solid 1px #fff;
    text-align: center;
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.f-links a:not(:last-child) {
    margin-right: .2rem;
}
.f-links a img{
    max-width: 50%;
    max-height: 50%;
}
.f-links a:hover{
    opacity: 1;
}

@media (max-width: 1025px) {
    .f-links{
        margin-left: calc(243 / 1700 * 100%);
    }
}

@media (max-width: 1024px) {
    .f-links{
        justify-content: center;
    }
}