@charset "UTF-8";@import url('base.css');.center{text-align:center;}
.header{position:relative;width:100%;z-index:100}
.header .topT{position:fixed;width:100%;transition:0.5s}
.header .logo{max-width:1.52rem}
.header .logo img{transition:0.5s}
.header .nav li{position:relative}
.header .nav li a{display:block;}
.header .nav li span{display:block;position:relative;}
.header .nav ul li.has-sub{position:relative;z-index:100}
.header .nav li .sub dl{position:relative;z-index:1;--top:0;width:max-content;transition:0.3s;padding:1em 0}
.header .nav li .sub dd{line-height:1.2;position:relative;z-index:1;padding:0.5em 1em}
.header .nav li .sub a{display:block}
.top-language{position:relative;padding-right:.27rem}
.top-language a{display:block;line-height:.36rem;}
.top-language dt a{padding-left:.27rem;background:url(../images/svg/language.svg) no-repeat left}
.top-language dd{position:absolute;width:100%;visibility:hidden;opacity:0;transform:translateY(.3rem);transition:0.5s; background-color: #fff; padding: .1rem;}
.top-language.show dd{visibility:inherit;opacity:1;transform:translateY(0)}
.top-search{position:relative;}
.top-search a{display:block;position:relative;z-index:5;width:.36rem;height:.36rem;background:var(--color-red) no-repeat center center;background-image:url(../images/svg/search.svg);border-radius:100%;cursor:pointer;transition:0.5s}
.top-search .open-search:before,.top-search .open-search:after{content:'';position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:60%;height:2px;background:var(--color-fff);opacity:0;transition:0.5s}
.search-show .top-search .open-search:before{transform:rotate(45deg)}
.search-show .top-search .open-search:after{transform:rotate(-45deg)}
.top-search .search-box{position:absolute;right:0;top:0;width:1rem;padding-left:.2rem;padding-right:.1rem;border-radius:.5rem;background:var(--color-red);transition:0.5s}
.top-search .search-box .text{width:calc(100% - .36rem);border:none;background:none;height:.36rem;line-height:.36rem;color:var(--color-fff);font-family:'hm-L'}
.search-show .top-search .search-box{visibility:inherit;opacity:1;right:100%}
.search-show .top-search .open-search{background-image:none}
.search-show .top-search .open-search:before,.search-show .top-search .open-search:after{opacity:1}
body.no_banner .header .topT,.header.mouse_down .topT{border-bottom:solid 1px #f5f5f5}
.header.mouse_down .topT{background:var(--color-fff);}
@media (min-width:1025px){body:not(.no_banner) .header{position:absolute}
.header .nav{padding-right:3vw}
.header .nav ul{display:flex}
.header .nav li:not(:last-child){margin-right:.2rem}
.header .nav li span{line-height:1rem;transition:0.5s;}
.header .nav li span:after{content:'';position:absolute;width:0;height:2px;left:0;right:0;bottom:0;margin:auto;background:var(--color-red);transition:0.5s}
.header .nav li .sub{position:absolute;top:100%;transform:translateY(0.3rem);opacity:0;visibility:hidden;background:rgba(255,255,255,0.9);transition:0.3s;}
.header .nav li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
.header .nav li.aon span a{color:var(--color-red)}
.header .nav li.aon span:after{width:100%}
.top-search a.open-search{display:none}
/* .top-search .search-box{position:relative} */
.top-search{width: 1rem;}
.top-search .search-box{top:-0.16rem;}
.top-search .search-box:hover{width:2rem;background: var(--hover-color) !important;}
.header_white:not(.mouse_down) .logo img{filter:brightness(0) invert(1);}
.header_white:not(.mouse_down) .nav li span a{color:var(--color-fff);}
.header_white:not(.mouse_down) .top-language dt a{filter:brightness(0) invert(1);}
.header_white:not(.mouse_down) .top-search .search-box{background:rgba(255,255,255,0.14)}
.header_white:not(.mouse_down) .top-search a{background-color:transparent}
.header_white:not(.mouse_down) .toploin a{color:var(--color-fff);}
}
@media (min-width:1280px){.header .nav{padding-right:6vw}
.header .nav li:not(:last-child){margin-right:3.6vw}
}
@media (min-width:1920px){.header .nav{padding-right:1.15rem;}
.header .nav li:not(:last-child){margin-right:0.7rem;}
}
@media (max-width:1024px){.open-menu{margin-left:.2rem;position:relative;z-index:10;width:40px;height:40px;}
.open-menu i{height:0.03rem;width:70%;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;background:var(--color-red);transition:0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){transform:translateY(-.1rem)}
body:not(.menu-show) .open-menu i:nth-child(3){transform:translateY(.1rem)}
body.menu-show .open-menu i:nth-child(2){opacity:0;}
body.menu-show .open-menu i:nth-child(1){transform:rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform:rotate(45deg);}
body.menu-show{overflow:hidden;}
body.menu-show .nav{left:0;opacity:1;transform:translateX(0);}
.header .topT{position:fixed;width:100%;z-index:100;display:flex;justify-content:space-between;background:var(--color-fff)}
.header .logo{width:2rem;padding:.2rem 0}
.header .nav{position:fixed;left:-100%;opacity:0;transform:translateX(-100%);top:0;bottom:0;width:3rem;background-color:rgba(255,255,255,0.95);box-shadow:0 0.1rem 0.1rem rgba(0,0,0,0.1);transition:0.3s;z-index:20}
.header .nav ul{overflow:auto;}
.header .nav li{width:100%}
.header .nav li span{line-height:3;border-bottom:1px solid rgba(0,0,0,0.1);}
.header .nav li span a{font-size:var(--f20);padding:0 3%;}
.header .nav li .sub{display:none}
.header .nav li .sub a{font-size:var(--f18);}
.top-search .search-box{opacity:0;width:0;visibility:hidden;flex-wrap:nowrap}
.search-show .top-search .search-box{width:50vw;visibility:visible}
}
@media(max-width:1024px){.has-multi aside,.has-sub span{padding-right:0.4rem;}
.has-multi aside .op-multi,.has-sub span .wap-op{width:0.4rem;height:100%;position:absolute;right:0;top:0}
.has-multi aside .op-multi:before,.has-multi aside .op-multi:after,.has-sub span .wap-op:before,.has-sub span .wap-op:after{content:'';position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;width:0.12rem;height:0.02rem;background:var(--color-red)}
.has-multi aside .op-multi:after,.has-sub span .wap-op:after{width:0.02rem;height:0.12rem;}
.has-sub.click .wap-op:after{transform:rotate(90deg)}
}
.bottom{background:var(--color-222) url("../images/svg/logo-icon.svg") no-repeat 132% 198%;background-size:55.20833333333333%}
.bottom,.bottom a:not(:hover){color:rgba(255,255,255,0.6)}
.bottom a{display:inline-block}
.bottom .logo{padding:4.3% 0}
.bottom .logo img{max-width:1.8rem;filter:brightness(0) invert(1);}
.bottom .boxC{padding:4% 0;border-top:solid 1px rgba(255,255,255,.1);border-bottom:solid 1px rgba(255,255,255,.1)}
.bottom .lanmu{width:64.375%;}
.bottom .lanmu b{display:block;font-weight:normal}
.bottom .lanmu b a{font-size:var(--f18);color:var(--color-fff);}
.bottom .lanmu .sub{line-height:2;padding-top:.2rem;font-family:'hm-L'}
.bottom .lanmu .sub span{display:block;padding:.05rem 0}
.bottom .info{order:-1;width:33.75%}
.bottom .info dl:not(:last-child){padding-bottom:.4rem}
.bottom .info dt{font-size:var(--f18);color:var(--color-fff)}
.bottom .info dd{font-family:'hm-L';line-height:.24rem}
.bottom .info dd p{padding:.05rem 0 .05rem .3rem;background:no-repeat left .1rem}
.bottom .info dd p.address{background-image:url(../images/svg/lx-address.svg)}
.bottom .info dd p.tel{background-image:url(../images/svg/lx-tel.svg)}
.bottom .info dd p.email{background-image:url(../images/svg/lx-email.svg)}
.bottom .boxB{font-family:'hm-L';padding:1.8% 0}
.bottom .lm{order:2}
.bottom .lm span:not(:last-child):after{content:'.';vertical-align:super;margin:0 .1rem;font-weight:bold}
.bottom .copyright a{margin-left:.1rem;}
@media(max-width:1024px){.bottom .lanmu{width:100%;}
.bottom .info{order:1;width:100%;padding-top:2%;}
.bottom .lm{order:-1;width:100%;padding-bottom:1%}
}
@media(min-width:640px) and (max-width:1024px){.bottom .info{display:flex;gap:.2rem;margin-top:2%;border-top:solid 1px rgba(255,255,255,.1)}
.bottom .info dl{flex:1;padding-bottom:0!important}
}
@media(max-width:640px){.bottom .lanmu{display:none}
}
.sider{position:fixed;right:.2rem;z-index:99;width:.5rem;bottom:5%;}
.sider .gotop{display:block;width:.5rem;height:.5rem;background:var(--color-green) url("../images/svg/side_top.svg") no-repeat center center;border-radius:100%}
.banner{position:relative;}
.banner video{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);min-height:100%;min-width:100%;width:100%;height:100%;object-fit:cover}
.banner figure img{width:100%}
.banner figure img.wap{display:none}
.banner .box{position:absolute;width:100%;z-index:2;top:57%;transform:translateY(-50%)}
.banner .txt{color:var(--color-fff)}
.banner .txt.cn{font-size:calc(var(--f60));font-family:'hm-B'}
.banner .txt.en{font-size:var(--f32);font-family:'hm-L';opacity:0.6}
@media(max-width:1024px){.banner figure img.pc{display:none}
.banner figure img.wap{display:block}
}
.location{padding:.2rem 0;font-family:'hm-L';margin-bottom:.4rem}
.location a:first-child{padding-left:27px;background:url("../images/svg/location.svg") no-repeat left}
.location,.location a:not(:hover){color:var(--color-999)}
.location a{display:inline-block}
.location span:last-child{color:var(--color-333)}
.view .link{border:solid 2px var(--color-red);line-height:3.5;padding:0 .3rem;border-radius:var(--br30);display:inline-flex;align-items:center;color:var(--color-666);transition:0.5s;position:relative;cursor:pointer}
.view .link:not(:last-child){margin-right:.3rem}
.view em{font-style:normal;display:block;padding-right:.26rem}
.view i{width:18px;height:15px;background:url(../images/svg/view_jt.svg) no-repeat center center;transition:0.5s}
.view .link:hover{background:var(--color-red);color:var(--color-fff)}
.view .link:hover i{filter:brightness(0) invert(1);}
.view.down i{background-image:url(../images/svg/down.svg)}
@media(max-width:1024px){.view .link{line-height:2.8;padding:0 .2rem;}
.view em{display:block;padding-right:.15rem}
}
.hide{overflow:hidden;height:0}
.column_name{padding-bottom:.4rem}
.column_name h3{line-height:1;color:var(--color-333);font-size:calc(var(--f42));font-family:'hm-B';padding:0;margin:0}
.column_name.center{text-align:center}
.menu_sub{font-size:var(--f20);font-family:'hm-L';width:100%;position:relative;z-index:2;border-bottom:solid 1px #e5e5e5;margin-bottom:3.75%}
.menu_sub ul{padding-bottom:.15rem;}
.menu_sub ul li{cursor:pointer; }
.menu_sub ul li:not(:last-child){margin-right:3.14vw;}
.menu_sub ul li a{display:block;position:relative;line-height:2; height: 100%;}
.menu_sub ul li a:after{position:absolute;content:'';width:0;height:2px;left:0;bottom:-.16rem;background:var(--color-red);transition:0.5s}
.menu_sub ul li span{display:block;font-size:var(--f16);font-family:'hm-R'; line-height: 1.2;}
.menu_sub ul li figure{width:.72rem;height:.72rem;display:flex;justify-content:center;align-items:center;margin:auto}
.menu_sub ul li figure img{max-height:100%}
.menu_sub ul li:not(.aon) figure img{filter:grayscale(100%) brightness(100%);}
.menu_sub ul li.aon a{color:var(--color-red);}
.menu_sub ul li.aon a:after{width:100%;}
.quick_layout .navH{transition:0.5s}
.quick_layout .quick_nav{transition:0.5s;margin-bottom:0}
.quick_layout .quick_nav .flex{justify-content:center;}
.quick_layout .quick_nav ul{padding:.1rem 0 .2rem;display:flex;}
.quick_layout .quick_nav ul li{cursor:pointer; text-align: center;}
.quick_layout .quick_nav ul li a:after{height:3px;bottom:-.17rem}
.quick_layout .quick_nav:not(.show_t) ul{border-bottom:none}
.quick_layout .quick_nav.show_t{position:fixed;width:100%;background:rgba(255,255,255,0.9);}
.quick_layout .quick_nav ul::-webkit-scrollbar{width:6px;height:6px;}
.quick_layout .quick_nav ul::-webkit-scrollbar-track{background-color:#eee;border-radius:.1rem;}
/* 轨道颜色 */
.quick_layout .quick_nav ul::-webkit-scrollbar-thumb{background-color:#ccc;/* 滑块颜色 */
border-radius:.1rem;}
.quick_layout .quick_nav ul::-webkit-scrollbar-thumb:hover{background-color:var(--hover-color);}

.product_ODM{padding-bottom:5%;/* display:flex;justify-content:space-between */ padding-top: 6.25%;}
.product_ODM .tab-title{/* width:12.5%;border-left:solid 1px #e5e5e5 */ padding-bottom: 0.5rem; }
.product_ODM .tab-title ul{display: flex;flex-wrap: wrap;justify-content: center;}
.product_ODM .tab-title li a{/* padding:.14rem 0 .14rem .3rem; */font-size:var(--f20);  padding-bottom: 0.2rem; line-height:1.6;display:block;position:relative;cursor:pointer;margin: 0 0.12rem;}
.product_ODM .tab-title li a:before{content:'';position:absolute;width:100%;bottom:0;left:0px;height:2px;/* transition:0.5s */}
.product_ODM .tab-title li:not(.show) a{color:var(--color-666);font-family:'hm-L'}
.product_ODM .tab-title li.show a:before{/* height:100% */background:var(--color-red);}
.product_ODM .tab-info{/* width:87.5% */}
.product_ODM .list{gap:.2rem}
.product_ODM .list .item{width: calc((100% - 3*.2rem) / 4)}
.product_ODM .list .item .pic figure{padding-bottom:75%;}
.product_ODM .list .item .info{text-align: center; padding: .2rem 0}
.product_ODM .list .item .info h4{font-size:var(--f18);}
@media(min-width:1025px){
    .quick_layout .quick_nav ul{ flex-wrap: wrap; justify-content: center;}
    .quick_layout .quick_nav li{ max-width: 1.6rem;}
}
@media(max-width:1024px){
.product_ODM .list .item{width: calc((100% - 2*.2rem) / 3)}
.quick_layout .quick_nav ul{ white-space:nowrap;overflow-x:auto;overflow-y:hidden;max-width:10rem; }
}
@media(max-width:640px){
.product_ODM .list .item{width: calc((100% - 1*.2rem) / 2)}
}
@media (max-width:1024px){
/* .product_ODM .tab-title li a{padding:.1rem} */
}
@media (max-width:768px){
/* .product_ODM .tab-title{width:22%;}
.product_ODM .tab-info{width:76%} */
}

.product_overview{padding-top:2%;padding-bottom:5%;background:url(../images/pro_line.png) no-repeat bottom center;background-size:100%;/* margin-bottom:6.25% */}
.product_overview .column_name{padding-bottom:0}
.product_overview .overview{width:48%;font-family:'hm-L';line-height:2}
.product_overview .search{width:31.25%;padding:.05rem .1rem .05rem .2rem;border:solid 1px #d8d8d8;border-radius:var(--br30)}
.product_overview .search .text{color:var(--color-999);width:calc(100% - .4rem);height:.38rem;line-height:.38rem;border:none}
.product_overview .search a{width:.38rem;height:.38rem;cursor:pointer;background:url(../images/svg/search2.svg) no-repeat center center}
@media(max-width:768px){.product_overview .overview{width:100%;padding:3% 0}
.product_overview .search{width:100%}
}
.product_list.category{padding-bottom:6.25%}
.product_list.list{padding-bottom:6.25%}
.product_list ul li{background:#e8e9eb;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:var(--br10);padding:2%;transition:0.5s}
.product_list li .pic{width:80.278%;margin:auto}
.product_list li .pic figure{}
.product_list li .pic figure img{object-fit:contain;-o-object-fit:contain}
.product_list li .info{position:relative}
.product_list li .info h4{font-size:var(--f22);max-width:calc(96% - .86rem);}
.product_list li .info .icon{width:.70rem;position:relative;height: .70rem;opacity: 0;transition: 0.5s;}
.product_list li .info .icon:before,.product_list li .info .icon:after{content:'';position:absolute;width:100%;height:100%;background:no-repeat center center}
.product_list li .info .icon:before{background-image:url("../images/svg/view_jt.svg");z-index:2}
.product_list li .info .icon:after{background-image:url("../images/light.png");background-size:contain;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.product_list li .info .txt{transform: translateX(.35rem);}
.product_list li .info .txt_hover{padding:0 5%;transition:0.8s; justify-content: center; align-items: center;}
.product_list li .info .txt_default{position:absolute;width:100%;transition:0.7s; display: none;}
.product_list li:hover{background:#eef2f6}
.product_list li:hover .info .txt{transform: translateX(0);}
.product_list li:hover .info .txt_default{transform:translateX(-10%);opacity:0}
.product_list li:hover .info .txt{max-width: 100%;width: 100%;}
.product_list li:hover .info .txt_hover {justify-content: space-between;}
.product_list li:hover .info .txt_hover .icon{opacity:1;}
@media(min-width:1024px){.product_list li{width:31.25%}
.product_list li:not(3n+3){margin-right:3.125%}
.product_list li:nth-child(3)~li{margin-top:3.75%}
.product_list ul:after{content:'';width:31.25%}
}
@media(max-width:1024px){.product_list li{width:48%}
.product_list li:not(2n+1){margin-right:4%}
.product_list li:nth-child(2)~li{margin-top:4%}
}
@media(max-width:640px){.product_list li .info .icon{display:none}
}
@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.product_category_related{padding:3.75% 0;border-top:solid 1px #e6e6e6}
.product_category_related li{position:relative;}
.product_category_related li .pic figure{padding-bottom:55.798%;border-radius:var(--br10)}
.product_category_related li .info{position:absolute;top:0;padding:10%;width:100%;z-index:10}
.product_category_related li .info h4{font-size:var(--f24);}
.product_category_related li .info h4 a{color:var(--color-fff)}
.product_category_related li .info p{width:62%;color:var(--color-fff);line-height:.3rem;height:.9rem;}
.product_category_related li .info .down{width:.54rem;height:.54rem;margin-top:.2rem;display:block;border-radius:100%;border:solid 2px var(--color-fff);background:url(../images/svg/down2.svg) no-repeat center center;background-size:40.74074074074074%}
.product_category_related li.swiper-slide-next + li{opacity:0.15}
.product_category_related .swiper{overflow:inherit}
.product_category_related .swiper-other{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:.3rem}
.product_category_related .swiper-other .swiper-pagination{width:calc(100% - 1.6rem);position:relative}
@media(max-width:1200px){.product_category_related li .info{padding:6%}
.product_category_related li .info p{-webkit-line-clamp:2;height:.6rem}
.product_category_related li .info .down{width:.4rem;height:.4rem;}
}
@media(max-width:768px){.product_category_related li.swiper-slide-next{opacity:0.15}
}
.zoomContainer{z-index:1000}
.zoomLens{width: 8vw!important; height: 8vw!important}
.ProductMain{}
.product_details{padding-bottom:6.25%;margin-bottom:4.25%;background:url(../images/pro_bg_part.jpg) no-repeat center bottom;background-size:cover;}
.product_details .details{width:33%;max-width:5.1rem;align-content:space-between}
.product_details .details .info{width:100%;line-height:1.4288}
.product_details .details .info *{margin-bottom:.2rem}
.product_details .details h1{font-size:calc(var(--f30));color:var(--color-red);font-family:'hm-B';}
.product_details .details h4{font-size:calc(var(--f42));font-family:'hm-L'}
.product_details .details P{font-family:'hm-L';color:var(--color-666);line-height:2}
.product_details .details .view{width:100%;display:flex;flex-wrap: wrap; justify-content:space-between;gap:.3rem}
.product_details .details .view a{flex:auto;margin:0;padding:0;justify-content:center}
.product_details .photo{width:62%;position:relative;z-index:10}
.product_details .swiper{margin:inherit}
.product_details .photo .pic figure{padding-bottom:66.25%;background:linear-gradient(-45deg,#cbcbcb,#fbfbfb)}
.product_details .photo .pic img{object-fit:contain;-o-object-fit:contain}
.product_details .small .item{padding:.1rem 0;cursor:pointer}
.product_details .small .pic{padding:2px;transition:0.3s}
.product_details .small .swiper-slide-thumb-active .pic{background:var(--color-red)}
.product_details .small .swiper-slide:not(.swiper-slide-visible){opacity:0}
@media(min-width:1024px){.product_details .photo{display:flex;align-items:center}
.product_details .big{width:76.92307692307692%}
.product_details .small{position:absolute;right:0;top:50%;transform:translateY(-50%);width:19.23076923076923%;height:100%;padding:.4rem 0}
.product_details .small .swiper-button-prev,.product_details .small .swiper-button-next{width:.4rem;height:.4rem;margin:auto;left:0;right:0;border:none}
.product_details .small .swiper-button-prev:after,.product_details .small .swiper-button-next:after{background:url(../images/svg/pro-arrow.svg) no-repeat center center;}
.product_details .small .swiper-button-prev{top:0}
.product_details .small .swiper-button-next{bottom:0;top:auto}
}
@media(max-width:1024px){
.product_details .details{width:40%}
.product_details .photo{width:50%}
.product_details .small{padding:0 .6rem}
.zoomContainer{display: none!important}
}
@media(max-width:640px){.product_details .details{width:100%}
.product_details .photo{width:100%;order:-1}
}
.product_content{padding-bottom:6.25%}
.product_content .article{color:var(--color-666);font-family:'hm-L';line-height:2}
.product_content.part1 .auto{padding-top:3%;padding-bottom:2%;background:url(../images/pro_bg_part1.jpg) no-repeat center center;background-size:cover;}
.product_content.part1 .article{padding:0 2%;}
.product_content.part2{padding-top:6.25%;background:url(../images/pro_bg_part2.jpg) no-repeat center center;background-size:cover;margin-bottom:6.25%}
.product_content .editor-point .pic{text-align:center;}
.product_content .editor-point .pic img{max-width:4.7rem;}
.editor-point{width:62.5%;margin:auto;position:relative;z-index:10}
.editor-point .box{position:absolute;z-index:10}
.editor-point .desc{position:absolute;top:.06rem;width:8.8545vw;visibility:hidden;opacity:0;transition:0.5s}
.editor-point .line{height:.4rem;border-top:dashed 1px var(--color-red)}
.editor-point .txt{position:absolute;top:.4rem;background:var(--color-fff);border:solid 1px #eeeeee;box-shadow:0 0 .5rem rgba(0,0,0,0.06);padding:.3rem;width:20vw}
.editor-point .point{width:.12rem;height:.12rem;background:var(--color-red);border-radius:100%}
.editor-point .point:before,.editor-point .point:after{content:'';position:absolute;margin:auto;border-radius:100%;background:radial-gradient(circle,rgba(255,255,255,1),rgba(224,22,39,.32));-webkit-animation:scale 2s linear infinite;}
.editor-point .point:before{z-index:-1;left:-.1rem;right:-.1rem;top:-.1rem;bottom:-.1rem}
.editor-point .point:after{z-index:-2;left:-.2rem;right:-.2rem;top:-.2rem;bottom:-.2rem;-webkit-animation-delay:.5s;}
.editor-point .box_r .desc{left:.15rem;transform:translateX(.3rem)}
.editor-point .box_l .desc{right:.15rem;transform:translateX(-.3rem)}
.editor-point .box_r .line{border-right:dashed 1px var(--color-red)}
.editor-point .box_l .line{border-left:dashed 1px var(--color-red)}
.editor-point .box_r .txt{left:70%}
.editor-point .box_l .txt{right:70%}
.editor-point .box:hover{z-index:5}
.editor-point .box:hover .desc{visibility:inherit;opacity:1;}
.editor-point .box_r:hover .desc{transform:translateX(0)}
.editor-point .box_l:hover .desc{transform:translateX(0)}
.editor-txt{display:none}
@media(max-width:768px){.editor-point{width:90%}
.editor-point .point{width:8px;height:8px;}
.editor-point .point:before{left:-.05rem;right:-.05rem;top:-.05rem;bottom:-.05rem}
.editor-point .point:after{left:-.1rem;right:-.1rem;top:-.1rem;bottom:-.1rem}
.editor-point .desc{display:none}
.editor-point .info{counter-reset:section 0 subsec 1;}
.editor-point .box:before{content:counter(section,decimal-leading-zero);counter-increment:section;position:absolute;color:var(--color-red);}
.editor-txt{display:block;counter-reset:section 0 subsec 1;}
.editor-txt dl{margin-top:.2rem;background:var(--color-fff);border:solid 1px #e5e5e5;padding:.1rem .4rem;position:relative}
.editor-txt dl:before{content:counter(section,decimal-leading-zero);counter-increment:section;background:#e5e5e5;position:absolute;left:0;top:0;padding:0 5px}
.editor-txt dl.show:before{background:var(--color-red);color:var(--color-fff);}
}
.editor-tab .item-title ul{padding-bottom:.2rem}
.editor-tab .item-title ul li a:after{right:0;margin:auto;bottom:-.26rem}
.editor-tab .item-title ul li.aon a:after{width:14px;height:14px;border-radius:var(--br30);border:solid 3px var(--color-fff);box-shadow:0 0 0 1px var(--color-red)}
.editor-tab .group-box{padding-top:.4rem}
.editor-tab .item-box{display:none}
.editor-tab .pic img{width:100%}
.editor-tab .info{padding:5%;box-shadow:0 6px 18px #f5f7fa;}
.editor-tab h3{font-size:var(--f24);color:var(--color-333);font-family:'hm-R';font-weight:normal}
.editor-tab .item-box ul{margin-left:1em}
.editor-tab .item-box ul li{list-style:disc;line-height:2.25}
.editor-tab .item-box ul li::marker{font-size:var(--f14);color:var(--color-red)}
@media(min-width:768px){.editor-tab .inbox{display:flex;justify-content:space-between}
.editor-tab .pic{width:50%}
.editor-tab .info{width:50%;display:flex;align-items:center;}
.editor-tab .txt{width:100%}
}
.product_video{padding-bottom:6.25%}
.product_video .pic{position:relative}
.product_video .pic:after{content:'';position:absolute;width:100%;height:30%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));z-index:5;bottom:0;}
.product_video .pic figure{padding-bottom:46.875%;}
.product_video .pic figure img{position:absolute;width:100%;height:100%;object-fit:cover;-o-object-fit:cover}
.product_video .open-video{position:absolute;width:100%;height:100%;z-index:10}
.product_related{padding-bottom:6.25%}
.product_related li .pic figure{padding-bottom:66%;}
.product_related li .info{padding:.2rem .2rem .2rem 0;background:url("../images/svg/view_jt.svg") no-repeat right center}
.product_related li .info h4{font-size:var(--f20)}
.product_related .swiper-other{position:relative;width:100%;}
.product_related.part5 li .pic{background:#e1e3e6}
.product_related.part5 li .pic figure img{object-fit:contain;-o-object-fit:contain}
.product_related .swiper:not(.swiper-backface-hidden) .swiper-other{margin-top:.3rem}
.news_slide{position:relative;margin-bottom:5%}
.news_slide li .pic{order:2;width:50%}
.news_slide li .pic figure{padding-bottom:55.8%}
.news_slide li .info{width:45%;line-height:2}
.news_slide li .info h4{font-size:var(--f24);}
.news_slide li .info p{color:var(--color-666);}
@media(min-width:640px) and (max-width:1024px){.news_slide li .pic figure{padding-bottom:80%}
}
@media(max-width:640px){.news_slide li .pic{width:100%;}
.news_slide li .info{width:100%;order:3}
}
.news_list li{position:relative}
.news_list li .pic{position:relative}
.news_list li .pic figure{padding-bottom:55.8%}
.news_list li .info{padding-top:.2rem;}
.news_list li .info h4{font-size:var(--f20);line-height:.36rem;height:.72rem;}
.news_list li .info p{color:var(--color-666);line-height:2}
.news_list li .info .view{padding-top:.2rem}
.news_list li .info .view .link{border:0;background:none;padding:0}
.news_list li .info .view .link:hover{color:var(--color-red)}
.news_list li .info .view .link:hover i{filter:none}
.news_list li .lookback{position:absolute;padding-left:.4rem;padding-right:.16rem;right:.2rem;top:.2rem;z-index:5;border-radius:5px;color:var(--color-fff);display:inline-block;line-height:.37rem;background:rgba(0,0,0,0.3) url("../images/svg/lookback.svg") no-repeat 18px;background-size:18px;}
.news_list li .lookroom{margin-top:.2rem;padding-left:.3rem;font-family:'hm-L';background:url("../images/svg/lookroom.svg") no-repeat left;background-size:18px;}
.news_list li .duration{position:absolute;bottom:0;z-index:5;padding:.2rem}
.news_list li .duration i{width:.35rem;height:.35rem;background:url(../images/svg/lookplay.svg) no-repeat center center;background-size:contain}
.news_list li .duration span{padding-left:.15rem;color:var(--color-fff);}
@media(min-width:1024px){.news_list li{width:31.25%}
.news_list li:not(3n+3){margin-right:3.125%}
.news_list li:nth-child(3)~li{margin-top:3.75%}
.news_list ul:after{content:'';width:31.25%}
}
@media(min-width:640px) and (max-width:1024px){.news_list li{width:48%}
.news_list li:not(2n+1){margin-right:4%}
.news_list li:nth-child(2)~li{margin-top:4%}
}
@media(max-width:640px){.news_list li{width:100%}
.news_list li:not(:first-child){margin-top:6%}
}
.marketing_group .group{padding-bottom:5.625%;position:relative}
.marketing_group .group:not(#Type2) .news_list li .info p{display:none}
.marketing_group #Type1 .column_name{position:absolute;width:100%;padding-top:4%;z-index:10}
.marketing_group #Type1 .news_list li{width:100%;}
.marketing_group #Type1 .news_list li:not(:last-child){padding-bottom:3.125%}
.marketing_group #Type1 .news_list li .pic figure{padding-bottom:0}
.marketing_group #Type1 .news_list li .pic figure img{position:relative}
.marketing_group #Type1 .news_list li .info{display:none}
.marketing_group #Type2 .news_list li{width:100%;}
.marketing_group #Type2 .news_list li:not(:first-child){margin-top:3.125%}
.marketing_group #Type2 .news_list li a{display:flex;background:#f9f9f9;}
.marketing_group #Type2 .news_list li .pic{width:50%;background:var(--color-000)}
.marketing_group #Type2 .news_list li .pic figure{padding-bottom:0;height:100%}
.marketing_group #Type2 .news_list li:not(:hover) .pic figure img{opacity:0.8}
.marketing_group #Type2 .news_list li:nth-child(even) .pic{order:2}
.marketing_group #Type2 .news_list li .info{width:50%;padding:5% 3%}
.marketing_group #Type2 .news_list li .info h4{font-size:var(--f32)}
.marketing_group #Type2 .news_list li .info time{display:none}
.marketing_group #Type2 .news_list li .video_group{position:absolute;width:50%;height:100%;z-index:10}
.marketing_group #Type2 .news_list li .open-video{position:absolute;width:100%;height:100%;cursor:pointer}
.marketing_group #Type2 .news_list li:nth-child(even) .video_group{right:0}
.marketing_group #Type2 .news_list li .info .view{margin-top:.4rem}
.marketing_group #Type2 .news_list li .info .view .link{border:solid 2px var(--color-red);padding:0 .3rem}
.marketing_group #Type2 .news_list li .info .view .link:hover{color:var(--color-fff);background:var(--color-red)}
.marketing_group #Type2 .news_list li .info .view .link:hover i{filter:brightness(0) invert(1)}
.marketing_group #Type3 .news_list .list{display:flex;flex-wrap:wrap;}
.marketing_group #Type3 .news_list .list:not(:last-child){padding-bottom:3.125%}
.marketing_group #Type3 .news_list .list li .info .view{padding-top:0}
.marketing_group #Type3 .news_list .list li{width:18.75%}
.marketing_group #Type3 .news_list .list li .info .view time{display:none}
.marketing_group #Type3 .news_list .list li:first-child{width:58.75%;background:var(--bg-color)}
.marketing_group #Type3 .news_list .list li:first-child .info{display:flex;align-items:center;justify-content:space-between;padding:3%}
.marketing_group #Type3 .news_list .list li:first-child .info h4{-webkit-line-clamp:1;height:auto;max-width:70%}
@media(min-width:1024px){.marketing_group #Type3 .news_list .list li:nth-child(2){margin-left:1.875%;margin-right:1.875%}
.marketing_group #Type3 .news_list .list li:nth-child(4){margin-left:60.625%;margin-right:1.875%}
.marketing_group #Type3 .news_list .list li:nth-child(4),.marketing_group #Type3 .news_list .list li:nth-child(5){margin-top:-18%}
}
@media(min-width:1024px) and (max-width:1200px){.marketing_group #Type3 .news_list .list li:nth-child(4),.marketing_group #Type3 .news_list .list li:nth-child(5){margin-top:-15%}
}
@media(max-width:1024px){.marketing_group #Type3 .news_list .list{justify-content:space-between}
.marketing_group #Type3 .news_list .list li{width:48%;margin-top:3%!important}
.marketing_group #Type3 .news_list .list li:first-child{width:100%;margin-top:0!important}
}
@media(max-width:640px){.marketing_group #Type2 .news_list li a{flex-wrap:wrap}
.marketing_group #Type2 .news_list li .pic{width:100%}
.marketing_group #Type2 .news_list li .pic figure{height:3rem}
.marketing_group #Type2 .news_list li .info{width:100%}
.marketing_group #Type2 .news_list li .video_group{width:100%;height:3rem}
.marketing_group #Type2 .news_list li .info .view{margin-top:.2rem}
}
.activity_news{padding:3.75% 0}
.activity_news .begin{width:59.375%}
.activity_news .begin .item{display:block;position:relative}
.activity_news .begin .item .pic figure{padding-bottom:56.21052631578947%;background:var(--color-000)}
.activity_news .begin .item:not(:hover) .pic figure img{opacity:0.72}
.activity_news .begin .item .info{position:absolute;top:0;width:100%;height:100%;z-index:5;padding:.2rem;display:flex;flex-wrap:wrap;align-content:space-between;color:var(--color-fff)}
.activity_news .begin .item .info h4{width:100%;font-size:var(--f18);text-align:center;opacity:0;transition:0.5s}
.activity_news .begin .item .play{font-size:var(--f22);display:flex;align-items:center;line-height:.37rem;background:rgba(0,0,0,0.3);border-radius:5px;padding:0 .2rem}
.activity_news .begin .item .play span.icon{width:.24rem;height:.2rem;margin-right:.1rem;display:flex;justify-content:space-between;align-items:flex-end;overflow:hidden;}
.activity_news .begin .item .play span.icon i{width:.03rem;height:100%;background:var(--color-red);border-radius:2px;-webkit-animation:bf 0.2s linear infinite;}
.activity_news .begin .item .play span.icon i:nth-child(2){-webkit-animation-delay:.1s;}
.activity_news .begin .item .play span.icon i:nth-child(2){-webkit-animation-delay:.3s;}
.activity_news .begin .item .play span.icon i:nth-child(3){-webkit-animation-delay:.2s;}
.activity_news .begin .item .play span.icon i:nth-child(4){-webkit-animation-delay:.4s;}
.activity_news .begin .item .playroom{font-size:var(--f20);width:100%;text-align:center}
.activity_news .begin .item .playroom span.icon{width:.6rem;height:.6rem;margin:auto;margin-bottom:.1rem;display:block;background:url(../images/svg/looknow.svg) no-repeat center center;background-size:.53rem}
.activity_news .begin .item:hover .info h4{opacity:1}
.activity_news .wait{width:36.875%}
.activity_news .wait li{padding:3% 0;border-bottom:dashed 1px #eaeaea}
.activity_news .wait h4{font-size:var(--f20);padding:0;margin:0 0 .1rem 0;font-weight:normal;}
.activity_news .wait i{font-style:normal;color:var(--color-red)}
.activity_news .wait .go time{font-family:'montserrat-R';color:var(--color-666)}
.activity_news .wait .go i{padding-left:.3rem;}
.activity_news_lookback{padding-bottom:6.25%}
.activity_news_offline{padding-bottom:6.25%}
@media(max-width:1024px){.activity_news .begin{width:100%}
.activity_news .wait{width:100%;padding-top:4%}
}
@-webkit-keyframes bf{0%{-webkit-transform:translateY(0px);}
50%{-webkit-transform:translateY(.15rem);}
100%{-webkit-transform:translateY(.05rem);}
}
.main.bg{background:var(--bg2-color)}
.menu_catalog{background:var(--color-fff)}
.menu_catalog .catalog{font-size:var(--f24);padding:.18rem .22rem;line-height:1;color:var(--color-fff);background:var(--color-red)}
.menu_catalog .group{padding:.2rem;}
.menu_catalog ul li:not(:last-child){border-bottom:solid 1px #e4e4e4}
.menu_catalog ul li a{display:block}
.menu_catalog ul li span{display:block;padding:.2rem 0;position:relative}
.menu_catalog ul li span a{font-size:var(--f20);}
.menu_catalog ul ul{display:none;padding-bottom:.2rem}
.menu_catalog ul li li{padding:.05rem 0;font-family:'hm-L';border-bottom:none!important}
.menu_catalog ul li li a{padding-left:.26rem;position:relative}
.menu_catalog ul li li a:before{content:'';position:absolute;left:1px;top:.08rem;width:14px;height:14px;border:solid 4px var(--color-fff);box-shadow:0 0 0 1px var(--color-333);border-radius:100%}
.menu_catalog ul li li.aon a{color:var(--color-red)}
.menu_catalog ul li li.aon a:before{background:var(--color-red);box-shadow:0 0 0 1px var(--color-red)}
.menu_catalog ul li.aon .op:after{opacity:0}
.menu_catalog .op{position:absolute;width:.4rem;height:.4rem;right:0;top:0;bottom:0;margin:auto;cursor:pointer}
.menu_catalog .op:before,.menu_catalog .op:after{content:'';position:absolute;width:40%;height:2px;left:0;right:0;top:0;bottom:0;margin:auto;background:#cdcdcd}
.menu_catalog .op:after{transform:rotate(90deg)}
.document_download li{background:var(--color-fff);padding:.2rem}
.document_download li:not(:last-child){margin-bottom:.2rem}
.document_download .icon{width:1.2rem;height:.8rem;position:relative;background:var(--bg-color);flex:none;}
.document_download .file-size{display:none}
.document_download .file-ext{font-size:var(--f12);text-align:center;position:absolute;width:100%;top:44%;color:var(--color-fff);text-transform:uppercase}
.document_download .info{width:calc(100% - 4.5rem)}
.document_download .info h4{font-size:var(--f20);}
.document_download .info p{color:var(--color-666)}
.document_download .button{flex:none;line-height:.38rem;width: 2.5rem; flex-wrap: nowrap; gap:.1rem}
.document_download .button a{padding:0 .2rem;border:solid 1px #cccccc;border-radius:var(--br30);display:inline-flex;align-items:center;transition:0.5s}
.document_download .button a:before{content:'';width:24px;height:24px;margin-right:.15rem;background:no-repeat center center;transition:0.5s}
.document_download .button a.preview:before{background-image:url(../images/svg/preview.svg)}
.document_download .button a.download:before{background-image:url(../images/svg/download.svg)}
.document_download .button a:hover{color:var(--color-fff);background:var(--color-red);border-color:var(--color-red)}
.document_download .button a:hover:before{filter:brightness(0) invert(1);}
@media(max-width:1200px){
.document_download .info{width:100%;order:-1;margin-bottom:.1rem}
.document_download .icon{width:auto;height:auto}
.document_download .button{width: auto;}
}
.document_application li{background:var(--color-fff);padding:.2rem}
.document_application li .item{flex:1;}
.document_application li:not(:last-child){margin-bottom:.2rem}
.document_application li .pic{width:23.584%}
.document_application li .pic figure{padding-bottom:57.6%;border-radius:var(--br20)}
.document_application li .info{width:76.416%;padding:2% 4%;line-height:1.875}
.document_application li .info h4{font-size:var(--f18); -webkit-line-clamp:1}
.document_application li .info p{color:var(--color-666)}
@media(max-width:1200px){.document_application li .pic{width:40%}
.document_application li .info{width:60%}
}
.document_video li{width:100%;background:var(--color-fff)}
.document_video li .pic{position:relative}
.document_video li .pic figure{padding-bottom:55.645%;}
.document_video li .info{justify-content:center;display:flex;padding:0 .2rem;height:.8rem;align-items:center;}
.document_video li .info h4{font-size:var(--f18);}
@media(min-width:1024px){.document_video li{width:31.451613%}
.document_video li:not(3n+3){margin-right:2.8225805%}
.document_video li:nth-child(3)~li{margin-top:2.8225805%}
.document_video ul:after{content:'';width:31.451613%}
}
@media (min-width:640px) and (max-width:1024px){.document_video li{width:48%}
.document_video li:not(2n+1){margin-right:4%}
.document_video li:nth-child(2)~li{margin-top:4%}
}
@media (max-width:540px){.document_video li{width:100%}
.document_video li:not(:first-child){margin-top:4%}
}
.service_training .group{padding:6.25% 0}
.service_training .group:first-child{padding-top:0}
.service_training .group:nth-child(even){background:var(--bg-color)}
.service_training .tab-part{padding-top:2%;display:flex;justify-content:space-between}
.service_training .tab-title{width:12.5%;border-left:solid 1px #e5e5e5}
.service_training .tab-title li a{padding:.14rem 0 .14rem .3rem;line-height:2;display:block;position:relative;cursor:pointer;}
.service_training .tab-title li a:before{content:'';position:absolute;width:3px;top:0;left:-2px;height:0;background:var(--color-red);transition:0.5s}
.service_training .tab-title li:not(.show) a{color:var(--color-666);font-family:'hm-L'}
.service_training .tab-title li.show a:before{height:100%}
.service_training .tab-info{width:87.5%}
.service_training .pic{width:45.715%}
.service_training .pic img{width:100%}
.service_training .info{width:51%;align-content:space-between}
.service_training .txt{width:100%;padding-bottom:.3rem}
.service_training .info h4{font-size:var(--f24);color:var(--color-red);}
.service_training .info p{line-height:2;color:var(--color-666);margin-top:.2rem}
.service_training .group#lm72{display:none}
@media (max-width:1024px){.service_training .pic{width:100%}
.service_training .info{width:100%;padding-top:.2rem}
.service_training .tab-title li a{padding:.1rem}
}
@media (max-width:768px){.service_training .tab-title{width:22%;}
.service_training .tab-info{width:76%}
}
.info_services{font-size:var(--f18);line-height:.3rem;padding-bottom:5.625%}
.info_services .item:not(:last-child){padding-bottom:5.625%}
.info_services .pic{width:48.75%;text-align:center}
.info_services .info{width:48%}
.info_services .info h4{font-size:var(--f24);padding-bottom:.2rem}
.info_services .info p:not(:last-child){padding-bottom:.2rem}
.info_services .item:nth-child(odd) .info{order:2}
.info_services .icon_txt li{display:flex;padding:3% 0;}
.info_services .icon_txt li .icon{width:1rem;text-align:center}
.info_services .icon_txt li .txt{flex:1}
.info_services .icon_txt li:not(:last-child){border-bottom:solid 1px #e9e9e9}
@media (max-width:1024px){.info_services .pic{width:100%}
.info_services .info{width:100%;padding-bottom:2%;order:-1!important}
}
.info_download{padding-bottom:5.625%}
.info_download.True{display: none;}
.info_download h3{font-weight:normal;font-family:'hm-M';font-size:var(--f24);margin:0 0 .2rem 0;padding:0;border-top:solid 1px #e1e1e1}
.info_download h3 span{padding:.15rem 0;display:inline-block;margin-top:-1px;border-top:solid 4px var(--color-red);color:var(--color-666)}
.info_download ul{margin-left:-0.8333333333333333%;margin-right:-0.8333333333333333%}
.info_download li{width:16.66666666666667%;padding:0.8333333333333333%;text-align:center}
.info_download li a{display:block;height:100%;padding:.2rem;background:var(--bg-color);border-radius:var(--br10);}
.info_download li .pic figure{padding-bottom:55%;border-radius:var(--br10);}
.info_download li .pic figure img{object-fit:contain;-o-object-fit:contain;border-radius:var(--br10);}
.info_download li .info{padding:.2rem}
.info_download li .info h4{font-size:var(--f16)}
.info_download li .info time{display:block;font-size:var(--f14);padding-bottom:.2rem}
.info_download li .info .down{display:inline-block;border:solid 1px #d3d3d3;padding:0 .1rem;line-height:2;border-radius:var(--br5);background:#fbfbfb;color:var(--color-666)}
.info_download li .info .down:before{content:'';display:inline-block;width:16px;height:14px;margin-right:5px;background:url(../images/svg/down.svg)}
@media (max-width:1200px){.info_download li{width:25%}
}
@media (max-width:768px){.info_download li{width:33.333%}
.info_download li a{padding:.1rem}
}
@media (max-width:480px){.info_download li{width:50%}
}
.LeapsMain .column_name{text-align:center}
.LeapsMain .item_part{padding:7.5% 0}
.LeapsMain .details{color:var(--color-666);font-family:'hm-L';line-height:2;}
.LeapsMain .photo img{width:100%;transition:0.5s}
@media (min-width:768px){.LeapsInfo .auto,.LeapsVideo .auto{display:flex;justify-content:space-between;align-items:center}
.LeapsInfo .column_name,.LeapsVideo .column_name{text-align:left}
.LeapsInfo .overview{width:45%}
.LeapsInfo .photo{width:40%}
.LeapsVideo .overview{width:45%}
.LeapsVideo .photo{width:50%;order:-1}
}
.LeapsIntro{padding-bottom:0 !important;}
.LeapsInfo{padding-top:.5rem!important;padding-bottom:7.5%;}
.LeapsInfo .desc{font-size:var(--f18);color:var(--color-333);font-family:'hm-R';}
.LeapsVideo{background:var(--bg-color);padding:7.5% 0;}
.LeapsVideo .photo{position:relative;background:var(--color-000)}
.LeapsVideo .photo:not(:hover) img{opacity:0.8;}
.LeapsHPLC{padding-bottom:0!important}
.LeapsHPLC ul li .pic figure{padding-bottom:66.6%}
.LeapsHPLC ul li .info{margin-top:.2rem;padding-right:.2rem;background:url(../images/svg/view_jt.svg) no-repeat right center}
.LeapsHPLC ul li .info h4{font-size:var(--f20)}
@media (min-width:768px){.LeapsHPLC ul:after,.LeapsHPLC ul li{width:31.25%}
.LeapsHPLC ul:after{content:'';}
.LeapsHPLC ul li:not(:nth-child(3n+3)){margin-right:3.125%}
.LeapsHPLC ul li:nth-child(3)~li{margin-top:3.125%}
}
@media (max-width:768px){.LeapsHPLC ul li{width:48%}
.LeapsHPLC ul li:nth-child(odd){margin-right:4%}
.LeapsHPLC ul li:nth-child(2)~li{margin-top:4%}
}
.LeapsFAQ{padding-bottom:0!important}
.LeapsFAQ .item{background:#fafafa;padding:0 3%}
.LeapsFAQ .item:not(:last-child){margin-bottom:.1rem}
.LeapsFAQ .title{padding:1.8% 0;display:flex;justify-content:space-between;cursor:pointer}
.LeapsFAQ .title h4{font-size:var(--f18);padding:0 0 0 16px;margin:0;font-weight:normal;position:relative;}
.LeapsFAQ .title h4:before{content:'';position:absolute;left:0;top:.13rem;width:5px;height:5px;background:var(--color-red);border-radius:var(--br30)}
.LeapsFAQ .title span{flex:none;display:flex;align-items:center;}
.LeapsFAQ .title span em{font-style:normal;font-family:'hm-L';}
.LeapsFAQ .title span i{margin-left:15px;width:21px;height:21px;background:var(--color-red) url(../images/svg/jt.svg) no-repeat center;border-radius:var(--br30);transition:0.5s}
.LeapsFAQ .info{font-family:'hm-L';color:var(--color-666);display:none;padding:1.8% 0;line-height:2}
.LeapsFAQ .show .title{border-bottom:solid 1px #eaeaea}
.LeapsFAQ .show .title span i{transform:rotate(180deg)}
.ApplicationSolution .item_part{padding:6.25% 0;}
.ApplicationSolution .item_part:nth-child(even){background:#f5f5f5}
.ApplicationSolution .pic figure{padding-bottom:63.51351351351351%;border-radius:var(--br15)}
.ApplicationSolution .txt{line-height:2;color:var(--color-666);padding-bottom:6%}
@media(min-width:768px){
.ApplicationSolution .item{display:flex;align-items:center;justify-content:space-between}
.ApplicationSolution .info{width:46.25%;padding-right:6%}
.ApplicationSolution .pic{width:46.25%}
.ApplicationSolution .item_part:nth-child(odd) .pic{order:2}
}
@media(max-width:768px){
.ApplicationSolution .info{padding-top: .2rem;}
}

.solution_details{padding-bottom:3.75%}
.solution_details .info h3{font-size:calc(var(--f42));padding:0;margin:0;line-height:1.45;font-family:'hm-B'}
.solution_details .info h4{font-size:var(--f20);color:var(--color-red);display: none;}
.solution_details .article{padding:2% 0;font-size:var(--f18);line-height:2;color:var(--color-666);}
@media(min-width:768px){.solution_details{display:flex;align-items:center;justify-content:space-between}
.solution_details .info{width:46%;}
.solution_details .article{width:50%;padding:0}
}
.solution_photo{padding-bottom:3.75%;text-align:center}
.solution_article{padding-bottom:5.2%;display:flex;justify-content:space-between}
.solution_article .tab-title{width:22%}
.solution_article .tab-group{width:76%}
.solution_article .tab-title ul{max-height: 10rem; overflow-y: auto}
.solution_article .tab-title li{padding-bottom:.1rem;font-size:var(--f18);}
.solution_article .tab-title li a{display:block;background:#fafafa;border-radius:.1rem;padding:.1rem;cursor:pointer;transition:0.5s}
.solution_article .tab-title li.show a{color:var(--color-fff);background:var(--color-red)}
.solution_article .tab-group{background:#fafafa;padding:3.125%;}
.solution_article .view{display:flex;justify-content:flex-end;padding-bottom:3.125%}
.solution_article .view a:not(:first-child){background:var(--color-red);color:var(--color-fff)}
.solution_article .view a:not(:first-child) i{filter:brightness(0) invert(1);}
.solution_article .overview{line-height:2;color:var(--color-666);font-family:'hm-L'}
.solution_article .tab-item{transition:0.5s;transition-delay:0.2s}
.solution_article .tab-item.hide{transform:translateY(.3rem);opacity:0;}
@media(min-width:768px){/* .solution_article .overview p{display:flex;}
*/
.solution_article .tab-title li{font-size:.17rem}
.solution_article .tab-title li a{padding:.2rem}
.imgr{float:right;margin-left:4%;max-width:40%}
.imgl{float:left;margin-right:4%;max-width:40%}
}
@media(max-width:768px){
.view .link{padding:0 .15rem}
.view .link:not(:last-child){margin-right:.15rem}
.solution_article .tab-title ul{max-height: 5rem;}
}
.f24{font-size:var(--f24);font-family:'hm-R';color:var(--color-333);}
.main_part{padding:2.5% 0}
@media(min-width:768px){.main_part{display:flex;justify-content:space-between}
.left_part{width:3rem}
.right_part{width:calc(98% - 3rem);max-width:12.40rem}
}
.article_detail{font-family:'hm-L';padding-bottom:3.75%}
.article_detail .title{text-align:center;padding-bottom:1.5%;border-bottom:solid 1px #e1e1e1}
.article_detail .title h1{font-size:var(--f32);font-family:'hm-B';padding:0;margin:0;font-weight:normal}
.article_detail .title p{color:var(--color-666)}
.article_detail .title p span{display:inline-block}
.article_detail .title p span:not(:last-child){margin-right:.3rem}
.article_detail .title.have_back{padding-bottom:2.5%;display:flex;align-items:flex-end;justify-content:space-between;text-align:left}
.article_detail .title.have_back h1{font-size:calc(var(--f42));}
.article_detail .title.have_back .back{flex:none;padding-right:.38rem;background:url(../images/svg/back2.svg) no-repeat right}
.article_detail .title.have_back .back:not(:hover){filter:grayscale(100%) brightness(300%);}
.article_detail .view .link{ margin-top: .5rem;}
.article_detail .article{padding:3% 0;max-width:14rem;margin:auto;font-size:var(--f18);line-height:2}
.article_detail .article h4{font-family:'hm-R';font-weight:normal;font-size:var(--f20);padding:0 0 0 18px;margin:0 0 .1rem 0;position:relative;}
.article_detail .article h4:before{content:'';position:absolute;width:.08rem;height:60%;top:0;bottom:0;left:0;margin:auto;background:var(--color-red)}
.article_detail .article h5{font-family:'hm-R';font-weight:normal;font-size:var(--f18);padding:0;margin:0 0 .1rem 0;}
.article_detail .article ul{margin-left:1em}
.article_detail .article ul li{list-style:disc}
.article_detail .article ul li::marker{font-size:var(--f14);}
.article_detail ul.editor_ul_icon_txt{margin:.1rem 0;display:flex;gap:3%;}
.article_detail ul.editor_ul_icon_txt li{flex:auto;display:flex;align-items:center;line-height:inherit;background:#d8dee0;border-radius:var(--br10);padding:3%}
.article_detail ul.editor_ul_icon_txt li .icon{width:.7rem;margin-right:8%}
.article_detail ul.editor_ul_icon_txt li .info{flex:auto;color:#5d696d;font-family:'hm-M';font-size:var(--f20);line-height:1.5}
.article_detail .related h3{font-size:var(--f24);padding:0;margin:0}
.article_detail .related li{padding:.2rem 0}
.article_detail .related li .pic figure{padding-bottom:55.558%}
.article_detail .related .info{margin-top:.2rem;padding-right:.2rem;background:url("../images/svg/view_jt.svg") no-repeat right center}
.article_detail .related .info h4{font-size:var(--f18);}
.ApplicationSolution_info .related{padding:2.813%;background:#eeeeee;border-radius:var(--br20)}
.ApplicationSolution_info .related li .pic figure{border-radius:var(--br10);}
@media(min-width:768px){.have_related{display:flex;justify-content:space-between}
.have_related .detail{width:70%}
.have_related .related{width:22.5%;}
.ApplicationSolution_info .have_related .detail{width:65.625%}
.ApplicationSolution_info .have_related .related{width:28.125%;}
}
@media(max-width:768px){.article_detail .related ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.article_detail .related ul li{width:48%}
.article_detail ul.editor_ul_icon_txt{flex-wrap:wrap;}
.article_detail ul.editor_ul_icon_txt li{width:100%;margin-top:.1rem}
}
.prev_next{padding:3.75% 0;font-size:var(--f18);border-top:solid 1px #e1e1e1}
.prev_next .info{width:70%}
.prev_next p{line-height:.36rem}
.prev_next p span{color:var(--color-999)}
.prev_next p a:not(:hover){color:var(--color-666)}
.prev_next .back a{display:flex;align-items:center;color:var(--color-fff);background:var(--color-red);padding:0 2.891vw;line-height:.6rem;border-radius:var(--br30)}
.prev_next .back i{background:url(../images/svg/back.svg);margin-left:15px;width:22px;height:16px;}
@media(max-width:640px){.prev_next .info{width:100%}
.prev_next .back{width:100%;padding-top:3%;display:flex;justify-content:center}
.prev_next .back a{line-height:.5rem;padding:0 5vw}
}
.single{padding-bottom:3.75%}
.search_list li{padding:1.2% 0;border-bottom:solid 1px #e5e5e5}
.search_list time{float:right;opacity:0.8}
.sitemap{padding-bottom:7.5%}
.sitemap li{padding:1.2% 0;border-bottom:solid 1px #e5e5e5}
.sitemap li b{font-size:var(--f18)}
.sitemap li span{display:inline-block;padding-right:.2rem;font-family:'hm-L';}
.about_main .part{padding:7.5% 0;}
.about_vision{padding-top:0!important}
.about_vision .intro{width:50%}
.about_vision .vision li{padding:3.5% 0;border-bottom:dashed 1px #e5e5e5;flex-wrap: nowrap}
.about_vision .vision .icon{width:.5rem;}
.about_vision .vision .title{min-width:1rem;white-space: nowrap; margin:0 .3rem;font-size:var(--f24);font-family:'hm-R';}
.about_vision .vision .txt{font-size:var(--f18);color:var(--color-666);font-family:'hm-L';}
.about_vision .photo{position:relative;width:47.3125%;}
.about_vision .photo figure{position:relative;padding-bottom:56.14266842800528%;-webkit-mask-image:url("../images/svg/path-about.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;}
.about_vision .photo figure img{position:absolute;width:100%;height:100%;object-fit:cover;-o-object-fit:cover}
@media(max-width:1024px){.about_vision .intro{width:100%;padding-bottom:3.25%}
.about_vision .photo{width:100%}
}
.about_history{background: no-repeat center center; background-size: cover}
.about_history .swiper-group{padding-top:.2rem}
.about_history .swiper{padding:0 6.25%}
.about_history .history-info .swiper-slide:not(.swiper-slide-active),.about_history .history-year .swiper-slide:not(.swiper-slide-visible){opacity:0!important}
.history-info{margin-bottom:3.5%}
.history-info .item{background:var(--color-fff);}
.history-info .pic{width:42.85714285714286%;display:flex;align-items:center}
.history-info .pic figure{width:100%;padding-bottom:60%}
.history-info .info{width:57.14285714285714%;padding:3%}
.history-info .info h4{font-family:'montserrat-R';font-weight:bold;text-align:right;font-size:calc(var(--f72));color:var(--color-red)}
.history-info .info p{font-size:var(--f18);color:var(--color-666);position:relative;padding:.05rem .2rem;width:95%}
.history-info .info p:before{content:'';position:absolute;width:5px;height:5px;left:0;top:.15rem;background:var(--color-red);border-radius:100%;}
.history-year .box{}
.history-year .line{position:relative;}
.history-year .line:before,.history-year .line:after{content:'';position:absolute;width:40%;height:1px;top:50%;background:#c7c7c7;}
.history-year .line:before{right:60%}
.history-year .line:after{left:60%}
.history-year .line i{display:block;width:10px;height:10px;margin:auto;border-radius:100%;border:solid 1px #c7c7c7}
.history-year .year{height:.6rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;font-size:var(--f20);color:var(--color-666);font-family:'hm-L'}
.history-year .year span{width:100%;text-align:center; cursor: pointer}
.history-year .year:after{content:'';width:1px;height:0;margin:auto;transition:0.5s}
.history-year .swiper-slide{padding-bottom:.6rem}
.history-year .swiper-slide-thumb-active .year{color:var(--color-000);font-size:var(--f24);font-family:'hm-R'}
.history-year .swiper-slide-thumb-active .year:after{height:.24rem;background:var(--color-red);}
.history-year .swiper-slide-thumb-active .line i{border-color:var(--color-red);box-shadow:0 0 0 6px var(--color-red)}
@media(max-width:768px){.history-info .pic,.history-info .info{width:100%}
}
.about_team .box-info{width:70%;padding:3.571428571428571%;background:url("../images/team_boxbg.jpg") no-repeat center center;background-size:cover}
.about_team .box-info .pic{width:33.808%;}
.about_team .box-info .pic figure{padding-bottom:135.295%}
.about_team .box-info .info{width:60%;color:var(--color-666);}
.about_team .box-info .info h4{margin:.1rem 0 .2rem 0;font-size:var(--f24)}
.about_team .box-info .txt{margin-top:15%}
.about_team .box-info .txt p{position:relative;padding:.05rem .2rem;}
.about_team .box-info .txt p:before{content:'';position:absolute;width:5px;height:5px;left:0;top:.15rem;background:var(--color-red);border-radius:100%;}
.about_team .box-info .swiper-slide:not(.swiper-slide-active){opacity:0!important}
@media(min-width:768px){.about_team .box-pic{width:25%}
.about_team .box-pic li{width:40%;height:auto;margin:0!important;display:block;border-radius:0;background:none}
.about_team .box-pic li:nth-child(odd){margin-left:60%!important}
.about_team .box-pic li:nth-child(even){margin-right:60%!important}
.about_team .box-pic li a{display:block}
.about_team .box-pic li .pic figure{padding-bottom:135.295%;background:var(--color-000)}
.about_team .box-pic li:not(:first-child){margin-top:-.35rem!important}
.about_team .box-pic li.swiper-pagination-bullet-active .pic figure img{opacity:0.6}
}
@media(max-width:768px){.about_team .box-info{width:100%;}
.about_team .box-pic{width:100%;}
.about_team .box-pic li .pic{display:none}
}
@media(max-width:520px){.about_team .box-info .pic,.about_team .box-info .info{width:100%;}
.about_team .box-info .txt{margin-top:5%}
}

.about_factory .column_name{text-align:center}
/* .about_factory .swiper{padding: 0 0.6rem;} */
.about_factory .list{/* gap:.2rem */}
.about_factory .item{/* width: calc((100% - 2*.2rem) / 3) */}
.about_factory .item .pic figure{padding-bottom:75%;}
.about_factory .item .info{text-align: center}
.about_factory .item .info h4{font-size:var(--f18);}
@media(min-width:1024px){
/* .about_factory .item{flex: 1} */
}
@media(max-width:1024px){
/* .about_factory .item{width: calc((100% - 2*.2rem) / 3)} */
}
@media(max-width:640px){
/* .about_factory .item{width: calc((100% - 1*.2rem) / 2)} */
}

.about_honor{background:#f5f5f5}
.about_honor .column_name{padding-bottom:0}
.about_honor .honor_type{padding-bottom:.5rem}
.about_honor .tab-title li{font-size:var(--f20);padding-bottom:.2rem;font-family:'hm-L';cursor:pointer}
.about_honor .tab-title li:not(:last-child){margin-right:3.1vw}
.about_honor .tab-title li.show{border-bottom:solid 2px var(--color-red)}
.about_honor .tab-title li.show a{color:var(--color-red);}
.about_honor .swiper-slide{padding:0 .4rem}
.about_honor .item{display:block}
.about_honor .pic{background:url("../images/honor_picbg.jpg") no-repeat center center;background-size:100% 100%;padding:19.065% 14.375%}
.about_honor .pic figure{padding-bottom:144.74%;background:var(--color-fff)}
.about_honor .pic figure img{object-fit:contain;-o-object-fit:contain;transition:0.3s;}
.about_honor .pic:hover figure img{transform:scale(1.15);transition:0.3s;}
.about_honor .info{text-align:center;padding-top:.2rem}
.about_honor .info h4{font-size:var(--f18);}
@media(max-width:1024px){.about_honor .swiper-slide{padding:0 .2rem}
}
@media(max-width:640px){.about_honor .swiper-slide{padding:0 .1rem}
}
.about_partner .column_name{text-align:center}
.about_partner .list:not(:last-child){padding-bottom:3%}
.about_partner .partner h3,.about_partner .partner2 h3{text-align:center;font-size:var(--f24);}
.about_partner .partner span{padding:.1rem;display:block}
.about_partner .partner a{width:2.50rem;height:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 36px rgba(0,0,0,0.08)}
.about_partner .partner img{max-width:80%;max-height:80%;}
@media(max-width:1024px){.about_partner .partner a{width:1.6rem;height:.64rem;}
}
.technological_title{margin-bottom:.5rem}
.technological_title .column_name{padding-bottom:0}
.technological_title .title li{font-size:var(--f20);padding-bottom:.2rem;font-family:'hm-L';cursor:pointer;width:auto;height:auto;border-radius:0;background:none}
.technological_title .title li:not(:last-child){margin-right:3.1vw}
.technological_title .title li.swiper-pagination-bullet-active:after{content:'';left:0;bottom:0;position:absolute;width:100%;height:2px;background:var(--color-red)}
.technological_title .title li.swiper-pagination-bullet-active a{color:var(--color-red);}
.technological_info{padding-bottom:7.5%}
.technological_info .pic{width:56.25%}
.technological_info .pic figure{width:100%;height:100%;padding-bottom:55.55555555555556%}
.technological_info .info{width:43.75%;padding:.6rem;background:url(../images/technological_txtbg.jpg) no-repeat center center;background-size:cover;align-content:space-between}
.technological_info .info .txt{width:100%;padding-bottom:.6rem}
.technological_info .info h4{font-size:var(--f36);margin-bottom:.2rem}
.technological_info .info p{color:var(--color-666);line-height:.3rem}
.technological_info .info .view{width:100%;text-align:right;}
.technological_info .swiper{overflow:inherit}
.technological_info .swiper-button{position:absolute;left:60%;bottom:.6rem;}
@media(max-width:768px){.technological_title{margin-bottom:.1rem}
.technological_title .title{width:100%;margin-top:.3rem}
.technological_info .pic{width:100%}
.technological_info .info{width:100%;padding:.2rem}
.technological_info .info .txt{padding-bottom:0}
.technological_info .info .view{padding-top:.2rem}
.technological_info .swiper-wrapper{margin-bottom:.2rem}
.technological_info .swiper-button{position:initial;margin:auto;}
}
.sustainable_development{padding-bottom:6.25%}
.sustainable_development .box{padding-top:.2rem;border-bottom:solid 1px #e5e5e5}
.sustainable_development .intro{width:44.375%;padding-left:5%;font-size:var(--f24);line-height:1.7;font-family:'hm-L';background:url("../images/svg/yinhao.svg") no-repeat left top}
.sustainable_development .intro p:first-child{padding-top:0;margin-top:0}
.sustainable_development .photo{position:relative;width:47.3125%;}
.sustainable_development .photo figure{position:relative;padding-bottom:56.14266842800528%;-webkit-mask-image:url("../images/svg/path-about.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;}
.sustainable_development .photo figure img{position:absolute;width:100%;height:100%;object-fit:cover;-o-object-fit:cover}
@media(max-width:1024px){.sustainable_development .intro{width:100%;padding-bottom:3.25%}
.sustainable_development .photo{width:100%}
}
.sustainable_development_list{background:#f5f5f5;padding:6.25% 0}
.sustainable_development_list .technological_title{border-bottom:solid 1px #dcdcdc}
.sustainable_development_list .technological_info{padding-bottom:0}
.sustainable_development_list .technological_info .info{background:var(--color-fff)}
.sustainable_development_list .technological_info .swiper{overflow:hidden}
.friendship li{width:16.66666666666667%;padding:1%}
.friendship li .pic{box-shadow:0 15px 36px rgba(0,0,0,0.08)}
.friendship li .pic figure{padding-bottom:50%}
.friendship li .pic figure img{width:80%;height:80%;object-fit:contain;-o-object-fit:contain;}
.friendship li .info{padding-top:.1rem;text-align:center}
.friendship li .info h4{font-size:var(--f18);}
@media(max-width:1024px){.friendship li{width:25%;}
}
@media(max-width:640px){.friendship li{width:50%;}
}
.contact .box{background:var(--color-fff);margin-bottom:.2rem}
.contact .pic{width:37.5%}
.contact .pic img{width:100%}
.contact .info{width:62.5%}
.contact .info dl{padding:5%;}
.contact .info dl:not(:last-child){border-bottom:solid 1px #e5e5e5}
.contact .info dl dt{width:25%;font-size:var(--f24);color:var(--color-red)}
.contact .info dl dd{width:70%;font-size:var(--f18);font-family:'hm-L'}
.contact .info dl dd p{position:relative;padding:.05rem 0 .05rem .3rem;}
.contact .info dl dd p:before{content:'';width:18px;height:18px;top:.12rem;position:absolute;left:0;filter:grayscale(100%) brightness(80%);background:no-repeat left}
.contact .info dl dd p.address:before{background-image:url(../images/svg/lx-address.svg)}
.contact .info dl dd p.tel:before{background-image:url(../images/svg/lx-tel.svg)}
.contact .info dl dd p.email:before{background-image:url(../images/svg/lx-email.svg)}
@media(max-width:1200px){.contact .info dl dt{width:100%;}
.contact .info dl dd{width:100%;}
}
@media(max-width:768px){.contact .pic,.contact .info{width:100%}
}
.contact_message{padding-bottom:7.5%}
.contact_message .column_name{display:none}
.jobs_list:not(:first-child){padding-top:6.25%;padding-bottom:3.125%;background:var(--color-fff)}
.jobs_list .other .column_name{padding-bottom:0px}
.jobs_list .other{padding-bottom:.5rem;}
.jobs_list .resume{font-size:var(--f18)}
.jobs_list .resume span{font-family:'hm-L'}
.jobs_list .list li{box-shadow:0 5px 18px rgba(0,0,0,0.08);padding:1.5% 3%;transition:0.5s;cursor:pointer}
.jobs_list .list li .txt{width:17%;padding:0 0.5%;font-size:var(--f20)}
.jobs_list .list li .txt:not(.job){font-family:'hm-L'}
.jobs_list .list li .txt:last-child{width:1.3rem;flex:auto}
.jobs_list .list li .txt:nth-child(1){width:calc(35.5% - 1.3rem)}
.jobs_list .list li .txt:nth-child(4){width:30.5%}
.jobs_list .list li .view .link{font-size:var(--f16);padding:0;line-height:inherit;border:none;border-radius:0}
.jobs_list .list li:not(:last-child){margin-bottom:.2rem;}
.jobs_list .list li.first{background:#f5f5f5;color:var(--color-999)}
.jobs_list .list li:hover{box-shadow:0 5px 18px rgba(189,10,25,0.08);}
.jobs_list .list li:hover .job{color:var(--color-red)}
.jobs_list .list li:hover .view .link{background:none;color:var(--color-red)}
.jobs_list .list li:hover .view .link i{filter:none}
.jobs_list .view.more{text-align:center;padding:3.75% 0}
.jobs_list .view.more .link{color:var(--color-fff);background:var(--color-red);}
.jobs_list .view.more .link i{filter:brightness(0) invert(1);}
@media(max-width:1024px){.jobs_list .list li .txt.pc{display:none}
.jobs_list .list li .txt:nth-child(1){width:calc(96% - 1.3rem)}
}
.jobs_info{border-bottom:solid 1px #ebebeb;padding-bottom:1%;margin-bottom:2%}
.jobs_info h1{font-size:var(--f32);padding:0;margin:0;font-weight:normal;font-family:'hm-M'}
.jobs_info h1 span{display:inline-block;font-size:var(--f16);color:var(--color-red);background:#fbf1f1;border-radius:5px;padding:0 5px;margin-left:.1rem}
.jobs_info p{color:var(--color-555);font-family:'hm-L';}
.jobs_info p span:not(:last-child){margin-right:.15rem}
.jobs_info p span:not(:last-child):after{content:'.';margin-left:.15rem}
.jobs_details .sub{font-weight:normal;font-size:var(--f18);padding:0 0 0 18px;margin:0 0 .1rem 0;position:relative;color:var(--color-000)}
.jobs_details .sub:before{content:'';position:absolute;width:.04rem;height:60%;top:0;bottom:0;left:0;margin:auto;background:var(--color-red)}
.jobs_details .article{font-family:'hm-L';padding-bottom:3%;line-height:.36rem;color:var(--color-555)}
.jobs_end{border-top:solid 1px #ebebeb;padding-top:3.125%}
.jobs_end .view .link{color:var(--color-fff);background:var(--color-red);}
.jobs_end .view .link i{filter:brightness(0) invert(1);}
form[rel=whirform] .group{padding:.1rem 0}
form[rel=whirform] select,form[rel=whirform] .text{width:100%;background-color:#fafafa;line-height:.5rem;height:.5rem;padding:0 .2rem;border:none;color:var(--color-666);font-family:'hm-L';}
form[rel=whirform] textarea.text{height:1.6rem}
form[rel=whirform] .text::placeholder{color:#b2b2b2;}
form[rel=whirform] .type{font-size:var(--f18);line-height:3}
form[rel=whirform] .type span{color:var(--color-red);padding-right:5px;}
form[rel=whirform] .full{width:100%}
form[rel=whirform] .button{text-align:center;padding:.3rem 0}
form[rel=whirform] .button a{border:solid 2px var(--color-red);line-height:3.5;padding:0 .3rem;border-radius:var(--br30);display:inline-flex;align-items:center;color:var(--color-red);transition:0.5s;cursor:pointer}
form[rel=whirform] .button a:after{content:'';margin-left:.26rem;width:18px;height:15px;background:url(../images/svg/view_jt.svg) no-repeat center center;transition:0.5s}
form[rel=whirform] .button .btn_submit:hover,form[rel=whirform] .button .btn_reset{background:var(--color-red);color:var(--color-fff)}
form[rel=whirform] .button .btn_submit:hover:after,form[rel=whirform] .button .btn_reset:after{filter:brightness(0) invert(1);}
form[rel=whirform] .button .btn_reset{margin-left:.3rem;}
form[rel=whirform]  .group_box {max-height: calc(60vh - 5em);overflow-y:auto;}
@media(max-width:640px){form[rel=whirform] .button a{line-height:.4rem;padding:0 .2rem;}
}
.message_form{padding:.4rem;background:var(--color-fff)}
.message_form .group{width:49.375%}
.LeapsMain .message_form{padding:0}
@media(max-width:640px){.message_form .group{width:100%}
}
.Pages{padding:4.2% 0}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .p_page .a_first,.Pages .p_page .a_end{display:none}
.Pages .p_page{display:flex;justify-content:center}
.Pages .p_page .a_prev,.Pages .p_page .a_next{font-size:0;line-height:0;position:relative}
.Pages .p_page .a_prev:before,.Pages .p_page .a_next:before{content:'';position:absolute;width:100%;height:100%;background:url("../images/svg/page.svg") no-repeat center center}
.Pages .p_page a{min-width:.5rem;line-height:.5rem;border-radius:.05rem;display:block;box-shadow:0 0 0 1px #dcdfe1}
.Pages .p_page .num{font-style:normal;display:flex;font-size:var(--f18);text-align:center;padding:0 .2rem}
.Pages .p_page .num a:not(:last-child){margin-right:.2rem}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_cur{color:var(--color-fff);background:var(--color-red)}
.Pages .p_page .a_prev.no,.Pages .p_page .a_next.no{background:none;border:solid 1px #cccecf}
.Pages .p_page .a_next{transform:rotate(180deg)}
.Pages .p_page .num a:not(.a_cur){box-shadow:0 0 0 1px var(--color-red)}
.Pages .p_page .a_prev:not(.no):before,.Pages .p_page .a_next:not(.no):before{filter:brightness(0) invert(1);}
.Pages .p_page .no{cursor:default}
@media(max-width:768px){.Pages .p_page .num a:not(:last-child){margin-right:.1rem}
.Pages .p_page .num{padding:0 .1rem}
.Pages .p_page a{width:.40rem;line-height:.40rem;}
}
.body_popup{overflow:hidden;}
.data_popup{background-color:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;left:-100%;transition:opacity 0.3s;}
.data_popup.show{visibility:visible;opacity:1;left:0;}
.data_popup .close{position:absolute;right:3%;top:3%;width:0.4rem;height:0.4rem;--color:#000;cursor:pointer;z-index:10;}
.data_popup .close:before,.data_popup .close:after{background-color:var(--color);width:60%;height:2px;content:'';position:absolute;left:20%;top:50%;margin-top:-1px;transform:rotate(45deg);}
.data_popup .close:after{transform:rotate(-45deg);}
.data_popup .inner{width:95%;margin:0 auto;max-width:14rem;background-color:var(--color-fff);max-height:90vh;padding:3.15%;position:relative;}
.data_popup .title{text-align:center;font-size:0.28rem;font-weight:700;padding:1em 0;}
.data_popup .edit-info{overflow:auto;max-height:calc(60vh - 5em);line-height:1.875;}
.data_popup .column_name{visibility:inherit!important;padding-bottom:.2rem}
.data_popup .message_form{padding:0}

.data_popup_box{background-color:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;position:fixed;top:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;left:-100%;transition:opacity 0.3s;}
.data_popup_box.show{visibility:visible;opacity:1;left:0;}
.data_popup_box .close{position:absolute;right:3%;top:3%;width:0.4rem;height:0.4rem;--color:#000;cursor:pointer;z-index:10;}
.data_popup_box .close:before,.data_popup_box .close:after{background-color:var(--color);width:60%;height:2px;content:'';position:absolute;left:20%;top:50%;margin-top:-1px;transform:rotate(45deg);}
.data_popup_box .close:after{transform:rotate(-45deg);}
.data_popup_box .inner{width:95%;margin:0 auto;max-width:14rem;background-color:var(--color-fff);max-height:90vh;padding:3.15%;position:relative;}
.data_popup_box .title{text-align:center;font-size:0.28rem;font-weight:700;padding:1em 0;}
.data_popup_box .edit-info{overflow:auto;max-height:calc(60vh - 5em);line-height:1.875;}
.data_popup_box .column_name{visibility:inherit!important;padding-bottom:.2rem}
.data_popup_box .message_form{padding:0}

.Other002907{position: fixed;left: 0.1rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 200;border: 1px solid #eee;border-bottom: 0;width: 0.74rem;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.Other002907 li:not(:last-child){ border-bottom: 1px solid #eee;}
.Other002907 li a{text-align: center;display: block;line-height: 0.3rem;padding-top: 0.37rem;background-position:center 0.11rem;background-size:0.24rem; background-repeat: no-repeat;font-size: 0.14rem;color: #333;}
.Other002907 li a:hover{color: var(--color-red);}
.Other002907 li.li_1 a{background-image: url("../images/Other002907_icon1.svg");}
.Other002907 li.li_2 a{background-image: url("../images/Other002907_icon2.svg");}
.Other002907 li.li_3 a{background-image: url("../images/Other002907_icon3.svg");}



.FloatBox{position:fixed;z-index:999;right:0.2rem;bottom:.1rem;/*transform:translateY(-50%);background:url(../images/ip.png) no-repeat top center;background-size:1.5rem auto;*/
}
.FloatBox li{margin-bottom:0.05rem;position:relative;list-style:none;}
.FloatBox li>a{width:0.5rem;height:0.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0.5rem;background:var(--hover-color);font-weight:lighter;color:#fff;font-size:var(--font-size14);}
.FloatBox li .icon{display:flex;align-items:center;justify-content:center;}
.FloatBox li .icon img{max-width:0.22rem;}
.FloatBox li:hover>a{background:var(--hover-color);}
.FloatBox li .tcbox{min-height:100%;min-width:1.5rem;right:108%;border-radius:0.05rem;background:var(--hover-color);position:absolute;color:#fff;text-align:center;top:0%;padding:0.12rem;display:flex;align-items:center;flex-direction:column;white-space:nowrap;justify-content:center;display:none;}
.FloatBox li .tcbox p{margin:0;line-height:1.5;}
.FloatBox li .tcbox p b{font-size:var(--font-size20);}
.FloatBox li .tcbox.service{top:-200%;}
.FloatBox li .tcbox img{margin-bottom:0.08rem; max-width: 1.3rem;}
.FloatBox li:hover .tcbox{display:flex;}
.FloatBox li.gotop{opacity:0;visibility:hidden;transition:all .5s;}
.FloatBox li.gotop a{background:var(--hover-color);}
.FloatBox li.gotop .icon img{max-width:0.16rem;}
.FloatBox li.gotop.on{opacity:1;visibility:visible;}
.FloatBox li a:hover{box-shadow:0px 0.1rem 0.2rem rgba(var(--rgb-hover),0.3);}
.about_partner .partner2{padding-top:4%;}
.about_partner .partner2 .slick-slide > div{float:left;}
.about_partner .partner2 .slick-slide .logo:hover{transform:translateY(-8px);transition:0.3s all;}
.about_partner .partner2 .slick-slide > div:nth-child(6n+1),.about_partner .partner2 .slick-slide > div:nth-child(1){}
.about_partner .partner2 .slick-slide .logo{display: flex !important;align-items: center;justify-content: center;background:#fff;display:table;height:1.1rem;box-shadow:0px .06rem .18rem rgba(0,0,0,0.08);transition:0.3s all;}
.about_partner .partner2 .slick-slide .logo img{max-height:0.6rem;max-width:80%;}
.about_partner .partner2 .slick-dots{text-align:center;margin-top:.2rem;}
.about_partner .partner2 .slick-dots li{display:inline-block;position:relative;width:.28rem;height:.28rem;margin-right:.1rem;}
.about_partner .partner2 .slick-dots li button{padding:0;width:28.572%;height:28.572%;background:var(--hover-color);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0;border:0;}
.about_partner .partner2 .slick-dots li.slick-active button{background:var(--hover-color);width:50%;height:50%;}
.about_partner .partner2 .slick-dots li.slick-active:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;border:2px solid var(--hover-color);border-radius:50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;}

@keyframes zhuan{0%{transform:rotate(-360deg);}
100%{transform:rotate(0);}
}
@media(min-width:1025px){.about_partner .partner2 .slick-slide > div{width:18%;margin:1%;}
}
@media(min-width:641px) and (max-width:1024px){.about_partner .partner2 .slick-slide > div{width:33.3333%;height:15vw;}
.about_partner .partner2 .slick-slide > div:not(:nth-child(3n)){border-right:1px solid #ebebeb;}
.about_partner .partner2 .slick-slide .logo img{max-height:12vw;}
}
@media(max-width:640px){.about_partner .partner2 .slick-slide > div{width:50%;height:20vw;}
.about_partner .partner2 .slick-slide > div:not(:nth-child(2n)){border-right:1px solid #ebebeb;}
.about_partner .partner2 .slick-slide .logo img{max-height:15vw;}
}
.Banner003223{position:relative;z-index:1;}
.Banner003223 .swiper-wrapper{height:auto;}
.Banner003223 .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:3;color:#fff;}
.Banner003223 .txt h3{margin:0;font-size:var(--f60);line-height:1.2;transition-delay:0.5s;font-family:'hm-B';}
.Banner003223 .txt p{margin-top:.12rem;font-size:.32rem;line-height:1.2;transition-delay:0.8s;font-family:'hm-L';opacity:0.6;}
.Banner003223 .controls-page{bottom:6.06826802%;position:absolute;z-index:10;text-align:center;}
.Banner003223 .controls-page span{width:0.14rem;height:0.14rem;border:1px solid rgba(255,255,255,0.4);margin:0 0.13rem;display:block;border-radius:50%;opacity:1;background:none;}
.Banner003223 .controls-page span.swiper-pagination-bullet-active{border-color:var(--hover-color);background-color:var(--hover-color);}
@media (max-width:1024px){.Banner003223 .txt h3{font-size:var(--font-size32);}
.Banner003223 .txt p{font-size:var(--font-size18);margin-bottom:2em;}
}
/* 20260310 */
.loginMain{min-height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center;flex-direction:column;justify-content:center;}
.lform{padding:var(--padMar50);background:#fff;border-radius:.2rem;width:450px;max-width:100%;margin:auto;}
.lform.register{width:550px;}
.lform .ft{text-align:center;margin-bottom:1em;font-size:var(--f32);}
.lform .line{margin-bottom:.2rem;}
.lform .line{background:#f2f4f8;border-radius:.6rem;}
.lform .line input{background:none !important;border:none;box-shadow:inset 0 0 1000px #f2f4f8;border-radius:.6rem;padding:0 1.5em;height:50px;font-size:inherit;font-family:inherit;width:100%;outline:none;}
.line.lpwd{position:relative;padding-right:.8rem;}
.line.lpwd .btn{position:absolute;right:5px;top:5px;bottom:5px;z-index:5;cursor:pointer;display:flex;align-items:center;padding:0 1.5em;background:#bd0a19;border-radius:50px;color:#fff;}
.lform .lbtn{font-size:18px;text-align:center;line-height:50px;border-radius:50px;background:linear-gradient(90deg,#bd0a19,#cb1221);color:#fff;cursor:pointer;margin-top:3em;}
.line.lpwd .btn.disabled{background:#666;}
.lform .tp{text-align:center;margin-top:2em;}
.lform .tp .l{flex:1 1 auto;margin:0 1em;height:1px;background:#dfdfdf;}
.lform .tp .c{flex:0 0 auto;}
.lform .tp a{color:#bd0a19;}
.loginHead{width:100%;flex:0 0 auto;}
.loginMain .mainBox{flex:1 1 auto;overflow:hidden;align-items:center;justify-content:center;padding-top:100px;width:100%;padding-bottom:50px;min-height:100vh;}
.loginMain .flex{align-items:center;}
.loginMain .mainBox .auto{flex:0 1 auto;}
.solution_article .overview{overflow:hidden;}
.solution_article .overview img{max-width:100% !important;}
.toploin{margin-right:1.5em;display: none;}
.nouser a:not(:last-child):after{content:"|";padding:0 3px 0 5px;color:#999;}
@media (max-width:768px){.lform{padding:30px;}
.lform .line input{height:46px;}
.lform .lbtn{font-size:16px;line-height:46px;margin-top:2em;}
.solution_article{display:block;}
.solution_article .tab-title{width:auto;}
.solution_article .tab-group{width:auto;}
}


/* 20260326 add 食品安全 */
.food-safety_one{padding-bottom: 1.1rem;overflow: hidden;}
.food-safety_one .swiper-top-out{position: relative;}
.food-safety_one .swiper-top-out .swiper-button-prev{left: -0.7rem;}
.food-safety_one .swiper-top-out .swiper-button-next{right: -0.7rem;}
.food-safety_one .swiper_nav{margin-bottom: 0.34rem;}
.food-safety_one .swiper_nav .swiper-slide{background-position: center top;background-repeat: no-repeat;background-size: 100% 1.21rem;}
.food-safety_one .swiper_nav .swiper-slide span{display: flex;align-items: center;justify-content: center;font-size: calc(var(--f24));min-height: 1.21rem;margin-bottom: 0.06rem;color: #fff;cursor: pointer;}
.food-safety_one .swiper_nav .swiper-slide span{background-color: rgba(102,102,102,0.87);transition: all 0.5s;}
.food-safety_one .swiper_nav .swiper-slide.swiper-slide-thumb-active span{background-color: rgba(189,10,25,0.87);transition: all 0.5s;}
.food-safety_one .swiper_nav .swiper-slide.swiper-slide-thumb-active:after{content:'';width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid var(--color-red);position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.food-safety_one .arr{width: 0.4rem;height: 0.4rem;}
.food-safety_one .features{background-color: #f2f6f9;padding: 0.32rem 0.32rem 0.2rem;margin-bottom: 0.29rem;}
.food-safety_one .features dd{margin-bottom: 0.12rem;padding-left: 0.33rem;background: url(../images/ico-dot.png) no-repeat 0 0.5em/0.19rem auto;}
 .food-safety_one .pro .swiper-slide{background: url(../images/probg.jpg) no-repeat right bottom/cover;padding: 0.3rem;}
 .food-safety_one .pro .pic{width: calc(232 / 727 * 100%);background-color: #fff;}
 .food-safety_one .pro .pic figure{padding-bottom: calc(314 / 232 *100%);}
 .food-safety_one .pro .pic img{object-fit: contain;}
 .food-safety_one .pro .info{flex: 1;padding-left: 0.5rem;}
 .food-safety_one .pro .tit{font-size: var(--f24);margin-bottom: 0.19rem;}
 .food-safety_one .pro .txt{color: #666666;min-height: 1.33rem;margin-bottom: 0.41rem;}
 .food-safety_one .pro .txt p{margin: 0;position: relative;padding-left: 0.2rem;}
 .food-safety_one .pro .txt p:before{position: absolute;left: 0;top: 0.55em;width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--color-red);content: "";}
 .food-safety_one .pro .txt p:not(:last-child){margin-bottom: 0.1rem;}
 .food-safety_one .pro .btn a{padding: 0 0.2rem;line-height: 0.28rem;border-radius: 0.3rem;border: 1px solid #bbbbbb;font-size: var(--f14);color: #666666;}
 .food-safety_one .pro .btn a:not(:last-child){margin-right: 0.15rem;}
 .food-safety_one .pro .btn a:hover{color: #fff;background-color: var(--color-red);border-color: var(--color-red);}
 .food-safety_one .pro .swiper-pagination{position: static;margin-top: 0.35rem;}
 .food-safety_one .pro .arr{display: none;}

 /* two */
 .food-safety_two{padding: 1.1rem 0;overflow: hidden;background: url(../images/spaq_two_bg.jpg) no-repeat center bottom/cover;}
 .food-safety_two .pic {margin-bottom: 0.24rem;}
 .food-safety_two .pic figure{padding-bottom: calc(270 / 786 * 100%);}
 .food-safety_two .desc{font-size: var(--f18);line-height: calc(30 / 18);margin-bottom: 0.27rem;min-height: 3.33em;}
 .food-safety_two .txt{color: #666666;min-height: 0.98rem;margin-bottom: 0.41rem;}
 .food-safety_two .txt p{margin: 0;position: relative;padding-left: 0.2rem;}
 .food-safety_two .pro .txt p:not(:last-child){margin-bottom: 0.1rem;}
 .food-safety_two .txt p:before{position: absolute;left: 0;top: 0.55em;width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--color-red);content: "";}
 .food-safety_two .btn a{padding: 0 0.2rem;line-height: 0.3rem;border-radius: 0.3rem;font-size: var(--f14);color: #fff;background-color: var(--color-red);transition: all 0.5s;}
 .food-safety_two .btn a:hover{transform: scale(1.1);}
 .food-safety_two .btn a:not(:last-child){margin-right: 0.15rem;}
 .food-safety_two .group:not(:last-child){padding-bottom: 0.45rem;}

 /* there */
 .food-safety_there{padding: 1.1rem 0;overflow: hidden;}
 .food-safety_there .item{width: calc(479 / 1600 * 100%);padding-bottom: 0.32rem;}
 .food-safety_there .item .label{font-size: var(--f20);color: #010101;margin-bottom: 0.13rem;}
 .food-safety_there .item .label span{color: #ff0000;margin-left: 0.1rem;}
 .food-safety_there .item select,.food-safety_there .item .ipt,.food-safety_there .item textarea{width: 100%;height: 0.55rem;border-radius: 0.05rem;padding: 0 0.2rem;border: 0;background-color: #f8f8f8;}
 .food-safety_there .item textarea{width: 100%;height: 1.5rem;padding: 0.16rem 0.2rem;}
 .food-safety_there .item select:focus,.food-safety_there .item .ipt:focus,.food-safety_there .item textarea:focus{border: 1px solid rgba(0,0,0,0.1);}
 .food-safety_there .item.auto{width: 100%;}
 .food-safety_there .btn{width: 100%;text-align: center;padding-top: 0.25rem;}
 .food-safety_there button{width: 2.2rem;height: 0.6rem;border-radius: 0.6rem;color: #fff;font-size: var(--f18);display: flex;align-items: center;justify-content: center;margin: 0px auto;border: 0;transition: all 0.5s;background-color: var(--color-red);cursor: pointer;}
 .food-safety_there button:After{margin-left: 0.38rem;transition: all 0.5s;content: "";width: 0.18rem;height: 0.13rem;background: url(../images/arr_white.png) no-repeat center center/contain;}
 .food-safety_there button:hover{opacity: 0.8;}
 .food-safety_there button:hover:After{margin-left: 0.3rem;}

 .ewmpop{position: fixed;left: 50%;top: 50%;background-color: #fff;padding: 0.5rem;border-radius: 0.1rem;box-shadow: 0 0 20px rgba(0,0,0,0.15);text-align: center;display: none;z-index: 100;transform: translate(-50%,-50%);width: 4rem;cursor: pointer;}
 .ewmpop .closes{position: absolute;right: 0.1rem;top: 0.1rem;width: 0.3rem;height: 0.3rem;background: #fff url(../images/close-black.svg) no-repeat center center/0.15rem auto;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
 .ewmpop img{display: block;margin: 0px auto 0.1rem;width: 2rem;}

@media(min-width:1025px){
.food-safety_one .features dd{width: 50%;}
.food-safety_two .txt p{width: 48%;}

.food-safety_two .group{width: calc(787 / 1600 * 100%);}
.food-safety_two .group:not(:last-child){padding-bottom: 0rem;}
}
@media(max-width:1560px){
 .food-safety_one .swiper-top-out .swiper-button-prev{left: -0.5rem;}
 .food-safety_one .swiper-top-out .swiper-button-next{right: -0.5rem;}
}
@media(max-width:1024px){
 .food-safety_one .swiper-top-out .swiper-button-prev{left: -0.3rem;display: none;}
 .food-safety_one .swiper-top-out .swiper-button-next{right: -0.3rem;display: none;}
 .food-safety_one .swiper_nav .swiper-slide.swiper-slide-thumb-active:after{bottom: 0.01rem;}
 .food-safety_one .swiper_nav{overflow: visible;padding-right: 10%;width: 110%;}
 .food-safety_two .txt{display: block}
}
@media(max-width:768px){
 .food-safety_there .item{width: 100%;}
 .food-safety_one .pro .info{padding-left: 0.2rem;}
 .food-safety_one .pro .swiper-slide{padding: 0.2rem;}
 .food-safety_one .pro .btn a:not(:last-child){margin-right: 0.05rem;}
 .food-safety_one .pro .btn a{padding: 0 0.15rem;}
 .food-safety_one{padding-bottom: 0.6rem;}
 .food-safety_two{padding: 0.6rem 0;}
 .food-safety_there{padding: 0.6rem 0;}
 .food-safety_there .item{padding-bottom: 0.2rem;}
}