@charset "utf-8";
@import 'fonts.css';
:root{--main-color:#FF6900;--main-rgb:237,4,40;}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;}
body{background-color:#fff;color:#333;font:400 16px/1.875em 'Poppins',Arial;width:100%;word-wrap:break-word;min-width:1200px;overflow-x:hidden;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p{margin:0;padding:0;}
a{text-decoration:none;outline:none;color:#333;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img{max-width:100%;height:auto;}

/*强制去除表单自带的样式*/
select,input,textarea{border-radius:0;-webkit-border-radius:0;font-family:'Poppins';font-weight:300;background:none;border:none;margin:0;padding:0;}
input:focus{outline:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}

/* input[type='text']::-moz-placeholder{opacity:1;}
input[type='text']:-moz-placeholder{opacity:1;}
input[type='text']::-webkit-input-placeholder{opacity:1;}
input[type='text']:-ms-input-placeholder{opacity:1;} */
input::-webkit-input-placeholder{    /* WebKit, Blink, Edge */
color:#999;}
:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
color:#999;}
::-moz-placeholder{    /* Mozilla Firefox 19+ */
color:#999;}
input:-ms-input-placeholder{    /* Internet Explorer 10-11 */
color:#999;}
input::-ms-input-placeholder{    /* Microsoft Edge */
color:#999;}
.omission2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}

/*清楚浮动*/
.clear{clear:both;height:0px;overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{list-style:none;margin:0;padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}

/*该设置跟后台编辑器有关*/
body.on{overflow:hidden;}

/*全局样式*/
.inner{max-width:1400px;width:100%;margin:0 auto;}
@media(max-width:1440px){
    .inner{width:94%;}
}
.inner1200{width:1200px;margin:0 auto;}
.grayBg{background-color:#f6f6f6;}
#app1{min-height:500px}

/*slick*/
.slick{height:0;overflow:hidden;opacity:0;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;height:auto;opacity:1;overflow:visible;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-arrow{overflow:hidden;display:block;text-indent:-99999em;font-size:0;border-radius:50%;background:no-repeat 0 0;background-size:100% auto;width:58px;height:58px;border:1px solid #fff;cursor:pointer;}
.slick-arrow:hover{background-color:var(--main-color);border-color:var(--main-color);}
.slick-next{background-position:0 100%;}
.slick-dots{font-size:0;line-height:normal;}
.slick-dots li{display:inline-block;}
.slick-dots button{display:block;border:none;background-color:transparent;cursor:pointer;}

/*模拟placeholder*/
.input{position:relative;overflow:hidden;}
.inpText{display:block;}
.placeholder{cursor:text;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;color:#999;font-weight:300;line-height:30px;}
.placeholder i{position:relative;font-style:normal;display:block;}
.select{position:relative;}

/* .select:hover .clear{display: block;} */
.select .clear{position:absolute;right:1px;width:45px;top:1px;height:calc(100% - 2px);z-index:5;background:#fff url(../trans2026_images/clear.png) no-repeat center/14px;display:none;cursor:pointer;border:0;border-radius:5px;}
.select .text{cursor:pointer;width:auto;}
.select .text:after{border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;right:3.875%;top:50%;transform:translateY(-50%);}
.select .text i{display:block;font-style:normal;margin-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.select .list{position:absolute;top:100%;width:100%;line-height:30px;font-weight:300;max-height:560px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 0;display:none;z-index:10;}
.select span{display:block;cursor:pointer;}
.rq:after{content:'*';color:var(--main-color);display:inline-block;margin-left:5px;}
.button{background-color:var(--main-color);color:#fff;height:60px;font-size:16px;font-weight:400;cursor:pointer;display:block;-webkit-appearance:none;appearance:none;}
.button:hover{opacity:.85;}
.entry{font-weight:300;}
.entry ol,.entry ul{padding-left:1em;margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{font-weight:700;}
.entry hr{border:none;border-bottom:1px solid #e4e4e4;padding:0;margin:0;}
.entry a{color:var(--main-color);}
.entry a:hover{text-decoration:underline;}
.entry img{max-width:100%;height:auto;}
@-webkit-keyframes mouse{
    0%{top:11px;opacity:1;}
    50%{top:18px;opacity:0.8;}
    100%{top:11px;opacity:1;}
}
@keyframes mouse{
    0%{top:11px;opacity:1;}
    50%{top:18px;opacity:0.8;}
    100%{top:11px;opacity:1;}
}
.mouse{width:35px;height:54px;border-radius:17.5px;border:1px solid rgba(255,255,255,0.5);position:relative;margin:0 auto;}
.mouse:before{width:1px;height:10px;background-color:#fff;content:'';display:block;position:absolute;left:50%;top:10px;opacity:1;transform:translateX(-50%);-webkit-animation:mouse linear infinite 3s;animation:mouse linear infinite 3s;}

/*bottom*/
#bottom{background-color:#2e2e2e;color:#fff;color:rgba(255,255,255,0.2);padding:0.78125% 0;font-weight:300;line-height:40px;}

/*social*/
#social{float:right;font-size:0;line-height:normal;text-align:center;padding:10px 0;}
#social span{display:inline-block;overflow:hidden;margin-left:60px;}
#social a{display:block;overflow:hidden;width:20px;height:20px;text-indent:-9999em;background:no-repeat center center;background-size:contain;}
#social a:hover{opacity:.5;}
#social .tw{background-image:url(../trans2026_images/social_twitter.png);}
#social .li{background-image:url(../trans2026_images/social_linkedin.png);}
#social .fb{background-image:url(../trans2026_images/social_facebook.png);}
#social .sp{background-image:url(../trans2026_images/social_instagram.png);}

/*copyright*/
#copyright{margin-right:320px;overflow:hidden;}

/*footer*/
#footer{background-color:#3b3b3b;padding:3.38541667% 0;color:#fff;font-weight:300;}
#footer a{color:#fff;}
#footer .left{width:27.14285714%;float:left;}
#footer .right{width:72.85714286%;float:right;}

/*footerLogo*/
#footerLogo{width:55.78947368%;margin-bottom:5.31578947%;}
#footerLogo img{display:block;width:100%;height:auto;}
#footer .left .link{display:flex;align-items:center;font-size:18px;margin-bottom:15px}
#footer .left .link img{height:9px;margin-left:0;filter:brightness(0) invert(1)}

/*footerInfo*/
#footerInfo dt{border-bottom:1px solid #4e4e4e;padding-bottom:1.5%;margin-bottom:1.5%;font-weight:700;font-size:24px;line-height:40px;}
#footerInfo dd{padding:4.5px 0 4.5px 32px;color:rgba(255,255,255,0.5);padding-left:32px;background:no-repeat left 9.5px;}
#footerInfo .tel{background-image:url(../trans2026_images/icon_tel.png);}
#footerInfo .fax{background-image:url(../trans2026_images/icon_fax.png);}
#footerInfo .mail{background-image:url(../trans2026_images/icon_mail.png);}
#footerInfo .addr{background-image:url(../trans2026_images/icon_addr.png);background-position:left 9px;}

/*footerNav*/
#footerNav{font-size:0;line-height:normal;text-align:right;}
#footerNav dl{display:inline-block;vertical-align:top;padding-left:7.84313725%;text-align:left;max-width:18.1372549%;}
#footerNav dl:nth-of-type(2){display:none;}
#footerNav dl:first-child{padding-left:0;}
#footerNav dt{text-transform:uppercase;margin-bottom:16px;font-weight:500;font-size:20px;line-height:1.2em;}
#footerNav dt a:hover{opacity:.7;}
#footerNav dd{font-size:16px;line-height:30px;}
#footerNav dd a{display:block;color:rgba(255,255,255,0.3);white-space:nowrap;}
#footerNav dd a:hover{color:#fff;}

/*subscribe*/
#subscribe{background-color:#f6f6f6;text-align:center;padding:4.6875% 0;}
#subscribe h2{text-transform:uppercase;color:var(--main-color);font-size:42px;line-height:1.25em;margin-bottom:3.71428571%;font-weight:400;}
#subscribe .tips{font-size:14px;line-height:1.625em;color:#999;font-weight:300;}
#subscribe .form{margin:0 auto 3.07142857%;width:67.85714286%;position:relative;border-radius:5px;overflow:hidden;}
#subscribe .input{margin-right:150px;}
#subscribe .text{background-color:#fff;font-size:14px;height:26px;line-height:26px;padding:15px 4.375%;width:91.25%;color:#333;font-weight:300;}
#subscribe .placeholder{text-align:left;line-height:26px;font-size:14px;}
#subscribe .placeholder i{padding:15px 4.375%;}
#subscribe .submit{display:block;position:absolute;top:0;right:0;height:100%;background-color:var(--main-color);color:#fff;width:150px;font-size:16px;}
#subscribe .submit:hover{opacity:.8;}
#subscribe .submit i{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;font-style:normal;}

/*header*/
#header{background-color:#fff;position:fixed;left:0;top:0;width:100%;z-index:999;}
#header.shadow{box-shadow:0px 1px 3px rgba(0,0,0,0.1);}
#blank{height:100px;clear:both;}

/*logo*/
#logo{float:left;padding:27.5px 0;position:relative;}
#logo img{max-height: 55px;}

/*topBtn*/
#topBtn{float:right;padding:31px 0 31px 10px;font-size:14px;font-weight:300;}
#topBtn span{float:left;display:block;margin-left:20px;position:relative;}
#topBtn span:first-child{margin-left:0;}
#topBtn span:hover .user-poup{display:block;}
#topBtn .btn{display:flex;overflow:hidden;min-width:100px;height:36px;line-height:1.1;border:1px solid #999;border-radius:19px;padding:0 10px;align-items:center;justify-content:center;word-break:break-word;}
#topBtn .btn.lang{border-color:transparent;width:45px;padding:0; min-width:45px;}
#topBtn .user-poup.lang-poup{width:80px;}
#topBtn .btn img{margin-right:5px;width:15px;}
#topBtn .btn i{font-style:normal;display:block;padding-left:28px;position:relative;}
#topBtn .btn i:before{width:14px;height:15px;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#topBtn .btn .sign:before{background-image:url(../trans2026_images/icon_01.png);}
#topBtn .btn a:hover{background-color:var(--main-color);border-color:var(--main-color);color:#fff;}
#topBtn .btn a:hover i:before{background-position:0 100%;}
#topBtn .cart{display:block;padding-left:23px;background:url(../trans2026_images/product/icon_cart.png) no-repeat left center;height:18px;line-height:18px;margin:10px 0;overflow:hidden;}
#topBtn .cart small{display:block;width:18px;height:18px;line-height:18px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;background-color:var(--main-color);border-radius:50%;font-style:normal;font-size:10px;}
#topBtn a.link{background-color:transparent;border-color:transparent;display:flex;align-items:center;font-size:20px;height:38px;}
#topBtn a.link img{height:10px;margin-left:10px;}

/*nav*/
#nav{float:right;padding-top:37px;}
#nav ul{float:left;}
#nav li{float:left;line-height:40px;padding:0 10px;text-transform:uppercase;position:relative;}
#nav .on>a,#nav .cur>a{color:var(--main-color);}

/*dropNav*/
.dropNav{background-color:#fff;position:absolute;top:100%;left:0;width:700px;z-index:2;overflow:hidden;border-top:1px solid #efeff0;font-size:14px;line-height:1.75em;text-transform:none;display:none;}
.dropNav dl{overflow:hidden;padding:6.42857143% 12.14285714%;}
.dropNav dd{float:left;width:45.28301887%;}
.dropNav dd:nth-child(2n-1){float:right;}
.dropNav dd.son:nth-child(2n-1){float:left;}
.dropNav .item{padding:5px 0;display:table;table-layout:fixed;width:100%;}
.dropNav .icon{width:50px;display:table-cell;vertical-align:middle;}
.dropNav span{display:block;overflow:hidden;border:1px solid #c2c2c2;border-radius:5px;text-align:center;height:50px;line-height:50px;box-sizing:border-box;}
.dropNav span img.hide{display:none;}
.dropNav span img{max-height:100%;vertical-align:middle;}
.dropNav a:hover span img{display:none;}
.dropNav a:hover span img.hide{display:inline-block;}
.dropNav i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat 0 0;background-size:100% auto;}
.dropNav .text{display:table-cell;vertical-align:middle;padding-left:20px;}
.dropNav dt{color:var(--main-color);margin-bottom:10px;}
.dropNav dt span{border-color:var(--main-color);background-color:var(--main-color);}
.dropNav dt a{color:var(--main-color);}
.dropNav a{color:#666;}
.dropNav a:hover{color:var(--main-color);}
.dropNav.dropNav.son a.item{padding:10px 0;}
.dropNav.dropNav.son a.item:hover{color:var(--main-color);background-color:#eee}
.dropNav a:hover span{border-color:var(--main-color);}
.dropNav a:hover i{background-position:0 100%;}
.dropNav.son{width:160px;left:50%;transform:translateX(-50%);text-align:center;}
.dropNav.son dl{padding:20px 15px;}
.dropNav.son dl dd{display:block;width:100%;}
.dropNav.son .item{display:block;padding:0;}

/*banner*/
#banner{padding-bottom:630px;background:no-repeat center center;background-size:cover;position:relative;}

/*wrapper*/
#wrapper{padding:5.20833333% 0;overflow:hidden;}
#wrapper.static{position:static;}

/*contactInfo*/
#contactInfo{width:34.28571429%;float:left;color:#fff;overflow:hidden;}
#contactInfo dl{padding:14.16666667% 10.41666667% 11.04166667%;background-color:#343c44;margin-bottom:30px;position:relative;}
#contactInfo dl:before{border-top:60px solid #fff;border-left:60px solid transparent;content:'';display:block;position:absolute;top:0;right:0;}
#contactInfo dl:after{border-top:30px solid #343c44;border-left:30px solid transparent;border-right:30px solid transparent;content:'';display:block;position:absolute;top:100%;left:-30px;}
#contactInfo dt{margin-bottom:3.15789474%;font-weight:700;font-size:32px;line-height:1.25em;}
#contactInfo dd{padding:4.73684211% 0;}
#contactInfo span{opacity:.3;}

/*contactForm*/
#contactForm{width:57.14285714%;float:right;padding:2% 0;}
#contactForm h2{margin-bottom:2.5%;font-weight:700;font-size:28px;line-height:1.25em;}
#contactForm .input{margin-bottom:1.25%;border:1px solid #eee;}
#contactForm .input.code{display:flex;}
#contactForm .placeholder i{padding:14px 2.25%;}
#contactForm .text{background-color:#f9f9f9;height:30px;padding:14px 2.25%;width:95.5%;font-size:16px;line-height:30px;}
#contactForm textarea.text{height:90px;}
#contactForm .btn{margin-top:3.75%;}
#contactForm .button{width:37.5%;}

/*newsletter*/
#newsletter{font-weight:300;display:table;table-layout:fixed;width:100%;}
#newsletter .left{display:table-cell;vertical-align:middle;width:48.57142857%;padding-top:2.71428571%;padding-bottom:6.07142857%;overflow:hidden;position:relative;z-index:3;}
#newsletter .right{display:table-cell;vertical-align:middle;width:51.42857143%;position:relative;}
#newsletter .pic{position:absolute;right:0;top:0;height:100%;width:122.22222222%;background:url(../trans2026_images/newsletter.jpg) no-repeat center center;background-size:cover;}
#newsletter h2{width:85.88235294%;padding-bottom:15.58823529%;overflow:hidden;background:url(../trans2026_images/title_newsletter.png) no-repeat left center;background-size:contain;text-indent:-99999em;line-height:0;margin:0 auto -2.94117647%;position:relative;z-index:2;}
#newsletter .form{background-color:var(--main-color);position:relative;z-index:1;padding:10.29411765% 11.76470588% 16.91176471%;color:#fff;margin-bottom:50px;}
#newsletter .form:after{border-top:50px solid var(--main-color);border-left:50px solid transparent;border-right:50px solid transparent;content:'';display:block;position:absolute;top:100%;right:-50px;}
#newsletter .tips{font-weight:400;font-size:22px;margin-bottom:9.80769231%;}
#newsletter .input,#newsletter .select{margin-bottom:5.76923077%;}
#newsletter .text{background-color:var(--main-color);padding:15px 3.85%;width:92.3%;color:#fff;font-size:16px;line-height:30px;transition:background .2s;}
#newsletter .placeholder{color:#ffb7b2;}
#newsletter .placeholder i{padding:15px 3.85%;}
#newsletter .select .text{color:#ffb7b2;}
#newsletter .select .list{background-color:var(--main-color);font-weight:400;width:99.99%;}
#newsletter .select span{padding:0 3.875%;}
#newsletter .select span:hover{background-color:var(--main-color);}
#newsletter .select .fill{color:#fff;}
#newsletter .select select{display:none;}
#newsletter .rq:after{color:#ffb7b2;}
#newsletter .button{width:57.69230769%;background-color:#fff;color:var(--main-color);margin:1.92307692% auto 0;}

/*customer*/
#customer{position:relative;}
#customer:before{background:url(../trans2026_images/A_01.png) no-repeat center center;background-size:contain;width:71.57142857%;padding-bottom:64.85714286%;content:'';display:block;position:absolute;z-index:0;left:50%;bottom:0;transform:translateX(-50%);}
#customer .left{width:44%;float:left;padding-top:3.92857143%;position:relative;z-index:1;}
#customer .line{margin-right:10px;position:relative;background-color:var(--main-color);height:10px;}
#customer .line:after{border-left:10px solid var(--main-color);border-bottom:10px solid transparent;content:'';display:block;position:absolute;left:100%;top:0;}
#customer .right{width:48.85714286%;float:right;background-color:#fff;position:relative;z-index:1;}

/*youIntro*/
#youTop{font-weight:600;font-size:26px;line-height:1.2em;margin-bottom:10.22727273%;}

/*youBtm*/
#youBtm{font-size:34px;line-height:1.33333333em;color:var(--main-color);font-style:italic;margin-right:15%;padding-bottom:4.38311688%;}

/*youCan*/
#youCan{overflow:hidden;margin-bottom:6.49350649%;}
#youCan h3{font-weight:400;font-size:20px;line-height:1.63636364em;color:var(--main-color);margin-bottom:3.24675325%;}
#youCan .list{overflow:hidden;}
#youCan ul{overflow:hidden;}
#youCan li{float:left;width:50%;padding-bottom:4.87012987%;}
#youCan li:nth-child(2n){float:right;width:40%;}
#youCan .box{display:table;table-layout:fixed;width:100%;}
#youCan .icon{display:table-cell;vertical-align:top;width:70px;}
#youCan .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#youCan .text{line-height:1.33333333em;display:table-cell;vertical-align:middle;font-weight:300;padding-left:20px;}

/*leaveForm*/
#leaveForm{box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding:7.30994152% 11.69590643% 0;overflow:hidden;font-weight:300;}
#leaveForm .tips{color:#999;margin-bottom:6.87022901%;}
#leaveForm .step{margin-bottom:3.81679389%;}
#leaveForm .top{font-weight:700;font-size:18px;line-height:30px;color:var(--main-color);margin-bottom:3.81679389%;}
#leaveForm .num{display:block;float:left;font-style:normal;width:24px;height:24px;background-color:#fff;text-align:center;line-height:22px;border:3px solid var(--main-color);border-radius:50%;font-size:16px;}
#leaveForm h3{margin-left:40px;}
#leaveForm .btm{padding-left:43px;padding-bottom:35px;position:relative;}
#leaveForm .btm:before{width:0;height:100%;border-left:1px dashed var(--main-color);content:'';display:block;position:absolute;top:0;left:14.5px;}
#leaveForm .noBefore:before{display:none;}
#leaveForm .select,#leaveForm .input{border:1px solid #eee;margin-bottom:10px;}
#leaveForm .placeholder i,#leaveForm .text{padding:14px 3.75%;width:92.5%;}
#leaveForm .placeholder{position:absolute;min-height:auto;padding-top:0;}
#leaveForm .text{height:30px;line-height:30px;font-size:16px;color:#999;}
#leaveForm .text:focus{color:#333;}
#leaveForm .select .text:after{border-top-color:#999;}
#leaveForm .select .list{background-color:#fff;border:1px solid #eee;left:-1px;}
#leaveForm .select .list span{padding:0 3.75%;}
#leaveForm .select .list span:hover{background-color:#eee;}
#leaveForm .select select{display:none;}
#leaveForm textarea.text{height:90px;}
#leaveForm .button{width:60.60606061%;margin:6.06060606% auto 0;}

/*guarantee*/
#guarantee{overflow:hidden;margin-bottom:1.04166667%;}
#guarantee .pic{background:no-repeat center center;background-size:cover;padding-bottom:42.85714286%;}
#guarantee .left{margin-right:44.64285714%;padding:4.28571429% 5.71428571% 0;}
#guarantee .icon{float:right;width:37.14285714%;display:inline-block;margin-top:-23.21428571%;margin-right:4.71428571%;}
#guarantee .icon i{display:block;overflow:hidden;padding-bottom:127.30769231%;background:no-repeat center center;background-size:contain;}
#guarantee .entry{margin-bottom:5.16129032%;}
#guarantee .tips{font-size:22px;font-style:italic;line-height:1.63636364em;color:var(--main-color);margin-bottom:2.58064516%;}
#guarantee .btn a{display:block;overflow:hidden;width:30.96774194%;height:50px;line-height:50px;background-color:var(--main-color);color:#fff;font-weight:300;text-align:center;}

/*logistics*/
#logistics .title{font-size:44px;font-weight:700;line-height:1.25em;margin-bottom:2.57142857%;}
#logistics .entry{margin-bottom:5%;}
#logistics .multi{overflow:hidden;margin-bottom:2.14285714%;}
#logistics .multi ul{width:102.85714286%;overflow:hidden;}
#logistics .multi li{width:47.22222222%;padding-right:2.77777778%;padding-bottom:2.77777778%;float:left;}
#logistics .multi i{display:block;overflow:hidden;padding-bottom:92.64705882%;background:no-repeat center center;background-size:cover;}

/*transportation*/
#transportation{overflow:hidden;}
#transportation h3{font-weight:400;font-size:28px;text-transform:uppercase;line-height:1.6em;margin-bottom:1.71428571%;}
#transportation ul{width:102.85714286%;overflow:hidden;}
#transportation li{float:left;width:22.22222222%;padding-right:2.77777778%;padding-bottom:2.77777778%;}
#transportation .pic{padding-bottom:75%;background:no-repeat center center;background-size:cover;}
#transportation .info{border:1px solid #eaeaea;border-top:none;padding:19.49685535% 12.57861635% 9.43396226%;position:relative;}
#transportation .icon{width:18.86792453%;position:absolute;left:12.57861635%;top:0;transform:translateY(-50%);}
#transportation .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#transportation h4{font-size:18px;font-weight:400;line-height:1.5em;margin-bottom:7.15789474%;}
#transportation .intro{font-size:16px;color:#999;font-weight:300;line-height:1.33333333em;min-height:4em;}

/*packageIntro*/
.packageIntro{padding-bottom:5.71428571%;}
.packageIntro .title{margin-bottom:3.71428571%;}
.packageIntro .title h2{font-weight:400;font-size:46px;line-height:1.25em;margin-bottom:1.21428571%;}
.packageIntro .title h3{font-size:18px;color:#999;line-height:1.5em;font-weight:300;}
.packageIntro .pic{position:relative;padding-bottom:2.14285714%;margin-bottom:1.42857143%;}
.packageIntro .pic:after{width:14%;padding-bottom:10.42857143%;background:url(../trans2026_images/dot_01.png) repeat left top;content:'';display:block;position:absolute;bottom:0;right:-5.35714286%;}
.packageIntro .pic img{display:block;}

/*packageList*/
#packageList{overflow:hidden;padding:1.42857143% 0;border-top:4px solid var(--main-color);}

/*packageItem*/
.packageItem{margin-top:5.71428571%;}
.packageItem .box{background:#b0b0b0 no-repeat center center;background-size:cover;display:block;overflow:hidden;padding-bottom:42.85714286%;position:relative;}
.packageItem .info{background-color:var(--main-color);width:28.57142857%;position:absolute;left:0;top:0;height:100%;display:table;table-layout:fixed;color:#fff;}
.packageItem .info:after{width:35%;height:100%;background:url(../trans2026_images/bg_01.png) no-repeat center bottom;background-size:100% 100%;content:'';display:block;position:absolute;bottom:0;left:100%;}
.packageItem .intro{display:table-cell;vertical-align:middle;width:100%;padding-left:17.5%;}
.packageItem h2{font-size:44px;line-height:1.25em;font-weight:700;text-transform:uppercase;max-height:3.75em;overflow:hidden;}
.packageItem .pic{width:95.45454545%;margin:15.15151515% auto 0;}
.packageItem img{display:block;width:auto;max-width:100%;height:auto;max-height:275px;}
.packageItem:nth-child(2n) .info{left:auto;right:0;}
.packageItem:nth-child(2n) .info:after{left:auto;right:100%;background-image:url(../trans2026_images/bg_02.png);}
.packageItem:nth-child(2n) .intro{text-align:right;padding-left:0;padding-right:17.5%;}

/*aboutItem*/
.aboutItem{overflow:hidden;}
.aboutItem .innerbox{display:table;table-layout:fixed;}
.aboutItem .td{display:table-cell;vertical-align:middle;width:50%;}
.aboutItem .text{padding-right:12.14285714%;position:relative;color:#666;}
.aboutItem .intro{font-weight:300;position:relative;z-index:1;}
.aboutItem .glance{line-height:2em;}
.aboutItem h2,.aboutItem h3{color:var(--main-color);font-weight:600;text-transform:uppercase;position:relative;z-index:1;margin-bottom:7.54716981%;line-height:1.4em;}
.aboutItem h2{font-size:48px;margin-bottom:7.54716981%;}
.aboutItem h3{font-size:28px;}
.aboutItem .pic{width:137.14285714%;}
.aboutItem .pic i{display:block;overflow:hidden;padding-bottom:62.5%;background:no-repeat center center;background-size:cover;}
.aboutItem .bg{position:absolute;left:0;top:0;height:100%;width:137.14285714%;background:no-repeat center center;background-size:cover;}
.aboutItem .bg:after{width:100%;height:100%;background-color:rgba(var(--main-rgb),0.96);content:'';display:block;position:absolute;left:0;top:0;}
.aboutItem:nth-child(2n) .pic{margin-left:-37.14285714%;}
.aboutItem:nth-child(2n) .text{padding-right:0;padding-left:12.14285714%;color:#fff;}

/*aboutData*/
.aboutData{margin-top:8.86792453%;}
.aboutData ul{display:table;width:100%;}
.aboutData li{display:table-cell;vertical-align:top;width:33.333%;padding:0 5%;text-align:center;border-right:1px solid #eee;}
.aboutData li:first-child{padding-left:0;width:22%;}
.aboutData li:last-child{border-right:0;}
.aboutData .icon{width:50px;margin:0 auto 5px;}
.aboutData .icon i{display:block;overflow:hidden;padding-bottom:90%;background:no-repeat center center;background-size:contain;}
.aboutData h4{font-size:24px;color:var(--main-color);font-weight:700;line-height:1.25em;}
.aboutData .name{font-size:14px;font-weight:300;color:var(--main-color);line-height:1.25em;}

/*qcTips*/
.qcTips{color:var(--main-color);font-size:48px;line-height:1.2em;font-weight:600;text-align:center;text-transform:uppercase;margin-bottom:8.21428571%;}

/*quality*/
#quality{padding:7.8125% 0;background:url(../trans2026_images/bg_03.jpg) no-repeat center center;background-size:cover;}

/*qualityItem*/
.qualityItem{padding-bottom:8.57142857%;position:relative;overflow:hidden;}
.qualityItem:after{width:6px;border-left:1px solid var(--main-color);border-right:1px solid var(--main-color);background-color:#fff;height:100%;content:'';display:block;position:absolute;top:170px;left:67px;z-index:2;}
.qualityItem:nth-child(n + 2):before{width:6px;border-left:1px solid var(--main-color);border-right:1px solid var(--main-color);background-color:#fff;height:38px;content:'';display:block;position:absolute;top:0;left:67px;z-index:2;}
.qualityItem:last-child{padding-bottom:0;}
.qualityItem:last-child:after{display:none;}
.qualityItem .box{display:table;table-layout:fixed;width:100%;}
.qualityItem .pic{width:450px;display:table-cell;vertical-align:top;padding:0 5%;}
.qualityItem .pic i{display:block;overflow:hidden;padding-bottom:64.51612903%;background:no-repeat center center;background-size:cover;border-radius:0 50px 0 50px;}
.qualityItem .text{display:table-cell;vertical-align:top;}
.qualityItem h2{font-size:28px;line-height:1.25em;font-weight:600;color:var(--main-color);margin-bottom:1.85873606%;}
.qualityItem .intro{font-size:14px;color:#666;font-weight:300;overflow:hidden;}
.qualityItem .intro ul{overflow:hidden;width:103%;}
.qualityItem .intro li{width:44%;float:left;font-size:14px;font-weight:700;padding:0 3%;background:url(../trans2026_images/icon_02.png) no-repeat left 9.5px;color:#333;}
.qualityItem .square{display:table-cell;vertical-align:top;padding-top:54px;width:143px;}
.qualityItem .num{border:1px solid var(--main-color);width:92px;height:92px;transform:rotate(45deg);padding:3px;margin-left:21px;}
.qualityItem .num span{display:block;padding-bottom:100%;background-color:var(--main-color);}
.qualityItem .num i{position:absolute;left:0;top:30%;transform:rotate(-45deg);width:100%;text-align:center;font-size:54px;color:#fff;line-height:1em;display:block;white-space:nowrap;}

/*control*/
#control{padding:7.8125% 0;background-color:#fff;}
#control .qcTips{margin-bottom:5.46875%;}

/*controlItem*/
.controlItem{position:relative;margin-bottom:9.375%;}
.controlItem:before{width:13.54166667%;height:140px;content:'';display:block;position:absolute;left:0;bottom:0;background-color:var(--main-color);}
.controlItem .inner{position:relative;z-index:1;}
.controlItem .box{background-color:#f6f6f6;margin-left:5%;display:table;width:95%;}
.controlItem .pic{display:table-cell;vertical-align:top;padding-top:50px;width:60.15037594%;}
.controlItem .pic i{position:relative;width:108.75%;padding-bottom:62.06896552%;margin-left:-8.75%;margin-bottom:-50px;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;}
.controlItem img{display:block;width:100%;height:auto;}
.controlItem .text{display:table-cell;vertical-align:middle;padding:6.01503759% 0 6.01503759% 6.39097744%;}
.controlItem h2{font-weight:600;font-size:26px;line-height:1.25em;margin-bottom:8.53932584%;}
.controlItem .intro{font-weight:300;}
.controlItem:nth-child(2n){margin-bottom:6.77083333%;}
.controlItem:nth-child(2n):before{width:7.70833333%;left:auto;right:0;}
.controlItem:nth-child(2n) .box{margin-left:0;width:100%;background-color:transparent;}
.controlItem:nth-child(2n) .pic{width:60%;padding-top:0;}
.controlItem:nth-child(2n) .pic i{width:auto;padding-bottom:64.28571429%;margin:0;}
.controlItem:nth-child(2n) .text{padding-left:0;padding-right:8.92857143%;    /* text-align:justify; */}
.controlItem:last-child{margin-bottom:0;}

/*proGroup*/
#proGroup *{transition:all .3s;}
#proGroup ul{overflow:hidden;width:101.78571429%;}
#proGroup li{width:31.57894737%;padding-right:1.75438596%;padding-bottom:1.75438596%;float:left;}
#proGroup ul:nth-child(2n) li{width:48.24561404%;}
#proGroup .pic{overflow:hidden;}
#proGroup .pic i{padding-bottom:245px;display:block;overflow:hidden;background:no-repeat center center;background-size:contain;}
#proGroup .info{position:absolute;left:0;bottom:0;width:100%;background-color:var(--main-color);height:55px;}
#proGroup .info:before{border:1px solid rgba(255,255,255,0.3);width:95.55555556%;height:93.33333333%;content:'';display:block;position:absolute;left:2.22222222%;top:3.57142857%;margin-left:-0.5px;margin-top:-0.5px;opacity:0;transition:all .3s;}
#proGroup .box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12.5px 0;font-size:0;text-align:center;line-height:30px;}
#proGroup .icon{display:inline-block;vertical-align:middle;padding:0 15px;border-right:1px solid rgba(255,255,255,0.2);width:30px;}
#proGroup .icon i{display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#proGroup .icon img{display:inline-block;vertical-align:middle;width:25px;transition:all .3s;}
#proGroup h2{font-size:14px;font-weight:400;display:inline-block;vertical-align:middle;padding:0 15px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#proGroup .more{text-align:center;display:none;opacity:0;transition:all .3s;}
#proGroup .more i{font-style:normal;display:inline-block;font-size:14px;text-transform:uppercase;background:url(../trans2026_images/icon_09.png) no-repeat right center;padding-right:14px;color:#ffb4ae;}
#proGroup a{display:block;overflow:hidden;background-color:#fff;padding-bottom:55px;position:relative;color:#fff;}
#proGroup a:hover{box-shadow:5px 10px 15px #ff928a;}
#proGroup a:hover .info{height:100%;}
#proGroup a:hover .info:before{opacity:1;}
#proGroup a:hover .box{position:relative;top:50%;transform:translateY(-50%);padding:15px;}
#proGroup a:hover .icon{width:77px;display:block;margin:0 auto 22px;border-right:0;}
#proGroup a:hover .icon img{width:45px;}
#proGroup a:hover h2{font-weight:600;font-size:20px;display:block;max-width:none;}
#proGroup a:hover .more{display:block;opacity:1;}

/*section*/
.section{background:no-repeat center center;background-size:cover;display:none;}
.fp-enabled,.fp-enabled body{overflow-x:auto!important;}

/*arrowBtn*/
.arrowBtn{font-size:0;line-height:normal;text-align:center;margin-top:5%;}
.arrowBtn .slick-arrow{display:inline-block;background-image:url(../trans2026_images/arrowbtn_01.png);margin:0 10px;}

/*hmTitle*/
.hmTitle{font-size:68px;font-weight:400;line-height:1.25em;text-align:center;text-transform:uppercase;margin-bottom:2.57142857%;color:#333;}
.hmTitle.white{color:#fff;}
.hmTitle.red{color:var(--main-color);}

/*hmMoreInfo*/
#hmMoreInfo{background-image:url(../trans2026_images/bg_04.jpg);}
#hmMoreInfo ul{overflow:hidden;}
#hmMoreInfo li{float:left;}
#hmMoreInfo a{display:block;overflow:hidden;background-color:#fff;position:relative;color:#999;}
#hmMoreInfo a:hover{background-color:var(--main-color);color:#fff;}
#hmMoreInfo a:hover:before{opacity:.05;}
#hmMoreInfo a:hover h3{color:#fff;}
#hmMoreInfo a:hover .add{display:none;}
#hmMoreInfo .first{width:66.42857143%;}
#hmMoreInfo .pic{overflow:hidden;}
#hmMoreInfo .pic i{display:block;overflow:hidden;background:no-repeat center center;background-size:cover;padding-bottom:480px;}
#hmMoreInfo .info{padding:32px 6.4516129% 25px;position:relative;z-index:1;}
#hmMoreInfo .intro{font-size:14px;font-weight:300;line-height:1.75em;height:3.5em;overflow:hidden;}
#hmMoreInfo h3{font-size:24px;line-height:1.23076923em;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;margin-bottom:10px;}
#hmMoreInfo .add{width:60px;height:60px;position:absolute;right:0;top:0;}
#hmMoreInfo .add:before{border-right:60px solid var(--main-color);border-top:none;border-bottom:60px solid transparent;content:'';display:block;position:absolute;right:0;top:0;}
#hmMoreInfo .add i{position:absolute;right:18.33333333%;top:18.33333333%;width:14px;height:14px;display:block;z-index:1;}
#hmMoreInfo .add i:before,#hmMoreInfo .add i:after{background-color:#fff;content:'';display:block;position:absolute;}
#hmMoreInfo .add i:before{width:2px;height:100%;left:50%;top:0;margin-left:-1px;}
#hmMoreInfo .add i:after{height:2px;width:100%;left:0;top:50%;margin-top:-1px;}
#hmMoreInfo .list{float:right;width:30%;padding-bottom:50px;}
#hmMoreInfo .list:last-child{padding-bottom:0;}
#hmMoreInfo .list a:before{width:71.42857143%;padding-bottom:69.04761905%;background:url(../trans2026_images/A_02.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;}
#hmMoreInfo .list .info{padding:55px 50px 53px;}
#hmMoreInfo .list h3{margin-bottom:28px;}
#hmMoreInfo .list .intro{height:8.75em;}

/*hmHotPro*/
#hmHotPro{background-image:url(../trans2026_images/bg_05.jpg);}
#hmHotPro .inner{overflow:hidden;}
#hmHotPro .load{height:544px;clear:both;}
#hmHotPro .slick{width:104.71428571%;}
#hmHotPro .item{text-align:center;}
#hmHotPro .item a{display:block;background:#fff no-repeat center center;background-size:cover;border-radius:35px 0 35px 0;padding:16.66666667% 7.5px 12.33333333%;color:var(--main-color);text-transform:uppercase;margin-top:30px;margin-right:18.52861035%;}
#hmHotPro .pic{margin:0 auto;}
#hmHotPro .pic i{display:block;overflow:hidden;padding-bottom:87.71929825%;background:no-repeat center center;background-size:contain;}
#hmHotPro .line{width:1px;background-color:var(--main-color);margin:-6.31578947% auto;padding-bottom:12.63157895%;transition:all .2s;}
#hmHotPro .more{font-size:14px;font-weight:300;line-height:2.28571429em;margin-top:45px;}
#hmHotPro .more i{font-style:normal;}
#hmHotPro .more .over{display:none;}
#hmHotPro .title{height:32px;line-height:32px;margin-bottom:17.54385965%;position:relative;}
#hmHotPro h3{font-size:26px;font-weight:400;position:absolute;left:0;bottom:50%;margin-bottom:-0.5em;width:100%;max-height:64px;overflow:hidden;transition:transform .3s;}
#hmHotPro h3 i{font-style:normal;margin:0 0 0 10px;}
#hmHotPro .item a:hover{background-color:var(--main-color);background-image:url(../trans2026_images/bg_06.jpg);color:#fff;}
#hmHotPro .item a:hover .line{background-color:#fff;}
#hmHotPro .item a:hover .out{display:none;}
#hmHotPro .item a:hover .over{display:block;}
#hmHotPro .item a:hover h3{transform:rotate(-15deg);font-style:italic;font-size:60px;line-height:1.125em;font-weight:600;max-height:1.6875em;margin-bottom:-0.45em;}
#hmHotPro .item a:hover h3 i{font-size:32px;line-height:1.125em;display:block;}

/*hmProLine*/
#hmProLine{position:relative;background-color:#e1e2e3;}
#hmProLine:before{width:32.65625%;height:100%;background:url(../trans2026_images/bg_07.jpg) no-repeat center center;background-size:cover;content:'';display:block;position:absolute;right:0;top:0;}
#hmProLine .inner{position:relative;z-index:1;}

/*proLineLeft*/
.proLineLeft{float:left;width:182px;text-align:center;position:relative;}
.proLineLeft .item{padding:10px 0 33px;}
.proLineLeft .item a{display:block;overflow:hidden;}
.proLineLeft .pic{margin-bottom:10px;border:1px solid #fff;}
.proLineLeft .pic i{display:block;overflow:hidden;padding-bottom:66.66666667%;background:no-repeat center center;background-size: contain;}
.proLineLeft h3{font-size:14px;font-weight:300;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proLineLeft .slick-center .pic,.proLineLeft .item a:hover .pic{border-color:var(--main-color);}
.proLineLeft .slick-center h3,.proLineLeft .item a:hover h3{color:var(--main-color);}
.proLineLeft .slick-arrow{border-color:var(--main-color);position:absolute;left:50%;margin-left:-30px;background-position:0 0;}
.proLineLeft .slick-arrow:hover{background-position:0 100%;}
.proLineLeft .slick-prev{bottom:100%;margin-bottom:20px;background-image:url(../trans2026_images/arrowbtn_02.png);}
.proLineLeft .slick-next{top:100%;background-image:url(../trans2026_images/arrowbtn_03.png);}

/*proLineRight*/
.proLineRight{margin-left:230px;overflow:hidden;background-color:#fff;border-radius:65px 0 65px 0;}
.proLineRight .info{padding:8.55% 3% 8.55% 8.55%;display:table;width:88.45%;table-layout:fixed;}
.proLineRight .td{display:table-cell;vertical-align:middle;}
.proLineRight .pic{padding-left:6.76328502%;}
.proLineRight .pic i{display:block;overflow:hidden;padding-bottom:53.84615385%;background:no-repeat center center;background-size:contain;}
.proLineRight .text{width:30.4%;}
.proLineRight h3{font-size:26px;line-height:1.14285714em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;margin-bottom:6.98412698%;}
.proLineRight .intro{font-size:14px;font-weight:300;line-height:30px;height:240px;overflow:hidden;    /* text-align:justify; */margin-bottom:6.34920635%;}
.proLineRight .more{width:69.84126984%;}
.proLineRight .more a{display:block;overflow:hidden;height:48px;line-height:48px;text-align:center;border:1px solid var(--main-color);color:var(--main-color);text-transform:uppercase;font-weight:14px;font-weight:300;}
.proLineRight .more a:hover{color:#fff;background-color:var(--main-color);}

/*hmBrand*/
#hmBrand{background-image:url(../trans2026_images/bg_08.jpg);}
#hmBrand .inner{position:relative;}
#hmBrand .box{margin-left:42.5%;padding:3.21428571% 0;overflow:hidden;}
#hmBrand h2{font-size:44px;line-height:1.25em;font-weight:400;color:var(--main-color);text-transform:uppercase;margin-bottom:3.35403727%;}

/*brandBox*/
.brandBox ul{overflow:hidden;}
.brandBox li{display:table;table-layout:fixed;width:100%;margin-bottom:3.35403727%;}
.brandBox .left{display:table-cell;vertical-align:middle;width:48px;}
.brandBox .icon{border:1px solid var(--main-color);border-radius:5px;}
.brandBox .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
.brandBox .text{display:table-cell;vertical-align:middle;padding-left:27px;font-weight:300;overflow:hidden;color:#666;font-size:16px;line-height:1.875em;}
.brandBox .num{font-size:24px;color:var(--main-color);border:1px solid var(--main-color);border-radius:50%;padding-bottom:100%;position:relative;text-align:center;line-height:1em;}
.brandBox .num i{font-style:normal;position:absolute;left:0;top:50%;width:100%;margin-top:-0.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.brandBox .two{overflow:hidden;}
.brandBox .two ul{width:110%;}
.brandBox .two li{float:left;width:40%;padding-right:10%;}

/*hmFirst*/
#hmFirst #searchForm{position:absolute;left:50%;transform:translateX(-50%);bottom:8.5625%;padding-bottom:0;margin:0 auto;box-shadow:none;}

/*slidesBtn*/
#slidesBtn{position:absolute;left:50%;transform:translateX(-50%);bottom:9.5625%;overflow:hidden;z-index:2;margin-bottom:110px;}
#slidesBtn .mouse{margin:0 auto;}
#slidesBtn .arrowBtn{float:right;margin-top:0;}
#slidesBtn .slick-arrow{border-color:var(--main-color);}
#slidesBtn .slick-arrow:hover{background-position:0 100%;}
#slidesBtn .slick-prev{background-image:url(../trans2026_images/arrowbtn_04.png);}
#slidesBtn .slick-next{background-image:url(../trans2026_images/arrowbtn_05.png);background-position:0 0;}
#slidesBtn .dotBtn{padding:10px 0;float:left;}
#slidesBtn li{padding-right:150px;position:relative;margin-right:20px;}
#slidesBtn li:before,#slidesBtn li:after{height:1px;content:'';display:block;position:absolute;left:40px;top:50%;transform:translateY(-50%);}
#slidesBtn li:before{width:133px;background-color:rgba(255,255,255,0.2);}
#slidesBtn li:after{width:0;background-color:var(--main-color);transition:width 5s;}
#slidesBtn li:last-child{padding-right:0;}
#slidesBtn li:last-child:before,#slidesBtn li:last-child:after{display:none;}
#slidesBtn li button{font-size:20px;line-height:2em;color:#fff;transition:color 2s;}
#slidesBtn li.slick-active button{color:var(--main-color);}
#slidesBtn li.loading:after{width:133px;}

/*hmSlides*/
#hmSlides{position:absolute;left:0;top:0;width:100%;height:100%;}
#hmSlides .slick-list,#hmSlides .slick-list *{height:100%;}
#hmSlides .item a{display:block;overflow:hidden;background:no-repeat center center;background-size:cover;position:relative;}
#hmSlides .item .more{position:absolute;left:50%;bottom:30%;height:auto;color:var(--main-color);width:130px;height:36px;border-radius:36px;text-align:center;line-height:36px;transform:translateX(-50%);opacity:.7;border:solid 1px var(--main-color);z-index:5;}
#hmSlides .item .more:hover{background:var(--main-color);color:#fff;opacity:1;}
#hmSlides .inner{position:absolute;top:50%;transform:translateY(-50%);}

/*searchForm*/
#searchForm{overflow:hidden;margin:-50px auto;position:relative;box-shadow:0px 15px 30px rgba(0,0,0,0.06);}
#searchForm .submit{display:block;overflow:hidden;width:120px;background:var(--main-color) url(../trans2026_images/icon_06.png) no-repeat center center;float:right;height:100px;border-radius:0 5px 5px 0;}
#searchForm .input{margin-right:120px;border-radius:5px 0 0 5px;}
#searchForm .text{font-size:16px;font-weight:300;background-color:#fff;display:block;width:93.75%;padding:37px 3.125%;line-height:26px;height:26px;}
#searchForm .placeholder{line-height:26px;}
#searchForm .placeholder i{padding:37px 3.125%;}

/*hmTop*/
#hmTop{position:absolute;left:0;top:0;width:100%;z-index:3;}
#hmTop #logo img{max-height: 55px;}
#hmTop #topBtn{position:absolute;right:3.75%;top:0;}
#hmTop #topBtn a{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}
#hmTop #topBtn .sign:before{background-position:0 100%;}
#hmTop #topBtn .menu:before{background-image:url(../trans2026_images/icon_07.png);}
#hmTop #topBtn .user-poup .up-content a{background:none;color:#333;border-color:#ddd;}
#hmTop #topBtn .user-poup .up-content a:hover{color:var(--main-color);}
#hmTop #topBtn a.link{background-color:transparent;color:#fff;border-color:transparent;display:flex;align-items:center;font-size:18px;height:38px;}
#hmTop #topBtn a.link img{height:9px;margin-left:10px;filter:brightness(0) invert(1);}

/*pageMenu*/
#pageMenu{width:53px;position:fixed;right:3.64583333%;top:50%;transform:translateY(-50%);}
#pageMenu:before,#pageMenu:after{width:1px;height:500px;background-color:var(--main-color);content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);}
#pageMenu:before{bottom:100%;}
#pageMenu:after{top:100%;}
#pageMenu li{text-transform:uppercase;padding:3.5px 0;overflow:hidden;position:relative;transition:padding 1s;}
#pageMenu li:before,#pageMenu li:after{width:1px;height:100%;background-color:var(--main-color);content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);}
#pageMenu li:before{bottom:50%;margin-bottom:5.5px;}
#pageMenu li:after{top:50%;margin-top:5.5px;}
#pageMenu a{display:block;padding-bottom:100%;position:relative;border-radius:50%;background:transparent;transition:background-color 0.1s;z-index:2;}
#pageMenu a:before{width:9px;height:9px;border:1px solid var(--main-color);border-radius:50%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%);margin-top:-5.5px;}
#pageMenu i{font-style:normal;position:absolute;right:100%;top:50%;transform:translateY(-50%);font-size:0;font-weight:300;color:var(--main-color);opacity:0;margin-right:35px;transition:all .3s;white-space:nowrap;}
#pageMenu .active{padding:27px 0;overflow:visible;}
#pageMenu .active:before,#pageMenu .active:after{height:52px;}
#pageMenu .active a{background:var(--main-color) no-repeat center center;}
#pageMenu .active a:before{display:none;}
#pageMenu .active .icon-home{background-image:url(../trans2026_images/pageMenu_01.png);}
#pageMenu .active .icon-brand{background-image:url(../trans2026_images/pageMenu_02.png);}
#pageMenu .active .icon-line{background-image:url(../trans2026_images/pageMenu_03.png);}
#pageMenu .active .icon-product{background-image:url(../trans2026_images/pageMenu_04.png);}
#pageMenu .active .icon-more{background-image:url(../trans2026_images/pageMenu_05.png);}
#pageMenu .active i{opacity:1;margin-right:15px;font-size:14px;}

/*hmNavBox*/
#hmNavBox{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9;display:none;}

/*hmNav*/
#hmNav{position:fixed;right:-100%;top:0;height:100%;overflow:hidden;background-color:#f9f9f9;width:35.9375%;transition:right 0.3s linear 0s;}
#hmNav.open{right:0;}
#hmNav .btn{background-color:var(--main-color);color:#fff;font-size:18px;line-height:30px;overflow:hidden;cursor:pointer;}
#hmNav .btn span{display:block;float:left;background:url(../trans2026_images/icon_08.png) no-repeat right center;padding:35px 55px;}

/*navList*/
#navList{overflow-y:auto;}
#navList li{border-bottom:1px solid #eee;font-weight:600;font-size:16px;line-height:30px;padding:25px 55px;position:relative;}
#navList em{font-style:normal;}
#navList em a{display:block;overflow:hidden;padding-left:48px;background:no-repeat left center;}
#navList em .on{color:var(--main-color);}
#navList #nav0 em a{background-image:url(../trans2026_images/nav_home.png);}
#navList #nav2 em a{background-image:url(../trans2026_images/nav_products.png);}
#navList #nav419 em a{background-image:url(../trans2026_images/nav_online.png);}
#navList #nav3 em a{background-image:url(../trans2026_images/nav_brand.png);}
#navList #nav4 em a{background-image:url(../trans2026_images/nav_service.png);}
#navList #nav5 em a{background-image:url(../trans2026_images/nav_contact.png);}
.hmDropNav{position:static;width:auto;background-color:transparent;border-top:none;font-weight:300;font-size:16px;line-height:25px;}
.hmDropNav dl{padding:30px 0 5px 55px;display:flex;flex-wrap:wrap;align-items:center;}
.hmDropNav dt{margin-bottom:5px;width:100%;}
.hmDropNav dd{padding:5px 0;width:48%;}

/*original*/
.original{background:no-repeat center center;background-size:cover;position:relative;padding-bottom:630px;}
.original .tips{font-size:20px;color:#fff;line-height:1.25em;position:absolute;left:1.82291667%;bottom:7.14285714%;font-weight:300;-webkit-user-select:none;user-select:none;z-index:2;}
.original .box,.original .pic{position:absolute;right:0;top:0;height:100%;overflow:hidden;}
.original .box{width:100%;}
.original .pic{background:no-repeat center center;background-size:cover;}

/*mask*/
@keyframes updown{
    0%{top:100%;}
    50%{top:110%;}
    100%{top:100%;}
}
@keyframes circle{
    from{transform:scale(0.7619);opacity:.5;}
    to{transform:scale(1.1);opacity:0;}
}
.mask{position:absolute;right:0;top:0;height:100%;width:50%;background:no-repeat right center;background-size:auto 100%;border-left:2px solid #fff;z-index:5;}
.mask .btn{cursor:move;position:absolute;top:50%;left:0;width:84px;margin-left:-42px;margin-top:-42px;}
.mask .press{padding:10px;border-radius:50%;position:relative;}
.mask .press:before,.mask .press:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:var(--main-color);content:'';display:block;transform:scale(0.7619);}
.mask .press:before{animation:circle 3s linear 0s infinite;}
.mask .press:after{animation:circle 3s linear 1.5s infinite;}
.mask i{display:block;overflow:hidden;padding-bottom:100%;background:var(--main-color) url(../trans2026_images/icon_10.png) no-repeat center center;border-radius:50%;z-index:2;position:relative;}
.mask .tips{position:absolute;top:60%;font-size:12px;color:#fff;white-space:nowrap;left:50%;transform:translateX(-50%);text-transform:uppercase;}
.mask .handle i{background-color:var(--main-color);}

/*view*/
.view{overflow:hidden;}
.view a{background-color:var(--main-color);color:#fff;height:50px;line-height:50px;display:block;overflow:hidden;font-size:14px;max-width:180px;text-align:center;text-transform:uppercase;}
.view a:hover{opacity:.8;}

/*partsIntro*/
#partsIntro{padding:3.38541667% 0 5.20833333%;position:relative;background-color:#fff;}
#partsIntro:before{width:44.53125%;height:100%;background:url(../trans2026_images/A_03.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:2.08333333%;top:0;}
#partsIntro .inner{display:table;table-layout:fixed;position:relative;z-index:1;}
#partsIntro .pic{width:52.14285714%;display:table-cell;vertical-align:top;padding:0 5%;}
#partsIntro img{display:block;width:100%;height:auto;}
#partsIntro .text{display:table-cell;vertical-align:middle;}
#partsIntro .intro{margin-bottom:3.88059701%;}

/*parts*/
#parts{overflow:hidden;}
#parts .intro{line-height:2.25em;}

/*genuineTop*/
#genuineTop{padding-top:3.28125%;background:#ededed url(../trans2026_images/bg_09.jpg) no-repeat center top;position:relative;z-index:1;}
#genuineTop .text{width:41.07142857%;float:left;padding:3.71428571% 0;}
#genuineTop h2{font-size:50px;line-height:1.2em;color:var(--main-color);font-weight:700;margin-bottom:9.04347826%;}
#genuineTop .intro{color:#fff;}
#genuineTop .pic{width:44.07142857%;float:right;position:relative;}
#genuineTop .pic:before{width:36.46677472%;padding-bottom:63.20907618%;background:url(../trans2026_images/line_01.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:96.7%;top:9.5%;}
#genuineTop .pic i{display:block;overflow:hidden;padding-bottom:92.70664506%;background:no-repeat center center;background-size:cover;box-shadow:0px 33px 54px rgba(2,39,91,0.11);}

/*genuineBtm*/
#genuineBtm{padding:9.63541667% 0 6.25%;margin-top:-9.63541667%;background:#ededed url(../trans2026_images/bg_10.jpg) no-repeat center center;background-size:cover;}

/*genuineItem*/
.genuineItem{display:table;table-layout:fixed;width:100%;margin-top:5.71428571%;}
.genuineItem .name{background-color:rgba(102,102,102,0.5);color:#fff;text-transform:uppercase;height:36px;line-height:36px;position:absolute;left:2.85714286%;top:0;margin-top:2.85714286%;z-index:3;padding:0 15px;}
.genuineItem .right{left:auto;right:2.85714286%;}
.genuineItem .cover{width:50%;display:table-cell;vertical-align:middle;position:relative;}
.genuineItem .original{position:relative;padding-bottom:400px;}
.genuineItem .text{display:table-cell;vertical-align:middle;position:relative;padding-left:6.07142857%;}
.genuineItem .intro{margin-bottom:5.69105691%;}
.genuineItem .mask .btn{width:68px;margin:-34px 0 0 -34px;}
.genuineItem .mask .press{padding:8px;}
.genuineItem:nth-child(2n) .text{padding-left:0;padding-right:6.07142857%;}

/*partner*/
#partner{background-color:#fff;padding:5.98958333% 0 5.72916667%;}
#partner h2{font-size:28px;font-weight:600;line-height:1.25em;text-transform:uppercase;margin-bottom:6.42857143%;}
#partner ul{overflow:hidden;width:101.78571429%;}
#partner li{width:18.24561404%;padding-right:1.75438596%;padding-bottom:1.75438596%;float:left;}
#partner li i{display:block;overflow:hidden;padding-bottom:69.23076923%;background:no-repeat center center;background-size:contain;opacity:.5;filter:grayscale(100%);}
#partner li a{display:block;overflow:hidden;background-color:#f3f3f3;border:1px solid #f3f3f3;cursor:default;}
#partner li a:hover{background-color:#fff;box-shadow:0px 1px 16px rgba(0,0,0,0.08);border-color:var(--main-color);}
#partner li a:hover i{opacity:1;filter:grayscale(0);}
#partner .slick-arrow{display:none;}
#partner .slick-dots{text-align:center;width:100%;margin-top:1.05263158%;}
#partner .slick-dots li{display:inline-block;float:none;margin:0 8px;padding:0;width:auto;}
#partner .slick-dots button{display:block;width:38px;height:4px;border:1px solid var(--main-color);text-indent:-88888em;}
#partner .slick-dots .slick-active button{background-color:var(--main-color);}
#partner .load{padding-bottom:30.69444444%;}

/*bar*/
#bar{background-color:#f6f6f6;padding:17px 0;}
#bar .inner{overflow:hidden;}

/*search*/
#search{float:right;width:500px;overflow:hidden;}
#search .submit{display:block;overflow:hidden;background-color:var(--main-color);width:100px;float:right;height:46px;line-height:46px;color:#fff;border-radius:0 5px 5px 0;text-align:center;font-size:14px;}
#search .input{margin-right:100px;border-radius:5px 0 0 5px;}
#search .text{font-size:12px;font-weight:300;background-color:#fff;display:block;width:93.75%;padding:10px 3.125%;line-height:26px;height:26px;}
#search .placeholder{line-height:26px;font-size:12px;}
#search .placeholder i{padding:10px 3.125%;}

/*back*/
#back{margin-right:500px;font-size:14px;line-height:26px;padding:10px 0;text-transform:uppercase;overflow:hidden;}
#back a{display:block;overflow:hidden;color:#666;background:url(../trans2026_images/icon_11.png) no-repeat 3px center;padding-left:30px;transition:padding .3s;float:left;}
#back a:hover{padding-left:25px;color:#333;}

/*book*/
.book{overflow:hidden;}
.book button{display:block;text-indent:-99999em;width:50px;height:50px;background:#d9d9d9 no-repeat center center;border:none;float:left;cursor:pointer;}
.book .sub{background-image:url(../trans2026_images/icon_sub.png);}
.book .add{background-image:url(../trans2026_images/icon_add.png);}
.book .text{float:left;font-size:16px;color:#666;width:158px;border:1px solid #ededed;height:48px;line-height:48px;text-align:center;}

/*proLeft*/
#proLeft{float:left;width:480px;padding:0 40px;font-size:0;line-height:normal;position:relative;}
#proLeft .item i{display:block;overflow:hidden;background:no-repeat center center;background-size:contain;}
#proLeft .l-logo{position:absolute;right:50px;top:10px;z-index:10;}
#proLeft .l-logo img {display: block; width:56px; height:auto;}
/*proIcon*/
#proIcon{width:10%;position:absolute;right:8.926%;top:0;margin-top:3.572%;}
#proIcon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}

/*bigPic*/
#bigPic,.MagnifierMain{background-color:#fdfdfd;border:1px solid #dedede;margin-bottom:20px;}
#bigPic .item i{padding-bottom:75%;}

/*smallPic*/
#smallPic{position:relative;position:relative;height:auto;opacity:1;}

/* #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} */
#MagnifierWrap2{position:relative;}
.MagnifierMain{position:relative;}
.MagnifierMain img{width:100%;}
.MagnifierDrag{position:absolute;top:0;left:0;background-color:#ccc;opacity:0.4;filter:alpha(opacity=40);cursor:move;}
.MagnifierPop{position:absolute;top:0;overflow:hidden;background:rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);}
.MagnifierImg{position:absolute;top:0;left:0;}
span.spe_leftBtn,span.spe_rightBtn{display:none;}
#smallPic .slick-box{overflow:hidden;}
#smallPic .slick-list,.spec-items .slick-list{width:103.572%;}
#smallPic .pic{border:1px solid #dedede;background-color:#fff;margin-right:16%;position:relative;}
#smallPic .pic i{padding-bottom:100%;}
#smallPic .slick-arrow{width:10px;height:18px;position:absolute;top:50%;margin-top:-9px;background-image:url(../trans2026_images/arrowbtn_06.png);border:none;}
#smallPic .slick-arrow:hover{background-color:transparent;border-color:transparent;}
#smallPic .slick-prev{right:100%;margin-right:6.0362173%;}
#smallPic .slick-next{left:100%;margin-left:6.0362173%;}
#smallPic .slick-dots{text-align:center;margin-top:15px;}
#smallPic .slick-dots li{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#4c4c4c;margin:0 5px;}
#smallPic .slick-dots li button{display:none;}
#smallPic .slick-dots li.slick-active{background-color:var(--main-color);}
#smallPic .pic-arrow span{position:absolute;top:50%;width:40px;height:40px;cursor:pointer;margin-top:0;transform:translateY(-50%);display:block;}
#MagnifierWrap2 .spec-items{position:relative;}
#MagnifierWrap2 .spec-items .swiper-slide{padding:0 10px;box-sizing:border-box;}
#MagnifierWrap2 .spec-items .swiper-slide .pic{border:1px solid #dedede;background-color:#fff;}
#MagnifierWrap2 .spec-items .swiper-slide.current .pic{border-color:var(--main-color);}
#proLeft #smallPic{overflow:visible;}
#proLeft #bigImg{visibility:hidden;display:none;}
#MagnifierWrap2 .spec-items .swiper-container{overflow:hidden;}
#MagnifierWrap2 .spec-items .swiper-button-next,
#MagnifierWrap2 .spec-items .swiper-button-prev{ top:55%; width:30px; height:30px; border:solid 1px #dedede; background-color:#fff; border-radius:50%;}
#MagnifierWrap2 .spec-items .swiper-button-next{right:-40px;}
#MagnifierWrap2 .spec-items .swiper-button-prev{left:-40px;}
#MagnifierWrap2 .spec-items .swiper-button-next:after,
#MagnifierWrap2 .spec-items .swiper-button-prev:after{--swiper-navigation-size:14px;color:#4c4c4c; font-weight:bold;}
#MagnifierWrap2 .spec-items .swiper-button-next:hover,
#MagnifierWrap2 .spec-items .swiper-button-prev:hover{background-color:var(--main-color); border-color:var(--main-color);}
#MagnifierWrap2 .spec-items .swiper-button-next:hover:after,
#MagnifierWrap2 .spec-items .swiper-button-prev:hover:after{ color:#fff;}
#smallPic .pic-arrow .prev{left:-40px;background:url(../trans2026_images/arrowbtn_07.png) no-repeat 16px -5px/9px;}
#smallPic .pic-arrow .next{right:-40px;background:url(../trans2026_images/arrowbtn_08.png) no-repeat 16px -5px/9px;}

/*proRight*/
#proRight{margin-left:560px;padding-left:4.286%;overflow:hidden;}
#proRight h2{color:#727171;font:600 30px/1.35em 'Poppins';margin-bottom:2px;}

/*proNo*/
#proNo{color:#727171;font:400 15px/1.5em 'Poppins';overflow:hidden;padding-bottom:14px;border-bottom:1px solid #b9b8b8;margin-bottom:10px;}
#proNo span{display:block;float:left;padding-right:50px;}
#proNo i{font-style:normal;color:#231815;margin-right:35px;}

/*proStatus*/
#proStatus{overflow:hidden;color:#3e3a39;font:400 16px/30px 'Poppins';margin-bottom:10px;}
#proStatus span{display:block;float:left;background:no-repeat left center;padding:0 35px 0 30px;}
#proStatus .a{background-image:url(../trans2026_images/icon_19.png);}
#proStatus .s{background-image:url(../trans2026_images/icon_24.png);}

/*proFile*/
#proFile{color:#4c4c4c;font:400 16px/30px 'Neosans';overflow:hidden;border-bottom:1px solid #b9b8b8;padding-bottom:8px;margin-bottom:10px;}
#proFile span{display:block;float:left;padding-right:38px;font-size:18px}
#proFile i{font-style:normal;}
#proFile a{display:block;position:relative;padding-left:23px;}
#proFile a:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);background:no-repeat 0 0;background-size:100% auto;}
#proFile a:hover:before{background-position:0 100%;}
#proFile .down a{padding-left:30px;}
#proFile .down a:before{width:18px;height:18px;background-image:url(../trans2026_images/icon_25.png);}
#proFile .fav a:before{width:17px;height:17px;background-image:url(../trans2026_images/icon_26.png);}

/*proPrice*/
#proPrice{overflow:hidden;color:#231815;font:400 16px/1.5em 'Neosans';margin-bottom:3px;}
#proPrice span{font-size:18px;color:var(--main-color);margin-left:8px;}
#proPrice i{font-style:normal;font-weight:700;}

/*prMoq*/
#prMoq{color:#727171;font:400 14px/1.5em 'Neosans';margin-bottom:18px;}
#prMoq p{padding-left:25px;background:url(../trans2026_images/icon_27.png) no-repeat left center;}

/*proMeta*/
#proMeta{color:#333;font:300 17px/34px 'Poppins';margin-bottom:10px;}
#proMeta li{border-bottom:1px solid #e3e3e3;overflow:hidden;}
#proMeta span{display:block;width:50%;float:left;}

/*proBtn*/
#proBtn{overflow:hidden;}
#proBtn .addTo{float:left;padding-left:15px;}
#proBtn .addTo a{border-color:var(--main-color);width:152px;height:36px;text-align:center;background-color:var(--main-color);border-radius:10px;display:block;color:#fff;font:700 16px/36px 'Neosans';}
#proBtn .addTo a:hover{background-color:var(--main-color);}
#proBtn .book{float:left;width:36px;border:1px solid var(--main-color);border-radius:10px;overflow:hidden;padding-right:15px;position:relative;}
#proBtn .num{display:block;height:24px;padding:5px 2%;width:96%;text-align:center;color:#595757;font:400 16px/24px 'Poppins';}
#proBtn .sub,#proBtn .add{width:15px;height:17px;position:absolute;right:0;background:none;z-index:2;float:none;}
#proBtn .sub:before,#proBtn .add:before{border-left:5px solid transparent;border-right:5px solid transparent;content:'';display:block;position:absolute;left:50%;margin-left:-5px;}
#proBtn .sub{top:0;}
#proBtn .sub:before{border-bottom:5px solid #595757;bottom:3px;}
#proBtn .add{bottom:0;}
#proBtn .add:before{border-top:5px solid #595757;top:3px;}

/*proTab*/
#proTab{overflow:hidden;background-color:#e5e5e5;height:50px;line-height:50px;margin-top:5.714%;margin-bottom:40px;}
#proTab span{display:block;width:14.66666667%;text-align:center;padding:0 1%;float:left;font-size:16px;font-weight:300;cursor:pointer;}
#proTab .cur{background-color:var(--main-color);color:#fff;font-size:20px;font-weight:400;}

/*proBox*/
#proBox .box{/*display:none;*/font-weight:300;}

/* #proBox .box .ref{padding: 0 60px;} */

/* #proBox .box .ref table td:nth-of-type(1) {padding-left: 12%;} */

#proBox h3{font-size:18px;color:#3e3a39;line-height:1.875em;margin-bottom:10px;}
#proBox .ref{margin-bottom:60px;}
#proBox .entry{font-weight:300;font-size:16px;line-height:28px;color:#231815;margin:0 60px 60px;}
#proBox .entry ol,#proBox .entry ul{margin-left:0;}
#proBox table{border:none;width:100%;font-size:15px;line-height:1.5em;color:#231815;margin-bottom:20px;}
#proBox th,#proBox td{border:none;padding:8px 20px;background-color:transparent;}
#proBox td span{display:block;}
#proBox td .l{width:170px;float:left;}
#proBox td .r{margin-left:170px;color:#555;}
#proBox table tr{border-bottom:solid 1px #ddd;}
#proBox .box:nth-of-type(2) table tr:nth-of-type(1){border-bottom:0;}
#proBox .meta{padding:0 40px;}
#proBox .meta th,#proBox .meta td{border-right:1px solid #dedede;width:33.333%;}
#proBox .meta th:last-child,#proBox .meta td:last-child{border-right:none;}
#proBox .ref th,#proBox .ref td{width:20%;}
#proBox .ref th{padding-left:0;padding-right:0;}
#proBox .kit{margin:0 60px 50px;}
#proBox .kit th{width:17.2%;border-bottom:1px solid #727171;font:700 18px/22px 'Poppins';color:#555;padding:10px;}
#proBox .kit td{width:16.666%;border-bottom:1px solid #C6C6C6;font:300 16px/24px 'Poppins';text-align:center;padding:10px;}
#proBox .kit .pic{border:none;width:10%;}
#proBox .kit img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;}

/*related*/
.related{padding:0 60px;}
.related h3{font-size:18px;color:#3e3a39;line-height:1.875em;margin-bottom:5px;}
.related .list{width:100%;overflow:hidden;padding:10px 0;}
.related .item{float:left;width:23%;margin-right:2.66%;margin-bottom:2%;}
.related .slick-slide{padding:0 15px;}
.related .slick-dots{margin-top:20px;font-size:0;text-align:center;}
.related .slick-dots li{display:inline-block;margin-right:15px;}
.related .slick-dots li:last-child{margin-right:0;}
.related .slick-dots li button{display:block;width:20px;height:20px;border-radius:20px;border:1px solid var(--main-color);box-sizing:border-box;font-size:0;}
.related .slick-dots li.slick-active button{background-color:var(--main-color)}
.related .item:nth-of-type(4n){margin-right:0;}
.related .item a{display:block;overflow:hidden;position:relative;border:1px solid #A5A5A5;border-bottom:5px solid var(--main-color);background-color:#fff;}
.related .icon{width:58px;height:14px;background:url(../trans2026_images/logo.png) no-repeat center center;background-size:contain;position:absolute;top:12px;right:12px;z-index:2;}
.related .pic{overflow:hidden;width:68.75%;margin:50px auto 10px;padding-bottom:56.25%;position:relative;}
.related .img{position:absolute;left:0;top:0;width:100%;height:100%;}
.related .img img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
.related h4{color:#727171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 14px/16px 'Poppins';padding:0 10px;}
.related .meta{padding:0 10px 3px;font:300 14px/18px 'Poppins';color:#727171;}

/*filterBtn*/
#filterBtn{position:fixed;left:0;top:0;width:100px;height:100px;background:var(--main-color) no-repeat center center;z-index:11;text-align:center;color:#fff;font-size:14px;font-weight:300;line-height:1em;text-transform:uppercase;cursor:pointer;}
#filterBtn:hover{opacity:.9;}
#filterBtn span{display:block;overflow:hidden;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
#filterBtn i{display:block;overflow:hidden;width:32px;height:35px;margin:0 auto 7px;background:url(../trans2026_images/icon_12.png) no-repeat center center;background-size:contain;}
#filterBtn.active{background-image:url(../trans2026_images/icon_close.png);}
#filterBtn.active span{display:none;}

/*filterMenu*/
#filterMenu{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.4);z-index:8;display:none;}
#filterMenu #menuBox{width:300px;background-color:#f9f9f9;position:fixed;left:-100%;top:100px;height:100%;transition:left .3s;}
#filterMenu #menuBox.open{left:0;}
#filterMenu .menu{position:relative;height:100%;}
#filterMenu .menuBoxBg{background-color:#444;height:100%;width:287px;position:absolute;left:100%;top:0;display:none;}
#filterMenu .mCSB_container,#filterMenu .mCustomScrollBox{overflow:visible;}
#filterMenu .mCSB_inside>.mCSB_container{margin-right:0;}
#filterMenu .mCSB_scrollTools{opacity:1;z-index:-1;}
#mCSB_1_scrollbar_vertical,#mCSB_2_scrollbar_vertical{background:#f9f9f9;z-index:99!important;top:-15px;}

/*menuItem*/
.menuItem{position:relative;z-index:3;}
.menuItem *{transition:all .3s;}
.menuItem em{width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);position:absolute;top:50%;right:10%;margin-top:-7px;}
.menuItem a{padding:10%;width:80%;display:table;table-layout:fixed;}
.menuItem .icon{display:table-cell;vertical-align:middle;width:60px;}
.menuItem span{display:block;overflow:hidden;border:2px solid #333;border-radius:5px;}
.menuItem i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat 0 0;background-size:100% auto;}
.menuItem .text{display:table-cell;vertical-align:middle;font-size:18px;font-weight:500;padding:0 20px;}
.menuItem.on{background-color:#e6e6e6;}
.menuItem.on a{color:var(--main-color);}
.menuItem.on span{border-color:var(--main-color);background-color:var(--main-color);}
.menuItem.on i{background-position:0 100%;}
.menuItem.on em{border-color:var(--main-color);}
#filter1,#filter2{min-height:120px;}
#filter1 .menuItem.on{width:300px;}
#filter2 .menuItem.on{width:300px;}

/*filterSub*/
.filterSub{padding:15px 0;display:none;}
.filterSub li{font-size:16px;line-height:1.875em;position:relative;}
.filterSub li a{padding:15px 27px;color:#666;display:block;border-left:3px solid transparent;}
.filterSub li a.on{background-color:#444;border-left-color:var(--main-color);color:#fff;}
.filterSub li ul{position:fixed;left:15.1%;width:315px;z-index:1;top:0;display:none;height:100vh;overflow:hidden;padding-top:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-left:15px solid transparent;z-index:100;}
.filterSub li .content_shell{height:100%;}
.filterSub li .content_shell .mCSB_scrollTools{width:12px!important;opacity:1!important;z-index:1!important;background:#444;}
.filterSub li .content_shell .mCSB_scrollTools .mCSB_dragger_bar{width:8px!important;}
.filterSub li li{font-weight:300;}
.filterSub li li a{color:#fff;border-left:none;padding-left:40px;padding-right:40px;position:relative;}
.filterSub li li a:hover{opacity:.85;}

/*productList*/
#productList #banner{padding-bottom:444px;}

/*filter*/
#filter{border-bottom:1px solid #eee;padding-bottom:3.57142857%;position:relative;z-index:2;}

/*filterItem*/
.filterItem{float:left;width:400px;padding-right:100px;color:#666;font-weight:300;}
.filterItem.right{float:right;padding-right:0;width:auto;}
.filterItem .name{float:left;line-height:50px;}
.filterItem .select{font-size:14px;margin-left:100px;background-color:#f3f3f3;}
.filterItem .text{padding:10px 20px;border-radius:5px;}
.filterItem .text:after{border:none;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;width:8px;height:8px;transform:rotate(45deg);margin-top:-6px;right:20px;}
.filterItem .list{background-color:#f3f3f3;}
.filterItem .list span{padding:0 20px;}
.filterItem .list span:hover{background-color:#3f3f3f;color:#fff;}
.filterItem .num{overflow:hidden;padding-left:31px;font-size:14px;color:#666;}
.filterItem .num span{display:block;float:left;border:1px solid #eee;margin-left:-1px;width:48px;height:48px;line-height:48px;text-align:center;cursor:pointer;}
.filterItem .num span:first-child{border-radius:5px 0 0 5px;}
.filterItem .num span:last-child{border-radius:0 5px 5px 0;}
.filterItem .num .cur{background-color:#313131;color:#fff;border-color:#313131;}

/*like*/
.like a{width:22px;height:21px;background:url(../trans2026_images/icon_226.png) no-repeat 0 0;background-size:100% auto;display:block;}
.like .liked{background-position:0 100%;}

/*reviews*/
.reviews{display:table;table-layout:fixed;width:100%;margin-bottom:11px;}
.reviews .star{display:table-cell;vertical-align:middle;font-size:0;line-height:normal;width:75px;}
.reviews .star i{width:15px;height:15px;display:inline-block;vertical-align:middle;background:url(../trans2026_images/icon_star.png) no-repeat 0 0;background-size:100% auto;}
.reviews .star .level{background-position:0 100%;}
.reviews .num{display:table-cell;vertical-align:middle;color:#727171;font:300 14px/18px 'Helvetica';}
.reviews .num span{display:block;float:left;padding:0 15px;position:relative;}
.reviews .num span:after{width:2px;height:15px;background-color:#d5d5d5;content:'';display:block;position:absolute;right:-1px;top:50%;transform:translateY(-50%);}
.reviews .num span:last-child:after{display:none;}
.reviews .num a{color:#727171;}
.reviews .num a:hover{text-decoration:underline;}

/*proList*/
#proList{overflow:hidden;width:1530px;margin-bottom:50px;}

/*proItem*/
.proItem{float:left;width:380px;height:440px;padding:50px 130px 50px 0;}
.proItem .box{position:relative;}
.proItem .box .tab .more{position:absolute;right:0;bottom:0;z-index:5;float:none;font-weight:300;}
.proItem .box .tab .more a{color:var(--main-color);}
.proItem .like{position:absolute;right:0;top:0;z-index:1;}
.proItem .pic{border-bottom:solid 1px #e5e5e5;position:relative;}
.proItem .pic>a{height:190px;display:block;position:relative;}
.proItem .pic .pic-icon{position:absolute;right:0;bottom:10px;height:auto;z-index:5;}
.proItem .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
.proItem .title{overflow:hidden;}
.proItem .title p{display:flex;align-items:center;padding-top:5px;color:#666;}
.proItem .title p span{display:block;position:relative;margin-right:12px;padding-right:12px;font-family:"Helvetica";}
.proItem .title p span:last-child{margin-right:0;padding-right:0;}
.proItem .title p span:nth-of-type(1):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:20px;background:#dcdcdc;}
.proItem h2{font:400 22px/28px 'Neosans';margin-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proItem h2 a{color:#282828;}
.proItem .icon{display:block;width:35px;height:35px;background:url(../trans2026_images/icon_18.svg) no-repeat center center;background-size:contain;float:right;}
.proItem .status{background:url(../trans2026_images/icon_19.png) no-repeat left center;background-size:auto 19px;font:400 14px/28px 'Neosans';float:left;color:#3e3a39;padding-left:28px;}
.proItem .price{float:right;}
.proItem .price a{display:block;color:#fff;position:relative;padding:0 36px 0 10px;border-radius:3px;overflow:hidden;background-color:var(--main-color);font:400 14px/28px 'Helvetica';}
.proItem .price a:after{width:26px;height:100%;text-align:center;content:'+';line-height:26px;position:absolute;right:0;top:0;color:#fff;background-color:var(--main-color);}
.proItem .qty{float:right;overflow:hidden;padding-right:10px;}
.proItem .qty label{float:left;color:#3e3a39;display:block;font:300 14px/28px 'Helvetica';padding-right:10px;}
.proItem .qty .text{float:left;width:41px;height:26px;border:1px solid #cccccd;border-radius:3px;text-align:center;}
.proItem .meta li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proItem .meta{color:#3e3a39;font:300 16px/26px 'Helvetica';padding:5px 0;}
.proItem .meta span{color:#727171;display:block;}
.proItem .meta i{font-style:normal;color:var(--main-color);}
.proItem .star{float:right;color:#727171;font:300 12px/18px 'Helvetica';}
.proItem .star span{display:block;float:left;line-height:normal;padding:2.5px 0 2.5px 5px;}
.proItem .star .l{font-size:0;}
.proItem .star i{display:inline-block;width:14px;height:13px;background:url(../trans2026_images/star_0.png) no-repeat center center;background-size:contain;}
.proItem .star .level{background-image:url(../trans2026_images/star_1.png);}
.proItem .tab{font:300 15px/25px 'Helvetica';color:#3e3a39;overflow:hidden;position:relative;}
.proItem .tabMenu ul{overflow:hidden;padding:20px 0;}
.proItem .tabMenu li{float:left;width:33.333%;text-align:center;position:relative;}
.proItem .tabMenu li:after{width:0;height:100%;border-right:1px solid #cccccd;content:'';display:block;position:absolute;top:0;right:-0.5px;}
.proItem .tabMenu li:last-child:after{display:none;}
.proItem .tabMenu i{display:block;width:40px;height:24px;background:no-repeat 0 0;background-size:100% auto;margin:0 auto;}
.proItem .tabMenu .cur i{background-position:0 100%;}
.proItem .tabMenu .app{background-image:url(../trans2026_images/icon_20.png);}
.proItem .tabMenu .repl{background-image:url(../trans2026_images/icon_21.png);}
.proItem .tabMenu .info{background-image:url(../trans2026_images/icon_22.png);}
.proItem .tabText{display:none;margin:0 15px 0 28px;}
.proItem .tabText li{overflow:hidden;display:none;padding-left:6%;max-height:72px;}
.proItem .tabText span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#727171;line-height:18px;}
.proItem .tabText li.sheer span{position:relative;padding-left:100px;padding-right:35px;}
.proItem .tabText li.sheer span i{position:absolute;left:0;top:0;width:100px;font-style:normal;}

/* .proItem .tabText li span:nth-child(2n+1){ padding-left:0;} */
.proItem .more{float:right;display:none;}

/* .proItem .more a{width:15px;height:15px;background:url(../trans2026_images/icon_23.png) no-repeat center center;background-size:contain;display:block;} */
.proItem .active{padding:10px 0 5px;}
.proItem .active .more{display:block;}
.proItem .active .tabMenu{width:28px;float:left;}
.proItem .active .tabMenu ul{padding:0;}
.proItem .active .tabMenu li{float:none;width:auto;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e0e1e1;}
.proItem .active .tabMenu li:after{display:none;}
.proItem .active .tabMenu li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.proItem .active .tabMenu .name{display:none;}
.proItem .active .tabMenu i{width:28px;height:17px;}
.proItem .active .tabText{display:block;}

/*proItemPic*/
.proItemPic{width:140px;}
.proItemPic a{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}

/*proItemInfo*/
.proItemInfo{width:33.21428571%;padding-left:5%;padding-right:4.28571429%;}
.proItemInfo h2{font-size:26px;font-weight:400;line-height:1.30769231em;margin-bottom:10px;}
.proItemInfo li{font-size:12px;overflow:hidden;line-height:1.75em;font-weight:300;padding:4px 0;}
.proItemInfo span{display:block;overflow:hidden;}
.proItemInfo .l{color:#999;float:left;}
.proItemInfo .r{margin-left:120px;}
.proItemInfo i{font-style:normal;padding-right:15px;margin-right:15px;position:relative;display:block;float:left;}
.proItemInfo i:after{width:1px;height:12px;background-color:var(--main-color);content:'';display:block;position:absolute;right:0;top:50%;margin-top:-6px;}
.proItemInfo i:last-child{padding-right:0;margin-right:0;}
.proItemInfo i:last-child:after{display:none;}

/*proItemMeta*/
.proItemMeta{width:398px;}
.proItemMeta .tab{font-size:14px;overflow:hidden;line-height:30px;padding-bottom:11px;position:relative;z-index:1;margin-bottom:-1px;}
.proItemMeta .tab span{display:block;float:left;width:33.33%;text-align:center;position:relative;cursor:pointer;}
.proItemMeta .tab span:after{width:9px;height:9px;background-color:#fafafa;border-right:1px solid #eee;border-top:1px solid #eee;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:100%;margin-top:5px;display:none;}
.proItemMeta .tab i{font-style:normal;display:inline-block;width:28px;height:28px;vertical-align:middle;border:1px solid #eee;background:no-repeat 0 0;background-size:100% auto;border-radius:50%;margin-right:8px;}
.proItemMeta .tab .r{background-image:url(../trans2026_images/icon_13.png);}
.proItemMeta .tab .a{background-image:url(../trans2026_images/icon_14.png);}
.proItemMeta .tab .m{background-image:url(../trans2026_images/icon_15.png);}
.proItemMeta .tab .cur,.proItemMeta .tab span:hover{color:var(--main-color);}
.proItemMeta .tab .cur i,.proItemMeta .tab span:hover i{background-position:0 100%;border-color:var(--main-color);}
.proItemMeta .tab .cur:after{display:block;}
.proItemMeta .box{background-color:#fafafa;border:1px solid #eee;position:relative;clear:both;}
.proItemMeta .list{font-size:12px;color:#999;line-height:2em;padding:8px 20px;overflow:hidden;display:none;position:relative;height:72px;}
.proItemMeta .list ul{overflow:hidden;position:relative;top:50%;transform:translateY(-50%);}
.proItemMeta .list li{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proItemMeta .list.cur{display:block;}
.proItemMeta .two li{width:46%;}
.proItemMeta .two li:nth-child(2n){float:right;}
.proItemMeta .two li:nth-child(n+5){display:none;}
.proItemMeta .three{width:113%;}
.proItemMeta .three li{width:20.33%;padding-right:13%;}
.proItemMeta .three li:nth-child(n+9){display:none;}
.proItemMeta .five span{display:block;}
.proItemMeta .five .l{float:left;color:#bdbdbd;}
.proItemMeta .five .r{margin-left:80px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proItemMeta .five li{width:50%;}
.proItemMeta .five li:nth-child(n+6){display:none;}
.proItemMeta .five li:nth-child(2n){width:40%;float:right;}
.proItemMeta .five li:nth-child(2n) .r{margin-left:65px;}
.proItemMeta .more{position:absolute;right:0;bottom:0;background-color:#fff;border-top:1px solid #eee;border-left:1px solid #eee;border-top-left-radius:5px;color:#666;line-height:17px;padding:0 5px;}
.proItemMeta .more small{font-size:10px;}
.proItemMeta .more a{color:#666;}
.proItemMeta .more a:hover{color:var(--main-color);}

/*proItemMeta*/
.proItemOther{padding-left:5%;width:350px;}
.proItemOther .top{overflow:hidden;margin-bottom:25px;}
.proItemOther .moq{float:right;width:141px;font-size:14px;color:var(--main-color);font-weight:300;line-height:18px;padding-bottom:5px;}
.proItemOther .qty{float:right;}
.proItemOther label{font-size:14px;color:#999;float:left;line-height:38px;padding-right:10px;}
.proItemOther .book{float:right;}
.proItemOther .book button{width:38px;height:38px;}
.proItemOther .text{width:63px;height:36px;}
.proItemOther .price{float:left;font:400 30px/32px 'Oswald';color:var(--main-color);}
.proItemOther .price i{font-style:normal;font-size:18px;display:inline-block;vertical-align:top;margin-right:5px;}
.proItemOther .fav{width:23px;padding:12.5px 10px;float:left;}
.proItemOther .fav a{display:block;overflow:hidden;padding-bottom:100%;background:url(../trans2026_images/icon_fav.png) no-repeat 0 0;background-size:100% auto;}
.proItemOther .fav .Collected{background-position:0 100%;}
.proItemOther .btn{margin-left:50px;}
.proItemOther .btn a{display:block;overflow:hidden;height:46px;background-color:var(--main-color);color:#fff;text-align:center;line-height:46px;}
.proItemOther .btn i{display:inline-block;font-style:normal;}

/*pagenavi*/
#pagenavi{font-size:0;line-height:normal;text-align:center;}
#pagenavi a{display:inline-block;font-size:14px;font-weight:300;color:#999;line-height:50px;height:50px;padding:0 23px;margin:1px;position:relative;cursor:pointer;}
#pagenavi .a_cur,#pagenavi a:hover{color:#fff;background-color:var(--main-color);}
#pagenavi .a_prev,#pagenavi .a_next{text-indent:-9999em;padding:0 31px;background:no-repeat center 0;}
#pagenavi .a_prev:hover,#pagenavi .a_next:hover{background-position:center 100%;}
#pagenavi .a_prev{background-image:url(../trans2026_images/arrowbtn_07.png);}
#pagenavi .a_next{background-image:url(../trans2026_images/arrowbtn_08.png);}
#pagenavi .a_first{font-size:0;width:62px;box-sizing:border-box;vertical-align:top;background-image:url('../trans2026_images/a_first.png')}
#pagenavi .a_end{font-size:0;width:62px;box-sizing:border-box;vertical-align:top;background-image:url('../trans2026_images/a_end.png')}
#pagenavi .a_first:hover{background-image:url('../trans2026_images/a_first_on.png')}
#pagenavi .a_end:hover{background-image:url('../trans2026_images/a_end_on.png')}

/*proBan*/
#proBan{padding-bottom:760px;background:no-repeat center center;background-size:cover;position:relative;}

/*bannerText*/
.bannerText{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;margin-top:-50px;}
.bannerText h2{font-size:60px;line-height:1.16666667em;font-weight:700;color:var(--main-color);position:relative;padding-bottom:50px;width:40%;text-transform:uppercase;}
.bannerText h2:after{width:60px;height:4px;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:0;}

/*productLine*/
#productLine{overflow:hidden;background:url(../trans2026_images/product/bg_productLine.png) no-repeat center bottom;}
#productLine .inner{position:relative;padding:107px 0 157px;}
#productLine .title{font-size:50px;font-weight:400;line-height:1.4em;color:var(--main-color);position:absolute;left:0;top:17px;}
#productLine .arrowBtn{text-align:right;margin:0 0 125px;}
#productLine .box{overflow:hidden;line-height:normal;width:103.71428571%;font-size:0;}
#productLine .load{padding-bottom:23.525%;}
#productLine .pic{background-color:#fff;overflow:hidden;}
#productLine .pic i{display:block;overflow:hidden;padding-bottom:59.57446809%;background:no-repeat center center;background-size:cover;transition:all .3s;}
#productLine h4{background-color:#fff;text-align:center;font-size:16px;color:#666;font-weight:400;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:18px 5px;border-bottom:4px solid var(--main-color);}
#productLine .item a{display:block;overflow:hidden;margin-right:52px;}
#productLine .item a:hover i{transform:scale(1.1);}
#productLine .item a:hover h3{background-color:var(--main-color);color:#fff;}
#productLine .slick-arrow{border-color:var(--main-color);margin:0 0 0 10px;}
#productLine .slick-arrow:hover{background-position:0 100%;}
#productLine .slick-prev{background-image:url(../trans2026_images/arrowbtn_04.png);}
#productLine .slick-next{background-image:url(../trans2026_images/arrowbtn_05.png);background-position:0 0;}

/*proTitle*/
.proTitle{font:400 45px/1.4em 'Raleway';color:#000;position:relative;z-index:1;text-transform:uppercase;}
.proTitle.center{text-align:center;}

/*proItemList*/
#proItemList{padding:120px 0 90px;}
#proItemList .item{overflow:hidden;margin-bottom:240px;}
#proItemList .pic{padding:0 25px;width:auto;max-width:50%;float:left;}
#proItemList .pic img{max-width:100%;height:auto;display:block;}
#proItemList .text{padding:20px 0;overflow:hidden;}
#proItemList .title{position:relative;margin-bottom:43px;overflow:hidden;}
#proItemList .title:before,#proItemList .title:after{content:'';display:block;position:absolute;z-index:2;}
#proItemList .title:before{width:43px;height:43px;border-left:1px solid #f29e97;border-top:1px solid #f29e97;left:1px;top:1px;}
#proItemList .title:after{width:20px;height:20px;border-left:3px solid var(--main-color);border-top:3px solid var(--main-color);left:0;top:0;}
#proItemList .proTitle{padding:7px 20px 0 20px;background-color:#fff;float:left;}
#proItemList .line{width:100%;height:3px;background-color:var(--main-color);position:absolute;left:0;top:50%;margin-top:-1.5px;display:none;}
#proItemList .intro{font:300 16px/26px 'Helvetica';color:#808080;padding-left:22px;}
#proItemList li{position:relative;padding-left:17px;}
#proItemList li:before{width:7px;height:7px;border-radius:50%;background-color:var(--main-color);position:absolute;left:0;top:10.5px;content:'';display:block;}
#proItemList .item:nth-child(2n) .pic{float:right;}
#proItemList .item:nth-child(2n) .text{padding-right:106px;}
#proItemList .item:nth-child(2n) .line{display:block;}
#proItemList .item:nth-child(2n + 1) .text{padding-left:50px;}

/*proIntro*/
#proIntro{background:no-repeat center center;background-size:cover;padding-top:50px;}
#proIntro .box{display:table;table-layout:fixed;width:100%;}
#proIntro .td{display:table-cell;vertical-align:middle;}
#proIntro .intro{font:300 16px/30px 'Helvetica';}

/*proTimingIntro for ENGINE TIMING*/
#proTimingIntro{height:780px;color:#fff;}
#proTimingIntro .info{width:590px;}
#proTimingIntro .proTitle{color:#fff;padding-bottom:12px;border-bottom:2px solid var(--main-color);margin-bottom:20px;}

/*proAddIntro for BOGAP ADD*/
#proAddIntro{padding:62px 0 30px;}
#proAddIntro .proTitle{margin-bottom:35px;}
#proAddIntro .intro{color:#666;font-size:18px;line-height:40px;}
#proAddIntro p{font-family:Helvetica;}

/*proWashingIntro for Washing Parts*/
#proWashingIntro{height:586px;width:650px;padding-top:132px;}
#proWashingIntro .proTitle{padding-bottom:12px;border-bottom:2px solid var(--main-color);margin-bottom:20px;color:#333;}

/*proPDF*/
#proPDF{padding:100px 0;}
#proPDF .pdf{width:985px;float:left;height:765px;}
#proPDF .pdf iframe{display:block;width:100%;height:100%;}
#proPDF .pic{width:400px;float:right;}
#proPDF .pic p{margin-bottom:30px;}
#proPDF .pic p:last-child{margin-bottom:0;}
#proPDF .pic i{display:block;overflow:hidden;padding-bottom:58.75%;background:no-repeat center center;background-size:cover;}

/*proTips*/
.proTips{overflow:hidden;margin-bottom:35px;padding:0 100px;}
.proTips span{display:block;float:right;color:var(--main-color);background-color:#fff;border:2px solid var(--main-color);border-radius:5px;font:500 22px/38px 'Raleway';padding:0 20px;}

/*proTiming*/
#proTiming{padding:62px 0;}
#proTiming .proTitle{margin-bottom:22px;}
#proTiming .infoBox{position:relative;margin:0 100px;}

/* #proTiming .pic{overflow:hidden;} */
#proTiming .pic .bg{width:35%;margin:0 auto;}
#proTiming .pic i{display:block;overflow:hidden;padding-bottom:115.17571885%;background:no-repeat center center;background-size:contain;}
#proTiming .scalePic{transition:all 0.5s ease-out 0s;}
#proTiming .scalePic .dot{overflow:visible;}
#proTiming .dot>span{display:block;width:3.34%;height:8.57%;border:0.04rem solid var(--main-color);border-radius:50%;position:absolute;background-color:rgba(255,255,255,0.5);transition:background .2s;top:0;overflow:visible;z-index:10;}
#proTiming .dot .intro p{white-space:normal;font:400 0.16rem/1.5em 'Poppins';}
#proTiming .dot .item{padding:0.4rem;width:7rem;height:auto;}
#proTiming .dot .item .box{display:flex;align-items:center;}
#proTiming .dot .item .td{display:block;}
#proTiming .dot .item .pic{width:2.6rem;padding-right:0.4rem;}
#proTiming .dot .item .text{width:calc(100% - 3rem);}
.Air-box-five #proTiming .dot .item h4{text-align:left;font:600 0.25rem/1.5em 'Raleway';}
#proTiming .dot .item .view a{width:2.2rem;height:0.4rem;line-height:0.4rem;}
#proTiming .dot .item:after{content:"";position:absolute;width:50px;right:-50px;z-index:5;top:0;height:100%;}
#proTiming .dot4 .item:after{right:inherit;right:initial;left:-50px;}
#proTiming .dot .dot3 .item{top:inherit;top:initial;bottom:-40px;right:50px;}
#proTiming .dot .dot4 .item{top:inherit;top:initial;right:inherit;right:initial;left:50px;top:-40px;}
#proTiming .dot .dot2 .item{right:50px;top:-105px;}
#proTiming .dot>span:hover .item{display:block;}
#proTiming .dot>span:before{display:block;content:'';border-radius:50%;}
#proTiming .dot>span:before{position:absolute;left:50%;top:50%;width:95%;height:95%;border:0.05rem solid transparent;transition:border .2s;box-sizing:border-box;transform:translate(-50%,-50%)}
#proTiming .dot>span:hover{background-color:transparent;}
#proTiming .dot>span:hover:before{border-color:var(--main-color);}
#proTiming .dot1{left:51.5%;margin-top:6.5%;}
#proTiming .dot2{left:42.5%;margin-top:23%;}
#proTiming .dot3{left:44%;margin-top:7.5%;}
#proTiming .dot4{left:51%;margin-top:18%;}
#proTiming .btn{position:absolute;left:0;bottom:0;font-size:0;line-height:normal;}
#proTiming .btn a{display:inline-block;background-color:#fff;width:31px;height:31px;border:1px solid var(--main-color);line-height:33px;text-align:center;margin-right:4px;font-size:22px;color:#000;vertical-align:middle;}
#proTiming .view a{width:215px;height:40px;line-height:40px;}
#proTiming .item{position:absolute;z-index:2;background-color:#fff;border:1px solid #e1e1e1;border-radius:10px;width:655px;padding:40px 45px;height:235px;display:none;}
#proTiming .box{display:table;table-layout:fixed;width:100%;}
#proTiming .td{display:table-cell;vertical-align:middle;}
#proTiming .pic{padding-right:40px;transition:all .5s;}
#proTiming .pic img{display:block;width:auto;max-width:100%;height:auto;}
#proTiming h4{font:400 30px/1.5em 'Raleway';color:var(--main-color);margin-bottom:13px;text-transform:uppercase;}
#proTiming .intro{font:100 16px/18px 'Helvetica';margin-bottom:22px;}
#proTiming .item1{right:-115px;top:0;}
#proTiming .item1 .pic{width:173px;}
#proTiming .item2{left:-70px;bottom:-30px;}
#proTiming .item2 .pic{width:210px;}
#proTiming .item3{left:-75px;top:0;}
#proTiming .item3 .pic{width:265px;}
#proTiming .item4{right:-110px;bottom:-20px;}
#proTiming .item4 .pic{width:267px;}
#proBox .box .appl{position:relative;}
#proBox .box .appl .table-txt{height:405px;overflow:auto;}
.appl .table-fixed{height:76px;overflow:hidden;position:absolute;left:0;top:0;width:calc(100% - 17px);z-index:5;}
.appl .table-fixed.active{height:auto;}
.appl .table-fixed table tr{opacity:0;background:#fff;}
.appl .table-fixed table tr:nth-of-type(1){opacity:1;}

/*proAdd*/
#proAdd{background-color:#bdbdbd;position:relative;height:800px;color:#fff;margin:60px 0 130px;}
#proAdd:before,#proAdd:after{content:'';display:block;position:absolute;top:0;width:1px;height:100%;background-color:#fff;margin-left:-0.5px;z-index:2;}
#proAdd:before{left:33.333%;}
#proAdd:after{left:66.666%;}
#proAdd .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:no-repeat center center;background-size:contain;opacity:0;transition:all 1s;}
#proAdd .bg.show{opacity:1;}
#proAdd.index0 .bg{background-position:left bottom;}
#proAdd.index2 .bg{background-position:right bottom;}
#proAdd .item{width:33.333%;float:left;height:100%;position:relative;z-index:3;}
#proAdd .item:hover h2{text-align:left;}
#proAdd .item:hover .intro,#proAdd .item:hover .more{display:block;}
#proAdd .pic{position:absolute;left:0;bottom:0;width:100%;height:100%;background:no-repeat center center;background-size:contain;opacity:1;transition:opacity 1s ease;}
#proAdd .pic.hide{animation:heart 0.4s forwards;}
#proAdd .pic:after{content:"";position:absolute;bottom:0;top:0;width:100%;height:auto;z-index:2;background:#012957;opacity:0.4;}
#proAdd .info{padding:45px;position:relative;z-index:1;}
#proAdd h2{font:400 40px/1.5em 'Raleway';margin-bottom:13px;text-align:center;}
#proAdd .intro{font:400 18px/24px 'Helvetica';margin-bottom:35px;display:none;}
#proAdd .more{display:none;}
#proAdd .more a{display:block;width:138px;height:38px;border:1px solid #fff;background-color:rgba(255,255,255,0.2);font:700 16px/38px 'Helvetica';color:#fff;text-align:center;}
#proAdd .more a:hover{background-color:#fff;color:#bdbdbd;}
@keyframes heart{
    0%{opacity:1;}
    100%{opacity:0;}
}

/*mainProducts*/
#mainProducts{background:url(../trans2026_images/product/bg_mainproducts.png) no-repeat center bottom;background-size:cover;padding-bottom:55px;position:relative;z-index:2;margin-top:-52px;padding-top:52px;}
#mainProducts .inner{overflow:hidden;}
#mainProducts .proTitle{color:#fff;margin-bottom:32px;}
#mainProducts .item{position:relative;transition:all .3s;}
#mainProducts .box{padding:30px;transition:all .5s;margin-bottom:100px;width:480px;position:relative;left:50%;transform:translateX(-50%);}
#mainProducts .info{background-color:#fff;box-shadow:0px 0px 30px rgba(0,0,0,0.24);padding:30px 30px 40px;overflow:hidden;}
#mainProducts .pic{width:80.953%;height:225px;position:relative;margin:0 auto 15px;}
#mainProducts .pic img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
#mainProducts h4{font:400 22px/60px 'Raleway';text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#mainProducts .view a{width:200px;height:40px;font:400 20px/40px 'Roboto';text-transform:none;margin:0 auto;background-color:#999;}
#mainProducts .slick{padding:0 60px;}
#mainProducts .slick-list{margin-bottom:30px;height:600px;}
#mainProducts .slick-arrow{width:30px;height:56px;border-radius:0;background:url(../trans2026_images/product/arrow_slick.png) no-repeat 0 0;background-size:100% auto;border:none;position:absolute;top:145px;z-index:5;}
#mainProducts .slick-prev{left:0;}
#mainProducts .slick-next{right:0;background-position:0 100%;}
#mainProducts .slick-dots{font-size:0;line-height:normal;text-align:center;}
#mainProducts .slick-dots li{display:inline-block;margin:0 6px;}
#mainProducts .slick-dots button{display:block;width:26px;height:3px;background-color:#fff;font-size:0;text-indent:-99999em;transition:all .3s;}
#mainProducts .slick-dots .slick-active button{width:52px;background-color:var(--main-color);}
#mainProducts .slick-slide{position:relative;z-index:1;}
#mainProducts .prev2 .box,#mainProducts .next2 .box{opacity:0;}
#mainProducts .slick-active{z-index:2;}
#mainProducts .slick-center{z-index:3;}
#mainProducts .slick-center .box{margin:130px 0 0;}
#mainProducts .slick-center .view a{background-color:var(--main-color);}
#mainProducts .list{overflow:hidden;padding:0 70px;font-size:0;line-height:normal;text-align:center;white-space:nowrap;}
#mainProducts .list .item{display:inline-block;vertical-align:top;}
#mainProducts .list .item:first-child{margin-right:-60px;}
#mainProducts .list .item:nth-child(2){margin:100px -120px 0;z-index:2;}
#mainProducts .list .item:nth-child(2) .view a{background-color:var(--main-color);}
#mainProducts .list .item:last-child{margin-left:-60px;}

/*proWiperSystem*/
#proWiperSystem{padding:170px 0;}
#proWiperSystem .proTitle{margin-bottom:85px;}

/*proWiperCar*/
#proWiperCar{width:702px;float:left;}
#proWiperCar .pic{padding-bottom:62.96296296%;background:url(../trans2026_images/product/washingCar.png) no-repeat center center;background-size:contain;position:relative;}
#proWiperCar li{position:absolute;bottom:0;}
#proWiperCar .icon{width:32px;height:46px;background:url(../trans2026_images/product/icon_point.png) no-repeat 0 0;cursor:pointer;}
#proWiperCar .line{position:relative;width:2px;background-color:var(--main-color);margin:0 auto;height:0;transition:height .3s;}
#proWiperCar .line:after{width:7px;height:7px;background-color:var(--main-color);border-radius:50%;position:absolute;left:50%;margin-left:-3.5px;bottom:0;content:'';opacity:0;transition:opacity .8s;}
#proWiperCar .active .icon{background-position:0 -45px;}
#proWiperCar .active .line{height:179px;}
#proWiperCar .active .line:after{opacity:1;}
#proWiperCar #li1{left:23.7%;margin-bottom:44%;}
#proWiperCar #li2{left:37%;margin-bottom:32.5%;}
#proWiperCar #li3{left:22.5%;margin-bottom:10%;}

/*proWiperInfo*/
#proWiperInfo{float:right;width:688px;border:1px solid #ccc;}
#proWiperInfo .item{padding:45px 20px;display:none;}
#proWiperInfo .item:first-child{display:block;}
#proWiperInfo .box{display:table;table-layout:fixed;width:100%;}
#proWiperInfo .left{display:table-cell;vertical-align:middle;width:210px;padding:0 10px;}
#proWiperInfo .pic{height:180px;margin-bottom:24px;}
#proWiperInfo .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;}
#proWiperInfo .right{display:table-cell;vertical-align:middle;padding-left:20px;}
#proWiperInfo h4{font:400 30px/1.5em 'Raleway';}
#proWiperInfo .intro{font:400 16px/1.5em 'Helvetica';color:#1a1a1a;}
#proWiperInfo .scroll{height:305px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#proWiperInfo .intro p{margin-bottom:12px;}
#proWiperInfo .intro li{font:400 15px/1.5em 'Helvetica';color:#666;padding-left:10px;position:relative;margin-bottom:12px;}
#proWiperInfo .intro li:before{width:6px;height:6px;border-radius:50%;content:'';display:block;position:absolute;left:0;top:8px;background-color:#666;}
#proWiperInfo .view a{width:109px;height:30px;line-height:30px;font:300 16px/26px 'Helvetica';text-transform:none;margin:0 auto;}
#proWiperInfo .dots{font-size:0;line-height:normal;text-align:center;margin-bottom:24px;}
#proWiperInfo .dots span{display:inline-block;width:14px;height:3px;background-color:#ccc;transition:all .3s;margin:0 3px;cursor:pointer;}
#proWiperInfo .dots .active{background-color:var(--main-color);width:23px;}

/*proVehicleIntro*/
#proVehicleIntro{display:table;table-layout:fixed;width:100%;background-color:var(--main-color);margin:85px 0 150px;color:#fff;}
#proVehicleIntro .td{display:table-cell;vertical-align:middle;width:50%;}
#proVehicleIntro .pic img{display:block;width:100%;height:auto;}
#proVehicleIntro .text{padding:60px 60px 60px 100px;}
#proVehicleIntro .proTitle{color:#fff;padding-bottom:12px;border-bottom:2px solid #fff;margin-bottom:20px;}
#proVehicleIntro .intro{font:300 16px/30px 'Helvetica';}

/*proAdvantages*/
#proAdvantages{padding:120px 0;}
#proAdvantages.bg{background:url(../trans2026_images/product/proAdvantages_bg_01.jpg) no-repeat right bottom;background-size:auto 100%;padding:180px 0 200px;}
#proAdvantages.bg li:nth-child(2n-1){width:30%;}
#proAdvantages .title{margin-bottom:45px;}
#proAdvantages h2{font:500 55px/1.35em 'Raleway';color:var(--main-color);}
#proAdvantages h2 i{font-weight:700;font-style:normal;}
#proAdvantages h3{color:#afb3b8;font:400 35px/1.5em 'Raleway';}
#proAdvantages .list{overflow:hidden;}
#proAdvantages ul{width:102%;overflow:hidden;}
#proAdvantages li{width:48%;float:left;padding:40px 2% 40px 0;}
#proAdvantages .box{display:table;table-layout:fixed;width:100%;}
#proAdvantages .td{display:table-cell;vertical-align:middle;}
#proAdvantages .icon{width:84px;}
#proAdvantages .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#proAdvantages .text{font:400 24px/1.5em 'Raleway';color:#666;padding-left:28px;}

/*proHosePipeIntro*/
#proHosePipeIntro{height:916px;display:table;table-layout:fixed;width:100%;}
#proHosePipeIntro .box{display:table-cell;vertical-align:middle;}
#proHosePipeIntro .info{width:50%;position:relative;left:50%;background-color:#fff;}
#proHosePipeIntro .text{width:620px;padding:72px 0 110px 80px;}
#proHosePipeIntro .proTitle{color:#333;padding-bottom:17px;border-bottom:2px solid var(--main-color);margin:0 70px 25px 85px;}
#proHosePipeIntro .intro{font:300 16px/26px 'Helvetica';color:#666;}

/*proPipe*/
#proPipe{padding:25px 0 100px;}
#proPipe .slick{overflow:hidden;}
#proPipe .slick ul{overflow:hidden;width:104.57142857%;}
#proPipe .slick li{width:28.96174863%;float:left;padding-right:4.3715847%;padding-bottom:3.07377049%;}
#proPipe .slick a{display:block;overflow:hidden;border:1px solid #cfcfcf;}
#proPipe .slick a:hover figure{transform:scale(1.1);}
#proPipe h2{background-color:var(--main-color);color:#fff;text-align:center;font:400 18px/26px 'Helvetica';padding:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#proPipe .pic{height:250px;padding:12px;position:relative;overflow:hidden;}
#proPipe .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
#proPipe figure{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s;}
#proPipe .slick-dots{width:auto;font-size:0;line-height:normal;text-align:center;}
#proPipe .slick-dots li{width:auto;display:inline-block;float:none;padding:0 9px;}
#proPipe .slick-dots button{display:block;width:20px;height:20px;border-radius:50%;background-color:#ced2d6;text-indent:-99999em;}
#proPipe .slick-dots .slick-active button{background-color:var(--main-color);}

/*proSwitch*/
@keyframes circle{
    from{transform:scale(1);opacity:.5;}
    to{transform:scale(3.5);opacity:0;}
}
#proSwitch{padding:0 0 120px;}
#proSwitch .inner{display:table;table-layout:fixed;}
#proSwitch .td{width:50%;display:table-cell;vertical-align:bottom;}
#proSwitch h2{color:#333;font:400 25px/1.35em 'Helvetica';text-align:center;text-transform:uppercase;margin-bottom:18px;}
#proSwitch .text{background-color:var(--main-color);color:#fff;padding:18px 110px;font:300 16px/1.25em 'Helvetica';}
#proSwitch .scroll{height:6.75em;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#proSwitch .text li{position:relative;padding-left:15px;}
#proSwitch .text li:before{width:7px;height:7px;border-radius:50%;background-color:#fff;content:'';display:block;position:absolute;left:0;top:8.5px;}
#proSwitch .pic{width:275px;height:230px;position:relative;margin:0 auto 30px;}
#proSwitch .pic img{width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
#proSwitch .dots{font-size:0;line-height:normal;text-align:center;margin-bottom:20px;}
#proSwitch .dots span{display:inline-block;width:26px;height:3px;background-color:#ccc;transition:all .3s;margin:0 5px;cursor:pointer;}
#proSwitch .dots .active{background-color:var(--main-color);width:52px;}
#proSwitch .switch{padding-bottom:72.71428571%;background:no-repeat center center;background-size:contain;position:relative;}
#proSwitch .switch .circle{width:14px;height:14px;border-radius:50%;background-color:rgba(var(--main-rgb),0.75);position:relative;cursor:pointer;}
#proSwitch .switch .circle:before,#proSwitch .switch .circle:after{width:100%;height:100%;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0;background-color:var(--main-color);opacity:0;transform:scale(1);}
#proSwitch .switch .circle:before{animation:circle 3s linear 1s infinite;}
#proSwitch .switch .circle:after{animation:circle 3s linear 1.5s infinite;}
#proSwitch .switch .circle:hover{background-color:rgba(128,128,128,.75);}
#proSwitch .switch .circle:hover:before,#proSwitch .switch .circle:hover:after{background-color:#808080;}
#proSwitch .switch li{position:absolute;top:0;}
#proSwitch .switch #li1{left:12%;margin-top:35%;}
#proSwitch .switch #li2{left:25%;margin-top:25%;}
#proSwitch .switch #li3{left:37.5%;margin-top:22.5%;}
#proSwitch .switch #li4{left:48%;margin-top:26.5%;}
#proSwitch .switch #li5{left:44.5%;margin-top:45.5%;}

/*proManagementIntro*/
#proManagementIntro{height:824px;display:table;table-layout:fixed;width:100%;}
#proManagementIntro .box{display:table-cell;vertical-align:middle;}
#proManagementIntro .info{width:50%;margin:0 auto;transform:translateX(-50%);position:relative;background-color:#fff;overflow:hidden;}
#proManagementIntro .text{width:620px;float:right;padding:82px 80px 120px 0;}
#proManagementIntro .proTitle{color:#333;padding-bottom:12px;border-bottom:2px solid var(--main-color);margin-bottom:20px;}
#proManagementIntro .intro{font:300 16px/30px 'Helvetica';color:#666;}

/*proMngList*/
#proMngList{margin-bottom:70px;}

/*proMngItem*/
.proMngItem .proTitle{line-height:1.25em;}
.proMngItem .intro{font:300 16px/24px 'Helvetica';overflow:hidden;}
.proMngItem .intro p{margin-top:23px;}
.proMngItem .intro li{margin-top:23px;position:relative;padding-left:12px;}
.proMngItem .intro li:before{width:6px;height:6px;background-color:#fff;border-radius:50%;content:'';display:block;position:absolute;left:0;top:9px;}
.proMngItem .pic{display:table-cell;vertical-align:middle;}
.proMngItem .pic img{display:block;max-width:100%;height:auto;}
.proMngItem .text{display:table-cell;vertical-align:middle;padding:10px 0;}

/*proMngLarge*/
.proMngLarge{display:table;table-layout:fixed;width:100%;background-color:var(--main-color);color:#fff;}
.proMngLarge .pic{width:45.05208333%;}
.proMngLarge .pic img{width:100%;}
.proMngLarge .box{width:700px;margin-left:90px;}
.proMngLarge .proTitle{color:#fff;margin-bottom:10px;}

/*proMngSmall*/
.proMngSmall{padding:80px 0;}
.proMngSmall .inner{display:table;table-layout:fixed;}
.proMngSmall .pic{width:50%;}
.proMngSmall .pic img{float:right;}
.proMngSmall .text{width:50%;padding-right:2.85714286%;}
.proMngSmall .proTitle{border-bottom:2px solid var(--main-color);padding-bottom:35px;}
.proMngSmall .intro{color:#666;}
.proMngSmall .intro li{color:var(--main-color);}
.proMngSmall .intro li:before{background-color:var(--main-color);}

/*proElectricIntro*/
#proElectricIntro{display:table;table-layout:fixed;width:100%;padding:105px 0 140px;}
#proElectricIntro .pic{width:50%;display:table-cell;vertical-align:middle;}
#proElectricIntro .pic img{display:block;width:100%;height:auto;}
#proElectricIntro .text{display:table-cell;vertical-align:middle;padding-left:5.71428571%;}
#proElectricIntro .proTitle{padding-bottom:12px;border-bottom:2px solid var(--main-color);color:#333;margin-bottom:20px;}
#proElectricIntro .intro{font:300 16px/30px 'Helvetica';color:#666;}

/*proElectricSmall*/
.proElectricSmall{padding:125px 0;}
.proElectricSmall .inner{display:table;table-layout:fixed;}
.proElectricSmall .pic{width:40%;}
.proElectricSmall .pic img{float:right;max-width:80%;}
.proElectricSmall .text{width:60%;padding-right:2.85714286%;}
.proElectricSmall .intro{color:#666;}
.proElectricSmall .intro li{color:var(--main-color);}
.proElectricSmall .intro li:before{background-color:var(--main-color);}

/*proElectricLarge*/
.proElectricLarge{display:table;table-layout:fixed;width:100%;background-color:#c1c4c9;margin-top:90px;position:relative;color:#fff;padding:20px 0 105px;}
.proElectricLarge:before{width:100%;height:90px;background:url(../trans2026_images/product/bg_top.png) no-repeat left center;background-size:cover;content:'';display:block;position:absolute;left:0;bottom:100%;}
.proElectricLarge .pic{width:42.85714286%;}
.proElectricLarge .text{padding-left:2.85714286%;}
.proElectricLarge .proTitle{color:#fff;}
.proElectricLarge .intro li{color:var(--main-color);}
.proElectricLarge .intro li:before{background-color:var(--main-color);}

/*proVentilationIntro*/
#proVentilationIntro{display:table;table-layout:fixed;width:100%;padding:10px 0 85px;}
#proVentilationIntro .pic{display:table-cell;vertical-align:middle;width:50%;}
#proVentilationIntro .pic img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto;}
#proVentilationIntro .proTitle{color:#333;border-bottom:2px solid var(--main-color);padding-bottom:15px;margin-bottom:22px;}
#proVentilationIntro .text{display:table-cell;vertical-align:middle;padding-right:3.57142857%;color:#666;font:300 18px/24px 'Helvetica';}

/*proVentilationList*/
#proVentilationList{margin-bottom:170px;}

/*proVentilationItem*/
.proVentilationItem{padding:90px 0;}
.proVentilationItem .inner{display:table;table-layout:fixed;}
.proVentilationItem .list{width:540px;display:table-cell;vertical-align:bottom;}
.proVentilationItem .intro{position:relative;padding-left:20px;color:#666;font:100 16px/1.25em 'Helvetica';overflow:hidden;}
.proVentilationItem .intro:before,.proVentilationItem .intro:after,.Air-box-ten .item .txt ul:after{content:'';display:block;position:absolute;top:0;height:100%;}
.proVentilationItem .intro:before{width:10px;background-color:var(--main-color);left:0;}
.proVentilationItem .intro:after,.Air-box-ten .item .txt ul:after{width:100%;background-color:#e6e6e6;right:-20px;z-index:2;transition:width 1.5s;}
.proVentilationItem .intro.load:after,.Air-box-ten .item .txt ul.load:after{width:0;}
.proVentilationItem .intro ul{padding:50px;background-color:#e6e6e6;}
.proVentilationItem .intro li{padding:15px 0 15px 12px;position:relative;}
.proVentilationItem .intro li:before{width:6px;height:6px;background-color:#666;content:'';display:block;position:absolute;left:0;border-radius:50%;top:22px;}
.proVentilationItem .intro img{width:auto;max-width:100%;height:auto;}
.proVentilationItem .info{display:table-cell;vertical-align:bottom;position:relative;padding:90px 35px 0;}
.proVentilationItem .box{position:relative;z-index:2;}
.proVentilationItem .title{position:absolute;left:0;top:0;width:100%;color:#e6e6e6;font:700 110px/215px 'Helvetica';letter-spacing:-7px;}
.proVentilationItem .text{font:300 18px/29px 'Helvetica';color:#1a1a1a;width:420px;margin-bottom:45px;}
.proVentilationItem .proTitle{margin-bottom:15px;}
.proVentilationItem .pic{overflow:hidden;}
.proVentilationItem .pic img{width:auto;max-width:100%;height:auto;display:block;float:right;}
.proVentilationItem:nth-child(2n) .intro{padding-left:0;padding-right:20px;}
.proVentilationItem:nth-child(2n) .intro:before{left:auto;right:0;}
.proVentilationItem:nth-child(2n) .intro:after{right:20px;}
.proVentilationItem:nth-child(2n) .pic{float:left;width:435px;}
.proVentilationItem:nth-child(2n) .pic img{float:none;}
.proVentilationItem:nth-child(2n) .info{padding-right:0;}
.proVentilationItem:nth-child(2n) .text{float:right;width:380px;}
.proVentilationItem:nth-child(2n) .proTitle{text-align:right;}
.proVentilationItem:nth-child(3n) .list{width:523px;}
.proVentilationItem:nth-child(3n) .intro{padding-left:10px;border:1px solid #b3b3b3;padding:28px 20px 20px 10px;}
.proVentilationItem:nth-child(3n) .pic{float:right;width:277px;}
.proVentilationItem:nth-child(3n) .pic img{float:none;}
.proVentilationItem:nth-child(3n) .info{padding-left:0;}
.proVentilationItem:nth-child(3n) .text{width:550px;float:left;}
.proVentilationItem:nth-child(3n) .proTitle{text-align:right;width:560px;float:left;}

/*proThermolIntro*/
#proThermolIntro{display:table;table-layout:fixed;width:100%;padding:110px 0 190px;}
#proThermolIntro .pic{display:table-cell;vertical-align:middle;width:50%;}
#proThermolIntro .pic img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto;}
#proThermolIntro .proTitle{color:#333;line-height:60px;border-bottom:2px solid var(--main-color);padding-bottom:15px;margin-bottom:10px;}
#proThermolIntro .text{display:table-cell;vertical-align:middle;padding-right:5.71428571%;color:#666;font:300 18px/30px 'Helvetica';}

/*proThermalSystem*/
@keyframes wave{
    0%{transform:scale(1);}
    50%{transform:scale(1.2);}
    100%{transform:scale(1);}
}
#proThermalSystem .proTitle{margin-bottom:22px;}
#proThermalSystem .box{position:relative;}
#proThermalSystem .car{width:55%;margin:0 auto;position:relative;cursor:pointer;}
#proThermalSystem .car:before{padding-bottom:62.6822%;background:url(../trans2026_images/product/thermalCar.png) no-repeat center center;background-size:contain;content:'';display:block;}
#proThermalSystem .car span{display:block;position:absolute;cursor:pointer;z-index:2;}
#proThermalSystem .car .dot1{width:55px;height:70px;left:11.5%;top:51.1%;}
#proThermalSystem .car .dot2{width:70px;height:100px;left:9%;top:64%;}
#proThermalSystem .car .dot3{width:70px;height:53px;left:20.4%;top:61.3%;}
#proThermalSystem .car i{display:none;width:26px;height:26px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;border-radius:50%;}
#proThermalSystem .car i:before,#proThermalSystem .car i:after{border-radius:50%;content:'';display:block;position:absolute;border:2px solid var(--main-color);box-shadow:0px 0px 2px rgba(0,0,0,0.8);transform:scale(1);}
#proThermalSystem .car i:before{width:22px;height:22px;left:0;top:0;animation:wave 2s ease-out 0s infinite;}
#proThermalSystem .car i:after{width:16px;height:16px;left:3px;top:3px;animation:wave 2s ease-out 0s infinite;}
#proThermalSystem .item{background-color:#fff;border:2px solid #fbc98f;padding:30px;position:absolute;border-radius:3px;width:726px;display:none;}
#proThermalSystem .title{overflow:hidden;margin-bottom:15px;}
#proThermalSystem .icon{width:47px;float:left;}
#proThermalSystem .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#proThermalSystem h3{margin-left:60px;font:400 30px/1.5em 'Raleway';color:#333;}
#proThermalSystem .pic{width:190px;float:right;padding-left:14px;}
#proThermalSystem .pic img{display:block;width:auto;max-width:100%;margin:0 auto;}
#proThermalSystem .intro{color:#1a1a1a;font:100 16px/20px 'Helvetica';}
#proThermalSystem .intro li{font:300 15px/1.5em 'Helvetica';color:#666;padding-left:15px;position:relative;}
#proThermalSystem .intro li:before{width:5px;height:5px;border-radius:50%;content:'';display:block;position:absolute;left:0;top:10.5px;background-color:#f7931e;}
#proThermalSystem .item:first-child{right:0;top:0;}
#proThermalSystem .item:nth-child(2){left:0;top:80%;width:686px;border-color:var(--main-color);}
#proThermalSystem .item:nth-child(2) .intro li:before{background-color:var(--main-color);}
#proThermalSystem .item:nth-child(3){width:596px;border-color:#73b2f7;bottom:-15px;right:145px;}
#proThermalSystem .item:nth-child(3) .intro li:before{background-color:#007aff;}

/*proThermalList*/
#proThermalList{padding:100px 0;}

/*proThermalItem*/
.proThermalItem{padding:100px 0;display:table;table-layout:fixed;width:100%;}
.proThermalItem .pic{display:table-cell;vertical-align:middle;width:600px;}
.proThermalItem .pic img{display:block;width:auto;max-width:100%;height:auto;}
.proThermalItem .text{display:table-cell;vertical-align:middle;padding-left:50px;}
.proThermalItem h2{font:400 30px/1.5em 'Raleway';border-bottom:1px solid var(--main-color);padding-bottom:23px;margin-bottom:18px;width:520px;}
.proThermalItem .intro{color:#1a1a1a;font:100 16px/24px 'Helvetica';}
.proThermalItem .intro p{padding:5px 0;}
.proThermalItem:nth-child(2n) .pic{width:700px;}
.proThermalItem:nth-child(2n) .text{padding-left:0;padding-right:50px;}

/*proLockingIntro*/
#proLockingIntro{height:823px;}
#proLockingIntro .info{width:560px;    /*float:right;*/padding-bottom:10%;}
#proLockingIntro .info.info2{float:right;}
#proLockingIntro .proTitle{border-bottom:2px solid var(--main-color);color:#333;padding-bottom:10px;margin-bottom:15px;}
#proLockingIntro .intro{color:#666;font:300 16px/30px 'Helvetica';}
#proLockingIntro .intro p{padding:5px 0;}

/*proLockingSecurity*/
@keyframes around{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
#proLockingSecurity{padding:50px 0;}
#proLockingSecurity .inner{position:relative;background-size:auto 100%;overflow:hidden;background:#cecdcd url(../trans2026_images/bg_16.jpg) repeat-x center bottom;padding:40px 0 70px;}
#proLockingSecurity .proTitle{margin-bottom:12.85714286%;color:var(--main-color);}
#proLockingSecurity ul{width:62.14285714%;padding-bottom:20.57142857%;margin:0 auto;position:relative;background:url(../trans2026_images/product/LockingCar.png) no-repeat center center;background-size:contain;}
#proLockingSecurity li{position:absolute;bottom:0;}
#proLockingSecurity .li1{left:-8%;margin-bottom:15.5%;width:21.151%;padding-bottom:23.215%;}
#proLockingSecurity .li2{left:25%;margin-bottom:15.5%;width:36.38%;padding-bottom:27.5%;}
#proLockingSecurity .li3{left:71%;margin-bottom:15.5%;width:14.044%;padding-bottom:28.572%;}
#proLockingSecurity .li4{left:90%;margin-bottom:18%;width:17.767%;padding-bottom:21.429%;}
#proLockingSecurity h4{white-space:nowrap;font-size:16px;color:var(--main-color);font-weight:normal;text-align:center;line-height:1.75em;}
#proLockingSecurity .pic{border:1px solid var(--main-color);border-radius:50%;overflow:hidden;background-color:#fff;margin-bottom:10px;}
#proLockingSecurity .pic span{display:block;padding-bottom:100%;background:no-repeat center center;background-size:contain;border-radius:50%;}
#proLockingSecurity .dot{width:42px;right:0;bottom:0;position:absolute;}
#proLockingSecurity .dot i{display:block;padding-bottom:100%;background:url(../trans2026_images/icon_dot_02.png) no-repeat center center;background-size:contain;animation:around 3s linear infinite;}
#proLockingSecurity .li1 .dot{width:16.8%;}
#proLockingSecurity .li2 .dot{width:9.768%;}
#proLockingSecurity .li3 .dot{right:50%;margin-right:-12.651%;width:25.302%;}
#proLockingSecurity .li4 .dot{right:auto;left:0;width:20%;}
#proLockingSecurity .info{width:166px;position:absolute;z-index:2;bottom:0;opacity:0;transition:opacity 1s;}
#proLockingSecurity .li1 .info{margin-bottom:48%;width:66.4%;}
#proLockingSecurity .li2 .info{margin-bottom:43%;width:38.605%;}
#proLockingSecurity .li3 .info{margin-bottom:122%;width:100%;}
#proLockingSecurity .li4 .info{margin-bottom:47%;width:79.048%;right:-3%;}
#proLockingSecurity svg{width:100%;height:100%;position:absolute;left:0;top:0;}
#proLockingSecurity g{stroke:var(--main-color);stroke-width:1;stroke-dasharray:4,2;fill:none;}
#proLockingSecurity .line{position:absolute;right:11%;bottom:0;opacity:0;transition:opacity 1s;}
#proLockingSecurity .li1 .line{width:56%;padding-bottom:52.8%;margin-bottom:8%;}
#proLockingSecurity .li2 .line{width:72.093%;padding-bottom:46.512%;right:8%;margin-bottom:4%;}
#proLockingSecurity .li3 .line{width:1px;padding-bottom:117.47%;right:50%;margin-bottom:23%;margin-right:-0.5px;}
#proLockingSecurity .li4 .line{width:47.719%;padding-bottom:50%;right:auto;left:17%;margin-bottom:12%;}
#proLockingSecurity .show .info,#proLockingSecurity .show .line{opacity:1;}

/*proLockingList*/
#proLockingList{padding:75px 0 140px;}

/*proLockingItem*/
.proLockingItem{padding:30px 0;display:table;table-layout:fixed;width:100%;}
.proLockingItem .pic{display:table-cell;vertical-align:middle;width:50%;position:relative;padding:80px 0;}
.proLockingItem .pic img{display:block;width:auto;max-width:100%;height:auto;position:relative;z-index:2;margin:0 auto;}
.proLockingItem .pic i{font:700 normal 154px/1.175em 'Helvetica';color:#e6e6e6;position:absolute;left:0;top:-20px;width:100%;text-align:right;}
.proLockingItem .text{padding-left:90px;}
.proLockingItem .proTitle{border-bottom:2px solid var(--main-color);margin-bottom:21px;padding-bottom:8px;}
.proLockingItem .intro{color:#666;font:100 16px/20px 'Helvetica';overflow:hidden;}
.proLockingItem .intro li{color:var(--main-color);position:relative;padding-left:14px;padding-bottom:15px;}
.proLockingItem .intro li:before{width:7px;height:7px;border-radius:50%;content:'';display:block;position:absolute;left:0;top:7.5px;background-color:var(--main-color);}
.proLockingItem:nth-child(2n) .text{padding-left:0;padding-right:90px;}
.proLockingItem:nth-child(2n) .intro ul{overflow:hidden;}
.proLockingItem:nth-child(2n) .intro ul li{width:45%;float:left;}
.proLockingItem:nth-child(2n) .intro ul li:nth-child(2n){float:right;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:99;display:none;cursor:pointer;}
.popup .box{display:table;table-layout:fixed;width:100%;height:100%;}
.popup .td{display:table-cell;vertical-align:middle;}
.popup .close{width:80px;height:80px;position:absolute;right:0;top:0;cursor:pointer;}
.popup .close:before,.popup .close:after{content:'';display:block;position:absolute;}
.popup .close:before{background-color:var(--main-color);transform:rotate(-45deg);width:120px;height:120px;right:-60px;top:-60px;}
.popup .close:after{width:21px;height:21px;background:url(../trans2026_images/product/icon_close.png) no-repeat center center;background-size:contain;right:11px;top:15px;}

/*loginForm*/
.loginForm{width:320px;margin:167px auto 0;background-color:#fff;border-radius:5px;padding:45px 40px 45px;position:relative;}
.loginForm .item{margin-bottom:20px;}
.loginForm .input{border:1px solid #999;border-radius:5px;overflow:hidden;padding-left:40px;padding-right:5px;background:no-repeat 9px center;}
.loginForm .mail{background-image:url(../trans2026_images/product/icon_mail.png);}
.loginForm .pwd{background-image:url(../trans2026_images/product/icon_pwd.png);}
.loginForm .text{color:#666;padding:12px 0;height:24px;font:normal 16px/24px 'Arial';display:block;width:100%;text-indent:5px;}
.loginForm .placeholder{color:#666;text-indent:45px;}
.loginForm .placeholder i{padding:12px 0;height:24px;font:normal 16px/24px 'Arial';}
.loginForm .btn{padding:15px 0;position:relative;}
.loginForm .btn a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.loginForm .submit{color:#fff;background-color:#888;border-radius:5px;display:block;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;height:60px;font-size:20px;text-transform:uppercase;font-family:'Arial';}
.loginForm .other{text-align:center;font:normal 16px/24px 'Arial';margin-bottom:14px;}
.loginForm .btn:hover .submit{background-color:var(--main-color);}
.loginForm .other a{color:var(--main-color);}
.loginForm .other a:hover{text-decoration:underline;}
.loginForm .or{font-size:0;line-height:normal;text-align:center;overflow:hidden;}
.loginForm .or span{display:inline-block;font:normal 16px/24px 'Arial';color:#666;padding:0 10px;position:relative;}
.loginForm .or span:before,.loginForm .or span:after{height:1px;width:138px;background-color:#dcdcdc;content:'';display:block;position:absolute;top:50%;margin-top:-0.5px;}
.loginForm .or span:before{right:100%;}
.loginForm .or span:after{left:100%;}
.loginForm .p-tip{line-height:1.3;color:#999;margin-bottom:20px;text-align:center;display:none;font-weight:500;}
.popup.showTip .loginForm .p-tip{display:block;}
button.not{border:0;background:url(../trans2026_images/clear.png) no-repeat center/50%;}
button.not:hover{background-image:url(../trans2026_images/clear_red.png)}
.loginForm .p-close{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;}
.user-poup{position:absolute;width:120px;left:50%;transform:translateX(-50%);padding-top:10px;text-align:center;font-style:normal;display:none;}
.user-poup .up-content{display:block;background:#fff;box-shadow:0 2px 15px #ccc;border-radius:5px;padding:10px;font-style:normal;position:relative;}
.user-poup .up-content:after{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:solid 8px transparent;border-right:solid 8px transparent;border-bottom:solid 10px #fff;}
.user-poup .up-content a{display:block;border-bottom:solid 1px #ddd;}
.user-poup .up-content a:last-child{border-bottom:0;}

/*pgTitle*/
.pgTitle{font-size:28px;color:#333;line-height:36px;margin-bottom:10px;}

/*shoppingCart*/
#shoppingCart{padding:50px 0 100px;}

/*summary*/
#summary{float:right;width:210px;background-color:#f6f6f6;border-top:4px solid var(--main-color);padding:37px 25px 22px;}
#summary h3{font-size:22px;color:#333;line-height:34px;border-bottom:1px solid #ddd;padding-bottom:14px;margin-bottom:13px;}
#summary ul{border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:6px;}
#summary li{font-size:16px;color:#666;line-height:40px;}
#summary span{display:block;}
#summary .name{float:left;}
#summary .cost{text-align:right;margin-left:70px;font-weight:500;color:#333;}
#summary .total{border-bottom:none;}
#summary .total li{font-size:18px;color:#333;font-weight:700;}
#summary .total .cost{color:var(--main-color);font-weight:600;}
#summary .checkout{max-width:none;font-size:16px;text-transform:none;margin-bottom:15px;}
#summary .pdf{font-size:0;line-height:normal;text-align:center;}
#summary .pdf a{display:inline-block;font-size:14px;line-height:2em;color:#666;font-weight:300;padding-left:25px;background:url(../trans2026_images/product/icon_file.png) no-repeat left center;}
#summary .pdf a:hover{color:#000;text-decoration:underline;}

/*proCheck*/
.proCheck label{display:block;width:20px;height:20px;border:1px solid var(--main-color);border-radius:3px;background:#fff no-repeat center center;margin:0 auto;position:relative;}
.proCheck i{font-style:normal;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;}
.proCheck .checked{background-image:url(../trans2026_images/product/icon_checked.png);}
.proCheck input{display:none;}

/*cartItems*/
#cartItems{float:left;width:1122px;}
@media (max-width:1440px){
    #cartItems{width:80%;}
    #summary{width:15%;}
}

/*itemsList*/
#itemsList table{border:none;color:#333;}
#itemsList th{background-color:#f6f6f6;border:none;font-size:20px;font-weight:normal;padding:10px;line-height:1.5em;}
#itemsList td{border:none;border-bottom:1px solid #eee;text-align:center;padding:40px 10px;}
#itemsList .w42{width:42px;}
#itemsList .w110{width:110px;}
#itemsList .w140{width:140px;}
#itemsList .w150{width:150px;}
#itemsList .w160{width:160px;}
#itemsList .w180{width:180px;}
#itemsList .w220{width:220px;}
#itemsList .check{padding-right:30px;}
#itemsList .num{text-align:left;}
#itemsList .qty .book{width:140px;margin:0 auto;}
#itemsList .qty button{width:38px;height:38px;float:left;background-color:#e5e5e5;}
#itemsList .qty .num{width:64px;float:left;height:36px;line-height:36px;text-align:center;background-color:#f9f9f9;border-top:1px solid #ededed;border-bottom:1px solid #ededed;font-size:16px;color:#666;}
#itemsList .total span{color:var(--main-color);}
#itemsList .price span,#itemsList .total span{font-size:22px;line-height:38px;}
#itemsList .pic a{display:block;overflow:hidden;width:120px;height:120px;}
#itemsList .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;}
#itemsList .info,#itemsList .btm{text-align:left;padding-left:55px;}
#itemsList h2{font-weight:400;font-size:22px;color:#333;line-height:34px;margin-bottom:8px;}
#itemsList .meta{font-size:12px;line-height:20px;color:#333;margin-bottom:10px;}
#itemsList .meta li{overflow:hidden;}
#itemsList .meta span{display:block;}
#itemsList .meta .l{float:left;color:#999;}
#itemsList .meta .r{margin-left:115px;}
#itemsList .meta i{font-style:normal;padding-right:17px;margin-right:16px;position:relative;}
#itemsList .meta i:after{content:'|';color:var(--main-color);position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;}
#itemsList .meta i:last-child:after{display:none;padding-right:0;margin-right:0;}
#itemsList .btn{overflow:hidden;}
#itemsList .btn span{display:block;margin-right:10px;float:left;padding-left:20px;background:no-repeat left center;}
#itemsList .btn .save{background-image:url(../trans2026_images/product/icon_save.png);padding-right:30px;}
#itemsList .btn .remove{background-image:url(../trans2026_images/product/icon_remove.png);}
#itemsList .btn .cat{background-image:url(../trans2026_images/product/icon_cart.png);background-size:9%}
#itemsList .btn a{display:block;font-size:16px;color:#333;line-height:30px;text-decoration:underline;}
#itemsList .all{text-align:left;padding-left:38px;}
#itemsList .operation{font-size:0;line-height:normal;text-align:right;padding:0;}
#itemsList .operation a{display:inline-block;width:198px;height:46px;line-height:46px;text-align:center;border:1px solid #eee;margin-left:12px;font-size:16px;color:#333;}
#itemsList .operation a:hover{background-color:var(--main-color);color:#fff;}
#itemsList .operation .empty{background-color:#f9f9f9;}
#itemsList .operation .keep{background-color:#e5e5e5;}
#itemsList .btm .save{padding-right:55px;}

/*popupTips*/
.popupTips{background-color:#fff;width:605px;border-radius:10px;overflow:hidden;margin:0 auto;text-align:center;padding:70px 30px;position:relative;}
.popupTips .icon{width:84px;margin:0 auto 15px;}
.popupTips .icon i{display:block;padding-bottom:100%;overflow:hidden;background:url(../trans2026_images/product/icon_result.png) no-repeat 0 0;background-size:100% auto;}
.popupTips .icon .failed{background-position:0 0;}
.popupTips .icon .success{background-position:0 100%;}
.popupTips h2{color:#333;font:normal 24px/30px 'Arial';margin-bottom:55px;}
.popupTips .go{font:400 16px/30px 'MyriadPro';}
.popupTips .go a{color:var(--main-color);}

/*generationPDF*/
#generationPDF{height:100%;margin:auto;padding:0;}
#generationPDF .pdf{size:A4;margin:0;}
#generationPDF .pdf{width:100%;height:1880px;position:relative;background-color:#fff;}
@media print{
    #generationPDF .pdf{margin:0;border:initial;border-radius:initial;width:initial;min-height:initial;box-shadow:initial;background:initial;page-break-after:always;}
}

/*pdfInfo*/
#pdfInfo{padding:80px 40px 0;}

/*pdfInfoTop*/
#pdfInfoTop{display:table;table-layout:fixed;width:100%;border-bottom:2px solid var(--main-color);padding-bottom:30px;}
#pdfInfoTop .icon{width:136px;display:table-cell;vertical-align:middle;}
#pdfInfoTop .icon i{display:block;overflow:hidden;padding-bottom:100%;background:url(../trans2026_images/product/pdf_logo.svg) no-repeat center center;background-size:contain;}
#pdfInfoTop .title{display:table-cell;vertical-align:middle;}
#pdfInfoTop h2{font-size:38px;line-height:1.35em;margin-bottom:12px;}
#pdfInfoTop .meta{overflow:hidden;font-size:0;line-height:normal;}
#pdfInfoTop .meta span{display:inline-block;vertical-align:middle;color:#333;font-size:21px;font-weight:300;line-height:1.875em;padding-right:120px;}
#pdfInfoTop .meta i{font-weight:600;font-style:normal;color:var(--main-color);}
#pdfInfoTop .meta .price{font-size:24px;}

/*pdfInfoPro*/
#pdfInfoPro{display:table;table-layout:fixed;width:100%;padding:44px 0;margin-bottom:50px;}
#pdfInfoPro .pic{width:300px;display:table-cell;vertical-align:middle;}
#pdfInfoPro .pic img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;}
#pdfInfoPro .meta{display:table-cell;vertical-align:middle;padding-left:55px;}
#pdfInfoPro .list{overflow:hidden;}
#pdfInfoPro ul{overflow:hidden;display:table;table-layout:fixed;width:100%;}
#pdfInfoPro li{display:table-cell;vertical-align:top;font-size:19px;color:#666;line-height:1.75em;font-weight:300;padding:15px 0 15px 10px;}
#pdfInfoPro .l{width:200px;}
#pdfInfoPro .m{width:200px;}
#pdfInfoPro .r{width:160px;}
#pdfInfoPro p{padding-left:20px;font-size:18px;}
#pdfInfoPro .name{position:relative;font-weight:600;font-size:20px;color:#333;}
#pdfInfoPro .name:before{width:6px;height:6px;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
#pdfInfoPro .moq{font-weight:300;font-size:16px;color:#666;margin:22px 0 0 10px;line-height:25px;}
#pdfInfoPro .moq span{color:var(--main-color);}
#pdfInfoPro .moq .icon1{background:url(../trans2026_images/stock_03.png) no-repeat left center;padding-left:25px;background-size:15px;}
#pdfInfoPro .moq .icon2{background:url(../trans2026_images/stock_05.png) no-repeat left center;padding-left:25px;background-size:15px;}

/*proInfoMeta*/
.proInfoMeta{background-color:#f8f9fa;padding:40px 0;margin-bottom:50px;}
.proInfoMeta h3{position:relative;line-height:30px;font-weight:400;font-size:24px;color:var(--main-color);padding:0 35px;margin-bottom:22px;}
.proInfoMeta h3:before{width:10px;height:100%;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:0;}
.proInfoMeta .box{padding:0 35px;color:#666;}
.proInfoMeta table{border:none;}
.proInfoMeta td{border:none;width:33.33%;font-size:18px;color:#666;font-weight:300;padding:0;line-height:30px;}

/*parameter*/
.parameter span{display:block;}
.parameter .l{width:205px;float:left;color:#999;text-align:right;}
.parameter .r{margin-left:220px;}

/*replXRef*/
.replXRef.box{color:#666;}
.replXRef table{table-layout:automatic;text-align:center;}
.replXRef td{padding:8px 0;}

/*pdfCover*/
#pdfCover .top{padding:155px 135px 85px;}
#pdfCover .top img{display:block;width:340px;height:84px;}
#pdfCover .mid{height:568px;background:no-repeat center center;background-size:cover;display:table;table-layout:fixed;width:100%;}
#pdfCover .td{display:table-cell;vertical-align:middle;padding-top:82px;}
#pdfCover .text{padding-left:135px;width:430px;color:#fff;}
#pdfCover .text h2{font-size:70px;font-weight:700;line-height:1em;margin-bottom:24px;}
#pdfCover .text h3{font-size:24px;line-height:26px;font-weight:300;text-transform:uppercase;}
#pdfCover .btm{width:100%;color:#333;font-weight:300;font-size:22px;line-height:40px;position:absolute;left:0;bottom:158px;}
#pdfCover .intro{padding:0 135px;}

/*pdfContent*/
#pdfContent .top{background:url(../trans2026_images/product/pdf_top.jpg) no-repeat left center;height:120px;background-size:cover;display:table;table-layout:fixed;width:100%;color:#fff;text-transform:uppercase;}
#pdfContent .top .td{display:table-cell;vertical-align:middle;padding:0 70px;}
#pdfContent .top .right{width:250px;}
#pdfContent .top .right img{width:100%}
#pdfContent .top h2{font-size:30px;font-weight:500;line-height:1.125em;}
#pdfContent .top h3{font-weight:300;font-size:18px;line-height:1.35em;}
#pdfContent .mid{padding:90px 70px;}
#pdfContent .btm{position:absolute;left:0;bottom:0;border-bottom:13px solid var(--main-color);width:100%;font-size:18px;color:#666;text-transform:uppercase;line-height:26px;font-weight:300;padding:23px 0;}
#pdfContent .text{padding:0 70px;float:left;}
#pdfContent .page{float:right;padding:0 70px;}

/*pdfItem*/
.pdfItem{border:2px solid var(--main-color);border-radius:18px;overflow:hidden;margin-bottom:80px;}
.pdfItem .title{background-color:var(--main-color);color:#fff;overflow:hidden;padding:15px 0;}
.pdfItem h4{font-size:26px;padding:0 50px;float:left;line-height:30px;}
.pdfItem .num{overflow:hidden;}
.pdfItem .num span{display:block;padding-left:80px;float:left;font-size:14px;font-weight:300;line-height:30px;}
.pdfItem .num i{font-style:normal;font-weight:600;margin-right:10px;font-size:16px;}
.pdfItem .info{overflow:hidden;padding:70px;}
.pdfItem .pic{width:240px;float:left;}
.pdfItem .pic img{display:block;width:200px;height:auto;margin:0 auto;}
.pdfItem .meta{margin-left:310px;overflow:hidden;}
.pdfItem ul{overflow:hidden;display:table;table-layout:fixed;width:100%;}
.pdfItem li{display:table-cell;vertical-align:top;font-size:18px;color:#999;line-height:1.5em;font-weight:300;padding:0 0 5px 10px;}
.pdfItem p{padding-left:20px;}
.pdfItem .name{position:relative;font-size:20px;color:#333;font-weight:400;}
.pdfItem .name:before{width:6px;height:6px;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:50%;margin-top:-3px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.pdflist{margin-bottom:80px;max-width:1085px;margin-left:auto;margin-right:auto;}
.pdflist ul li{display:table;width:100%;border:1px solid #efefef;box-sizing:border-box;}
.pdflist ul li .left-box{position:relative;display:table-cell;width:33.5%;padding:25px;vertical-align:top;box-sizing:border-box;}
.pdflist ul li .right-box{display:table-cell;width:66.5%;vertical-align:top;border-left:1px solid #efefef;box-sizing:border-box;}
.pdflist ul li .left-box .name{margin-top:8px;font-size:18px;color:#231815;line-height:1.8;}
.pdflist ul li .left-box .attestation{position:absolute;top:25px;right:25px;width:50px;height:50px;background-image:url('../trans2026_images/icon_18.svg');background-size:100%;z-index:3;}
.pdflist ul li .left-box .img{margin-top:40px;}
.pdflist ul li .left-box .img img{width:100%;}
.pdflist ul li .right-box .name{height:50px;line-height:50px;padding:0 25px;font-size:24px;color:#3e3a39;background-color:#efefef}
.pdflist ul li .right-box .list{padding:10px 25px;}
.pdflist ul li .right-box .list .items{display:table;width:100%;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #efefef;font-size:0;}
.pdflist ul li .right-box .list .items:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.pdflist ul li .right-box .list .items .title{display:table-cell;width:150px;font-size:18px;color:#231815;text-align:left;vertical-align:top;}
.pdflist ul li .right-box .list .items .text{display:table-cell;width:100%;font-size:18px;color:#727171;word-wrap:break-word;vertical-align:top;}

/*pdfEnd*/
#pdfEnd.pdf{background-color:var(--main-color);}
#pdfEnd .info{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);}
#pdfEnd .logo{margin-bottom:55px;}
#pdfEnd .logo img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;}
#pdfEnd .text{background-color:rgba(255,255,255,0.1);text-align:center;font-size:32px;line-height:46px;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:1.5px;}

/*warning*/
#warning{padding-left:50px;background:url(../trans2026_images/icon_warning.png) no-repeat left 5px;margin-bottom:90px;margin-top:200px;}
#warning .text{font:400 18px/1.5em 'MyriadPro';color:#666;margin-bottom:30px;}
#warning .text h3{color:#282828;font-weight:400;}
#warning .btn a{display:block;width:158px;height:44px;background-color:var(--main-color);color:#fff;border-radius:5px;text-align:center;font:700 18px/44px 'MyriadPro';}
.location{float:left;width:500px;overflow:hidden;height:20px;line-height:20px;}

/*会员中心*/
#Members{padding:45px 0 100px 0;font-size:0;line-height:1;}
#Members .left-box{float:left;width:17.5%}
#Members .right-box{float:right;width:78%}
#Members .right-box .title{font-size:0;line-height:30px;margin-bottom:25px;display:flex;align-items:center;}
#Members .right-box .title span{display:block;font-size:22px;}
#Members .right-box .more{margin-top:20px;width:100%;text-align:center;line-height:55px;font-size:18px;color:var(--main-color);background-color:#eeeff0;cursor:pointer;border-radius:5px;}
#Members .right-box .menu-il{font-size:0;display:flex;align-items:center;}
#Members .right-box .one-il{width:30%;display:block;font-size:22px;color:#262b35;}
#Members .right-box .menu-il{width:70%;}
#Members .right-box .menu-il .item{width:33.33%;display:flex;}
#Members .right-box .menu-il .item i{margin-right:10px;display:block;}
#Members .right-box .menu-il .item i img{display:inline-block;vertical-align:middle;}
#Members .right-box .menu-il .item span{font-size:16px;}
#Members .left-box .title:before{display:inline-block;content:'';width:22px;height:24px;margin-right:10px;background-image:url('../trans2026_images/Members-title.png');vertical-align:middle;}
#Members .left-box .title span{display:inline-block;font-size:24px;line-height:30px;color:#262b35;vertical-align:middle;font-weight:500;}
#Members .menu-nav{margin-top:55px;}
#Members .menu-nav ul li{position:relative;line-height:40px;margin-bottom:35px;}
#Members .menu-nav ul li:last-child{margin-bottom:0;}
#Members .menu-nav ul li a{font-size:18px;color:#333333;}
#Members .menu-nav ul li.on a{color:var(--main-color);}
#Members .menu-nav ul li:after{position:absolute;content:'>';display:block;top:50%;right:0;font-size:22px;color:#333;z-index:3;transform:translateY(-50%);}
#Members .menu-nav ul li.on:after{color:var(--main-color);}
#Members .member-information{padding:50px;background-color:#f8f9fa}
#Members .member-information .portrait{display:inline-block;width:130px;vertical-align:top;margin-top:20px;}
#Members .member-information .portrait .img{width:130px;height:130px;margin:auto;border-radius:130px;border:5px solid #fff;box-sizing:border-box;overflow:hidden;}
#Members .member-information .portrait .img img{width:100%;height:100%;object-fit:cover;}
#Members .member-information .portrait .name{text-align:center;margin-top:20px;font-size:18px;color:#262b35;}
#Members .member-information .material{display:inline-block;padding-left:50px;margin-left:50px;width:calc(100% - 250px);vertical-align:middle;border-left:1px solid #d6d9e3;}
#Members .member-information .material .tips{font-size:18px;color:#262b35;}
#Members .member-information .material .list{margin-top:35px;}
#Members .member-information .material .list ul li{display:inline-block;width:100%;margin-bottom:20px;padding-right:10px;vertical-align:top;box-sizing:border-box;}
#Members .member-information .material .list ul li .name{display:inline-block;width:160px;margin-right:10px;font-size:16px;color:#666666;vertical-align:middle;}
#Members .member-information .material .list ul li .box{display:inline-block;width:calc(100% - 170px);vertical-align:middle;position:relative;}
#Members .member-information .material .list ul li .text{background:#fff;height:40px;width:100%;font-size:16px;color:#999999;padding:0 10px;border:1px solid #e6e6e6;border-radius:4px;box-sizing:border-box;}
#Members .member-information .material .list ul li .button{margin-top:10px;height:40px;width:100%;font-size:18px;color:#ffffff;text-align:center;background-color:var(--main-color);border-radius:4px;cursor:pointer;max-width:200px;}
#Members .member-information .material .list ul li p{position:absolute;bottom:-17px;font-size:12px;margin-top:10px;color:var(--main-color);font-style:italic;}
#Members .Change-box{margin-top:40px;background:none;margin-left:0;border-left:none;padding:0;}
#Members .Change-box .material{width:100%;margin-left:0;border-left:none;padding-left:0;}
#Members .Change-box .material .tips{line-height:35px;font-size:22px;color:#262b35;}
#Members .Change-box .material .list{margin-top:20px;padding:70px;background:#f8f9fa;}
#Members .Change-box .material .list ul li:last-child{margin-bottom:0;}
#Members .Change-box .material .list ul li .name{width:250px;}
#Members .Change-box .material .list ul li .box{width:calc(100% - 260px);}
#Members .my-collection{margin-top:30px;}
#Members .my-collection .title span{display:inline-block;font-size:20px;color:#262b35;font-weight:bold;vertical-align:middle;}
#Members .my-collection .title:before{display:inline-block;content:'';width:24px;height:24px;margin-right:10px;background-image:url('../trans2026_images/my-collection.png');vertical-align:middle;}
#Members .my-collection .list{margin-top:25px;}
#Members .my-collection .list table{border:none;color:#333;}
#Members .my-collection .list th{background-color:#f6f6f6;border:none;font-size:20px;font-weight:normal;padding:10px;line-height:1.5em;text-align:left;}
#Members .my-collection .list th:not(:first-child){width:170px}
#Members .my-collection .list td{border:none;border-bottom:1px solid #eee;padding:40px 10px;}
#Members .my-collection .list td:not(:first-child){width:170px}
#Members .my-collection .list .img{display:inline-block;width:110px;vertical-align:middle;}
#Members .my-collection .list .img img{width:100%;}
#Members .my-collection .list .box{display:inline-block;width:calc(100% - 140px);margin-left:30px;vertical-align:middle;}
#Members .my-collection .list .box .name a{font-size:22px;color:#333333;}
#Members .my-collection .list .box .text{margin-top:15px;font-size:14px;}
#Members .my-collection .list .box .text .duty{display:inline-block;color:#999999;vertical-align:middle;}
#Members .my-collection .list .box .text .item{display:inline-block;margin-right:15px;vertical-align:middle;}
#Members .my-collection .list .box .text .item span{display:inline-block;color:#333;vertical-align:middle;}
#Members .my-collection .list .box .text .item:after{display:inline-block;content:'|';margin-left:15px;font-size:14px;color:var(--main-color);vertical-align:middle;}
#Members .my-collection .list .box .text .item:last-child{margin-right:0;}
#Members .my-collection .list .box .text .item:last-child:after{display:none;}
#Members .my-collection .list .box .btn{margin-top:20px;}
#Members .my-collection .list .box .btn a{display:inline-block;margin-right:45px;}
#Members .my-collection .list .box .btn a:last-child{margin-right:0;}
#Members .my-collection .list .box .btn a span{display:inline-block;font-size:16px;color:#333333;vertical-align:middle;text-decoration:underline}
#Members .my-collection .list .box .btn a:before{display:inline-block;content:'';margin-right:8px;vertical-align:middle;}
#Members .my-collection .list .box .btn .cart:before{background-image:url('../trans2026_images/icon_cart.png');width:14px;height:14px;}
#Members .my-collection .list .box .btn .remove:before{background-image:url('../trans2026_images/icon_remove.png');width:12px;height:11px;}
#Members .my-collection .list .price{font-size:22px;color:#333333;}
#Members .my-collection .list .price2{font-size:22px;color:var(--main-color);}
#Members .more-btn{text-align:center;font-size:20px;}
#Members .more-btn a{margin-top:20px;display:inline-block;border:1px solid #999;border-radius:19px;padding:10px 16px;}
body .layui-layer-loading .layui-layer-content{background-image:url(../trans2026_images/loading.gif);background-size:100%;width:40px;height:40px;}
@media(max-width:1440px){
    #nav li{padding:0 8 27px;}
    #topBtn{padding:31px 0 31px 20px;}

/* #logo a{width: 130px;} */}
.loading-global{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.7);align-items:center;justify-content:center;display:none;}
.loading-global.active{display:flex;}
.loading-global img{width:40px;}

/* 收藏夹 */
.favorites-box{padding-top:20px;}
.favorites-box li{padding:20px;margin-bottom:15px;position:relative;    /* background: #f8f9fa; */border-bottom:solid 1px #ddd;display:flex;align-items:center;border-radius:6px;overflow:hidden;}
.favorites-box li .icon-ik{position:absolute;left:20px;top:20px;width:20px;height:20px;background:url(../trans2026_images/favorites-icon1.png) no-repeat center;cursor:pointer;}
.favorites-box li .pic{width:100px;padding:0 40px;padding-left:20px;text-align:center;}
.favorites-box li .text-box{width:calc(100% - 180px);font-size:14px;}
.favorites-box li .text-box .item{margin-bottom:10px;display:flex;align-items:center;}
.favorites-box li .text-box .item .olw{min-width:105px;margin-right:20px;font-size:22px;color:#282828;}
.favorites-box li .text-box .item .name{font-size:16px;color:#333333;}
.favorites-box li .text-box .item .solm{min-width:105px;margin-right:20px;color:#333333;}
.favorites-box li .text-box .item .cex{color:#666666;}
.favorites-box li .text-box .item:last-child{margin-bottom:0;}
.favorites-box li .search-kio{background:#f9f9f9;display:flex;width:100%;border-radius:6px;overflow:hidden;}
.favorites-box li .search-kio input{font-size:14px;padding:10px 20px;width:calc(100% - 40px);}
.favorites-box li .search-kio .but{cursor:pointer;background:var(--main-color);width:40px;height:40px;border-radius:6px;overflow:hidden;}
.favorites-box li .search-kio .but span{display:block;width:40px;height:40px;background:url(../trans2026_images/bi.png) no-repeat center;}

/* PDF预览 */
.Results-color{background-color:#cccccc;}
.Results-box .inner1200{background:#fff;position:relative;padding-bottom:110px;width:100%;}
.Results-box .Results-top{padding:37px 60px;justify-content:space-between;background:#3a3a3a;    /* background:#3e3a3a url(../trans2026_images/Results-bg.png) no-repeat center; background-size:100% 100%; */display:flex;align-items:center;}
.Results-box .Results-top .Results-fl{line-height:1;color:#fff;}
.Results-box .Results-top .Results-fl h3{font-weight:500;margin:0 auto 15px;font-size:40px;}
.Results-box .Results-top .Results-fl p{font-size:20px;}
.Results-box .Results-top .Results-fr img{display:inline-block;vertical-align:middle;}
.Results-list{padding:0 60px;}
.Results-list li{padding:26pt 0;position:relative;box-sizing:border-box;display:table;align-items:center;border-bottom:solid 1px #aaaaaa;width:100%;}
.Results-list li .pic{width:150px;padding:0 30px;text-align:center;display:table-cell;vertical-align:middle;}
.Results-list li .pic img{width:100%;}
.Results-list li .text-box{width:calc(100% - 200px);font-size:18px;display:table-cell;vertical-align:middle;}
.Results-list li .text-box .item{line-height:1.8;align-items:center;font-size:0;}
.Results-list li .text-box .item .olw{min-width:200px;margin-right:20px;font-size:25px;color:#282828;display:inline-block;}
.Results-list li .text-box .item .name{font-size:16px;color:#333333;display:inline-block;}
.Results-list li .text-box .item .solm{min-width:200px;margin-right:20px;color:#333333;display:inline-block;}
.Results-list li .text-box .item .cex{color:#666666;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Results-list li .text-box .item:last-child{margin-bottom:0;}
.Results-list .site-box{font-size:20px;padding:40px 60px;display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.Parameter-box .inner1200{padding:0 60px;padding-bottom:40px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:100vh;position:relative;}
.Parameter-logo{text-align:right;}
.Parameter-logo img{max-width:250px;}
.Parameter-noe{padding-bottom:60px;}
.Parameter-noe .pic{position:relative;background:#fdfdfd;float:left;width:25%;line-height:300px;}
.Parameter-noe .pic img{vertical-align:middle;width:100%;}
.Parameter-noe .pic i{width:50px;height:50px;display:block;overflow:hidden;background:url(../trans2026_images/product/pdf_logo.svg) no-repeat center center;background-size:contain;position:absolute;right:15px;top:15px;}
.Parameter-noe .title{margin-bottom:10px;color:#333333;display:flex;}
.Parameter-noe .title .olw{margin-right:40px;font-size:32px;}
.Parameter-noe .title .name{font-size:24px;}
.Parameter-noe .text{width:70%;float:right;}
.Parameter-noe dl dd{padding:2px 0;color:#666666;border-bottom:solid 1px #e3e3e3;}

/* .Parameter-noe dl dd .solm{ min-width:43%;display: inline-block;}
.Parameter-noe dl dd .cex{ min-width:43%;display: inline-block;} */
.Parameter-two{padding-bottom:50px;}
.Parameterp-ui{margin-bottom:10px;font-size:24px;color:#333333;}
.Parameter-two dl dd{padding:2px 0;color:#666666;border-bottom:solid 1px #e3e3e3;}

/* .Parameter-two dl dd .solm{ width:43%;}
.Parameter-two dl dd .cex{ width:43%;} */
.Parameter-box .site-box{position:absolute;left:0;bottom:0;width:100%;font-size:18px;padding:40px 60px;display:flex;align-items:center;justify-content:space-between;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.Parameter-three{padding-bottom:25px;}
.Parameter-three td,.Parameter-three th{padding:0;text-align:left;padding-left:40px;overflow:hidden;}
.Parameter-three td:nth-child(1){text-align:center;width:120px;padding-left:0;}
.Parameter-three td:nth-child(1) img{display:inline-block;vertical-align:middle;}
.Parameter-three th{padding-top:15px;padding-bottom:15px;font-size:18px;font-weight:500;}
.Parameter-three table,.Parameter-three th,.Parameter-three td{border:none;}
.Parameter-three td{border-bottom:solid 1px #ededed;}
.open-pdf .layui-layer-content{padding:30px 20px;}

/*产品中心新样式*/
.product-center .filter{border:1px solid #e6e5e5;border-radius:3px;margin:2px 0px;background-color:#e0dede;padding:15px;}
.product-center .filter .options{width:23%;display:inline-block;margin:2px 0px;}
.product-center .filter .options select{float:right;background-color:white;width:100%;height:30px;line-height:30px;border-radius:3px;}
.product-center .function{border:1px solid #e6e5e5;border-radius:3px;margin:10px 0px;padding:15px;}
.product-center .function .region{width:24%;display:inline-block;}
.product-center .function .region .btn{width:25px;border-radius:3px;background-color:black;color:white;display:inline-block;text-align:center;margin:0 5px 0 0;cursor:pointer;}
.product-center .function .region .pdf{width:120px;}
.product-center .function .region .viewbtn{width:120px;border-radius:3px;background-color:black;color:white;display:inline-block;text-align:center;margin:0 5px 0 0;cursor:pointer;}
.product-center .main .left{width:17%;display:inline-block;border:1px solid #e6e5e5;border-radius:3px;vertical-align:top;background-color:#e0dede;padding:15px;}
.product-center .main .left .bulk-search textarea{width:96%;display:inline-block;border:1px solid #949292;border-radius:3px;height:200px;padding:4px;}
.product-center .main .left .bulk-search .btn{display:inline-block;text-align:center;background-color:var(--main-color);width:100%;color:white;border-radius:3px;height:30px;line-height:30px;font-size:medium;cursor:pointer;}
.product-center .main .left .bulk-search .btn input[type='button']{color:white;font-weight:bold;cursor:pointer;width:100%;height:100%;}
.product-center .main .right{width:80%;display:inline-block;border:1px solid #e6e5e5;border-radius:3px;vertical-align:top;float:right;}
.product-center .page{text-align:center;margin:47px 0;}
.product-center .page .btn{border-radius:3px;background-color:var(--main-color);color:white;width:200px;height:34px;line-height:34px;font-weight:initial;font-size:inherit;cursor:pointer;}

/*proList*/
.product-center .main .right #proList{overflow:hidden;width:1530px;margin-bottom:50px;}

/*proItem*/
.product-center .main .right .proItem{float:left;width:280px;height:440px;padding:35px 85px 46px 33px;}
.product-center .main .right .proItem .box{position:relative;}
.product-center .main .right .proItem .like{position:absolute;right:0;top:0;z-index:1;}
.product-center .main .right .proItem .pic{margin-bottom:0px;}
.product-center .main .right .proItem .pic a{height:190px;display:block;position:relative;}
.product-center .main .right .proItem .pic img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
.product-center .main .right .proItem .quality{border-bottom:1px solid #cccccd;overflow:hidden;padding-bottom:6px;margin-bottom:6px;height:35px;line-height:35px;}
.product-center .main .right .proItem .title{border-bottom:none;overflow:hidden;padding-bottom:6px;margin-bottom:0px;}
.product-center .main .right .proItem h2{font:400 24px/28px 'Neosans';margin-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-center .main .right .proItem h2 a{color:#282828;}
.product-center .main .right .proItem .icon{display:block;width:35px;height:35px;background:url(../trans2026_images/icon_18.svg) no-repeat center center;background-size:contain;float:right;}
.product-center .main .right .proItem .status{background:url(../trans2026_images/icon_19.png) no-repeat left center;background-size:auto 19px;font:400 14px/28px 'Neosans';float:left;color:#3e3a39;padding-left:28px;}
.product-center .main .right .proItem .price{float:right;}
.product-center .main .right .proItem .price a{display:block;color:#fff;position:relative;padding:0 36px 0 10px;border-radius:3px;overflow:hidden;background-color:var(--main-color);font:400 14px/28px 'Helvetica';}
.product-center .main .right .proItem .price a:after{width:26px;height:100%;text-align:center;content:'+';line-height:26px;position:absolute;right:0;top:0;color:#fff;background-color:var(--main-color);}
.product-center .main .right .proItem .qty{float:right;overflow:hidden;padding-right:10px;}
.product-center .main .right .proItem .qty label{float:left;color:#3e3a39;display:block;font:300 14px/28px 'Helvetica';padding-right:10px;}
.product-center .main .right .proItem .qty .text{float:left;width:41px;height:26px;border:1px solid #cccccd;border-radius:3px;text-align:center;}
.product-center .main .right .proItem .meta li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-center .main .right .proItem .meta{color:#3e3a39;font:300 16px/26px 'Helvetica';}
.product-center .main .right .proItem .meta span{color:#727171;}
.product-center .main .right .proItem .meta i{font-style:normal;color:var(--main-color);}
.product-center .main .right .proItem .star{float:right;color:#727171;font:300 12px/18px 'Helvetica';}
.product-center .main .right .proItem .star span{display:block;float:left;line-height:normal;padding:2.5px 0 2.5px 5px;}
.product-center .main .right .proItem .star .l{font-size:0;}
.product-center .main .right .proItem .star i{display:inline-block;width:20px;height:20px;background:url(../trans2026_images/star_0.png) no-repeat center center;background-size:contain;}
.product-center .main .right .proItem .star .level{background-image:url(../trans2026_images/star_1.png);}
.product-center .main .right .proItem .tab{font:300 15px/25px 'Helvetica';color:#3e3a39;overflow:hidden;}
.product-center .main .right .proItem .tabMenu ul{overflow:hidden;padding:20px 0;}
.product-center .main .right .proItem .tabMenu li{float:left;width:33.333%;text-align:center;position:relative;}
.product-center .main .right .proItem .tabMenu li:after{width:0;height:100%;border-right:1px solid #cccccd;content:'';display:block;position:absolute;top:0;right:-0.5px;}
.product-center .main .right .proItem .tabMenu li:last-child:after{display:none;}
.product-center .main .right .proItem .tabMenu i{display:block;width:40px;height:24px;background:no-repeat 0 0;background-size:100% auto;margin:0 auto;}
.product-center .main .right .proItem .tabMenu .cur i{background-position:0 100%;}
.product-center .main .right .proItem .tabMenu .app{background-image:url(../trans2026_images/icon_20.png);}
.product-center .main .right .proItem .tabMenu .repl{background-image:url(../trans2026_images/icon_21.png);}
.product-center .main .right .proItem .tabMenu .info{background-image:url(../trans2026_images/icon_22.png);}
.product-center .main .right .proItem .tabText{display:none;margin:0 15px 0 28px;}
.product-center .main .right .proItem .tabText li{overflow:hidden;display:none;padding-left:6%;max-height:72px;}
.product-center .main .right .proItem .tabText span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#727171;line-height:18px;}

/* .proItem .tabText li span:nth-child(2n+1){ padding-left:0;} */
.product-center .main .right .proItem .more{float:right;display:none;}
.product-center .main .right .proItem .more a{width:54px;height:15px;background:none;background-size:contain;display:block;}
.product-center .main .right .proItem .active{padding:10px 0 5px;}
.product-center .main .right .proItem .active .more{display:block;}
.product-center .main .right .proItem .active .tabMenu{width:28px;float:left;}
.product-center .main .right .proItem .active .tabMenu ul{padding:0;}
.product-center .main .right .proItem .active .tabMenu li{float:none;width:auto;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e0e1e1;}
.product-center .main .right .proItem .active .tabMenu li:after{display:none;}
.product-center .main .right .proItem .active .tabMenu li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.product-center .main .right .proItem .active .tabMenu .name{display:none;}
.product-center .main .right .proItem .active .tabMenu i{width:28px;height:17px;}
.product-center .main .right .proItem .active .tabText{display:block;}

/*proItemPic*/
.product-center .main .right .proItemPic{width:140px;}
.product-center .main .right .proItemPic a{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}

/*proItemInfo*/
.product-center .main .right .proItemInfo{width:33.21428571%;padding-left:5%;padding-right:4.28571429%;}
.product-center .main .right .proItemInfo h2{font-size:26px;font-weight:400;line-height:1.30769231em;margin-bottom:10px;}
.product-center .main .right .proItemInfo li{font-size:12px;overflow:hidden;line-height:1.75em;font-weight:300;padding:4px 0;}
.product-center .main .right .proItemInfo span{display:block;overflow:hidden;}
.product-center .main .right .proItemInfo .l{color:#999;float:left;}
.product-center .main .right .proItemInfo .r{margin-left:120px;}
.product-center .main .right .proItemInfo i{font-style:normal;padding-right:15px;margin-right:15px;position:relative;display:block;float:left;}
.product-center .main .right .proItemInfo i:after{width:1px;height:12px;background-color:var(--main-color);content:'';display:block;position:absolute;right:0;top:50%;margin-top:-6px;}
.product-center .main .right .proItemInfo i:last-child{padding-right:0;margin-right:0;}
.product-center .main .right .proItemInfo i:last-child:after{display:none;}

/*proItemMeta*/
.product-center .main .right .proItemMeta{width:398px;}
.product-center .main .right .proItemMeta .tab{font-size:14px;overflow:hidden;line-height:30px;padding-bottom:11px;position:relative;z-index:1;margin-bottom:-1px;}
.product-center .main .right .proItemMeta .tab span{display:block;float:left;width:33.33%;text-align:center;position:relative;cursor:pointer;}
.product-center .main .right .proItemMeta .tab span:after{width:9px;height:9px;background-color:#fafafa;border-right:1px solid #eee;border-top:1px solid #eee;transform:rotate(-45deg);content:'';display:block;position:absolute;left:50%;top:100%;margin-top:5px;display:none;}
.product-center .main .right .proItemMeta .tab i{font-style:normal;display:inline-block;width:28px;height:28px;vertical-align:middle;border:1px solid #eee;background:no-repeat 0 0;background-size:100% auto;border-radius:50%;margin-right:8px;}
.product-center .main .right .proItemMeta .tab .r{background-image:url(../trans2026_images/icon_13.png);}
.product-center .main .right .proItemMeta .tab .a{background-image:url(../trans2026_images/icon_14.png);}
.product-center .main .right .proItemMeta .tab .m{background-image:url(../trans2026_images/icon_15.png);}
.product-center .main .right .proItemMeta .tab .cur,.proItemMeta .tab span:hover{color:var(--main-color);}
.product-center .main .right .proItemMeta .tab .cur i,.proItemMeta .tab span:hover i{background-position:0 100%;border-color:var(--main-color);}
.product-center .main .right .proItemMeta .tab .cur:after{display:block;}
.product-center .main .right .proItemMeta .box{background-color:#fafafa;border:1px solid #eee;position:relative;clear:both;}
.product-center .main .right .proItemMeta .list{font-size:12px;color:#999;line-height:2em;padding:8px 20px;overflow:hidden;display:none;position:relative;height:72px;}
.product-center .main .right .proItemMeta .list ul{overflow:hidden;position:relative;top:50%;transform:translateY(-50%);}
.product-center .main .right .proItemMeta .list li{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-center .main .right .proItemMeta .list.cur{display:block;}
.product-center .main .right .proItemMeta .two li{width:46%;}
.product-center .main .right .proItemMeta .two li:nth-child(2n){float:right;}
.product-center .main .right .proItemMeta .two li:nth-child(n+5){display:none;}
.product-center .main .right .proItemMeta .three{width:113%;}
.product-center .main .right .proItemMeta .three li{width:20.33%;padding-right:13%;}
.product-center .main .right .proItemMeta .three li:nth-child(n+9){display:none;}
.product-center .main .right .proItemMeta .five span{display:block;}
.product-center .main .right .proItemMeta .five .l{float:left;color:#bdbdbd;}
.product-center .main .right .proItemMeta .five .r{margin-left:80px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-center .main .right .proItemMeta .five li{width:50%;}
.product-center .main .right .proItemMeta .five li:nth-child(n+6){display:none;}
.product-center .main .right .proItemMeta .five li:nth-child(2n){width:40%;float:right;}
.product-center .main .right .proItemMeta .five li:nth-child(2n) .r{margin-left:65px;}
.product-center .main .right .proItemMeta .more{position:absolute;right:0;bottom:0;background-color:#fff;border-top:1px solid #eee;border-left:1px solid #eee;border-top-left-radius:5px;color:#666;line-height:17px;padding:0 5px;}
.product-center .main .right .proItemMeta .more small{font-size:10px;}
.product-center .main .right .proItemMeta .more a{color:#666;}
.product-center .main .right .proItemMeta .more a:hover{color:var(--main-color);}

/*proItemMeta*/
.product-center .main .right .proItemOther{padding-left:5%;width:350px;}
.product-center .main .right .proItemOther .top{overflow:hidden;margin-bottom:25px;}
.product-center .main .right .proItemOther .moq{float:right;width:141px;font-size:14px;color:var(--main-color);font-weight:300;line-height:18px;padding-bottom:5px;}
.product-center .main .right .proItemOther .qty{float:right;}
.product-center .main .right .proItemOther label{font-size:14px;color:#999;float:left;line-height:38px;padding-right:10px;}
.product-center .main .right .proItemOther .book{float:right;}
.product-center .main .right .proItemOther .book button{width:38px;height:38px;}
.product-center .main .right .proItemOther .text{width:63px;height:36px;}
.product-center .main .right .proItemOther .price{float:left;font:400 30px/32px 'Oswald';color:var(--main-color);}
.product-center .main .right .proItemOther .price i{font-style:normal;font-size:18px;display:inline-block;vertical-align:top;margin-right:5px;}
.product-center .main .right .proItemOther .fav{width:23px;padding:12.5px 10px;float:left;}
.product-center .main .right .proItemOther .fav a{display:block;overflow:hidden;padding-bottom:100%;background:url(../trans2026_images/icon_fav.png) no-repeat 0 0;background-size:100% auto;}
.product-center .main .right .proItemOther .fav .Collected{background-position:0 100%;}
.product-center .main .right .proItemOther .btn{margin-left:50px;}
.product-center .main .right .proItemOther .btn a{display:block;overflow:hidden;height:46px;background-color:var(--main-color);color:#fff;text-align:center;line-height:46px;}
.product-center .main .right .proItemOther .btn i{display:inline-block;font-style:normal;}
.appl .table-fixed.active{width:100%;}

/*新产品中心*/
body #nav{padding-top:30px;max-width:45%; /*临时*/}
.new-input{width:35vw;display:flex;align-items:center;border:solid 1px #e5e5e5;border-radius:5px;}
.new-input.wtdrem{width:6rem;}
.new-input .clear-keyword{position:absolute;right:0;top:0;width:60px;height:100%;background:url(../trans2026_images/clear.png) no-repeat center/30%;z-index:5;cursor:pointer;display:none;}
.new-input .input{width:calc(100% - 40px); background-color:#f5f5f5;}
.new-input .text{height:40px;display:block;box-sizing:border-box;padding:0 15px;font-size:14px;width:100%;}
.new-input .submit{display:block;background:var(--main-color) url(../trans2026_images/icon_sos.png) no-repeat center/18px;color:#fff;height:40px;line-height:40px;width:40px;}
.filter-by{padding-bottom:40px;background:#f6f6f6;}
.filter-by dl{display:flex;flex-wrap:wrap;margin:0 -20px;margin-top:-18px;}
.filter-by dl dd{width:33.33%;box-sizing:border-box;padding:0 20px;margin-top:18px;}
.filter-by dl dd .filterItem .select{margin-left:0;}
.filter-by dl dd .filterItem .text{border:solid 1px #e5e5e5;background-color:#fff;font-size:16px;padding-right:45px;}
.filter-by dl dd p{width:190px;line-height:50px;text-align:center;background:#dcdcdc;border-radius:5px;font-size:18px;cursor:pointer;}
.filter-by dl dd p:hover{background:var(--main-color);color:#fff;}
.filter-by h3{font-size:16px;line-height:65px;padding-left:28px;font-weight:400;background:url(../trans2026_images/filter.png) no-repeat 4px center/14px;color:#666;}
.filter-by dl dd .select .list{border:solid 1px #e5e5e5;border-top:0;box-sizing:border-box;}
.filter-by dl dd .filterItem{float:left;width:400px;padding-right:100px;}
#header{box-shadow:0px 1px 3px rgba(0,0,0,0.1);}
.new-static #wrapper{padding-top:0;}
.top-aguments{border-bottom:solid 1px #e7e7e7;}
.top-aguments ul{display:flex;align-items:center;height:60px;}
.top-aguments ul li{margin-right:120px;}
.top-aguments ul li:last-child{margin-right:0;}
.top-aguments ul li p{font-size:16px;display:flex;align-items:center;font-weight:300;}
.top-aguments ul li p span{display:block;cursor:pointer;margin-left:20px;}
.top-aguments ul li .total span{margin:0 8px;}
.top-aguments ul li .view span{display:block;width:18px;height:18px;}
.top-aguments ul li .view span.list-row{background:url(../trans2026_images/list_gray.png) no-repeat center;}
.top-aguments ul li .view span.list-row.active,.top-aguments ul li .view span.list-row:hover{background-image:url(../trans2026_images/list_active.png);}
.top-aguments ul li .view span.row{background:url(../trans2026_images/row_gray.png) no-repeat center;}
.top-aguments ul li .view span.row.active,.top-aguments ul li .view span.row:hover{background-image:url(../trans2026_images/row_active.png);}
.top-aguments ul li .create-pdf span{width:26px;height:24px;background:url(../trans2026_images/exl.png) no-repeat center;}
.top-aguments ul li .create-pdf:hover{color:var(--main-color);cursor:pointer;}
.top-aguments ul li .create-pdf:hover span{background-image:url(../trans2026_images/exl_active.png);}
.top-aguments ul li .favorites span{width:24px;height:23px;background:url(../trans2026_images/f_icon_gray.png) no-repeat center;}
.top-aguments ul li .favorites:hover{color:var(--main-color);cursor:pointer;}
.top-aguments ul li .favorites:hover span{background-image:url(../trans2026_images/f_icon_active.png);}
.new-prolist-content{display:flex;justify-content:space-between;margin-top:40px;position:relative;}
.new-prolist-content .left-txt{width:220px;background:#f6f6f6;box-sizing:border-box;padding:0 20px;padding-top:30px;}
.new-prolist-content .right-txt{width:calc(100% - 250px);margin-left:auto;}
.new-prolist-content .left-txt h3,.new-category h3{display:flex;align-items:center;font-size:24px;font-weight:400;font-family:"Neosans";}
.new-prolist-content .left-txt h3 img{margin-right:10px;width:25px;}
.new-prolist-content .left-txt textarea{display:block;height:185px;box-sizing:border-box;padding:14px;width:100%;border:solid 1px #e5e5e5;border-radius:5px;background:#fff;margin:18px 0 10px;font-family:"MyriadPro";font-size:12px;}
.new-prolist-content .left-txt input{display:block;height:40px;border-radius:5px;font-size:16px;background:var(--main-color);color:#fff;width:100%;}
.new-prolist-content .left-txt input:hover{opacity:.8;cursor:pointer;}
.new-category{margin-top:50px;}
.new-prolist-content .mCSB_scrollTools .mCSB_dragger{background:none!important;}
.new-category .category-box{height:42vh;overflow-y:auto;}
.new-prolist-content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.new-prolist-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:var(--main-color)!important;}
.new-category h3{margin-bottom:30px;}
.category-box dl{margin-bottom:28px;}
.category-box dl:last-child{margin-bottom:0;}
.category-box dl dt{display:flex;align-items:center;position:relative;cursor:pointer;font-weight:300;}
.category-box dl dt:after{content:"";display:block;width:8px;height:8px;border-left:solid 1px #333;border-bottom:solid 1px #333;transform:rotateZ(-45deg);margin-left:auto;margin-top:-5px;margin-right:2px;}
.category-box dl dt i{display:block;width:38px;height:38px;border:solid 1px #333;border-radius:5px;margin-right:8px;transition:all 1s;}
.category-box dl dt.active i{background-color:var(--main-color)!important;background-position-y:-38px!important;}
.category-box dl dt.active a,.category-box dl dt.active{color:var(--main-color);}
.category-box dl dt.active:after{border-color:var(--main-color);}
.category-box dl:nth-of-type(1) dt i{background:url(../trans2026_images/filter_01.png) no-repeat center 0/100%;}
.category-box dl:nth-of-type(2) dt i{background:url(../trans2026_images/filter_02.png) no-repeat center 0/100%;}
.category-box dl dd{margin-top:20px;display:none;height:22vh;}
.category-box dl dd .link>a{font-size:14px;position:relative;}
.category-box dl dd .link>a:after,.category-box dl dd .link>a:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background:#333;display:none;transition:all .5s;}
.category-box dl dd .link>a:after{width:2px;height:10px;right:6px;}
.category-box dl dd .link>a:before{width:10px;height:2px;right:2px;}
.category-box dl dd .link>a.active:after,.category-box dl dd .link>a.active:before{display:block;}
.category-box dl dd .link>a.hover:after{height:0;}
.category-box dl dd .link a{display:block;padding:2px 10px;font-weight:300;line-height:1.2;margin-bottom:8px;}
.category-box dl dd .link a:hover,.category-box dl dd .link a.hover{background:var(--main-color);color:#fff;}
.category-box dl dd .link a:hover:after,.category-box dl dd .link a:hover:before,.category-box dl dd .link>a.hover:before{background:#fff;}
.category-box dl dd .link p{display:none;margin-top:10px;}
.category-box dl dd .link p a{font-size:12px;padding-left:20px;}
.new-prolist-content .proItem{float:none;width:33.33%;box-sizing:border-box;padding:0 30px;margin-top:50px;transition:all .8s;}
.new-prolist-content #proList{width:auto;display:flex;flex-wrap:wrap;margin:0 -30px;margin-top:-50px;}
.new-prolist-content #proList.active{flex-direction:column;margin-top:-30px;}
.new-prolist-content #proList.active .proItem{width:100%;height:auto;margin-top:30px;}
.new-prolist-content #proList.active .proItem .box>.title,.title-and-meta .title{display:none;}
.new-prolist-content #proList.active .title-and-meta .title{display:block;}
.new-prolist-content #proList.active .proItem .box{display:flex;border-bottom:solid 1px #e5e5e5;}
.new-prolist-content #proList.active .proItem .pic{border-bottom:0;width:280px;}
.new-prolist-content #proList.active .proItem .pic .pic-icon{right:inherit;right:initial;bottom:inherit;bottom:initial;left:0;top:0;}
.new-prolist-content #proList.active .proItem .title-and-meta{width:30%;}
.new-prolist-content #proList.active .proItem .meta{padding-top:0;}
.new-prolist-content #proList.active .proItem .buy-and-tab{width:calc(70% - 360px);}
.new-prolist-content #proList.active .proItem .pic>a{height:140px;}
.view-more:hover{background:#f1f1f1;}
.view-more{height:60px;background:#f6f6f6;border-radius:5px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:70px;color:var(--main-color);}
.view-more span{display:block;width:60px;height:60px;margin-left:10px;background:url(../trans2026_images/arrowbtn_03.png) no-repeat 0 0/100%;}
.view-more.active span{background:url(../trans2026_images/loading.gif) no-repeat center center/40%;}

/*新产品中心*/

/* 新增样式 */
.back-top{position:fixed;right:6%;bottom:8%;width:50px;height:50px;border-radius:50%;background:#f6f6f6 url(../trans2026_images/back_top.png) no-repeat center/22px;z-index:30;box-shadow:0 0 5px #999;cursor:pointer;}

/*新产品*/
.pro-body .layui-layer-title{background:none;border:0;}
.pro-body .layui-layer-btn a,.open-pdf .layui-layer-content a{height:40px;line-height:40px;background:var(--main-color)!important;border:0!important;color:#fff;width:100%;box-sizing:border-box;margin:15px 0 0;border-radius:5px;text-align:center;display:block;}
.pro-body .pro-detail.layui-layer-dialog .layui-layer-content{font-size:14px;font-weight:400;text-align:left;padding:20px;}
.pro-body .pro-detail .layui-layer-btn a{height:28px;line-height:28px;display:inline-block;width:auto;}
.pro-body .pro-detail .layui-layer-btn{padding:0 15px 12px;}
.open-pdf .layui-layer-title,.pdf-confirm .layui-layer-btn0,.pdf-confirm .layui-layer-btn1,.pdf-confirm .layui-layer-title{display:none!important;}

/*.pdf-confirm .layui-layer-btn a{
    margin-top: 0 !important;
}*/
.open-pdf .layui-layer-content a{width:80%;margin:0 auto;}
.pro-body .layui-layer-btn a:nth-of-type(1){margin-top:0;}
.pro-body .layui-layer-btn{padding:0 80px 50px;}
.pro-body .layui-layer-dialog .layui-layer-content{padding:20px 40px 30px;text-align:center;font-size:20px;font-weight:700;}
.pro-body .layui-layer-dialog .layui-layer-content img{width:35px;vertical-align:middle;margin-right:5px;}
#ProductList #app{padding:2.6% 0 5.2% 0;background-color:#f8f9fa;line-height:1;}
#ProductList .Control .inner .box{display:flex;align-items:center;padding-bottom:30px;border-bottom:1px solid #eeeeee;}
#ProductList .Control .inner .box .total{width:250px;font-size:18px;color:#333333}
#ProductList .Control .inner .box .view{margin-right:100px;font-size:0;}
#ProductList .Control .inner .box .view .name{display:inline-block;margin-right:25px;font-size:16px;line-height:18px;color:#666666;vertical-align:middle;}
#ProductList .Control .inner .box .view ul{display:inline-block}
#ProductList .Control .inner .box .view ul li{display:inline-block;margin-right:20px;width:18px;height:18px;cursor:pointer;vertical-align:middle;}
#ProductList .Control .inner .box .view ul li:last-child{margin-right:0;}
#ProductList .Control .inner .box .view ul li.stand{background:url(../trans2026_images/list_gray.png) no-repeat center;}
#ProductList .Control .inner .box .view ul li.nine{background:url(../trans2026_images/row_gray.png) no-repeat center;}
#ProductList .Control .inner .box .view ul li.stand.on,#ProductList .Casket .inner .box .view ul li.stand:hover{background-image:url(../trans2026_images/list_active.png);}
#ProductList .Control .inner .box .view ul li.nine.on,#ProductList .Casket .inner .box .view ul li.nine:hover{background-image:url(../trans2026_images/row_active.png);}
#ProductList .Control .inner .box .create-pdf{margin-right:100px;font-size:16px;color:#666666;line-height:19px;cursor:pointer;}
#ProductList .Control .inner .box .create-pdf:before{display:inline-block;content:'';margin-right:10px;width:22px;height:19px;background:url(../trans2026_images/exl.png) no-repeat center;background-size:contain;}
#ProductList .Control .inner .box .create-pdf:hover{color:var(--main-color)}
#ProductList .Control .inner .box .create-pdf:hover:before{background-image:url(../trans2026_images/exl_active.png);}
#ProductList .Control .inner .box .favorites{font-size:16px;color:#666666;line-height:19px;cursor:pointer;}
#ProductList .Control .inner .box .favorites:before{display:inline-block;content:'';margin-right:10px;width:22px;height:19px;background:url(../trans2026_images/f_icon_gray.png) no-repeat center;background-size:contain;}
#ProductList .Control .inner .box .favorites:hover{color:var(--main-color)}
#ProductList .Control .inner .box .favorites:hover:before{background-image:url(../trans2026_images/f_icon_active.png);}
#ProductList .Casket{margin-top:2%;}
#ProductList .Casket .inner{position:relative;font-size:0; display: block;}
#ProductList .Casket .inner.group_left_right{display:flex; justify-content: space-between;}
#ProductList .Casket .inner.group_left_right .left_menu{width:330px;}
#ProductList .Casket .inner.group_left_right .right_list{width:calc(100% - 365px);}
#ProductList .Casket .inner .Menu{vertical-align:top;width:330px;display:inline-block;position:sticky;top:100px;}
#ProductList .Casket .inner .Menu .filter{padding:30px 20px;background-color:#fff;box-shadow:0 10px 30px rgba(2,39,91,.10);}
#ProductList .Casket .inner .Menu .filter .title{position:relative;padding-left:25px;font-size:20px;color:#333333;}
#ProductList .Casket .inner .Menu .filter .title:before{position:absolute;content:'';width:14px;height:16px;left:0;top:0;background-image:url(../trans2026_images/filter.png);z-index:3;}

/* #ProductList .Casket .inner .Menu .filter dl{margin-bottom: 10px;display: flex;justify-content: space-between;align-items:center;width: 100%;} */
#ProductList .Casket .inner .Menu .filter dl dd{margin-bottom:10px;}
#ProductList .Casket .inner .Menu .filter dl dd .select.not{opacity:.5;}
#ProductList .Casket .inner .Menu .filter dl dd .select.not .text{cursor:not-allowed;}
#ProductList .Casket .inner .Menu .filter dl dd .select.not .text span{cursor:not-allowed;}
.backTop{width:40px;height:40px;z-index:30;box-shadow:0 0 10px rgba(0,0,0,.4);background:#fff url(../trans2026_images/backTop.svg) no-repeat center/20px;border-radius:5px;display:none;cursor:pointer;margin-right:-40px;transform:translateX(20px);position:sticky;top:95%;}
.n-filter{margin-top:20px;}
#ProductList .Casket .inner .Menu .filter dl dd:last-child{margin-bottom:0;}
#ProductList .Casket .inner .Menu .filter dl dd .select{position:relative;cursor:pointer;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text{position:relative;border: 1px solid #7d7d7d;border-radius:4px;padding:0 45px 0 10px;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text span{font-size:14px;color:#666666;line-height:38px;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text input{width:100%;border:none;background:transparent;font-size:14px;color:#333;line-height:38px;outline:none;font-weight: 500;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text input:disabled{cursor:not-allowed;color:#999;font-weight: 100;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text:after{border:none;border-right: 1px solid #7d7d7d;border-bottom: 1px solid #7d7d7d;width:6px;height:6px;transform:rotate(45deg);margin-top:-6px;right:20px;}
#ProductList .Casket .inner .Menu .filter dl dd .select .list{border:solid 1px #e5e5e5;border-top:0;box-sizing:border-box;background-color:#f3f3f3;}
#ProductList .Casket .inner .Menu .filter dl dd .select .list ul li{padding:2px 10px;font-size:14px;line-height:15px;}
#ProductList .Casket .inner .Menu .filter dl dd .select .list ul li:hover{background-color:#3f3f3f;color:#fff;}

#ProductList .Casket .inner .Menu .filter dl dd .select .text input::placeholder {color: #333;}
#ProductList .Casket .inner .Menu .filter dl dd .select .text input:disabled::placeholder{color: #999;}

/* #ProductList .Casket .inner .Menu .filter .quality{margin-top: 25px;} */
#ProductList .Casket .inner .Menu .filter .only{margin-bottom:20px;}
#ProductList .Casket .inner .Menu .filter .quality{margin:20px 0;}
#ProductList .Casket .inner .Menu .filter .quality ul{margin-top:20px;margin-left:10px;}
#ProductList .Casket .inner .Menu .filter .quality .name{font-size:16px;color:#333333;}
#ProductList .Casket .inner .Menu .filter .quality ul li{margin-bottom:10px;}
#ProductList .Casket .inner .Menu .filter .quality ul li:last-child{margin-bottom:0;}
#ProductList .Casket .inner .Menu .filter .quality ul li .proCheck{display:inline-block;margin-right:10px;vertical-align:middle;}
#ProductList .Casket .inner .Menu .proCheck{cursor:pointer;}
#ProductList .Casket .inner .Menu .proCheck label{border:1px solid #ddd;width:14px;height:14px;background-size:65%;cursor:pointer}
#ProductList .Casket .inner .Menu .filter .quality ul li .text{display:inline-block;font-size:14px;line-height:16px;color:#666666;vertical-align:middle;}

/* #ProductList .Casket .inner .Menu .filter .only{margin-top: 25px;} */
#ProductList .Casket .inner .Menu .filter .only .name{display:inline-block;font-size:14px;color:#333333;line-height:16px;vertical-align:middle;}
#ProductList .Casket .inner .Menu .filter .only .proCheck{display:inline-block;margin-left:10px;vertical-align:middle;}
#ProductList .Casket .inner .Menu .btn{display:block;height:50px;border-radius:5px;font-size:18px;background:var(--main-color);color:#fff;width:100%;cursor:pointer;font-weight: 500;}
#ProductList .Casket .inner .Menu .btn:hover{opacity:.8;}
#ProductList .Casket .inner .Menu .bulk-search{margin-top:20px;padding:30px 20px;background-color:#fff;box-shadow:0 10px 30px rgba(2,39,91,.10);}
#ProductList .Casket .inner .Menu .bulk-search .title{position:relative;padding-left:25px;font-size:20px;color:#333333;}
#ProductList .Casket .inner .Menu .bulk-search .title:before{position:absolute;content:'';width:17px;height:18px;left:0;top:0;background-image:url(../trans2026_images/icon_255.png);z-index:3;background-size:cover;}
#ProductList .Casket .inner .Menu .bulk-search .textarea{display:block;height:170px;margin:20px 0;box-sizing:border-box;padding:20px;width:100%;box-sizing:border-box;border-radius:4px;background:#f8f9fa;font-family:"MyriadPro";font-size:14px;color:#666666;line-height:20px}
#ProductList .Casket .inner .List ul{font-size:0;background:#f8f9fa;margin-top:-20px;}
#ProductList .Casket .inner .content-list{display:flex;}
#ProductList .Casket .inner .content-list ul{width:100%;}
#ProductList .Casket .inner .List ul li{position:relative;transition:all 0.3s ease-in-out;border-radius:5px;overflow:hidden;margin-top:20px;}
#ProductList .Casket .inner .List ul li .title .proCheck{display:inline-block;margin-right:25px;vertical-align:middle;}
#ProductList .Casket .inner .List ul li .title .proCheck label{border:1px solid #cccccc;width:20px;height:20px;background-size:65%;cursor:pointer}
#ProductList .Casket .inner .List ul li .title a{display:inline-block;vertical-align:middle;}
#ProductList .Casket .inner .List ul li .like{position:absolute;cursor:pointer;z-index:3;}
#ProductList .Casket .inner .List ul li .like:before{display:block;content:'';width:24px;height:24px;background:url(../trans2026_images/icon_226.png) no-repeat 0 0;background-size:100% auto;}
#ProductList .Casket .inner .List ul li .like.on:before{background-position:0 100%;}
#ProductList .Casket .inner .List ul li .icon{position:absolute;z-index:3;}
#ProductList .Casket .inner .List ul li .icon:before{display:block;content:'';display:block;width:30px;height:30px;background:url(../trans2026_images/icon_18.svg) no-repeat center center;background-size:contain;}
#ProductList .Casket .inner .List ul.stand li{display:flex;align-items:center;padding:15px 40px;background-color:#fff;}
#ProductList .Casket .inner .List ul.stand li .title{width:20%; display: flex;}
#ProductList .Casket .inner .List ul.stand li .title a{font-size:22px;color:#282828;}
#ProductList .Casket .inner .List ul.stand li .img{width:15%;}
#ProductList .Casket .inner .List ul.stand li .img a{display:block;position:relative;height:90px;}
#ProductList .Casket .inner .List ul.stand li .img a img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
#ProductList .Casket .inner .List ul.stand li .box{width:60%;margin-left:5%;padding:0 20px 0 10%;border-left:1px solid #ededed;box-sizing:border-box;}
#ProductList .Casket .inner .List ul.stand li .box .model{font-size:18px;color:#282828}
#ProductList .Casket .inner .List ul.stand li .box .table{margin-top:10px;}
#ProductList .Casket .inner .List ul.stand li .box .table .item{display:table;width:100%;line-height:25px;}
#ProductList .Casket .inner .List ul.stand li .box .table .name{display:table-cell;    /*padding-right: 20px;*/font-size:14px;color:#3e3a39;width:25%;}
#ProductList .Casket .inner .List ul.stand li .box .table .text{display:table-cell;font-size:14px;color:#666666}
#ProductList .Casket .inner .List ul.stand li .like{top:20px;right:23px;}
#ProductList .Casket .inner .List ul.stand li .icon{bottom:20px;right:20px;}
.my-more{margin-bottom:30px;}
#ProductList .Casket .inner .List .more,.my-more{margin-top:20px;width:100%;text-align:center;line-height:55px;font-size:18px;color:var(--main-color);background-color:#eeeff0;cursor:pointer;border-radius:5px}
#ProductList .Casket .inner .List .more:after,.my-more:after{display:inline-block;content:'';border:none;border-right:1px solid var(--main-color);border-bottom:1px solid var(--main-color);width:8px;height:8px;transform:rotate(45deg);margin-top:-6px;margin-left:25px;vertical-align:middle;}
#ProductList .Casket .inner .List ul.nine li{display:inline-block;width:23.5%;margin-right:2%;padding:20px 0px 10px 0px;background-color:#fff;box-sizing:border-box;vertical-align:top;}
#ProductList .Casket .inner .List ul.nine li:nth-of-type(4n){margin-right:0;}
#ProductList .Casket .inner .List ul.nine li .title{padding:0 20px;}
#ProductList .Casket .inner .List ul.nine li .title .proCheck{margin-right:15px;}
#ProductList .Casket .inner .List ul.nine li .title a{font-size:20px;color:#282828;}
#ProductList .Casket .inner .List ul.nine li .img{margin-top:20px;padding:0 20px;}
#ProductList .Casket .inner .List ul.nine li .img a{height:140px;display:block;position:relative;}
#ProductList .Casket .inner .List ul.nine li .img a img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);}
#ProductList .Casket .inner .List ul.nine li .box .model{display:flex;align-items:center;margin-bottom:20px;padding:0 20px 10px 20px;height:45px;line-height:1.2;font-size:18px;color:#282828;border-bottom:1px solid #ededed;}
#ProductList .Casket .inner .List ul.nine li .box .table{padding:0 20px;}
#ProductList .Casket .inner .List ul.nine li .box .table .item{display:table;width:100%;line-height:1.1;}
#ProductList .Casket .inner .List ul.nine li .box .table .name{display:table-cell;width:90px;padding-right:10px;font-size:13px;color:#000000}
#ProductList .Casket .inner .List ul.nine li .box .table .text{display:table-cell;font-size:13px;color:#666666}
#ProductList .Casket .inner .List ul.nine li .box .table .item:nth-of-type(2){margin-top:10px;}
#ProductList .Casket .inner .List ul.nine li .box .table .item:nth-of-type(2) .text{height:30px;}
#ProductList .Casket .inner .List ul.nine li .like{top:20px;right:23px;}
#ProductList .Casket .inner .List ul.nine li .icon{top:150px;right:20px;}

/*产品详情*/
#proRight h2{margin-bottom:0;color:#333333;}

/* #proLeft{padding: 0;}s */
#proNo{padding-bottom:40px;margin-bottom:35px;}
#proNo i{font-size:24px;color:#333333;}
#proMeta{color:#666666;font:300 14px/35px 'Poppins';margin-bottom:10px;}
#proTab span{width:25%;box-sizing:border-box;}
#proIcon{width:56px;height:56px;top:10px;right:10px;margin-top:0;z-index:33;background:url(../trans2026_images/icon_18.svg) no-repeat center center;background-size:contain;}
#proBox .meta{padding:0;}
#proBox .meta table tr{border-bottom:1px solid #ededed;}
#proBox .meta table tr td{height:40px;font-size:14px;color:#666666;vertical-align:middle;border-right:0;}
#proBox .meta table tr td:nth-of-type(1){width:45%;padding-left:10%;}
#proBox .meta table tr td:nth-of-type(2){width:55%;}
#proBox .appl table tr{border-bottom:1px solid #ededed;}
#proBox .ref table tr td{color:#666;}
#proBox .appl table tr th{padding:0 20px 30px;width:18%;font-size:16px;color:#333333;font-weight:normal;text-align:left;}
#proBox .appl table tr th:nth-of-type(1){width:22%;padding:0 0 30px 0;}
#proBox .appl table tr th:nth-of-type(2){width:40%;}
#proBox .appl table tr td{    /* padding: 0;height: 50px; */
font-size:14px;color:#666666;vertical-align:middle;overflow:hidden;}
#proBox .appl table tr td:nth-of-type(1){padding-left:20px;}
#proBox .app-table table tr td:nth-of-type(3),#proBox .app-table table tr th:nth-of-type(3){width:25%;}
#proBox .kit-appl.appl table tr td a{display:flex;align-items:center;border:0;width:auto;height:auto;}
#proBox .kit-appl.appl table tr th:nth-of-type(2){width:24%;}
#proBox .kit-appl.appl table tr td a img{width:60%;margin-left:-10%;}
#proBox .appl table tr td:last-child{padding-right:20px;}
#proBox .appl table tr td a{display:block;width:54px;height:24px;margin:auto;text-align:center;line-height:22px;font-size:12px;color:var(--main-color);border:1px solid var(--main-color);border-radius:3px;box-sizing:border-box;}
#proBox .appl table tr th .search{position:relative;display:inline-block;cursor:pointer}
#proBox .appl table tr th .search .name{position:relative;width:250px;height:45px;line-height:45px;padding:0 20px;background-color:#f8f9fa;box-sizing:border-box;border-radius:4px}
#proBox .appl table tr th .search .name:after{position:absolute;content:'';border:none;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;width:8px;height:8px;transform:rotate(45deg);margin-top:-6px;top:50%;right:20px;}
#proBox .appl table tr th .search ul{display:none;text-align:center;position:absolute;left:0;z-index:5;width:100%;border:solid 1px #e5e5e5;border-top:0;box-sizing:border-box;background-color:#f3f3f3;max-height:300px;overflow:auto;}
#proBox .appl table tr th .search ul li{padding:0 10px;font-size:13px;line-height:25px;}
#proBox .appl table tr th .search ul li:hover{background-color:#3f3f3f;color:#fff;}
#proBox .appl table tr th .search:hover ul{display:block;}
#proBox .ref table tr th .search{position:relative;display:block;width:250px;margin-bottom:20px;cursor:pointer}
#proBox .ref table tr th .search .name{position:relative;width:250px;font-weight:400;height:45px;text-align:left;line-height:45px;padding:0 20px;background-color:#f8f9fa;box-sizing:border-box;border-radius:4px}
#proBox .ref table tr th .search .name:after{position:absolute;content:'';border:none;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;width:8px;height:8px;transform:rotate(45deg);margin-top:-6px;top:50%;right:20px;}
#proBox .ref table tr th .search ul{display:none;position:absolute;left:0;width:100%;border:solid 1px #e5e5e5;border-top:0;box-sizing:border-box;background-color:#f3f3f3;}
#proBox .ref table tr th .search ul li{padding:0 10px;font-size:13px;line-height:25px;font-weight:400;}
#proBox .ref table tr th .search ul li:hover{background-color:#3f3f3f;color:#fff;}
#proBox .ref table tr th .search:hover ul{display:block;}
.related{padding:0;margin-top:30px;}
.related .meta{padding:15px 30px;background-color:#f6f6f6;}
.related .meta p:nth-of-type(1){font-size:18px;color:#333333}
.related .meta p:nth-of-type(2){margin-top:5px;font-size:16px;color:#666666;}
#proRight .btn{margin-top:30px;font-size:0;}
#proRight .btn ul{font-size:0;}
#proRight .btn ul li{display:inline-block;width:30%;margin-right:2%;height:40px;cursor:pointer;text-align:center;line-height:38px;border:1px solid var(--main-color);border-radius:4px}
#proRight .btn ul li:last-child{margin-right:0;}
#proRight .btn ul li span{display:inline-block;font-size:16px;color:var(--main-color);vertical-align:middle;line-height:38px;}
#proRight .btn ul li:before{display:inline-block;content:'';width:18px;height:17px;margin-right:10px;vertical-align:middle;}
#proRight .btn ul li:nth-of-type(1):before{background-image:url('../trans2026_images/pdf_active.png');background-size:contain;}
#proRight .btn ul li:nth-of-type(2):before{background-image:url('../trans2026_images/proRight-btn2.png');margin-top:-2px;}
#proRight .btn ul li:nth-of-type(3):before{background-image:url('../trans2026_images/proRight-btn3.png');}
#proRight{margin-left:510px;}

/* 详情页弹窗样式 */
.pro-detail .layui-layer-title{display:flex;align-items:center;font-size:18px;}
.pro-detail .layui-layer-title img{width:30px;}
.pro-detail .layui-layer-btn .layui-layer-btn0{border-color:var(--main-color);background-color:var(--main-color);}
.more-detail p{display:flex;border-bottom:solid 1px #ddd;}
.more-detail p span{padding:5px 0;display:block;box-sizing:border-box;width:50%;}
.more-detail p span:nth-of-type(1){padding-right:20px;}

/*单行文本省略号*/
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;line-clamp:2;}

/*多行文本省略号*/
.dot3{-webkit-line-clamp:3;line-clamp:3;}
.dot4{-webkit-line-clamp:4;line-clamp:4;}

/* 新产品线 */
#proBan2{padding-bottom:600px;background:no-repeat center center;background-size:cover;position:relative;}

/*bannerText2*/
.bannerText2{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;margin-top:-50px;}
.bannerText2 h2{font-size:60px;line-height:1.16666667em;font-weight:700;color:var(--main-color);position:relative;padding-bottom:40px;text-transform:uppercase;}
.bannerText2 h2:after{width:60px;height:4px;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:0;}
.Air-box-one .item{padding:180px 0 130px;display:flex;justify-content:space-between;}
.Air-box-one .text-box{width:55%;}
.Air-box-one .text-box h4{line-height:50px;font-weight:500;font-size:50px;color:#000000;}
.Air-box-one .text-box .ad-ec{margin-top:10px;font-size:24px;color:var(--main-color);font-weight:500;font-style:italic;}
.Air-box-one .text-box .Introd{margin-top:30px;line-height:1.5;font-size:19px;}
.Air-box-one .pic{width:38.6%;}
.Air-box-one .pic img{display:block;}
.Air-box-two{overflow:hidden;padding:120px 0;}
.Air-box-two .swiper-button-prev{left:-25px;}
.Air-box-two .title{margin-bottom:60px;}
.Air-box-two .title h4{color:#000;font-weight:500;line-height:50px;font-size:50px;}
.Air-box-two img{display:block;}
.Air-box-two .txt{background:var(--main-color);color:#fff;font-size:20px;width:100%;padding:15px;text-align:center;box-sizing:border-box;}
.Air-box-two .swiper{overflow:inherit;}
.Air-box-two .swiper-slide{pointer-events:none;background:#fff;}
.Air-box-two .swiper-slide a .pic{overflow:hidden;background:#fff;}
.Air-box-two .swiper-slide a .pic img{transition:.5s ease;width:75%;margin:0 auto;}
.Air-box-two .swiper-slide a{opacity:.5;}
.Air-box-two .swiper-slide.swiper-slide-next,.Air-box-two .swiper-slide.swiper-slide-active{pointer-events:fill;}
.Air-box-two .swiper-slide.swiper-slide-next a,.Air-box-two .swiper-slide.swiper-slide-active a{opacity:1;}
.Air-box-two .swiper-slide.swiper-slide-next a:hover .pic img,.Air-box-two .swiper-slide.swiper-slide-active a:hover .pic img{transform:scale(1.2);}
.Air-box-two .swiper-button-next,.Air-box-two .swiper-button-prev{top:45%;width:50px;height:50px;border-radius:50px;background:var(--main-color);}
.Air-box-two .swiper-button-next:after,.Air-box-two .swiper-button-prev:after{color:#fff;font-size:16px;font-weight:bold;}
.Air-box-three{overflow:hidden;}
.Air-box-three .item{display:flex;align-items:center;}
.Air-box-three .item .pic{width:50%;font-size:0;animation-name:fadeInLeft;}
.Air-box-three .item .pic img{vertical-align:middle;width:100%;}
.Air-box-three .item .text{animation-name:fadeInRight;direction:ltr;display:flex;justify-content:center;width:50%;padding:0 6%;box-sizing:border-box;}
.Air-box-three .item h5{font-size:0.34rem;line-height:45px;color:#000;font-weight:700;}
.Air-box-three .item .ad-ec{font-size:0.24rem;color:var(--main-color);font-weight:500;font-style:italic;margin-bottom:20px;}

/* .Air-box-three .item .txt{ margin-top:40px;} */
.Air-box-three .item .txt .maos{margin-bottom:30px;font-size:0.18rem;color:#333333;line-height:1.5;}
.Air-box-three .item .txt .spacing{width:100%;height:0;clear:both;display:block;margin-bottom:20px;}
.Air-box-three .item .ul{color:#666666;font-size:16px;}
.Air-box-three .item .ul li,.disc{margin:8px 0;padding-left:20px;position:relative;line-height:1.5;font-size:0.18rem;}
.Air-box-three .item .ul li::before,.disc:before{position:absolute;left:0;top:0.08rem;display:block;content:'';width:5px;height:5px;background:var(--main-color);}
.Air-box-three .item:nth-child(2n){direction:rtl;}
.Air-box-three .item:nth-child(2n) .pic{animation-name:fadeInRight;}
.Air-box-three .item:nth-child(2n) .text{animation-name:fadeInLeft;}
.Air-box-four{padding:95px 0;background:#f9f9f9;overflow:hidden;}
.Air-box-four h4{margin-bottom:50px;line-height:50px;font-size:50px;font-weight:500;text-align:center;color:#000;}
.Air-box-four .list{overflow:hidden;}
.Air-box-four .list .item{background:#fff;width:31%;float:left;margin-right:3.5%;}
.Air-box-four .list .item .pic{overflow:hidden;}
.Air-box-four .list .item .pic img{transition:.5s ease;}
.Air-box-four .list .item .txt{padding:15px 0;text-align:center;color:#666666;font-size:16px;border-bottom:solid 4px var(--main-color);}
.Air-box-four .list .item:nth-child(3n){margin-right:0;}
.Air-box-four .list .item a:hover .pic img{transform:scale(1.1);}
.Air-box-five{padding:80px 0;background:#f9f9f9;overflow:hidden;}
.Air-box-five h4{margin-bottom:40px;line-height:50px;font-size:50px;font-weight:500;text-align:center;color:#000;}
.Air-box-five #proTiming .proTitle{margin-bottom:50px;line-height:60px;font-size:50px;font-weight:500;text-align:center;color:#000;font-family:"Poppins";text-transform:none;}
.Air-box-five #proTiming{padding:0;}
.Air-box-six{background:#fff;padding:100px 0 0;}
.Air-box-six .inner{display:flex;justify-content:space-between;}
.Air-box-six #gallery{width:70%;}
.Air-box-six #gallery .pic img{width:100%;vertical-align:middle;}
.Air-box-six #thumbs{font-size:0;margin-left:1.4%;width:28.6%;height:760px;}
.Air-box-six #thumbs .pic img{vertical-align:middle;}
.Air-box-six .swiper-button-next,.Air-box-six .swiper-button-prev{top:45%;width:90px;height:90px;background:rgba(0,0,0,0.5);}
.Air-box-six .swiper-button-next{right:0;}
.Air-box-six .swiper-button-prev{left:0;}
.Air-box-six .swiper-button-next:after,.Air-box-six .swiper-button-prev:after{color:#fff;font-weight:500;}
.Air-box-seven{padding-top:90px;}
.Air-box-seven h4{margin-bottom:50px;line-height:60px;font-size:50px;font-weight:500;text-align:center;color:#000;}
.Air-box-seven .Display-back{margin-bottom:30px;position:relative;}
.Air-box-seven .Display-back::before{position:absolute;top:70px;left:-6%;width:112%;height:calc(100% - 140px);content:'';display:block;background:#e7e7e7;}
.Air-box-seven #Display-one{background:#eeeeee url(../trans2026_images/product/Dri-back1.jpg) no-repeat;background-size:cover;}
.Air-box-seven #Display-one .item{padding:90px 80px;display:flex;align-items:center;background:url(../trans2026_images/touying.jpg) no-repeat right bottom/100%}
.Air-box-seven #Display-one .item img{vertical-align:middle;}
.Air-box-seven #Display-one .item .pic{width:54.2%;}
.Air-box-seven #Display-one .item .txt{max-width:53%;padding-left:60px;font-size:16px;color:#666666;box-sizing:border-box;}
.Air-box-seven #Display-one .item .txt h5{line-height:40px;font-size:34px;font-weight:500;color:#000;}
.Air-box-seven #Display-one .item .txt-con{margin-top:25px;}
.Air-box-seven #Display-one .item .ul{margin-top:20px;}
.Air-box-seven #Display-one .item .ul li{font-size:16px;margin:5px 0;padding-left:20px;position:relative;}
.Air-box-seven #Display-one .item .ul li::before{position:absolute;left:0;top:12px;display:block;content:'';width:5px;height:5px;background:var(--main-color);}
.Air-box-seven #Display-two{margin-bottom:80px;}
.Air-box-seven #Display-two .pic{border:solid 1px #dedede;position:relative;}
.Air-box-seven #Display-two .pic img{vertical-align:middle;}
.Air-box-seven #Display-two .swiper-slide-thumb-active .pic:after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px var(--main-color);}
.Air-box-seven #Display-two .swiper-slide{cursor:pointer;padding:12px 0;}
.Air-box-seven #Display-two .swiper-slide-thumb-active .pic{border-color:var(--main-color);}
.Air-box-seven #Display-two .swiper-slide-thumb-active .pic::before{content:'';display:block;width:12px;height:6px;background:url(../trans2026_images/product/Dri-icon.png) no-repeat;position:absolute;top:-6px;left:50%;margin-left:-6px;}
.Air-box-eight{background:#fff;}
.Air-box-eight .item{background:#f9f9f9 url(../trans2026_images/product/The-back1.png) no-repeat left;background-size:auto 100%!important;}
.Air-box-eight .item .inner{display:flex;align-items:center;justify-content:space-between;}
.Air-box-eight .item .inner .pic{width:48.572%;}
.Air-box-eight .item .inner .txt{direction:ltr;width:51.4%;}
.Air-box-eight .item .inner .txt h4{font-weight:500;font-size:34px;line-height:40px;color:#000;}
.Air-box-eight .item .inner .txt .Introd{margin-top:30px;font-size:18px;color:#333333;}
.Air-box-eight .item .inner .txt .Introd .spacing{width:100%;height:0;clear:both;display:block;margin-bottom:10px;}
.Air-box-eight .item:nth-child(2n){background:#fff url(../trans2026_images/product/The-back2.png) no-repeat right;}
.Air-box-eight .item:nth-child(2n) .inner{direction:rtl;}
.Air-box-Nine{background:#f1f1f1;padding-top:90px;}
.Air-box-Nine h4{margin-bottom:50px;line-height:60px;font-size:50px;font-weight:500;text-align:center;color:#000;}
.Air-box-Nine .list-box .swiper-slide{margin-top:0!important}
.list-box{padding-bottom:75px;position:relative;height:100%;}
.list-box .item{margin-bottom:40px;}
.list-box .item .pic img{vertical-align:middle;}
.list-box .item .txt{padding:10px 0;font-size:20px;background:var(--main-color);color:#fff;text-align:center;}
.list-box .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto;}
.list-box .swiper-grid-column>.swiper-wrapper{flex-direction:initial;}
.list-box .swiper .swiper-pagination{margin-top:10px;position:relative;bottom:0;}
.list-box .swiper .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}
.list-box .swiper .swiper-pagination .swiper-pagination-bullet-active{background:var(--main-color);}
.Air-box-ten{background:#fff;padding-top:90px;}
.Air-box-ten h4{margin-bottom:50px;line-height:60px;font-size:50px;font-weight:500;text-align:center;color:#000;}
.Air-box-ten .item{margin-bottom:120px;float:left;width:100%;}
.Air-box-ten .item .text{font-size:18px;color:#333333;}
.Air-box-ten .item .title{margin-bottom:20px;font-size:30px;color:#000000;}
.Air-box-ten .item .ul{color:#666666;font-size:16px;}
.Air-box-ten .item .ul li{margin:5px 0;padding-left:20px;position:relative;}
.Air-box-ten .item .ul li::before{position:absolute;left:0;top:12px;display:block;content:'';width:5px;height:5px;background:var(--main-color);}
.Air-box-ten .item .img-box{margin-top:10px;position:relative;float:left;width:100%;}
.Air-box-ten .item .txt{position:absolute;top:50%;right:0;max-width:62%;display:inline-block;transform:translateY(-50%);}
.Air-box-ten .item .txt ul{background:#f3f3f3;padding:50px;border-left:solid 3px var(--main-color);position:relative;}
.Air-box-ten .item .tishi{max-width:100%;}
.Air-box-ten .item.two-ol{direction:rtl;}
.Air-box-ten .item.two-ol .tishi{direction:ltr;max-width:75%;float:right;}
.Air-box-ten .item.two-ol .txt{direction:ltr;right:auto;left:0;}
.Air-box-ten .item.two-ol .txt ul{border-right:solid 3px var(--main-color);border-right:none;}
.Air-box-ten .item.active .tishi{max-width:100%;}
.Air-box-ten .item.active .tishi .text{margin-bottom:20px;}
.Air-box-eleven .item{padding:90px 0;}
.Air-box-eleven .item .inner{display:flex;align-items:center;justify-content:space-between;}
.Air-box-eleven .item .txt{padding-right:60px;direction:ltr;width:49%;}
.Air-box-eleven .item .Introd{margin-top:15px;}
.Air-box-eleven .item .txt h4{font-size:34px;line-height:40px;font-weight:500;color:#000;}
.Air-box-eleven .item .pic{width:51%;position:relative;font-size:100px;}
.Air-box-eleven .item:nth-child(2n){background:#ededed;}
.Air-box-eleven .item:nth-child(2n) .txt{padding-right:0;padding-left:60px;}
.Air-box-eleven .item:nth-child(2n) .inner{direction:rtl;}
.Air-box-eleven .item .pic .p-desc{line-height:1.5;font-size:0.16em;color:#666;position:absolute;padding-left:0.2rem;border-left:solid 3px var(--main-color);white-space:nowrap;transition:all .5s linear;opacity:0;margin-top:0.3rem;}
.Air-box-eleven .item.active .pic .p-desc{margin-top:0;opacity:1;transition-delay:1.5s;}
.Air-box-eleven .item .pic .pic-txt .round{width:12px;height:12px;border-radius:50%;background:var(--main-color);opacity:.8;display:block;position:absolute;}
.Air-box-eleven .item .pic .pic-txt .round .em{position:absolute;display:block;box-sizing:border-box;height:0;transition:all .5s linear;opacity:0;}
.Air-box-eleven .item.active .pic .pic-txt .round .em{opacity:1;transition-delay:1s;}
.Air-box-eleven .item .pic .pic-txt2 .p-desc{padding:0 0.2rem 0 0;border-left:0;border-right:solid 3px var(--main-color);}
.Air-box-eleven .item:nth-of-type(1) .pic .p-desc{background:#fff;z-index:5;}
.Air-box-eleven .item:nth-of-type(2) .pic .p-desc{background:#ededed;z-index:5;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt1 .round .em{width:1.8em;border-left:solid 1px var(--main-color);border-top:solid 1px var(--main-color);left:50%;bottom:0;}
.Air-box-eleven .item.active:nth-of-type(1) .pic-txt1 .round .em{height:1.15em;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt1 .round .em{width:0.9em;border-left:solid 1px var(--main-color);border-top:solid 1px var(--main-color);left:50%;bottom:0;}
.Air-box-eleven .item.active:nth-of-type(2) .pic-txt1 .round .em{height:2.8em;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt2 .round .em{width:0.7em;border-right:solid 1px var(--main-color);border-bottom:solid 1px var(--main-color);right:50%;}
.Air-box-eleven .item.active:nth-of-type(1) .pic-txt2 .round .em{height:1.45em;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt2 .round .em{width:0.2em;border-right:solid 1px var(--main-color);border-bottom:solid 1px var(--main-color);right:50%;}
.Air-box-eleven .item.active:nth-of-type(2) .pic-txt2 .round .em{height:1.4em;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt3 .round .em{width:0.6em;border-left:solid 1px var(--main-color);border-bottom:solid 1px var(--main-color);left:50%;}
.Air-box-eleven .item.active:nth-of-type(1) .pic-txt3 .round .em{height:0.8em;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt3 .round .em{width:0.5em;border-left:solid 1px var(--main-color);border-bottom:solid 1px var(--main-color);left:50%;}
.Air-box-eleven .item.active:nth-of-type(2) .pic-txt3 .round .em{height:2em;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt1 .round{top:26.5%;left:32%;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt1 .round{left:26.5%;top:66%;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt2 .round{top:58%;left:43%;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt2 .round{left:45.5%;top:60%;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt3 .round{left:53%;top:72%;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt3 .round{left:55%;top:46%;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt1 .p-desc{left:59%;top:-4.5%;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt1 .p-desc{left:40.5%;top:-2%;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt2 .p-desc{top:85%;right:66%;text-align:right;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt2 .p-desc{top:83%;right:56.5%;text-align:right;}
.Air-box-eleven .item:nth-of-type(1) .pic-txt3 .p-desc{left:62.5%;top:84.5%;}
.Air-box-eleven .item:nth-of-type(2) .pic-txt3 .p-desc{left:63%;top:85%;}
@media (max-width:1440px){
    .Air-box-eleven .item .pic{font-size:calc(100 / 1440 * 100vw);}
}

/* 弹窗 */
.console-poup{position:fixed;left:0;top:0;width:100%;overflow:auto;height:100%;z-index:99;display:none;background:rgba(0,0,0,.4);}
.console-poup.active{display:flex;align-items:center;justify-content:center;}
.console-poup.haveLogin .c-p-tips,.console-poup.haveLogin .c-p-form dl dd.not{display:none;}
.console-poup .c-p-content{width:500px;max-width:90%;margin:5% auto;box-sizing:border-box;padding:30px;background:#fff;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 3px #999;}
.console-poup .c-p-close{position:absolute;display:block;width:100%;height:30px;background:none;left:0;top:5px;border:0;}
.console-poup .c-p-close:after,.console-poup .c-p-close:before{content:"";width:20px;height:2px;background:#333;position:absolute;right:10px;top:12px;cursor:pointer;}
.console-poup .c-p-close:after{transform:rotateZ(45deg);}
.console-poup .c-p-close:before{transform:rotateZ(-45deg);}
.console-poup .c-p-tips{text-align:center;padding:15px 0;line-height:1.3;font-size:14px;}
.console-poup .c-p-tips .c-p-btn{display:block;width:80px;height:30px;margin:10px auto 0;color:#fff;border:0;line-height:30px;background:var(--main-color);}
.console-poup .c-p-table table{border:solid 1px #e3e3e3;}
.console-poup .c-p-table table th{height:40px;background:#f5f5f5;}
.console-poup .c-p-table table th,.console-poup .c-p-table table td{padding:10px;vertical-align:middle;text-align:center;font-weight:400;width:33.33%;}
.console-poup .c-p-table table td{min-height:100px;}
.console-poup .c-p-table table td img{max-width:80%;}
.console-poup .c-p-form dl dd{margin-top:10px;border:solid 1px #e3e3e3;}
.console-poup .c-p-form .c-text{box-sizing:border-box;width:100%;display:block;padding:10px;padding-bottom:20px;}
.console-poup .c-p-form textarea.c-text{height:50px;padding-bottom:10px;}
.console-poup .c-p-form .c-p-form-submit{display:block;width:140px;height:45px;color:#fff;font-size:18px;text-align:center;margin:20px auto 0;border:0;background:var(--main-color);}
.console-poup .c-p-form .c-p-form-submit img{width:20px;vertical-align:middle;margin-right:10px;display:none;}
.console-poup .c-p-form .c-p-form-submit.active img{display:inline-block;}
body .layui-layer-btn .layui-layer-btn0{background:var(--main-color);border-color:var(--main-color);}
body .layui-layer-dialog .layui-layer-content{font-weight:700;word-break:break-word;text-align:center;font-size:16px;}
body .layui-layer-btn{text-align:center;}
.console-poup .c-p-btn:hover,.console-poup .c-p-form-submit:hover{opacity:.8;cursor:pointer;}
[v-cloak]{display:none;}

/* look max img */
.lookMaxImg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:1vw;}
.lookMaxImg.active{display:flex;}
.lookMaxImg p{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;cursor:pointer;}
.lookMaxImg img{position:relative;z-index:7;display:block;max-width:100%;}
.lookImg{position:absolute;right:0;top:0;width:100%;height:100%;z-index:5;cursor:pointer;}
.aboutVideo{margin:3vw 0;}
.aboutVideo iframe{width:100%!important;margin-top:20px;}

/*2023.9.12*/
.lable_tit{font-size:28px;font-weight:700;margin-bottom:15px;}
#footerNav dl:last-child{margin-top:-8%;padding-right:4%;}
.hmTop1#hmTop{position:fixed;box-shadow:0px 1px 3px rgba(0,0,0,0.1);background-color:#fff;}
.hmTop1#hmTop #logo{padding:17.5px 0;}

/* cookie */
.cookie-content{position:fixed;left:0;top:0!important;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;font-size:100px;color:#333;display:none;}
.cookie-content .default-info{height:100%;display:flex;align-items:flex-end;}
.cookie-content .info-txt{width:100%;padding:.2em;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;}
.cookie-content .left-tip{width:50%;}
.cookie-content .action-btns{width:45%;}
.cookie-content .left-tip h3{margin-bottom:calc(10 / 16 * 1em);font-size:.16em;display:none;}
.cookie-content .left-tip .desciption{line-height:1.5;font-size:.14em;}
.cookie-content .btn{background-color:var(--main-color);color:#fff;font-size:.14em;min-width:calc(125 / 14 * 1em);line-height:calc(36 / 14 * 1em);border:0;cursor:pointer;color:#fff;border:solid 1px transparent;display:block;border-radius:2px;padding:0 calc(12 / 14 * 1em);}
.cookie-content .btn{margin-right:calc(15 / 14 * 1em);}
.cookie-content .btn:hover{opacity:.7;}
.cookie-content .set{border-color:#346E4A;color:#346E4A;background-color:#fff;}
.cookie-content .action-btns{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;}

/* popup */
.cookie-content .popup-content{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10;display:none;}
.cookie-content .popup-txt{position:absolute;left:0;top:5%;min-width:640px;max-width:640px;height:80%;right:0;margin:0 auto;border-radius:5px;background-color:#fff;}
.cookie-content .pp-top{height:.6em;display:flex;align-items:center;padding-left:.3em;justify-content:space-between;border-bottom:solid 1px #eee;}
.cookie-content .pp-top img{max-height:.4em;}
.cookie-content .ck-close{width:50px;height:100%;background:url(../trans2026_images/ot_close.svg) no-repeat center/10px;cursor:pointer;border:0;}
.cookie-content .ck-close:hover{opacity:.7;}
.cookie-content .pp-content{padding:.2em .4em;height:calc(100% - 1.8em);overflow-x:hidden;overflow-y:auto;}
.cookie-content .pp-content h3{font-size:.14em;margin-bottom:calc(10 / 14 * 1em);}
.cookie-content .pp-content .manage-box h3{margin-bottom:calc(20 / 14 * 1em);}
.cookie-content .pp-content .words{font-size:.14em;line-height:1.5;}
.cookie-content .pp-tip a{font-size:.14em;text-decoration:underline;color:var(--main-color);margin-top:5px;display:block;}
.cookie-content .pp-tip a:hover{text-decoration:none;}
.cookie-content .allow-all{margin:.3em 0 .4em;}
.cookie-content .ck-item{border:solid 1px #d8d8d8;border-radius:2px;margin-top:-1px;}
.cookie-content .ck-item:hover{border-color:#333;position:relative;z-index:3;}
.cookie-content .ck-item h4{font-size:.13em;width:calc(100% - 120px);}
.cookie-content .ck-item .ck-item-btn{padding:.15em 0;padding-left:.4em;padding-right:.1em;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;}
.cookie-content .ck-item .ck-item-btn:after{position:absolute;left:calc(10 / 20 * 1em);content:"+";top:50%;transform:translateY(-50%);font-size:.2em;font-weight:700;}
.cookie-content .ck-item .ck-item-btn span{font-size:.14em;color:#3860be;font-weight:700;}
.cookie-content .ck-item .open-info{padding:calc(20 / 14 * 1em);padding-top:calc(10 / 14 * 1em);display:none;}
.cookie-content .my-switch{position:relative;width:.45em;height:.25em;border-radius:.25em;background-color:#767676;cursor:pointer;}
.cookie-content .my-switch:after{position:absolute;left:.03em;top:50%;transform:translateY(-50%);width:.18em;height:.18em;border-radius:50%;background-color:#fff;transition:all .2s linear;content:"";}
.cookie-content .my-switch.active{background-color:var(--main-color);}
.cookie-content .my-switch.active:after{margin-left:.21em;}
.cookie-content .pp-action{display:flex;justify-content:flex-end;flex-wrap:wrap;padding:.2em;border-top:solid 1px #eee;}

/* 展开样式 */
.cookie-content .ck-item.open .ck-item-btn:after{content:"-";font-size:.3em;left:calc(10 / 30 * 1em);font-weight:400;}
.cookie-content .ck-item.open .open-info{display:block;}
@media (max-width:640px){
    .cookie-content .popup-txt{width:100%;height:100%;max-width:100%;top:0;border-radius:0;min-width:1px;}
    .cookie-content .info-txt{padding-top:.4em;}
    .cookie-content .left-tip,.cookie-content .action-btns{width:100%;}
    .cookie-content .action-btns{margin-top:.2em;}
    .cookie-content .btn{width:100%;}
    .cookie-content .btn:not(:last-child){margin-bottom:calc(10 / 14 * 1em);}
    .cookie-content .pp-content{height:calc(100% - 2.3em);}
}

/* cookie end */

/* .PdfList{padding: 5% 0;} */
.PdfList .boxauto{max-width:800px;width:100%;padding:0 4%;margin:0 auto;box-sizing:border-box;}
.PdfList .boxauto .item{margin-bottom:40px;}
.PdfList .boxauto .item:last-child{margin-bottom:0;}
.PdfList .boxauto .item .top-box{position:relative;padding:30px 0;margin-bottom:20px;}
.PdfList .boxauto .item .top-box:after{display:block;position:absolute;content:'';left:-30px;top:-6px;width:0;height:0;border-bottom:40px solid #fff;border-left:40px solid transparent;border-right:40px solid transparent;transform:rotate(-45deg);}
.PdfList .boxauto .item .top-box h3{margin:0;padding:0;font-size:28px;color:#fff;text-align:center;}
.PdfList .boxauto .item .top-box .icon{margin-bottom:10px;text-align:center;}
.PdfList .boxauto .item .top-box .icon img{max-width:50px;}
.PdfList .boxauto .item .list{margin-top:20px;}
.PdfList .boxauto .item .list li{position:relative;padding:20px 0;border-top:3px solid #777;}
.PdfList .boxauto .item .list .model{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:120px;height:30px;font-size:18px;font-weight:bold;color:#fff;z-index:3;background-color:#777}
.PdfList .boxauto .item .list .model:before{display:block;content:'';position:absolute;left:-29px;top:-4px;width:0;height:0;border-top:22px solid #777;border-left:22px solid transparent;border-right:22px solid transparent;transform:rotate(-135deg);}
.PdfList .boxauto .item .list .flex{display:flex;justify-content:space-between;align-items:center}
.PdfList .boxauto .item .list .flex .img{position:relative;width:30%;}
.PdfList .boxauto .item .list .flex .img img{width:100%}
.PdfList .boxauto .item .list .on .flex .img:after{display:block;content:'';position:absolute;right:-40px;top:0;width:40px;height:38px;background-image:url('../trans2026_images/A.png');background-size:cover;z-index:3;}
.PdfList .boxauto .item .list .flex .box{width:60%;}
.PdfList .boxauto .item .peag{display:flex;align-items:center;color:#000;font-weight:bold;font-size:14px;margin-bottom:30px;}
.PdfList .boxauto .item:nth-of-type(odd) .peag{justify-content:flex-end}
.PdfList .boxauto .item:nth-of-type(odd) .peag:after{display:block;content:'';margin-left:10px;width:3px;height:14px;background-color:#FF5722;border-radius:3px;}
.PdfList .boxauto .item:nth-of-type(even) .peag:before{display:block;content:'';margin-right:10px;width:3px;height:14px;background-color:#FF5722;border-radius:3px;}
.PdfList .boxauto .item .list-item{position:relative;padding:20px 0;border-top:3px solid #777;}
.PdfList .boxauto .item .list-item .model{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:120px;height:35px;font-size:20px;font-weight:bold;color:#fff;z-index:3;background-color:#777}
.PdfList .boxauto .item .list-item .model:before{display:block;content:'';position:absolute;left:-33px;top:-4px;width:0;height:0;border-top:25px solid #777;border-left:25px solid transparent;border-right:25px solid transparent;transform:rotate(-135deg);}
.PdfList .boxauto .item .list-item .flex{display:flex;justify-content:space-between;align-items:center}
.PdfList .boxauto .item .list-item .flex .img{position:relative;width:30%;}
.PdfList .boxauto .item .list-item .flex .img img{height:150px;}
.PdfList .boxauto .item .list-item.on .flex .img:after{display:block;content:'';position:absolute;right:-40px;top:0;width:40px;height:38px;background-image:url('../trans2026_images/A.png');background-size:cover;z-index:3;}
.PdfList .boxauto .item .list-item .flex .box{width:60%;}
.PdfList .controls{display:flex;justify-content:center;margin:20px 0;}
.PdfList .loading{text-align:center;padding:20px;}
.PdfList .btn{padding:15px 30px;border:none;border-radius:5px;background:var(--main-color);color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:10px;}
.PdfList .btn:hover{background:var(--main-color);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.PdfList .btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none;}
.PdfList .status{margin-top:20px;padding:15px;border-radius:5px;text-align:center;font-weight:600;}
.PdfList .status.success{background:#d5f4e6;color:#27ae60;}
.PdfList .status.error{background:#fadbd8;color:var(--main-color);}
.PdfList .status.info{background:#d6eaf8;color:#3498db;}
.PdfList .loading{text-align:center;padding:20px;}
.PdfList .spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 15px;}
.PdfList .spinner-small{border:2px solid #f3f3f3;border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;}
#MagnifierWrap2 .spec-items .swiper-slide .pic .m-video{display:flex;align-items:center;justify-content:center;height:66px;}
#MagnifierWrap2 .spec-items .swiper-slide .pic .m-video img{height:35px;}
#MagnifierWrap2 .spec-items .swiper-slide .pic .pdf{display:flex;align-items:center;justify-content:center;height:66px;}
#MagnifierWrap2 .spec-items .swiper-slide .pic .pdf img{height:35px;}
#MagnifierWrap2 .MagnifierMain .video{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:#fff;}
#MagnifierWrap2 .MagnifierMain .video iframe{display:block;width:100%;height:100%}
#MagnifierWrap2 .MagnifierMain .pdf{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-color:#fff;text-align:center;}
#MagnifierWrap2 .MagnifierMain .pdf canvas{height:100%}
#MagnifierWrap2 .selection{margin:20px 0;}
#MagnifierWrap2 .selection ul{display:flex;align-items:center;justify-content:center;margin:0 -5px;}
#MagnifierWrap2 .selection ul li{margin:0 5px;font-size:16px;color:#333;padding:3px 5px;cursor:pointer;}
#MagnifierWrap2 .selection ul li.on{color:#fff;background-color:var(--main-color);border-radius:3px}





/*  */
#searchSuggestions {display: none;position: absolute;top:100%;right:40px;background: #ffffff;border: 1px solid #dddddd;border-top: none;max-height: 800px;overflow-y: auto;z-index: 999999;box-shadow: 0 4px 8px rgba(0,0,0,0.1);width:calc(100% - 242px);}
#searchSuggestions ul {margin:0;padding:0;list-style: none;display: block !important;column-count: 1 !important;columns: 1 !important;width:100%;}
#searchSuggestions li {padding:5px 15px;cursor: pointer;border-bottom: 1px solid #f0f0f0;text-align: left;color: #333333;font-size: 14px;line-height:1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: none !important;display: block !important;float: none !important;width: 100% !important;box-sizing: border-box;}
#searchSuggestions li:hover {background: #f5f5f5;}

.search-type-select {position: relative;float:left;border-right:none;width:200px;}
.search-type-select select{height:40px;padding: 0 45px 0 10px;border: none;background: transparent;font-size: 14px;color: #333;cursor: pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;}

.custom-select-trigger {height: 40px;padding: 0 25px 0 10px;display: flex;align-items: center;cursor: pointer;font-size: 14px;color:#fff;position: relative;user-select: none;border-radius:4px 0 0 4px;background:var(--main-color);}
.custom-select-trigger #searchTypeText {display:flex;align-items: center;gap:8px;}
.custom-select-trigger #searchTypeText i {display:inline-flex;align-items:center;}
.custom-select-trigger #searchTypeText i img {width:13px;height:13px;vertical-align: middle;}
.custom-select-trigger .arrow{position:absolute;right:10px;top:50%;transform: translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;transition: transform 0.3s ease;}
.custom-select-trigger.active .arrow { transform: translateY(-50%) rotate(180deg);}

.custom-select-dropdown{position:absolute;top:100%;left:-1px;right:-1px;background:#333333;border:1px solid #ddd;border-top: none;border-radius: 0 0 4px 4px;max-height:200px;overflow-y: auto;z-index:10;box-shadow: 0 4px 8px rgba(0,0,0,0.1);margin:0;padding:0;list-style:none;display: none;}
.custom-select-dropdown.show {display:block;}
.custom-select-dropdown li {padding: 10px 15px;cursor: pointer;text-align: left;color:#fff;font-size:14px;line-height: 1.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing:border-box;transition:background-color 0.2s ease;}
.custom-select-dropdown li i{ margin-right:8px;}
.custom-select-dropdown li:last-child {border-bottom: none;}
.custom-select-dropdown li:hover {background:rgba(255,143,0,0.9);}
/*.custom-select-dropdown li.active {background:rgba(183,60,0,0.8);color:#fff;}*/

.new-input .input{float:left;border-radius: 0;width:calc(100% - 240px);}
.new-input .submit{border-radius: 0 4px 4px 0;}

#proparameter.popup{z-index: 1000; width: auto; height: auto; background: none;}
#proparameter *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#proparameter .outbox{display: flex; align-items: center; justify-content: center;}
#proparameter .inbox{ max-width: 880px; width: 96%; min-width: 500px; border-radius:.1rem; background: var(--main-color); overflow: hidden; cursor: default; box-shadow: 0 0 50px rgba(0,0,0,0.2);} 
#proparameter .group{background: #faf7f5; border-radius:.1rem;  overflow: hidden;color:#3f3f3f; line-height: 1.5;}
#proparameter .pro-brand{display: flex; justify-content: space-between; padding: .07rem .2rem;}
#proparameter .pro-brand span{opacity: 0;}
#proparameter .pro-brand button{cursor: pointer;color: #fff; font-size: 17px; padding-right: 30px; background: url(../trans2026_images/close.png) no-repeat right}
#proparameter .pro-name{ padding: .1rem .3rem; font-size: 24px; font-weight: bold; } 
#proparameter .pro-model {padding: 0 .3rem; }
#proparameter .pro-model dl{display: flex;}
#proparameter .pro-model dt{ font-weight: bold; padding-right: .1rem;}
#proparameter .pro-image{display: flex; align-items: center; justify-content: center;  flex-wrap: wrap; padding: .1rem .3rem;}
#proparameter .pro-image figure{width: 50%; padding: 1%;}
#proparameter .pro-parameter{background: #fff;padding: 3%;}
#proparameter .pro-parameter .type{display: flex;flex-wrap: wrap; max-width: 740px; margin: auto;}
#proparameter .pro-parameter .type dl{min-width: 25%; padding: 1%;}
#proparameter .pro-parameter .type dt{ font-weight: bold;display:inline-flex; align-items: center;}
#proparameter .pro-parameter .type dt:before{ content: '';width: 5px; height: 12px; border-radius: 2px; margin-right: 8px; background: var(--main-color); }
#proparameter .pro-parameter .type dd{padding-left: 12px;}

/* 首页 Top002652 用户下拉框 */
.Top002652 .language { position: relative; }
.Top002652 .user-poup { display: none; position: absolute; top: 100%; right: 0; min-width: 130px; background: #fff; border-radius: 6px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); padding: 6px 0; z-index: 999; }
.Top002652 .user-poup .up-content { display: block; }
.Top002652 .user-poup a { display: block; padding: 8px 16px; color: #333; text-decoration: none; font-size: 14px; white-space: nowrap; }
.Top002652 .user-poup a::before, .Top002652 .user-poup a::after { content: none !important; display: none !important; }
.Top002652 .user-poup a:hover { background: #f5f5f5; }
.Top002652 .language span:hover .user-poup { display: block; }

/* 清除所有下拉框 a 元素的 ::before/::after 伪元素（产品列表页 #topBtn 容器同样适用） */
.user-poup a::before, .user-poup a::after { content: none !important; display: none !important; }
