/* @charset "utf-8";html{font-size:625%} */
body{font-size:14px;background:#FFF}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0}
body,html,input,button,textarea{color:#0c1c31;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
body{background-color:#fff}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4,h5{font-size:14px}
img{border:none;vertical-align:middle;max-width:100%}
li{list-style:none}
i,em{font-style:normal}
a{color:#0c1c31;text-decoration:none}
a:focus{outline:none}
a:hover{color:#e60011;text-decoration:none}
input[type="text"]:focus{outline:none}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0}
hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0}
a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0}
.clearfix:after,.layout:after,.sys_row:after,.web_main:after,.page_main:after,.nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_items:after,.foot_item .news_cell:after,.intr_small_imgs ul:after,.web_footer .foot_nav_bar:after,.product_cell .cell_inner:after,.product_cell .cell_attr:after,.promote_item .item_inner:after,.promote_items:after{content:"";display:block;clear:both;visibility:hidden;height:0}
.clearfix,.layout,.sys_row,.web_main,.page_main,.nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_items,.foot_item .news_cell,.intr_small_imgs ul,.web_footer .foot_nav_bar,.product_cell .cell_inner,.product_cell .cell_attr,.promote_item .item_inner,.promote_items{*zoom:1}
.clear{clear:both}
body{width:100%;position:absolute;left:0;top:0;min-width:1200px;overflow-x:hidden}
.layout{width:1200px;margin:0 auto;position:relative}
.z9999{z-index:9999!important}
.hide{display:none}
.gotop{position:fixed;text-align:center;right:15px;bottom:50px;color:#fff;background-color:rgba(0,0,0,.7);background-color:#111\9;text-align:center;height:45px;width:45px;line-height:45px;border-radius:4px;border:3px solid rgba(153,153,153,.15);background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:36px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.gotop:hover,.gotop.active:hover{background-color:#e60011;color:#fff}
.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.gotop:before,.gotop em{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.gotop em{font-size:14px;width:100%;position:absolute;left:0;top:0;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}
.gotop:before{content:'∧';display:block;font-weight:bold;-webkit-transform:scale(1,.5);-ms-transform:scale(1,.5);-o-transform:scale(1,.5);transform:scale(1,.5)}
.gotop:hover em{opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.gotop:hover:before{-webkit-transform:translateY(-15px) scale(.5);-ms-transform:translateY(-15px) scale(.5);-o-transform:translateY(-15px) scale(.5);transform:translateY(-15px) scale(.5);opacity:0;filter:alpha(opacity=0)}
.head_nav li a,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.nav_wrap .head_nav li li>a:before,.head_nav b:after,.web_head .btn--search,.web_head .btn--search:before,.product_item figure,.gotop,.product-item .item-img img,.product_item .item_img img,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after,.product-btn-wrap a,.web_head,.change-language .change-language-title a:after,.newsletter .button,.mobile-head-item .middle-show-content-wrap,.product_item figure figcaption,.foot_item  a,.pages a,.ad_item figure figcaption .item_more,.head_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after,.side-product-items .btn-prev,.side-product-items .btn-next,.foot_sns li img,.blog-item:after{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.head_nav>li>a:before,.head-search .search-btn,.icon-cate,.product_tabs .tab_item:before,.index_company_intr .item_img img,.product_tabs .tab_item:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.sys-layer{margin:0 auto}
.sys-row{margin:0 -8px}
.sys-col{float:left}
.sys-col-inner{margin:0 8px}
.sys-col-md{float:left}
.sys-col-md-12{width:100%}
.sys-col-md-11{width:91.66666667%}
.sys-col-md-10{width:83.33333333%}
.sys-col-md-9{width:75%}
.sys-col-md-8{width:66.66666667%}
.sys-col-md-7{width:58.33333333%}
.sys-col-md-6{width:50%}
.sys-col-md-5{width:41.66666667%}
.sys-col-md-4{width:33.33333333%}
.sys-col-md-3{width:25%}
.sys-col-md-2{width:16.66666667%}
.sys-col-md-1{width:8.33333333%}
.sys_fl{float:left!important}
.sys_fr{float:right!important}
.flex_row,.items_list>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
.flex_nowrap{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap}
.flex_column{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.sys_btn{display:inline-block;font-size:16px;color:#e60011!important;border:1px solid #e60011;padding:.3em 2.5em;border-radius:2px;background-color:#FFF}
.sys_btn:after{content:'';display:inline-block;width:12px;height:10px;background-repeat:no-repeat;background-position:0 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAgElEQVQYlWNgwAEeMPArPmMQvPOEQSAWlxoM8IxBUO4pg9DNJwyC6URresTAJfWMQejaEwaBQqI13WPgFn/KIHjxGYNgFcMzBsGZROLtzxgEpxFtwxMGof4zDAysRPnhKYPg5vsMAgIEFT9jEJR7xiB05jEDnypBxYh44HdCFgcA/qsyzUq4vGwAAAAASUVORK5CYII=);margin-left:8px;vertical-align:middle}
.sys_btn:hover:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAZ0lEQVQYlZXRMQqDQBCF4YUcwFKwWBA8Se5hbW3rJdIFPIeFl0hjIwRyly+VnQuzD6b7f2aGl1Ih6PHDWGLupIwvphqpw4m5RmpxYElYg7PjXbPhhUf0hw1NBM74YIjAVw/P0N2l/AGj0nwpenAmLgAAAABJRU5ErkJggg==)}
.sys_btn .sys_btn_txt{display:inline-block;position:relative;z-index:1}
.sys_btn_wave{position:relative;overflow:hidden;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.btn_wave_circle{background-color:red;border-radius:1000px;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none;z-index:-1}
.sys_btn:hover{color:#fff!important;background-color:#e60011\9}
.explode-circle{animation:explode .5s forwards}
.desplode-circle{animation:desplode .5s forwards}
@keyframes explode{0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(230,0,17,.3)}
100%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:#e60011}
}@keyframes desplode{0%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:#e60011}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(230,0,17,.3)}
}input::-webkit-input-placeholder{color:#aaa}
input::-moz-placeholder{color:#aaa;opacity:1}
input:-ms-input-placeholder{color:#aaa}
input:-moz-placeholder{color:#aaa}
.index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}
.side-cate li .icon-cate:before,.product-btn-wrap a:before,.mobile-head-item .title:before,.head_nav > li:after,.head_nav li b:after,.download-item .item-button:before,.faq-item .faq-title:before{font-family:"fontawesome";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none}
.btn_more:after,.sys_btn:after,.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before,.swiper-button-prev:before,.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,.company_subscribe .button:after{font-family:'fontawesome'}
.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.gotop:before{font-family:'AkzidenzGrotesk-Regular'}
a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.web_head{width:100%;background-color:#fff}
.head_layer .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}
.web_head .logo{float:left}
.web_head .logo img{max-height:84px;width:auto}
.web_head .head_right{float:right}
.head_layer .change-language{display:inline-block;position:relative;text-align:left;vertical-align:middle;margin-left:15px}
.web_head .btn--search{display:inline-block;border-radius:50%;position:relative;vertical-align:middle;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-top:1px}
.web_head .btn--search:before,.web_head .btn--search:after{content:'';display:inline-block;width:29px;height:29px;background-image:url(../images/search_btn.png);background-repeat:no-repeat;background-position:center -2px;vertical-align:middle;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.web_head .btn--search:after{background-position:center -35px;position:absolute;left:0;top:0;border-radius:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0;filter:alpha(opacity=0)}
.web_head .btn--search:hover:after{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100)}
.web_head .btn--search:hover:before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:0;filter:alpha(opacity=0)}
.head_layer .nav_wrap{padding:0 3%;position:relative;float:left;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.nav_wrap .head_nav{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;white-space:nowrap}
.nav_wrap .head_nav,.nav_wrap .head_nav a{color:#0c1c31}
.nav_wrap .head_nav:after{display:none}
.nav_wrap .head_nav>li{display:inline-block;line-height:84px;margin:0 2%;font-size:17px;position:relative;perspective:1500px;vertical-align:middle;position:relative}
.nav_wrap .head_nav>li>a{position:relative;display:inline-block;padding:0 10px;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);white-space:nowrap}
.nav_wrap .head_nav>li>a>em{vertical-align:middle;display:inline-block;position:relative;z-index:1;vertical-align:middle}
.nav_wrap .head_nav>li>a>b{display:inline-block;margin-left:5px}
.nav_wrap .head_nav>li>a>b:after{content:'';display:block;width:0;height:0;border:4px solid #333;border-top-width:5px;border-bottom:0;border-left-color:transparent;border-right-color:transparent;vertical-align:middle}
.nav_wrap .head_nav>li>em{vertical-align:middle}
.nav_wrap .head_nav:hover>li.nav-current>a{color:#0c1c31}
.nav_wrap .head_nav>li:hover>a,.nav_wrap .head_nav:hover>li.nav-current:hover>a{color:#e60011}
.nav_wrap .head_nav>li:hover>a>b:after{border-top-color:#e60011;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.nav_wrap .head_nav>li.nav-current>a{color:#e60011}
.nav_wrap .head_nav li ul{width:250px;padding:15px 0;background-color:#fff;border:1px solid rgba(0,0,0,.2);position:absolute;left:0;top:100%;z-index:999;-webkit-transform:translateY(8%);-ms-transform:translateY(8%);-o-transform:translateY(8%);transform:translateY(8%);opacity:0;filter:alpha(opacity=0);visibility:hidden;box-sizing:border-box;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;box-shadow:4px 4px 0 rgba(0,0,0,.04)}
.nav_wrap .head_nav>li ul ul{left:102%;top:-15px}
.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible}
.nav_wrap .head_nav li.menu_left ul{left:auto;right:0}
.nav_wrap .head_nav li.menu_left ul ul{right:102%}
.nav_wrap .head_nav>li>ul:before{content:'';display:block;width:100%;height:2px;background-color:#e60011;position:absolute;left:0;top:0}
.nav_wrap .head_nav>li li{position:relative;text-align:left;padding:0 20px}
.nav_wrap .head_nav>li li a{display:block;line-height:1.8em;padding:8px 0;font-size:12px;position:relative;color:#0c1c31;border-bottom:1px dotted #0c1c31}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:4px;height:30%;background-color:#aaa;position:absolute;left:-20px;top:40%;opacity:0;filter:alpha(opacity=0)}
.nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before{top:50%;margin-top:-11px;height:22px;opacity:1;filter:alpha(opacity=100);background-color:#e60011}
.nav_wrap .head_nav>li li b:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:5px solid #aaa;border-left-width:6px;border-right:0;border-top-color:transparent;border-bottom-color:transparent;position:absolute;right:0;top:14px}
.nav_wrap .head_nav>li li:last-child>a{border-bottom:0}
.nav_wrap .head_nav>li li:hover>a{color:#e60011}
.nav_wrap .head_nav>li li:hover>a b:after{border-left-color:#e60011}
.fixed-nav .head_nav,.fixed-nav .head_nav a{color:#0c1c31}
.fixed-nav .nav_wrap .head_nav>li.nav-current>a{color:#e60011}
.fixed-nav .nav_wrap .head_nav>li:hover>a,.fixed-nav .nav_wrap .head_nav:hover>li.nav-current:hover>a{color:#e60011}
.fixed-nav .change-language .change-language-title,.fixed-nav .change-language .change-language-title a{color:#0c1c31}
.fixed-nav .logo img{max-height:70px}
.fixed-nav .head_layer{width:100%;position:fixed;left:0;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1;background-color:rgba(255,255,255,.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);box-shadow:1px 0 1px rgba(0,0,0,.3)}
.fixed-nav .nav_wrap .head_nav>li{line-height:70px}
.fixed-nav-active .head_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
.fixed-nav-active .nav_wrap:before{opacity:1;height:100%}
.fixed-nav .change-language .change-language-cont{top:47px;background-color:rgba(255,255,255,.95)}
.fixed-nav .logo a,.fixed-nav .logo img,.fixed-nav .head_nav li a{-webkit-transition:none;-o-transition:none;transition:none}
.head_holder{display:none!important}
.web_footer{background-color:#0c1c31}
.web_footer,.web_footer a{color:#fff}
.web_footer a:hover{color:#e60011}
.web_footer .foot_contact{padding:10px 0}
.web_footer .foot_bar{padding:15px 0 20px;text-align:center}
.web_footer .foot_nav_bar{padding-top:40px;padding-bottom:30px;line-height:31px}
.web_footer .foot_logo{float:left;margin-right:60px;margin-top:-10px}
.web_footer .foot_logo img{max-height:80px}
.web_footer .foot_nav{float:left}
.web_footer .foot_menu{display:inline-block;margin-right:50px}
.web_footer .foot_menu li{display:inline-block;margin-right:50px}
.web_footer .foot_menu li:last-child{margin-right:0}
.web_footer .foot_links{display:inline-block;padding-left:50px;border-left:1px solid}
.web_footer .foot_links li{display:inline;font-size:12px}
.web_footer .foot_links li:after{content:'|';padding:0 8px}
.web_footer .foot_links li:last-child:after{display:none}
.foot_sns{float:right}
.foot_sns li{display:inline;padding-left:10px;padding-bottom:10px}
.foot_sns li a{display:inline-block;vertical-align:middle}
.foot_sns li a:hover{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
.web_footer .contact_list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #214779;border-bottom:1px solid #214779;padding:15px 0}
.web_footer .contact_item,.web_footer .contact_item a{color:#fff}
.web_footer .contact_item{display:inline-block;max-width:33.33333333%;padding:15px 2%;width:33.33333333%\9;text-align:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.web_footer .contact_item+.contact_item{border-left:1px solid #214779}
.web_footer .contact_item .item_inner{display:inline-block;padding-left:45px;position:relative}
.foot_contact .contact_list{text-align:center}
.foot_contact .contact_list .contact_ico{display:inline-block;width:31px;height:31px;background-repeat:no-repeat;background-position:0 0;background-image:url(../images/contact_ico.png);vertical-align:middle;opacity:.6;filter:alpha(opacity=60);position:absolute;left:0;top:50%;margin-top:-15px}
.foot_contact .contact_list .contact_ico_phone{background-position:0 0}
.foot_contact .contact_list .contact_ico_fax{background-position:0 -31px}
.foot_contact .contact_list .contact_ico_email{background-position:0 -62px}
.foot_contact .contact_list .contact_ico_time{background-position:0 -93px}
.foot_contact .contact_list .contact_ico_local{background-position:0 -124px}
.foot_contact .contact_list .contact_ico_skype{background-position:0 -155px}
.foot_contact .contact_list .contact_txt{vertical-align:middle;display:inline-block}
.tel_link{pointer-events:none}
@media screen and (max-width:768px){.tel_link{pointer-events:auto}
}.web_main{overflow:hidden}
.index_hd{margin-bottom:25px;text-align:center}
.index_hd .hd_title{font-size:40px;line-height:1.2}
.index_hd .hd_title,.index_hd .hd_title a{color:#e60011}
.slider_banner .swiper-pagination{padding-bottom:15px}
.slide-page-box{display:none}
.index_promote{padding-top:40px;padding-bottom:40px;background-repeat:repeat;background-position:0 0;background-color:#eef2f7;background-image:url(../images/promote_bg.png)}
.promote_item{padding:15px;float:left;-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
.promote_item .item_img{width:40%;position:absolute;left:0;bottom:0}
.promote_item .item_inner{position:relative}
.promote_item .item_info{background-color:#fff;margin-left:28%;padding:13% 10px 13% 18%}
.promote_item .item_tit{font-size:24px;height:2.8em;line-height:1.4em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:.5em}
.promote_item .item_desc,.promote_item .item_desc a{color:#aaa}
.promote_item .item_desc{height:8em;line-height:2em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-bottom:1.5em}
.promote_item .item_more a{display:inline-block;color:#fff;padding:.5em 1.5em;text-align:center;background-color:#0c1c31}
.promote_item .item_more a:before{content:'';display:inline-block;width:12px;height:10px;background-repeat:no-repeat;background-position:0 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAZ0lEQVQYlZXRMQqDQBCF4YUcwFKwWBA8Se5hbW3rJdIFPIeFl0hjIwRyly+VnQuzD6b7f2aGl1Ih6PHDWGLupIwvphqpw4m5RmpxYElYg7PjXbPhhUf0hw1NBM74YIjAVw/P0N2l/AGj0nwpenAmLgAAAABJRU5ErkJggg==);margin-right:8px;vertical-align:middle}
.promote_item .item_more a:hover{color:#fff;background-color:#e60011}
.product_item{width:33.33333333%;float:left}
.product_item figure{margin:0;position:relative}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.product_item .item_img{*display:inline}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-color:rgba(255,255,255,.01)}
.product_item .item_img img{display:block;width:100%;height:auto}
.product_item  figcaption{padding:15px 10px 0;text-align:center}
.product_item .item_title{font-size:14px;text-align:center}
.product_item .item_title a{display:block;height:2.5em;line-height:2.5em;overflow:hidden;vertical-align:middle;padding:0 5%}
.product_item .item_desc,.product_item .item_desc a{color:#999}
.product_item .item_desc{height:3em;line-height:1.5em;font-size:12px;overflow:hidden}
.product_item:hover .item_img a:before{width:100%;left:0}
.index_product{padding-top:80px;padding-bottom:110px}
.product_tabs{text-align:center;padding-top:30px}
.product_tabs UL{margin:0 -10px}
.product_tabs .tab_item{display:inline-block;width:220px;height:88px;font-size:16px;font-weight:bold;border:1px solid #0c1c31;margin:0 10px 35px;position:relative;vertical-align:middle;cursor:pointer}
.product_tabs .tab_item a{display:block;padding-left:50%;height:88px;padding-right:5%;text-align:center;position:relative;z-index:1}
.product_tabs .tab_item a:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.product_tabs .tab_item .tab_img{width:40%;position:absolute;left:5%;bottom:0;text-align:center}
.product_tabs .tab_item .tab_img img{max-width:100%;max-height:100%}
.product_tabs .tab_item .tab_txt{display:inline-block;line-height:1.2;vertical-align:middle}
.product_tabs .tab_item.active,.product_tabs .tab_item.active a{background-color:#0c1c31;color:#fff}
.product_tabs .tab_item:before{content:'';display:block;width:100%;height:100%;position:absolute;right:0%;top:0}
.product_tabs .tab_item:hover:before{width:100%;left:0;right:auto;background-color:#0c1c31}
.product_tabs .tab_item:hover a{color:#fff}
.product_tabs .tab_item:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:12px solid #0c1c31;border-bottom:0;border-left-color:transparent;border-right-color:transparent;position:absolute;left:50%;margin-left:-12px;bottom:-20px;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.product_tabs .tab_item.active:after{opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.index_product .tab_panel{position:relative}
.index_product .index_bd{margin-top:25px}
.index_product .index_bd .layout{width:86%}
.index_product .product_items{margin:0}
.index_product .product_item{width:20%}
.index_product .product_item figure{position:relative;padding:10px;overflow:hidden;border:1px dotted #999;margin:1px 1px 10px}
.index_product .product_item figure:hover{border-color:#e60011}
.index_product .product_item figcaption{padding:10px 0;text-align:center}
.index_product .product_item .item_img{display:block;overflow:hidden;position:relative}
.index_product .swiper-button-prev,.index_product .swiper-button-next{display:inline-block;font-size:65px;width:40px;height:80px;line-height:80px;border-radius:0;background:none;position:absolute;top:50%;margin-top:-40px;opacity:.8;filter:alpha(opacity=80);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto;background-size:auto;z-index:1;color:#999}
.index_product .swiper-button-prev:before,.index_product .swiper-button-next:before{display:inline-block;font-weight:bold;-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1)}
.index_product .swiper-button-prev:not(.swiper-button-disabled):hover,.index_product .swiper-button-next:not(.swiper-button-disabled):hover{color:#0c1c31}
.index_product .swiper-button-prev{left:-80px}
.index_product .swiper-button-prev:before{content:'<'}
.index_product .swiper-button-next{right:-80px}
.index_product .swiper-button-next:before{content:'>'}
.index_product .swiper-pagination{display:none}
.index_product .panel_active{-webkit-animation:zoomInA .6S ease;-o-animation:zoomInA .6S ease;animation:zoomInA .6S ease}
.index_product .learn_more{text-align:center;padding-top:40px}
.index_company_intr{padding-bottom:110px}
.index_company_intr .index_bd .layout{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index_company_intr .company_intr_img{display:block;width:38%;position:relative;overflow:hidden;float:left}
.index_company_intr .company_intr_img a{display:block}
.index_company_intr .company_intr_cont{width:62%;padding-left:70px;float:left}
.index_company_intr .company_intr_title{line-height:1.2;margin-bottom:.5em;font-size:45px}
.index_company_intr .company_intr_title,.index_company_intr .company_intr_title a{color:#e60011}
.index_company_intr .company_intr_desc{font-size:14px;line-height:1.9em;max-width:600px}
.index_company_intr .learn_more{border-top:1px solid #0c1c31;padding-top:35px;margin-top:10px}
.index_company_intr .intr_small_imgs{background-color:#f1f1f1;padding:8px;overflow:hidden;margin-top:20px}
.index_company_intr .intr_small_imgs li{width:33.33333333%;float:left}
.index_company_intr .intr_small_item{display:block;margin:8px}
.index_company_intr .intr_small_imgs .item_img,.index_company_intr .intr_small_imgs .item_img img{display:block;width:100%;height:auto}
.index_company_intr .intr_small_imgs .intr_small_item{position:relative}
.index_company_intr .item_img{position:relative;overflow:hidden}
.index_company_intr .item_img:before,.index_company_intr .item_img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;-webkit-transition:all .4s ease;transition:all .4s ease}
.index_company_intr .item_img:before{z-index:1}
.index_company_intr .item_img:hover:before{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,.4)}
.index_company_intr .intr_small_item:hover .item_img img{-webkit-transform:scale(1.2) rotate(8deg);-ms-transform:scale(1.2) rotate(8deg);-o-transform:scale(1.2) rotate(8deg);transform:scale(1.2) rotate(8deg);-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.index_company_intr .ico_player{display:inline-block;width:75px;height:75px;line-height:75px;border:6px solid;border-radius:50%;font-size:45px;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;margin:auto;color:rgba(255,255,255,.8)}
.index_company_intr .ico_player:before{display:inline-block;font-family:'fontawesome';content:'\f04b';vertical-align:middle;-webkit-transform:translateX(5%);-ms-transform:translateX(5%);-o-transform:translateX(5%);transform:translateX(5%)}
.index_company_intr .intr_small_imgs .ico_player{width:60px;height:60px;line-height:60px;font-size:36px;border-width:5px}
.company_subscribe{padding-top:40px;padding-bottom:40px;background-color:#f8f8f8;text-align:center;margin-bottom:50px}
.company_subscribe .subscribe_title,.company_subscribe .subscribe_desc{display:inline-block;vertical-align:middle;padding:0 15px}
.company_subscribe .subscribe_title{font-size:18px;font-weight:normal}
.company_subscribe .subscribe_title,.company_subscribe .subscribe_title a{color:#e60011}
.company_subscribe .subscribe_desc{color:#ccc;font-size:16px}
.company_subscribe .button{background-color:#e60011;border:0;color:#fff!important;font-weight:bold;box-shadow:0 -4px 0 rgba(0,0,0,.3) inset;padding:.7em 2em;margin:10px 15px;border-radius:3px;vertical-align:middle}
.company_subscribe .button:after{width:auto;height:auto;background:none;content:'\f04b';font-size:15px}
@keyframes explode2{0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.3)}
100%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:rgba(0,0,0,.12)}
}@keyframes desplode2{0%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:rgba(0,0,0,.12)}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.3)}
}.company_subscribe .explode-circle{animation:explode2 .5s forwards}
.company_subscribe .desplode-circle{animation:desplode2 .5s forwards}
.aside{float:left;width:230px}
.side-tit-bar{position:relative;margin-bottom:15px}
.side-tit-bar .side-tit{position:relative;font-size:16px;font-weight:normal;height:38px;overflow:hidden;white-space:nowrap;line-height:38px;color:#FFF;padding:0 0 0 15px;background:#000;text-transform:uppercase}
.side-widget{position:relative;margin:0 0 50px}
.side-cate{padding:0 0 0 10px}
.side-cate li{position:relative;line-height:1.3em;font-size:14px;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}
.side-cate li li{font-size:12px}
.side-cate li a{position:relative;display:block;margin-right:38px;padding:8px 0}
.side-cate ul{display:none;overflow:visible !important;padding-bottom:6px}
.side-cate li li{padding:3px 0}
.side-cate li li a{padding:4px 10px 4px 15px;margin-right:0;position:relative}
.side-cate li li a:hover,.side-cate li li.active>a{color:#e60011}
.side-cate li li a:hover:before,.side-cate li li.active>a:before{background-color:#e60011}
.side-cate li li a:before{content:'';display:inline-block;width:5px;height:5px;background-color:#ccc;position:absolute;left:0;top:9px}
.side-cate li li li a{padding:0 66px;margin-right:0}
.side-cate>li{border-bottom:1px solid #ddd}
.side-cate li .icon-cate{position:absolute;right:10px;top:6px;display:inline-block;width:20px;height:20px;line-height:23px;overflow:hidden;text-align:center;font-size:10px;cursor:pointer;color:#99abb7;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.side-cate li .icon-cate.icon-cate-down:before{content:'\f067'}
.side-cate li .icon-cate.icon-cate-up:before{content:'\f068'}
.side-cate li.nav-current > .icon-cate,.side-cate li:hover > .icon-cate,li.show_li >.icon-cate{color:#99abb7}
.side-cate li .icon-cate:hover{background-color:#99abb7;color:#fff}
.side-product-items{position:relative}
.side-product-items .items_content{position:relative;padding:35px 0}
.side_product_item{position:relative;display:block;width:100%;overflow:hidden;border:1px solid #ebebeb}
.side_product_item figure{position:relative;display:table;width:100%;overflow:hidden}
.side_product_item .item-img,.side_product_item figcaption{display:table-cell;vertical-align:middle}
.side_product_item .item-img{width:60px;padding:5px;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}
.side_product_item .item-img:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.side_product_item .item-img img{display:block;width:60px;height:60px}
.side_product_item figcaption{padding-left:8px;padding-right:8px}
.side_product_item figcaption h3{font-size:13px;font-weight:normal}
.side_product_item figcaption h3 a{display:block;max-height:2.6em;line-height:1.3em;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.side_product_item:hover{border-color:#e60011;z-index:1}
.side_product_item:hover .item-img:before{background-color:rgba(255,255,255,.3)}
.side_product_item:hover figcaption h3 a{color:#e60011}
.side-product-items .swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.side-product-items .side_slider{max-height:360px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}
.side-product-items .side_slider .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.side-product-items .side_product_item{height:90px}
.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:32px;line-height:32px;opacity:1;filter:alpha(opacity=100);font-size:28px;color:#ccd3d9;z-index:1;text-align:center;cursor:pointer}
.side-product-items .swiper-button-disabled{color:#eee;cursor:default}
.side-product-items .btn-prev:before,.side-product-items .btn-next:before{font-weight:bold;display:inline-block;-webkit-transform:scale(4,1);-ms-transform:scale(4,1);-o-transform:scale(4,1);transform:scale(4,1)}
.side-product-items .btn-prev{top:0}
.side-product-items .btn-prev:before{content:'\f106';content:'∧'}
.side-product-items .btn-next{bottom:0}
.side-product-items .btn-next:before{content:'\f107';content:'∨'}
.side-product-items .btn-prev:not(.swiper-button-disabled):hover,.side-product-items .btn-next:not(.swiper-button-disabled):hover{color:#000}
.aside .side-bn{width:100%;margin:0 0 40px}
.aside .side-bn img{width:100%}
.main{position:relative;width:calc(100% - 290px);float:right;padding-bottom:50px}
.main .banner_section{margin-bottom:25px}
.page_title{line-height:38px;position:relative;font-size:22px;margin:0 0 15px;padding-bottom:5px;font-size:22px;color:#000;border-bottom:1px solid #ddd}
.items_list .page_title{text-transform:uppercase;font-size:22px;font-weight:normal;color:#333;line-height:32px}
.items_list .share_this{float:right;position:absolute;right:0;top:5px}
.main_banner{margin-bottom:15px;position:relative;overflow:hidden}
.main_banner img{display:block;width:100%;height:auto;min-height:160px}
.main_banner .swiper-wrapper li a{display:block;position:relative}
.main_banner .swiper-wrapper li a:before{content:'';display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));background-image:linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));position:absolute;left:0;top:0}
.main_banner .swiper-pagination{width:100%;text-align:center;padding-bottom:15px;position:absolute;left:0;bottom:0;z-index:1}
.main_banner .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff;border-color:#fff;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.6;filter:alpha(opacity=60)}
.main_banner .swiper-pagination-bullet-active{background:none;border:1px solid #fff;opacity:1;filter:alpha(opacity=100)}
.main_intro{line-height:1.6}
.banner_section .main_banner_slider ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0!important}
.page_bar{position:relative;line-height:31px;height:33px;margin:40px 0;text-align:center;font-size:12px}
.page_bar a,.page_bar  span{position:relative;display:inline-block;vertical-align:top;padding:0 12px;border:1px solid #ccc;margin:0 4px;text-align:center;border-radius:3px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');background:-moz-linear-gradient(top,#fefefe,#ececec);background:-o-linear-gradient(top,#fefefe,#ececec);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#ececec));-webkit-transition:none;-o-transition:none;transition:none}
.page_bar a.current,.page_bar a:hover{color:#FFF;background:#333;border-color:#333}
.page_bar a:not(.current):hover{border-color:#333;background-color:#333;color:#fff}
.page_bar  span.current2{margin-left:8px}
.items_list{width:100%;position:relative}
.items_list ul{margin:0 -10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;float:left}
.items_list .product_item figure{margin:10px 10px;border:1px dotted #999;padding:3px;position:relative}
.items_list .product_item .item_img a:before,.goods-may-like .product_item .item_img a:before{display:none}
.items_list .product_item figure:hover,.goods-may-lik .product_item figure:hover{box-shadow:0 20px 15px -15px rgba(0,0,0,.2)}
.items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.items_list .product_item .item_title a,.goods-may-like .product_item .item_title a{padding:0 5%}
.items_list .product_item figcaption{padding-bottom:15px}
.items_list .product_item:hover .item_title a,.goods-may-like .product_item:hover .item_title a{color:#e60011}
/* .product_cell{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;float:left}
.product_cell .cell_inner{display:block;border:1px dotted;position:relative;margin:0 10px 20px}
.product_cell .cell_img{width:50%;float:left}
.product_cell .cell_img img{display:block;width:100%;height:auto}
.product_cell .cell_info{display:block;width:50%;padding:20px 10px 20px 20px;float:left}
.product_cell .cell_title{height:2.4em;line-height:1.2em;overflow:hidden;font-size:16px;font-weight:normal;margin-bottom:1em}
.product_cell .cell_title a{display:block}
.product_cell .cell_attr{margin-bottom:3px}
.product_cell .cell_attr .attr_label{width:40%;float:left;color:#999}
.product_cell .cell_attr .attr_val{width:60%;float:left}
.product_cell .cell_link{display:inline-block;width:45px;height:45px;overflow:hidden;position:absolute;right:0;bottom:0}
.product_cell .cell_link:before{content:'';display:block;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent #0c1c31;border-width:0 0 45px 45px;overflow:hidden;position:absolute;right:0;bottom:0}
.product_cell .cell_link:after{content:'';display:inline-block;width:12px;height:10px;position:absolute;right:8px;bottom:8px;z-index:1;background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAZ0lEQVQYlZXRMQqDQBCF4YUcwFKwWBA8Se5hbW3rJdIFPIeFl0hjIwRyly+VnQuzD6b7f2aGl1Ih6PHDWGLupIwvphqpw4m5RmpxYElYg7PjXbPhhUf0hw1NBM74YIjAVw/P0N2l/AGj0nwpenAmLgAAAABJRU5ErkJggg==)}
.product_cell .cell_inner:hover{border-color:#e60011}
.product_cell .cell_inner:hover .cell_link:before{border-bottom-color:#e60011}
.product-intro{position:relative;overflow:hidden}
.cloud-zoom-lens{border:1px solid #eee;cursor:move}
.cloud-zoom-title{position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px}
.cloud-zoom-big{overflow:hidden;padding:0px}
.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000}
.product-view .swiper-slide{padding-bottom:1px}
.product-view .product-image.zoom_remove:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:999}
.product-view{position:relative;width:40%;float:left}
.product-view .product-image{position:relative}
.product-view .product-image img{position:relative;width:100%}
.product-view .image-additional{position:relative;margin:20px 15px;overflow:hidden}
.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left;overflow:visible}
.product-view .image-additional li.single{display:none}
.product-view .image-additional li img{display:block;position:relative;width:100%;margin:0 auto;border:1px solid #f0f0f0}
.product-view .image-additional li a{display:block;position:relative;padding:0 10%}
/* .product-view .image-additional li.current img{border-color:#e60011} */
.product-view .image-additional img.popup{display:none} */
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
.product-view .swiper-button-next,.product-view .swiper-button-prev{width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:28px;background:none}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:-10px}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:-10px}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display:none}
.product-view .swiper-button-prev:after,.product-view .swiper-button-next:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:11px solid #aaa;border-top-width:9px;border-bottom-width:9px;border-top-color:transparent;border-bottom-color:transparent}
.product-view .swiper-button-prev:after{border-left:0}
.product-view .swiper-button-next:after{border-right:0}
.product-view .swiper-button-prev:hover:after{border-right-color:#333}
.product-view .swiper-button-next:hover:after{border-left-color:#333}
/* .product-summary .page_title{border-bottom:0;padding-bottom:0;line-height:1.3}
.product-summary{position:relative;width:53%;float:right;padding:0 0 10px;font-size:13px}
.product-summary .product-meta{line-height:1.8}
.product-summary .product-meta h3{margin:0 0 5px;font-size:14px}
.product-summary .product-meta li{width:100%;font-size:14px;display:table;padding:6px 0;border-bottom:1px dotted #999}
.product-summary .product-meta li em{display:table-cell;width:40%;font-weight:bold}
.product-summary .product-meta li .item-val{display:table-cell;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word} */
.product-btn-wrap{position:relative;padding-top:30px}
.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;line-height:26px;padding:.3em 1em;font-size:14px;background:#e60011;color:#fff;margin:0 15px 10px 0;box-shadow:0 -3px 0 rgba(0,0,0,.1) inset}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px}
.product-btn-wrap .email:before{content:'\f0e0'}
.product-btn-wrap .pdf:before{content:'\f1c1'}
.product-btn-wrap a:hover{background-color:#cf000f!important;border-color:#cf000f!important;color:#fff!important}
/* .product-summary .share-this{margin:30px 0 0;text-align:right} */
.product-detail{position:relative;overflow:visible;margin:30px 0 0}
.detail-tabs{position:relative;border-bottom:2px solid #0c1c31;margin-bottom:20px}
.detail-tabs .title{position:relative;display:inline-block;font-weight:normal;vertical-align:top;line-height:26px;padding:7px 30px;cursor:pointer;margin:0 5px 0 0;font-size:16px;background-color:#0c1c31;border:2px solid #0c1c31;border-bottom:0;color:#fff;margin-bottom:-2px;position:relative}
.detail-tabs .title.current{background:#fff;border-color:#0c1c31;color:#0c1c31}
.product-detail .tab-panel-content{padding:10px 0;display:block;overflow:hidden}
.product-detail .disabled{display:none}
.goods-may-like{position:relative;overflow:hidden}
.goods-may-like .title{line-height:35px;font-size:20px;margin:50px 0 20px;padding:0 15px;text-transform:uppercase;font-weight:normal;background-color:#000;color:#fff}
.goods-may-like .product_item{width:25%;margin:0;padding:0}
.goods-may-like .swiper-slide{width:25%;overflow:visible}
.goods-may-like .product_item{padding-bottom:2px;margin-right:0}
.goods-may-like .product_item figure{border:1px dotted #999;padding:10px}
.goods-may-like .product_item figure:before{height:3px}
.goods-may-like .product_item .item_title{font-size:16px}
.goods-may-like .product_item .item_img{}
.goods-may-like .swiper-control{position:absolute;right:10px;top:55px}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display:inline-block;width:20px;height:25px;line-height:25px;font-size:20px;font-weight:bold;margin-left:5px;background:none;color:#fff;margin-left:5px;position:static;margin:0;opacity:1;filter:alpha(opacity=100)}
.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity:.5;filter:alpha(opacity=50)}
.goods-may-like .swiper-button-prev:before,.goods-may-like .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.4,1);-ms-transform:scale(.4,1);-o-transform:scale(.4,1);transform:scale(.4,1)}
.web_main{position:relative}
.page_main{background:#FFF;padding:35px 0 0;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sys_sub_head{padding-top:60px;padding-bottom:40px;background-color:#f7f8f9;box-shadow:0 10px 15px rgba(0,0,0,.06) inset}
.sys_sub_head .head_title{font-size:46px;line-height:1.2;font-weight:normal;color:#e60011}
.path_bar{text-align:left;font-size:15px;line-height:32px;padding-top:120px;padding-bottom:30px;border-bottom:1px solid #ebebeb;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
.path_bar .layout{}
.path_bar li{display:inline;padding-right:10px}
.path_bar li:after{content:'>';padding-left:10px}
.path_bar li:last-child:after{display:none}
.mobile-head-items{display:none}
.blog_list{position:relative;width:100%}
.blog-item{position:relative;width:100%;overflow:hidden;padding:35px 20px}
.blog-item:nth-child(2n+1){background:#f9f9f9}
.blog-item:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px dashed #ddd}
.blog-item:after{content:'';display:block;width:0;height:3px;background-color:#e60011;position:absolute;left:0;bottom:0;opacity:0;filter:alpha(opacity=0)}
.blog-item:hover:after{width:100%;opacity:1;filter:alpha(opacity=100);-webkit-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.blog-item .item-img,.blog-item .item-img img{border-radius:5px}
.blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff;margin:0 20px 0 0;float:left}
.blog-item .item-img img{position:relative;width:100%}
.blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:28px;font-weight:normal}
.blog-item .item-info time{display:block;font-size:16px;margin:8px 0;color:#666}
.blog-item .item-info .item-detail{color:#666}
.blog-item .item-info .item-more{margin:20px 0 0;float:right}
.blog-item .item-info .item-more{display:inline-block;padding:.2em .8em;line-height:1.8;color:#e60011;position:relative;text-transform:uppercase}
.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:2px;background-color:#e60011;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.blog-item .item-info .item-more:before{left:0;top:0}
.blog-item .item-info .item-more:after{right:0;bottom:0}
.blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width:0;opacity:0}
.blog-item .item-info .item-more:hover{background-color:#e60011;color:#fff;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.download_list{position:relative;width:100%}
.download-item{position:relative;overflow:hidden;padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee}
.download-item .item-img{max-width:25px}
.download-item .item-title{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;margin:0 10px;font-size:16px;font-weight:bold}
.download-item .item-button{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;float:right;line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer}
.download-item .item-button:before{content:"\f019";margin:0 10px 0 0}
.faq_list{position:relative;width:100%}
.faq-item{position:relative;width:100%;overflow:hidden;padding:0 25px;border:1px solid #eee;margin:0 0 20px}
.faq-item .faq-title{position:relative;font-size:16px;padding:15px 0;cursor:pointer}
.faq-item .faq-title:before{position:absolute;content:"\f067";right:0;font-size:14px}
.faq-item .faq-title.show-title:before{content:'\f068'}
.faq-item .faq-title h3{font-weight:normal}
.faq-item .faq-cont{margin:0 0 25px;display:none}
.faq-item:first-child .faq-cont{display:block}
@media only screen and (max-width:768px){.inquiry-form .form-btn-wrapx .form-btn-submitx{top:0 !important}
}@media only screen and (max-width:1680px){}
@media only screen and (max-width:1440px){.index_product .owl-carousel .owl-stage-outer{overflow:hidden}
.index_product .owl-item:not(.active) .product_item{filter:none}
.index_product .swiper-button-prev,.index_product .swiper-button-next{width:30px;height:60px;line-height:60px;font-size:45px}
.index_product .swiper-button-prev{left:-50px}
.index_product .swiper-button-next{right:-50px}
.product_tabs .tab_item{font-size:14px;margin:0 5px 35px}
.product_tabs .tab_item,.product_tabs .tab_item a{height:75px}
.product_tabs .tab_item a{padding-left:0;padding-right:0}
.product_tabs .tab_item .tab_img{width:26%;height:100%;left:3.5%}
.product_tabs .tab_item .tab_img:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.product_tabs .tab_item .tab_txt{padding-left:31%;padding-right:2%;-ms-word-break:break-all;word-break:break-all}
.product_tabs .tab_item:after{border-width:8px;border-bottom:0;margin-left:-8px;bottom:-12px}
.index_company_intr .intr_small_imgs .ico_player{width:40px;height:40px;line-height:40px;font-size:20px;border-width:4px}
}@media only screen and (max-width:1366px){body{min-width:1100px}
.layout{width:1100px}
.product_cell{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
.product_cell .cell_img{width:200px}
.product_cell .cell_img,.product_cell .cell_info{width:auto;float:none}
.product_cell .cell_info{padding:10px}
.product_cell .cell_title{font-size:14px;text-align:center;margin-bottom:0}
.product_cell .cell_attr{display:none}
.product_cell .cell_link{display:none}
.foot-nav_bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}
.web_footer .foot_nav{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.web_footer .foot_logo{margin-right:30px}
.web_footer .foot_menu li{margin-right:30px}
.web_footer .foot_menu{display:block;margin-right:0}
.web_footer .foot_links{display:block;padding-left:0;border-left:0}
.promote_item .item_img{width:30%}
.promote_item .item_info{margin-left:20%;padding-left:15%}
.promote_item .item_tit{height:2.4em;line-height:1.2em}
.promote_item .item_desc{height:6em;line-height:1.5em}
.index_company_intr .company_intr_cont{padding-left:35px}
.index_company_intr .company_intr_title{margin-bottom:.3em}
.index_company_intr .learn_more{padding-top:30px}
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
}@media only screen and (max-width:1250px){.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
.product_cell{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
.nav_wrap .head_nav>li{margin:0 1.5%}
}@media only screen and (max-width:1200px){body{min-width:inherit}
.layout,.index_product .index_bd .layout{width:92%}
.nav_wrap .head_nav>li{font-size:16px}
}@media only screen and (max-width:1024px){.sys_btn{padding-left:1.5em;padding-right:1.5em}
.sys_btn:after{margin-left:5px}
}@media only screen and (max-width:950px){body{min-width:100%}
.z10000{position:relative;z-index:100000}
.mobile-body-mask{width:100%;height:100vh;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:999}
.mobile-ico-close{width:30px;height:30px;background:#fff url(../images/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0}
.sub-content{position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999}
.lang-more{display:none !important}
.mobile-head-items{position:fixed;top:0;left:0;background:#161622;width:100%;height:25px;line-height:25px;text-align:left;display:block;z-index:999}
.mobile-head-item{float:left;width:45px}
.mobile-head-item.mobile-head-aside{float:right}
.mobile-head-item .title{width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;color:#FFF;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mobile-head-item .title a{position:relative;display:block;color:#FFF}
.mobile-head-item.mobile-head-home .title a:before{content:'\f015'}
.mobile-head-item.mobile-head-nav .title:before{content:'\f0c9'}
.mobile-head-item.mobile-head-language .title:before{content:"\f1ab"}
.mobile-head-item.mobile-head-search .title:before{content:"\f002"}
.mobile-head-item.mobile-head-social .title:before{content:"\f007"}
.mobile-head-item.mobile-head-aside .title:before{content:"\f060"}
.mobile-head-item .main-content-wrap{background:#FFF;top:0;display:block;z-index:99999}
.mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
.mobile-head-item .side-content-wrap{position:fixed;display:block;left:-70%;width:70%;height:100%}
.mobile-head-item .middle-content-wrap{position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden}
.mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
.web_head .logo{position:relative;display:block;float:none;text-align:center;padding:15px 0}
.web_head{padding:25px 0 0;height:auto}
.web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none}
.web_head .nav_wrap{position:static}
.nav_wrap .logo img{height:100px}
.web_head .btn--search{right:0;top:-20px;margin:0}
.web_head .head-search{display:none}
.head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto}
.head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px}
.head-search .search-btn{position:absolute;width:35px;height:100%;background:url(../images/search_btn_mobile.png) no-repeat center center;-webkit-background-size:auto 16px;background-size:auto 16px;border:none;right:0;top:0;display:block !important}
.head-search .search-attr{display:none}
.web_head .head_right{display:none}
.head_layer .layout{display:block;text-align:center}
.index_web_head{position:static;text-align:center}
.index_web_head .head_layer{position:static}
.path_bar{background-attachment:scroll!important}
.head_nav{width:100%}
.head_nav li{position:relative;display:block;width:100%;font-size:16px}
.head_nav > li{border-bottom:1px solid #eee;line-height:35px}
.head_nav > li:after{content:'\f105';position:absolute;right:0;top:0;color:#999;font-size:12px}
.head_nav li ul{display:block;width:100%}
.head_nav li ul li{width:auto;padding:0 10px;font-size:14px;text-transform:lowercase;line-height:30px}
.head_nav li ul li:before{content:"";width:3px;height:3px;background:#999;border-radius:50%;position:absolute;left:0;top:15px}
.head_nav li ul li li{line-height:25px}
.head_nav li ul li li:before{display:none}
.web_head .nav_wrap{display:none}
.web_footer{overflow:hidden}
.web_footer .foot_nav_bar{text-align:center}
.web_footer .foot_logo,.web_footer .foot_nav,.foot_sns{float:none;margin:0 auto}
.web_footer .foot_nav{padding-top:20px}
.web_footer .foot_menu li{margin:0 15px}
.foot_sns{width:100%;padding-top:20px}
.web_footer .contact_item{display:block;-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;text-align:center}
.web_footer .contact_item .item_inner{padding-left:0}
.foot_contact .contact_list .contact_ico{position:static;margin:0 auto}
.foot_contact .contact_list .contact_txt{display:block}
.index_main .slider_banner .swiper-pagination{width:100%;left:0;bottom:15px}
.index_main .slider_banner .slider_swiper_control{position:static}
.index_main .slider_banner .swiper-pagination-bullet{margin:0 5px}
.promote_items{margin:0 -8px}
.promote_item{padding:8px}
.index_product .swiper-button-prev,.index_product .swiper-button-next{display:none}
.index_product .swiper-pagination{display:block;position:static}
.index_company_intr .index_bd .layout{}
.index_company_intr .intr_small_imgs li{width:50%}
.aside{display:none}
.side-widget{margin-bottom:35px}
.side-product-items .items_content{margin-top:10px;padding-top:0;padding-bottom:0}
.side-product-items .btn-prev,.side-product-items .btn-next{display:none}
.side-product-items .side_slider{padding-top:0;padding-bottom:0;max-height:inherit}
.side-product-items .side_slider ul:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.side-product-items .side_slider .swiper-wrapper{width:auto;display:block;margin:0 -5px}
.side-product-items .side_product_item{display:block;width:50%;height:auto!important;float:left;text-align:center;border:0}
.side-product-items .side_product_item:nth-child(2n+1){clear:left}
.side-product-items .side_product_item figure{display:block;width:auto;border:1px solid #eee;padding:3px;margin:5px}
.side-product-items .side_product_item .item-img{display:block;width:100%;float:none;padding:0}
.side-product-items .side_product_item .item-img img{width:100%;height:auto;border:0}
.side-product-items .side_product_item figcaption{width:auto;display:block;padding:8px}
.side-product-items .side_product_item figcaption .item_title{height:auto;font-size:12px;text-transform:none}
.side-product-items .side_product_item figcaption h3 a{height:1.5em;line-height:1.5em}
.page_main{padding-top:25px}
.main{width:auto;float:none;margin:0 auto}
.items_list{width:100%}
.product-item{width:33.333%}
.product-item .item-wrap{margin:8px}
.items_list ul{padding-top:0}
.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
.product_cell{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
.page_bar{margin-top:20px;text-align:center}
.page_title{line-height:1.1;border-bottom:0}
.video_close{display:none}
.image-additional li.image-item.current img{border:none}
.product-view{width:100%;float:none;margin:0 auto 30px}
.product-view .product-image,.single_product_items{display:none}
.image-additional-wrap{display:block}
/* .product-view .image-additional{width:auto;margin:0 -5px}
.product-view .image-additional li a{padding:0 5px}
.product-view .image-additional li.current img,.product-view .image-additional li img{border:1px solid #eee}
.product-view .image-additional li.single{display:block}
.product-view .image-additional li.current a:before,.product-view .image-additional li.current a:after{display:none}
.product-view .swiper-button-next,.product-view .swiper-button-prev{background:rgba(0,0,0,.8);color:#fff}
.product-view .swiper-button-next{right:5px}
.product-view .swiper-button-prev{left:5px}
.product-view .swiper-button-prev:hover:before{border-right-color:#aaa}
.product-view .swiper-button-next:hover:before{border-left-color:#aaa}
.product-summary{position:relative;width:100%;float:none}
.product-summary .share-this{float:none;margin:30px 0}
.product-summary .product-meta li{display:block}
.product-summary .product-meta li em{display:inline;color:#333;padding-right:15px;font-weight:bold}
.product-btn-wrap{text-align:left}
.product-btn-wrap a{margin:0 0 10px !important}
.product-summary .share-this{text-align:left} */
.tab-panel-wrap{padding:30px 0 0}
.goods-may-like .title{margin-top:50px;margin-bottom:50px}
}@media only screen and (max-width:768px){.web_head .logo img{max-height:60px}
.items_list .product_item{width:50%}
.items_list .product_item .item_img{border-left-width:5px}
.items_list .product_item figcaption{padding-left:0;padding-right:0}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display:none}
.slider_banner .swiper-slide img{min-height:160px}
.slider_banner .slider_swiper_control{bottom:20px}
.slider_banner .swiper-pagination-bullets{text-align:center}
}@media only screen and (max-width:640px){.index_company_intr .company_intr_cont{padding-left:0;margin-bottom:20px}
.index_company_intr .company_intr_cont{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;float:none}
.index_company_intr .company_intr_img{display:inline-block;width:auto;float:none;-webkit-box-ordinal-group:2;-moz-order:2;-webkit-order:2;order:2}
.promote_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}
.promote_item .item_inner{background-color:#fff;padding:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px solid #eee}
.promote_item .item_img{width:35%;position:static;float:left}
.promote_item .item_info{width:65%;margin:0;padding:35px 10px 35px 20px;float:left}
.product_tabs{padding-top:15px;font-size:0}
.product_tabs ul{margin:0 -1.5%}
.product_tabs .tab_item{width:47%;margin:0 1.5% 25px}
.product_tabs .tab_item,.product_tabs .tab_item a{height:50px}
.product_tabs .tab_item .tab_img{display:none}
.product_tabs .tab_item .tab_txt{max-height:32px;line-height:16px;overflow:hidden;font-size:12px;padding:0 10px}
.index_company_intr .intr_small_item{margin:5px}
.index_company_intr .intr_small_imgs ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}
.index_company_intr .intr_small_imgs li{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
.items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
.product_cell{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
}@media only screen and (max-width:480px){.mobile-hide{display:none!important}
.gotop{display:none !important}
.service_item{width:100%}
.blog-item .item-img{width:150px}
.table_wrap{overflow-x:scroll}
.layout,.index_product .index_bd .layout{width:100%;padding-left:10px;padding-right:10px}
.web_head .logo img{max-height:50px}
.web_footer .contact_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}
.web_footer .contact_item + .contact_item{border:0}
.web_footer .foot_bar{font-size:12px;opacity:.7}
.side-widget{margin:0 0 30px}
.side-tit-bar .side-tit{font-size:16px;text-transform:none}
.side-cate li li{line-height:20px}
.side-cate li li a{padding:0 15px}
.side-product-items .side_product_item{width:100%;float:none}
.side-product-items .side_product_item figure{margin-left:10px;margin-right:10px}
.index_main .slider_banner .swiper-button-prev,.index_main .slider_banner .swiper-button-next{display:none}
.index_main .slider_banner .swiper-pagination{padding-bottom:0}
.index_main .slider_banner .swiper-pagination-white .swiper-pagination-bullet:before{width:20px;height:2px}
.index_main .slider_banner .slider_swiper_control{bottom:10px}
.sys_btn{font-size:14px}
.index_hd .hd_title,.index_company_intr .company_intr_title{font-size:22px}
.promote_item .item_info{padding:20px 10px 20px 20px}
.promote_item .item_tit{height:auto;font-size:18px}
.promote_item .item_more a{padding:.3em 1em;font-size:12px}
.product_tabs{padding-top:0}
.product_tabs .tab_item{margin-bottom:10px}
.product_tabs .tab_item:after{display:none}
.index_product{padding-top:50px;padding-bottom:50px}
.index_product .product_item figure{padding:1px;margin:1px}
.index_product .swiper-pagination{padding-top:15px}
.index_product .learn_more{padding-top:30px}
.index_company_intr{padding-bottom:50px}
.index_company_intr .intr_small_imgs{margin-left:-10px;margin-right:-10px}
.index_company_intr .intr_small_item{margin:1px}
.index_company_intr .intr_small_imgs .ico_player{width:28px;height:28px;line-height:28px;border-width:3px;font-size:18px}
.index_company_intr .ico_player{width:60px;height:60px;line-height:60px;border-width:4px;font-size:36px}
.sys_sub_head{padding-top:40px;padding-bottom:30px}
.sys_sub_head .head_title{font-size:24px}
.path_bar{font-size:14px;padding-top:40px;padding-bottom:40px}
.main_banner .swiper-pagination-bullet{width:8px;height:8px}
.product_item .item_img a:after{display:none}
.items_list ul{margin:0 -5px}
.items_list .product_item figure{margin:5px}
.items_list .product_item .item_title{font-size:14px}
.items_list .product_item .item_title a{padding:0}
.product_cell .cell_inner{margin:0 5px 10px}
.blog-item{padding:30px 5px}
.blog-item .item-img{width:auto;max-width:100%;float:none;margin-right:0;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}
.blog-item .item-info .item-title{line-height:1.2;font-weight:normal}
.blog-item .item-info{padding-top:15px}
.blog-item .item-info .item-title{height:auto;font-size:22px}
.blog-item .item-info .item-detail{max-height:9em;line-height:1.5em;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.blog-item .item-info .item-more{float:none}
.blog-item .item-info time{font-size:14px;color:#888}
.items_list .share_this{position:static;text-align:left;padding-bottom:15px;float:none}
/* .page_main{padding-top:15px}
.product-intro{overflow:visible}
.product-view{width:auto;margin-left:-10px;margin-right:-10px}
.product-view .image-additional{margin:0 auto}
.product-view .image-additional li{width:100%}
.product-view .image-additional li a{padding:0}
/* .product-view .image-additional li.current img,.product-view .image-additional li img{border:0;padding:0} */
/*.product-view .image-additional li a:before,.product-view .image-additional li a:after{display:none}
.product-view .swiper-button-prev,.product-view .swiper-button-next{width:27px;height:40px;line-height:40px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:20px;opacity:.8}
.product-view .swiper-button-prev{left:0;border-radius:0 3px 3px 0;padding-right:2px}
.product-view .swiper-button-next{right:0;border-radius:3px 0 0 3px;padding-left:2px}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1)}
.product-view .swiper-button-prev:after,.product-view .swiper-button-next:after{display:none}
.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{padding-top:6px;padding-bottom:6px}
.goods-may-like .title{text-transform:none}
.page_title{font-weight:normal;font-size:20px;margin-bottom:10px}
.product-summary{padding-top:0}
.product-summary .page_title{font-size:24px}
.product-summary .product-meta{font-size:14px}
.product-summary .product-meta p{font-size:15px}
.product-summary .product-meta h3{line-height:1.3;font-size:16px}
.product-summary .product-meta li{font-size:13px}
.product-summary .share-this{text-align:left;margin:20px 0 0}
.product-btn-wrap{padding-top:30px}
.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{font-size:14px;padding:5px 10px}
.product-detail{margin-top:40px} */
.detail-tabs .title{font-size:14px;padding:1px 15px}
.tab-panel-wrap{padding:20px 0;border:0}
.goods-may-like .title{margin-top:40px;margin-bottom:30px;font-size:20px}
.goods-may-like .layer-bd{position:relative;padding:0}
.goods-may-like .swiper-slider{position:relative}
.goods-may-like .product_item figure{padding:1px}
.goods-may-like .product_item .item_title{font-size:14px}
.goods-may-like .product_item .item_title a{padding-left:0;padding-right:0}
.goods-may-like .swiper-control{position:static}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{margin:0 5px;font-size:20px}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{width:30px;height:30px;line-height:30px;margin-left:0;margin-right:0;margin-top:-15px;background-color:rgba(0,0,0,.7);position:absolute;border-radius:0%}
.goods-may-like .layer-bd .swiper-button-prev{left:5px}
.goods-may-like .layer-bd .swiper-button-next{right:5px}
}@media only screen and (max-width:320px){.side_product_item{width:100%}
}@font-face{font-family:'fontawesome';src:url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0");src:url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2") format("woff2"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype"),url("../fonts/fontawesome-webfont.svg") format("svg");font-weight:normal;font-style:normal;font-display:fallback}
@font-face{font-family:'AkzidenzGrotesk-Regular';src:url("../fonts/akzidenzgrotesk-regular.eot");src:url("../fonts/akzidenzgrotesk-regular.eot") format("embedded-opentype"),url("../fonts/akzidenzgrotesk-regular.woff2") format("woff2"),url("../fonts/akzidenzgrotesk-regular.woff") format("woff"),url("../fonts/akzidenzgrotesk-regular.ttf") format("truetype"),url("../fonts/akzidenzgrotesk-regular.svg") format("svg");font-weight:normal;font-style:normal}
.slider_banner{position:relative;overflow:hidden}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:55px;height:55px;line-height:55px;text-align:center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size:30px;background-color:#fff;border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{}
.swiper-container:hover .swiper-button-prev{left:65px}
.swiper-container:hover .swiper-button-next{right:65px}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:0.3}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-size:cover;right:10px;left:auto}
.swiper-button-prev:before,.swiper-container-rtl .swiper-button-next:before{content:'<'}
.swiper-button-prev:before,.swiper-button-next:before{font-family:'AkzidenzGrotesk-Regular';font-weight:bold}
.swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{content:'>'}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:3}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;vertical-align:middle;border:0px solid rgba(255,255,255,0);background-color:#f6f5fe;border-radius:50%;margin:0 5px;background-clip:content-box}
.swiper-pagination-bullet-active{background-color:#e60011;border-color:#e60011;opacity:1;filter:alpha(opacity=100)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{opacity:.7;filter:alpha(opacity=70)}
.swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;filter:alpha(opacity=100)}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.3s -webkit-transform;transition:.2s top,.3s -webkit-transform;-o-transition:.2s transform,.3s top;transition:.2s transform,.3s top;transition:.2s transform,.3s top,.3s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.3s -webkit-transform;transition:.2s left,.3s -webkit-transform;-o-transition:.2s transform,.3s left;transition:.2s transform,.3s left;transition:.2s transform,.3s left,.3s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.3s -webkit-transform;transition:.2s right,.3s -webkit-transform;-o-transition:.2s transform,.3s right;transition:.2s transform,.3s right;transition:.2s transform,.3s right,.3s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal{overflow:hidden}
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet:before{background-color:rgba(0,0,0,.9)}
.swiper-pagination-white .swiper-pagination-bullet-active:before{background-color:rgba(255,255,255,.9)}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:50px;height:50px;line-height:50px;border-radius:50%;margin-top:-25px;color:#fff;background-color:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);font-size:24px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;opacity:0;filter:alpha(opacity=0)}
.slider_banner .swiper-button-prev:before,.slider_banner .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.4,1);-ms-transform:scale(.4,1);-o-transform:scale(.4,1);transform:scale(.4,1)}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color:#e60011}
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity:1;filter:alpha(opacity=100)}
.slider_banner .swiper-button-prev{left:40px}
.slider_banner .swiper-button-next{right:40px}
.slider_banner .swiper-pagination{width:100%;text-align:center;left:0;bottom:10px}
.slider_banner .swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;margin:0 8px;border-radius:0;padding:8px 0;background:none}
.slider_banner .swiper-pagination .swiper-pagination-bullet:before{content:'';display:block;width:36px;height:6px;border-radius:1em;background-color:rgba(0,0,0,.9)}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active:before{background-color:rgba(255,255,255,.9)}
.slider_banner .swiper-slide img{width:100%}
.slider_banner .swiper-slide img+img{position:absolute;left:0;top:0}
.slider_banner .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08)}
.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)}
.slider_banner .swiper-pagination-bullet{margin:0 8px}
.slider_banner:hover .swiper-button-prev{left:60px}
.slider_banner:hover .swiper-button-next{right:60px}
@media only screen and (max-width:480px){.index_main .swiper-pagination-bullet{width:8px;height:8px}
}.swiper-container{overflow:hidden\9}
.swiper-container .swiper-wrapper{width:20000%\9}
.swiper-slide{float:left\9}
.product_slider .product_item{width:25%\9}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.swiper-container .swiper-wrapper{width:auto}
}}.entry{padding:15px 0}
.entry{color:#666}
.entry a{color:#0030FF}
.entry p{margin:0;padding:8px 0;font-size:13px;line-height:1.8}
.entry table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}
.entry th,.entry td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px}
.entry th{font-size:12px;background:#eee}
.entry td p,.entry th p,.pd-panel .entry td p,.pd-panel .entry th p{margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3}
.entry td.amts{color:#cb2027}
.entry th#cartDelete{text-align:center}
.entry .button{margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize}
.entry .button:hover{background:#cb2027;color:#fff}
.entry .deletecartitem{width:50px;text-align:center}
.entry .deletecartitem label{display:none}
.entry .stotal td.amts{font-size:18px;font-weight:bold}
.entry img.alignleft{float:left;margin:20px 15px 0 0}
.entry img.alignright{float:right;margin:20px 0 0 15px}
.entry img.alignleftnopad{float:left;margin-left:0}
.entry img.alignrightnopad{float:right;margin-right:0}
.entry img.aligncenter{text-align:center;display:block;margin:20px auto 0 auto}
.entry img{max-width:100%}
.cartitem a{color:#292929;font-weight:bold}
.inquiry-form ul li{background:none}
.entry .inquiry-form-wrap{margin:20px 0 0}
.table_wrap{position:relative;display:block}
.main table{position:relative;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:0 !important}
.main table th,.main table td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px}
.main table th{font-size:12px;background:#eee}
.main table td p,.main table th p,table td p,table th p{margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3}
.main table td.amts{color:#cb2027}
.main table th#cartDelete{text-align:center}
.container{position:relative;min-height:100vh}
.search-ipt{border:0;background:transparent;border-radius:0;-webkit-appearance:none}
.web-search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden}
.web-search .btn--search-close{display:inline-block;font-size:1.8em;border-radius:50%;position:absolute;top:1.25em;right:1.25em;display:none;background-image:url(../images/search_btn_close.png);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto 35%;background-size:auto 35%;background-color:#ccc;width:42px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
.web-search .btn--search-close:hover{background-color:#e60011;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.js .btn--search-close{display:block}
.web-search .search-ipt{font-family:inherit;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:0.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px}
.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:bold}
.web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:bold}
.web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:bold}
.web-search .search-ipt::-webkit-search-cancel-button,.web-search .search-ipt::-webkit-search-decoration{-webkit-appearance:none}
.web-search .search-ipt::-ms-clear{display:none}
.web-search .search-attr{font-size:90%;display:block;width:75%;margin:0 auto;padding:0.85em 0;text-align:right;color:#333}
.js .container{position:relative;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.js .main-wrap--move{height:100vh}
.js .web-search{pointer-events:none}
.js .search--open{pointer-events:auto;opacity:1;visibility:visible}
.web-search .btn--search-close{opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
.search--open .btn--search-close{opacity:1;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;-webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease}
.search__suggestion,.web-search .search-attr{opacity:0;-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform 0.8s;-webkit-transition:opacity 0.8s,transform 0.8s;-ms-transition:opacity 0.8s,transform 0.8s;-o-transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s}
.search--open .search-attr{opacity:1;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:20px}
.js .web-search .search-ipt{font-size:60px;font-weight:bold;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);-ms-transform:scale3d(0,1,1);-o-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;opacity:0;text-transform:uppercase}
.js .web-search .search-ipt,.web-search .search-attr{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s}
.js .search--open .search-ipt{-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;-moz-transition-duration:0.4s;-webkit-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s}
.js .search--open .search-btn{display:none !important}
.web-search .search-attr{padding-bottom:0}
.js .web-search{width:70%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;perspective:1200px}
.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) scale(1,0);-ms-transform:translateY(-30%) scale(1,0);-o-transform:translateY(-30%) scale(1,0);transform:translateY(-30%) scale(1,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.js .search--open::before{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.main-wrap--move:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;left:0;top:0;z-index:100000}
.scrollsidebar,.scrollsidebar a{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif}
.scrollsidebar{position:absolute;z-index:30;top:150px;right:0}
.show_btn{width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../images/show_btn.png) no-repeat center center;position:absolute;right:0;top:0}
.side_content{width:0;height:auto;overflow:hidden;float:left}
.side_content .side_list{width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF}
.side_content .side_list .hd img{width:100%;border-bottom:1px solid #dadada}
.side_content .side_list .cont li{height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative}
.side_content .side_list .cont li a{position:relative;display:block;padding:0 0 0 43px;text-decoration:none}
.side_content .side_list .cont li a:before{content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center}
.side_content .side_list .cont li .email:before{background-image:url(../images/icons01.png)}
.side_content .side_list .cont li .skype:before{background-image:url(../images/icons02.png)}
.side_content .side_list .cont li .inquiry:before{background-image:url(../images/icons03.png)}
.side_content .side_list .cont li .qq:before{background-image:url(../images/icons04.png)}
.ww{margin-left:-30px}
.side_content .side_list .t-code{padding:10px 10px 7px;border-bottom:1px solid #dadada}
.side_content .side_list .t-code img{width:100%}
.side_content .side_list .side_title{height:30px;line-height:30px;padding:0 12px}
.side_content .side_list .side_title .close_btn{background:url(../images/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer}
.side_content .side_list .side_title .close_btn span{display:none}
.inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255,255,255,.5);display:none;z-index:2000}
.inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);z-index:-1}
.inquiry-pop-bd .inquiry-pop{position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;background:#FFF;-webkit-animation:fadeInDownA .4s ease;-o-animation:fadeInDownA .4s ease;animation:fadeInDownA .4s ease}
.inquiry-pop-bd .inquiry-pop .ico-close-pop{position:absolute;right:-10px;top:-10px;width:30px;height:30px;background:url(../images/fancy_close.png) no-repeat center center;cursor:pointer;z-index:1}
.inquiry-form-wrap{position:relative;height:420px;width:100.5%}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none}
@media screen and (max-width:550px){.inquiry-pop-bd{width:auto;left:10px;right:10px;top:10px;bottom:10px;margin:auto}
.inquiry-pop-bd .inquiry-pop{padding:10px}
.scrollsidebar{display:none}
}.prisna-wp-translate-seo{display:none;font-family:Arial,Helvetica,sans-serif}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title,.change-language .change-language-title a{color:#333;font-size:10pt}
.change-language .change-language-title a:after{content:'';display:inline-block;width:0;height:0;border:4px solid #333;border-top-width:5px;border-bottom:0;border-left-color:transparent;border-right-color:transparent;vertical-align:middle}
.change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.change-language .change-language-cont{position:absolute;top:36px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform:scale3d(0.9,0.9,1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh}
.change-language:hover .change-language-cont{transform:scale3d(1,1,1);opacity:1;visibility:visible}
.change-language .change-language-cont li{display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0}
.change-language .change-language-cont li a:hover{color:#e60011}
.change-language .change-language-cont .lang-item-hide{display:none !important}
.change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;cursor:pointer;line-height:30px}
.change-language .change-language-cont .more-active{font-size:20px}
.language-flag span{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden}
.change-language::-webkit-scrollbar{width:5px}
.change-language::-webkit-scrollbar-track{background-color:#fff}
.change-language::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag{position:absolute;left:0;top:50%;display:inline-block;vertical-align:top;*display:inline;*zoom:1;background-repeat:no-repeat;background-image:url(../images/all-m.gif);width:22px;height:16px;margin:-8px 5px 0}
li.language-flag a{position:relative}
.language-flag-af .country-flag{background-position:0 0 !important}
.language-flag-sq .country-flag{background-position:0 -16px !important}
.language-flag-ar .country-flag{background-position:0 -32px !important}
.language-flag-hy .country-flag{background-position:0 -48px !important}
.language-flag-az .country-flag{background-position:0 -64px !important}
.language-flag-eu .country-flag{background-position:0 -80px !important}
.language-flag-be .country-flag{background-position:0 -96px !important}
.language-flag-bg .country-flag{background-position:0 -112px !important}
.language-flag-ca .country-flag{background-position:0 -128px !important}
.language-flag-zh .country-flag{background-position:0 -144px !important}
.language-flag-zh-TW .country-flag{background-position:0 -160px !important}
.language-flag-hr .country-flag{background-position:0 -176px !important}
.language-flag-cs .country-flag{background-position:0 -192px !important}
.language-flag-da .country-flag{background-position:0 -208px !important}
.language-flag-nl .country-flag{background-position:0 -240px !important}
.language-flag-en .country-flag{background-position:0 -256px !important}
.language-flag-et .country-flag{background-position:0 -272px !important}
.language-flag-tl .country-flag{background-position:0 -288px !important}
.language-flag-fi .country-flag{background-position:0 -304px !important}
.language-flag-fr .country-flag{background-position:0 -320px !important}
.language-flag-gl .country-flag{background-position:0 -336px !important}
.language-flag-ka .country-flag{background-position:0 -352px !important}
.language-flag-de .country-flag{background-position:0 -368px !important}
.language-flag-el .country-flag{background-position:0 -384px !important}
.language-flag-ht .country-flag{background-position:0 -400px !important}
.language-flag-iw .country-flag{background-position:0 -416px !important}
.language-flag-hi .country-flag,.language-flag-te .country-flag,.language-flag-kn .country-flag,.language-flag-ta .country-flag,.language-flag-gu .country-flag{background-position:0 -432px !important}
.language-flag-hu .country-flag{background-position:0 -448px !important}
.language-flag-is .country-flag{background-position:0 -464px !important}
.language-flag-id .country-flag{background-position:0 -480px !important}
.language-flag-ga .country-flag{background-position:0 -496px !important}
.language-flag-it .country-flag{background-position:0 -512px !important}
.language-flag-ja .country-flag{background-position:0 -528px !important}
.language-flag-ko .country-flag{background-position:0 -544px !important}
.language-flag-la .country-flag{background-position:0 -560px !important}
.language-flag-lv .country-flag{background-position:0 -576px !important}
.language-flag-lt .country-flag{background-position:0 -592px !important}
.language-flag-mk .country-flag{background-position:0 -608px !important}
.language-flag-ms .country-flag{background-position:0 -624px !important}
.language-flag-mt .country-flag{background-position:0 -640px !important}
.language-flag-no .country-flag{background-position:0 -656px !important}
.language-flag-fa .country-flag{background-position:0 -672px !important}
.language-flag-pl .country-flag{background-position:0 -688px !important}
.language-flag-pt .country-flag{background-position:0 -704px !important}
.language-flag-ro .country-flag{background-position:0 -720px !important}
.language-flag-ru .country-flag{background-position:0 -736px !important}
.language-flag-sr .country-flag{background-position:0 -752px !important}
.language-flag-sk .country-flag{background-position:0 -768px !important}
.language-flag-sl .country-flag{background-position:0 -784px !important}
.language-flag-es .country-flag{background-position:0 -800px !important}
.language-flag-sw .country-flag{background-position:0 -816px !important}
.language-flag-sv .country-flag{background-position:0 -832px !important}
.language-flag-th .country-flag{background-position:0 -848px !important}
.language-flag-tr .country-flag{background-position:0 -864px !important}
.language-flag-uk .country-flag{background-position:0 -880px !important}
.language-flag-ur .country-flag{background-position:0 -896px !important}
.language-flag-vi .country-flag{background-position:0 -912px !important}
.language-flag-cy .country-flag{background-position:0 -928px !important}
.language-flag-yi .country-flag{background-position:0 -944px !important}
.language-flag-bn .country-flag{background-position:0 -960px !important}
.language-flag-eo .country-flag{background-position:0 -976px !important}
.language-flag.language-flag-custom-afghanistan .country-flag{background-position:0 -992px !important}
.language-flag.language-flag-custom-albania .country-flag{background-position:0 -1008px !important}
.language-flag.language-flag-custom-algeria .country-flag{background-position:0 -1024px !important}
.language-flag.language-flag-custom-argentina .country-flag{background-position:0 -1040px !important}
.language-flag.language-flag-custom-australia .country-flag{background-position:0 -1056px !important}
.language-flag.language-flag-custom-austria .country-flag{background-position:0 -1072px !important}
.language-flag.language-flag-custom-belgium .country-flag{background-position:0 -1088px !important}
.language-flag.language-flag-custom-brazil .country-flag{background-position:0 -1104px !important}
.language-flag.language-flag-custom-canada .country-flag{background-position:0 -1120px !important}
.language-flag.language-flag-custom-chile .country-flag{background-position:0 -1136px !important}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag{background-position:0 -1152px !important}
.language-flag.language-flag-custom-ecuador .country-flag{background-position:0 -1168px !important}
.language-flag.language-flag-custom-egypt .country-flag{background-position:0 -1184px !important}
.language-flag.language-flag-custom-england .country-flag{background-position:0 -1200px !important}
.language-flag.language-flag-custom-luxembourg .country-flag{background-position:0 -1216px !important}
.language-flag.language-flag-custom-malaysia .country-flag{background-position:0 -1232px !important}
.language-flag.language-flag-custom-mexico .country-flag{background-position:0 -1248px !important}
.language-flag.language-flag-custom-new-zealand .country-flag{background-position:0 -1264px !important}
.language-flag.language-flag-custom-oman .country-flag{background-position:0 -1280px !important}
.language-flag.language-flag-custom-qatar .country-flag{background-position:0 -1296px !important}
.language-flag.language-flag-custom-saudi-arabia .country-flag{background-position:0 -1312px !important}
.language-flag.language-flag-custom-singapore .country-flag{background-position:0 -1328px !important}
.language-flag.language-flag-custom-south-africa .country-flag{background-position:0 0 !important}
.language-flag.language-flag-custom-switzerland .country-flag{background-position:0 -1344px !important}
.language-flag.language-flag-custom-syria .country-flag{background-position:0 -1360px !important}
.language-flag.language-flag-custom-united-arab-emirates .country-flag{background-position:0 -1376px !important}
.language-flag.language-flag-custom-united-states-of-america .country-flag{background-position:0 -1392px !important}
.language-flag-hy .country-flag{background-position:0 -1408px}
.language-flag-bs .country-flag{background-position:0 -1424px}
.language-flag-ceb .country-flag{background-position:0 -1440px}
.language-flag-ny .country-flag{background-position:0 -1456px}
.language-flag-ha .country-flag{background-position:0 -1472px}
.language-flag-hmn .country-flag{background-position:0 -1488px}
.language-flag-ig .country-flag{background-position:0 -1504px}
.language-flag-jw .country-flag{background-position:0 -1520px}
.language-flag-kk .country-flag{background-position:0 -1536px}
.language-flag-km .country-flag{background-position:0 -1552px}
.language-flag-lo .country-flag{background-position:0 -1568px}
.language-flag-la .country-flag{background-position:0 -1584px}
.language-flag-mg .country-flag{background-position:0 -1600px}
.language-flag-ml .country-flag{background-position:0 -1616px}
.language-flag-mi .country-flag{background-position:0 -1632px}
.language-flag-mr .country-flag{background-position:0 -1648px}
.language-flag-mn .country-flag{background-position:0 -1664px}
.language-flag-my .country-flag{background-position:0 -1680px}
.language-flag-ne .country-flag{background-position:0 -1696px}
.language-flag-pa .country-flag{background-position:0 -1712px}
.language-flag-st .country-flag{background-position:0 -1728px}
.language-flag-si .country-flag{background-position:0 -1744px}
.language-flag-so .country-flag{background-position:0 -1760px}
.language-flag-su .country-flag{background-position:0 -1776px}
.language-flag-tg .country-flag{background-position:0 -1792px}
.language-flag-uz .country-flag{background-position:0 -1808px}
.language-flag-yo .country-flag{background-position:0 -1824px}
.language-flag-zu .country-flag{background-position:0 -1840px}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}
@-webkit-keyframes twinkling{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes OrangePulse{from{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
50%{background-color:rgba(210,174,109,1);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
to{background-color:rgba(210,174,109,.2);-webkit-box-shadow:0 0 10px rgba(210,174,109,1)}
}@-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}
40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}
40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}
80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0)}
25%{-webkit-transform:translateY(-20%)}
50%{-webkit-transform:translateY(0)}
75%{-webkit-transform:translateY(-10%)}
100%{-webkit-transform:translateY(0)}
}@keyframes jump{0%{transform:translateY(0)}
25%{transform:translateY(-20%)}
50%{transform:translateY(0)}
75%{transform:translateY(-10%)}
100%{transform:translateY(0)}
}@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0}
100%{opacity:1}
}.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes zoomInDown{0%{height:0;opacity:0}
100%{height:100%;opacity:1}
}@keyframes zoomInDown{0%{height:0;opacity:0}
100%{height:100%;opacity:1}
}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}
50%{opacity:1}
}@keyframes zoomInA{0%{opacity:0;-webkit-transform:scale3d(.6,.6,.6);transform:scale3d(.6,.6,.6)}
50%{opacity:1}
}.zoomInA{-webkit-animation-name:zoomInA;animation-name:zoomInA}











/* newcss */
/* --- 滚动感应英雄区 (Scroll-Driven Hero) --- */
        .hero-container {
            position: relative;
            height: 100vh;
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* 背景芯片图：通过 JS 动态控制 scale 和 filter */
        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* 使用一张高质感的半导体芯片/微缩电路图 */
            background-image: url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1920&q=80'); 
            background-size: cover;
            background-position: center;
            z-index: 1;
            will-change: transform, filter; /* 性能优化：告知浏览器即将发生重绘 */
            transform: scale(1);
            filter: brightness(1);
        }

        /* 暗色渐变遮罩：增强科技深邃感并辅助对比度 */
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background: radial-gradient(circle, rgba(5,5,5,0.1) 0%, rgba(5,5,5,0.85) 100%); */
            z-index: 2;
        }

        /* 标题文字内容区：通过 JS 动态控制 Y轴位移 和 opacity */
        .hero-content {
            position: relative;
            z-index: 3;
            text-align: center;
            max-width: 900px;
            padding: 0 20px;
            will-change: transform, opacity;
        }

        .hero-subtitle {
            font-size: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 6px;
            color: #ffffff;
            margin-bottom: 20px;
        }

        /* --- 文字渐显动画核心定义 --- */
@keyframes heroTextFadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px); /* 初始位置向下偏移 30 像素 */
    }
    100% {
        opacity: 1;
        transform: translateY(0);    /* 回归原本正常位置 */
    }
}

/* 修改副标题样式：加入进入动效 */
.hero-subtitle {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 6px !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
    
    /* 核心动画属性 */
    opacity: 0.5; /* 初始隐藏 */
    /* animation: heroTextFadeUp 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; */
    animation-delay: 0.2s; /* 稍微等待一眨眼的时间后先亮起 */
}

/* 修改主标题样式：加入进入动效 */
.hero-title {
    font-size: 72px !important; /* 已适配你网站的 px 尺寸 */
    font-weight: 800 !important;
    line-height: 1.25 !important;
    /* background: linear-gradient(180deg, #ffffff 30%, #a5a5a5 100%) !important; */
        background: linear-gradient(180deg, #ffffff 30%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin-bottom: 30px !important;
    
    /* 核心动画属性 */
    opacity: 0; /* 初始隐藏 */
    animation: heroTextFadeUp 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    animation-delay: 0.5s; /* 比副标题晚 0.3 秒亮起，形成视觉先后层次 */
}
/* mp4 */
.cd-hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* 【核心追加】确保视频完美铺满容器，多余部分自动裁剪，绝不拉伸变形 */
    object-fit: cover !important; 
    
    z-index: 1 !important;
    will-change: transform, filter !important; /* 激活 GPU 硬件加速 */
    transform: scale(1);
    filter: brightness(1);
}
        /* --- 滚动填充区（用于触发滚动效果） --- */
        .main-content {
            position: relative;
            z-index: 10;
            background-color: #050505;
            padding: 120px 10%;
        }

        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }

        .info-card {
            background: linear-gradient(145deg, #0f0f0f, #151515);
            border: 1px solid rgba(255, 255, 255, 0.05);
            padding: 40px;
            border-radius: 16px;
            transition: transform 0.3s, border-color 0.3s;
        }

        .info-card:hover {
            transform: translateY(-5px);
            border-color: rgba(0, 255, 204, 0.3);
        }

        .info-card h2 {
            font-size: 1.5rem;
            color: #00ffcc;
            margin-bottom: 15px;
        }

        .info-card p {
            color: #888888;
            line-height: 1.8;
            font-size: 0.95rem;
        }

        
/* 发展模块 */
/* ==========================================================================
   【半导体高定制】全宽幅流线发展历程样式表
   ========================================================================== */
.cn-time-section {
    position: relative !important; /* 确保父级有相对定位，这是 absolute 的地基 */
    background-color: #f8fafc !important; 
    padding: 130px 0 !important;
    width: 100% !important;
    overflow: hidden !important; /* 必须加这句：保险锁，防止任何溢出的像素撑坏页面 */
    box-sizing: border-box !important;
}

.cn-time-geo-bg {
    position: absolute !important;
    top: 0 !important;  /* 🛠️ 必须恢复！强制把背景图的头顶锁在模块的最上方 */
    left: 0 !important; /* 锁在最左方 */
    width: 100% !important; 
    height: 100% !important; /* 现在 100% 高度会完美贴合父级，绝不溢出 */
    
    background-image: url('../images/diqiu.png') !important; 
    background-repeat: no-repeat !important; 
    
    /* 🛠️ 优化调整：既然能显示了，我们让它的尺寸更克制。
       如果你想让地图在右侧当背景，设为 60%~70% 的宽度，高度按 auto 比例缩放，这样最精致。 */
    background-size: 90% auto !important; 
    
    /* 🛠️ 定位微调：因为你原图是全宽的，我们用 100% 或者 90% 的位置，
       把它往右边推，让左边空出来留给时间轴文字。 */
    background-position: 50% center !important; 
    
    opacity: 0.12 !important; /* 稍微再调淡一点点，像素点太多时暗影淡才显得高级 */
    z-index: 1 !important;
    pointer-events: none !important;
    display: block !important;
}
.cn-time-container {
    max-width: 1650px !important; /* 对齐全站最豪迈的 1650px 宽幅 */
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

/* 头部升级：左右平衡结构 */
.cn-time-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    margin-bottom: 90px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 25px !important;
}
.cn-time-sub-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 4px !important;
    margin: 0 0 8px 0 !important;
}
.cn-time-main-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}
.cn-time-stat-tag {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0052cc !important; /* 经典科技蓝 */
    background: rgba(0, 82, 204, 0.06) !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    letter-spacing: 1px !important;
}

/* 时间轴主舱 */
.cn-time-timeline {
    position: relative !important;
    width: 100% !important;
    padding: 20px 0 !important;
}

/* 贯穿轴线：做成极细的 1px 浅色冷轨，悬停时会有色块向下延展的感觉 */
.cn-time-axis-line {
    position: absolute !important;
    left: 240px !important; /* 将轴线精准定位于年份与内容之间 */
    top: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    background: linear-gradient(to bottom, #0052cc 0%, #e2e8f0 20%, #e2e8f0 80%, #cbd5e1 100%) !important;
    z-index: 1 !important;
}

/* 单个时序行卡片 */
.cn-time-item {
    display: flex !important;
    position: relative !important;
    margin-bottom: 70px !important; /* 极宽敞的行距 */
    z-index: 2 !important;
    transition: all 0.4s ease !important;
}
.cn-time-item:last-child {
    margin-bottom: 0 !important;
}

/* 轴线锚点舱 */
.cn-time-badge {
    position: absolute !important;
    left: 240px !important;
    top: 14px !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 精密核心圆点 */
.cn-time-dot {
    width: 8px !important;
    height: 8px !important;
    background-color: #cbd5e1 !important;
    border-radius: 50% !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 2 !important;
}

/* 当前/高亮年份的呼吸雷达光晕 */
.cn-time-pulse {
    position: absolute !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #e60012 !important; /* 企业红激光圈 */
    border-radius: 50% !important;
    z-index: 1 !important;
    animation: luxPulse 2s infinite !important;
    opacity: 0;
}

@keyframes luxPulse {
    0% { transform: scale(0.6); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* 核心内容网格结构：左年份(200px) + 间隙(80px) + 右文本(填满) */
.cn-time-content {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* 左侧年份大视觉 */
.cn-time-year-wrapper {
    flex: 0 0 200px !important;
    width: 200px !important;
    text-align: right !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.cn-time-year {
    font-size: 54px !important; /* 超高辨识度粗体大字 */
    font-weight: 900 !important;
    color: #cbd5e1 !important; /* 默认轻量灰，高阶大厂风 */
    font-family: 'Impact', 'Arial Black', sans-serif !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    letter-spacing: -1px !important;
}
.cn-time-status {
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #e60012 !important;
    letter-spacing: 1.5px !important;
    margin-top: 6px !important;
}

/* 右侧文本主舱（通透式无物理边框，完全靠空间留白支撑） */
.cn-time-body {
    flex: 1 !important;
    padding-left: 100px !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: all 0.4s ease !important;
}

.cn-time-text {
    font-size: 16px !important;
    color: #64748b !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    max-width: 950px !important; /* 限制文本最大宽度，防止单行过长导致视线疲劳 */
    transition: color 0.4s ease !important;
}

/* ==========================================================================
   高阶动效交互：悬停激活精密化学反应
   ========================================================================== */

/* 1. 针对当前活动年份 (默认激活2026) */
.cn-time-item.current .cn-time-year {
    color: #0f172a !important; /* 变深邃黑 */
    text-shadow: 0 0 1px rgba(15,23,42,0.1) !important;
}
.cn-time-item.current .cn-time-dot {
    background-color: #e60012 !important; /* 点变红 */
    box-shadow: 0 0 0 4px rgba(230, 0, 18, 0.2) !important;
}
.cn-time-item.current .cn-time-pulse {
    opacity: 1 !important;
}
.cn-time-item.current .cn-time-text {
    color: #1e293b !important;
    font-weight: 500 !important; /* 让当前的文案稍微更清晰一些 */
}

/* 2. 针对任意行的悬停触发 (通用联动) */
.cn-time-item:hover .cn-time-year {
    color: #e60012 !important; /* 年份瞬间点燃科技蓝 */
    transform: translateX(-5px) !important; /* 微弱向左推开，增加灵动感 */
}

.cn-time-item:hover .cn-time-dot {
    background-color: #e60012 !important;
    box-shadow: 0 0 0 5px rgba(0, 82, 204, 0.15) !important;
    transform: scale(1.2) !important;
}

.cn-time-item:hover .cn-time-body {
    transform: translateX(5px) !important; /* 文本微弱向右推开 */
}

.cn-time-item:hover .cn-time-text {
    color: #0f172a !important; /* 文本变清晰深黑 */
}

/* ==========================================================================
   流线型多端响应式适配
   ========================================================================== */
@media (max-width: 1024px) {
    .cn-time-axis-line { left: 40px !important; }
    .cn-time-badge { left: 40px !important; }
    .cn-time-content { flex-direction: column !important; padding-left: 65px !important; box-sizing: border-box !important; }
    .cn-time-year-wrapper { width: 100% !important; text-align: left !important; padding: 0 0 10px 0 !important; flex: none !important; }
    .cn-time-body { padding: 0 !important; }
    .cn-time-header { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
}
@media (max-width: 640px) {
    .cn-time-container { padding: 0 20px !important; }
    .cn-time-section { padding: 80px 0 !important; }
    .cn-time-year { font-size: 38px !important; }
    .cn-time-text { font-size: 14px !important; }
}

/* 关于us */
/* ==========================================================================
   【专属防污染命名空间】关于我们/简介模块样式表
   ========================================================================== */
/* ==========================================================================
   【专属防污染命名空间】关于我们/简介模块样式表
   ========================================================================== *//* ==========================================================================
   【大宽幅 + 纯CSS滚动触发】关于我们模块样式表
   ========================================================================== */
.ab-us-section {
    background-color: #ffffff !important;
    padding: 120px 0 !important; /* 加大上下留白，配合大宽幅视觉 */
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    /* 注册纯 CSS 滚动雷达监测轴 */
    view-timeline-name: --aboutTimeline !important;
    view-timeline-axis: block !important;
}

.ab-us-container {
    max-width: 1800px !important; /* 【核心修改】直接拉宽至 1600px 级大视界 */
    margin: 0 auto !important;
    padding: 0 40px !important; /* 加大两侧安全间距 */
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; 
    gap: 100px !important; /* 【核心修改】大幅拉开两栏间距，营造非居中的空灵张力 */
    box-sizing: border-box !important;
}

/* ==========================================
   左侧：宽幅多层叠加视觉区
   ========================================== */
.ab-us-media-side {
    position: relative !important;
    flex: 1.2 !important; /* 【核心修改】让图片区域占比更大、更舒展 */
    width: 100% !important;
    aspect-ratio: 16 / 10 !important; /* 【核心修改】由正方形改为宽幅电影级比例 */
}

/* 后方斜纹装饰底块（同步拉宽） */
.ab-us-deco-bg {
    position: absolute !important;
    top: -30px !important;
    left: -30px !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #f1f5f9 !important;
    border-radius: 12px !important;
    z-index: 1 !important;
    background-image: linear-gradient(45deg, #e2e8f0 25%, transparent 25%, transparent 50%, #e2e8f0 50%, #e2e8f0 75%, transparent 75%, transparent) !important;
    background-size: 16px 16px !important;
}

/* 前方大图承载容器 */
.ab-us-img-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    z-index: 2 !important;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.12) !important;
}

.ab-us-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 悬停变焦 */
.ab-us-media-side:hover .ab-us-img-wrapper img {
    transform: scale(1.06) !important;
}

/* ==========================================
   右侧：文案信息展示区
   ========================================== */
.ab-us-text-side {
    flex: 1 !important; /* 文本区保持精炼比例 */
    display: flex !important;
    flex-direction: column !important;
}

.ab-us-tagline {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    letter-spacing: 4px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.ab-us-main-title {
    font-size: 40px !important; /* 【核心修改】标题字号加大，匹配大宽幅气场 */
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
}

.ab-us-title-line {
    width: 60px !important;
    height: 4px !important;
    background-color: #e60012 !important;
    margin-bottom: 35px !important;
}

.ab-us-article p {
    font-size: 16px !important; /* 字体略微放大，保障大屏上的极致阅读体验 */
    color: #475569 !important;
    line-height: 1.8 !important;
    margin: 0 0 22px 0 !important;
    text-align: justify !important;
}

.ab-us-article p strong {
    color: #0f172a !important;
    font-weight: 600 !important;
}

.ab-us-article p:last-child {
    margin-bottom: 45px !important;
}

/* 底部优势徽章 */
.ab-us-badges {
    display: flex !important;
    flex-direction: row !important;
    gap: 60px !important; /* 徽章间距拉宽 */
    border-top: 1px dashed #e2e8f0 !important;
    padding-top: 35px !important;
}

.ab-us-badge-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
}

.ab-us-badge-icon {
    width: 48px !important;
    height: 48px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
}

.ab-us-badge-icon.icon-tech {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e60012' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Crect x='9' y='9' width='6' height='6'%3E%3C/rect%3E%3Cline x1='9' y1='1' x2='9' y2='3'%3E%3C/line%3E%3Cline x1='15' y1='1' x2='15' y2='3'%3E%3C/line%3E%3Cline x1='9' y1='21' x2='9' y2='23'%3E%3C/line%3E%3Cline x1='15' y1='21' x2='15' y2='23'%3E%3C/line%3E%3Cline x1='23' y1='9' x2='21' y2='9'%3E%3C/line%3E%3Cline x1='23' y1='15' x2='21' y2='15'%3E%3C/line%3E%3Cline x1='3' y1='9' x2='1' y2='9'%3E%3C/line%3E%3Cline x1='3' y1='15' x2='1' y2='15'%3E%3C/line%3E%3C/svg%3E") !important;
}

.ab-us-badge-icon.icon-service {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e60012' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cpolyline points='9 11 11 13 15 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.ab-us-badge-icon.icon-news {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e60012' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
}


.ab-us-badge-info h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 4px 0 !important;
}

.ab-us-badge-info p {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
}

/* ==========================================================================
   【纯 CSS 视口触发动画机制】
   ========================================================================== */
@keyframes abUsSlideInLeft {
    0% { opacity: 0; transform: translateX(-80px) scale(0.96); }
    100% { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes abUsFadeInUp {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}

.ab-us-animate-left,
[class^="ab-us-animate-up-"] {
    animation-timeline: --aboutTimeline !important;
    animation-range: entry 15% entry 60% !important; /* 当模块进入视口15%时开启，60%时完成 */
    animation-fill-mode: both !important;
}

.ab-us-animate-left { animation-name: abUsSlideInLeft !important; animation-duration: 1s !important; }
.ab-us-animate-up-1 { animation-name: abUsFadeInUp !important; animation-duration: 0.6s !important; }
.ab-us-animate-up-2 { animation-name: abUsFadeInUp !important; animation-duration: 0.7s !important; }
.ab-us-animate-up-3 { animation-name: abUsFadeInUp !important; animation-duration: 0.8s !important; }
.ab-us-animate-up-4 { animation-name: abUsFadeInUp !important; animation-duration: 0.9s !important; }
.ab-us-animate-up-5 { animation-name: abUsFadeInUp !important; animation-duration: 1.0s !important; }

/* 针对老旧浏览器的向下兼容兜底 */
@supports not (animation-timeline: --aboutTimeline) {
    .ab-us-animate-left, [class^="ab-us-animate-up-"] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* ==========================================
   多端极致响应式断点适配
   ========================================== */
@media (max-width: 1200px) {
    .ab-us-container { gap: 50px !important; padding: 0 30px !important; }
    .ab-us-main-title { font-size: 34px !important; }
}
@media (max-width: 992px) {
    .ab-us-container { flex-direction: column !important; gap: 60px !important; }
    .ab-us-media-side { max-width: 600px !important; }
    .ab-us-section { padding: 80px 0 !important; }
}
@media (max-width: 576px) {
    .ab-us-badges { flex-direction: column !important; gap: 24px !important; }
    .ab-us-deco-bg { display: none !important; }
    .ab-us-container { padding: 0 20px !important; }
}

/* 产品中心 */
/* ==========================================================================
   【专属防污染命名空间】产品中心五大类网格样式表
   ========================================================================== */
.pd-grid-section {
    background-color: #ffffff !important; /* 采用与设计图一致的科技极夜深蓝底色 */
    padding: 100px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pd-grid-container {
    max-width: 1600px !important; /* 保持大宽幅一致性 */
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

/* --- 模块头部区 --- */
.pd-grid-header {
    text-align: center !important;
    margin-bottom: 60px !important;
}

.pd-grid-tagline {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important; /* 暗科技灰 */
    letter-spacing: 3px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.pd-grid-main-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #0f172a !important; /* 深色底反衬纯白标题 */
    margin: 0 0 16px 0 !important;
    letter-spacing: 1px !important;
}

.pd-grid-divider {
    width: 50px !important;
    height: 3px !important;
    background-color: #e60012 !important; /* 沿用企业标准核心红 */
    margin: 0 auto !important;
}


/* 锁死外层容器，使用高特异性类名 */
header.sugimoto-honor-grid-header {
    text-align: center !important;
    padding: 40px 0 20px !important;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: transparent !important; /* 防止背景被其他全局样式复写 */
    border: none !important;
}

/* 独立副标题小字 */
.sugimoto-honor-grid-header .sugimoto-honor-tagline {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #e60012 !important; /* 企业红 */
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    display: block !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

/* 独占式弹性包裹层，精准控制内部对齐 */
.sugimoto-honor-grid-header .sugimoto-honor-title-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important; /* 文字与两侧图标的间距 */
    margin: 0 auto 15px !important;
    padding: 0 !important;
    border: none !important;
}

/* 荣誉图标样式严格限定 */
.sugimoto-honor-grid-header .sugimoto-honor-icon-img {
    height: 60px !important;  /* 自动匹配字体高度 */
    width: auto !important;
    object-fit: contain !important;
    user-select: none !important;
    pointer-events: none !important;
    opacity: 0.9 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.3s ease !important;
}

/* 悬停时的精致动态交互 */
.sugimoto-honor-grid-header .sugimoto-honor-title-wrapper:hover .sugimoto-honor-icon-left {
    transform: translateX(-4px) scale(1.03) !important;
}
.sugimoto-honor-grid-header .sugimoto-honor-title-wrapper:hover .sugimoto-honor-icon-right {
    transform: translateX(4px) scale(1.03) !important;
}

/* 独立核心主标题，防止全局 h2 样式污染 */
.sugimoto-honor-grid-header h2.sugimoto-honor-main-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    background: none !important;
    display: inline-block !important;
    border: none !important;
}

/* 底部精致分割线 */
.sugimoto-honor-grid-header .sugimoto-honor-divider {
    width: 60px !important;
    height: 4px !important;
    background: #e60012 !important;
    margin: 0 auto !important;
    border-radius: 2px !important;
    padding: 0 !important;
}



/* --- 核心 CSS Grid 不规则拼贴布局 --- */
.pd-grid-layout {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important; /* 将横向切分为 6 等份 */
    gap: 24px !important; /* 卡片之间的精致间距 */
    width: 100% !important;
}

/* --- 独立卡片基础规则 --- */
.pd-grid-card {
    position: relative !important;
    grid-column: span 2 !important; /* 默认下排每张卡片占 2 份（即 1/3 宽度） */
    height: 340px !important; /* 设定高规格统一高度 */
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #111827 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* 特殊处理：上排左侧大图占 4 份（即 2/3 宽度） */
.pd-grid-layout .pd-card-wide {
    grid-column: span 4 !important;
}

/* --- 图片包装层与变焦特效 --- */
.pd-card-img-box {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
}

.pd-card-img-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 悬浮变焦：图片极其柔和地放大 */
.pd-grid-card:hover .pd-card-img-box img {
    transform: scale(1.06) !important;
}

/* 高级感渐变半透明滤镜遮罩 */
.pd-card-mask {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* 底部黑度加深，确保白色文本不论图片多亮都能清晰可见 */
    background: linear-gradient(to top, rgba(0, 65, 144, 0.9) 0%, rgba(111, 116, 126, 0.4) 60%, rgba(203, 205, 209, 0.2) 100%) !important;
    z-index: 2 !important;
    transition: background 0.4s ease !important;
}

/* 悬浮时遮罩微调增加环境光 */
.pd-grid-card:hover .pd-card-mask {
    /* background: linear-gradient(to top, rgba(11, 17, 30, 0.95) 0%, rgba(11, 17, 30, 0.5) 60%, rgba(11, 17, 30, 0.1) 100%) !important; */
    background: linear-gradient(to top, rgba(240, 65, 65, 0.95) 0%, rgba(111, 116, 126, 0.5) 60%, rgba(203, 205, 209, 0.3) 100%) !important;
}

/* --- 卡片文本内容定位 --- */
.pd-card-content {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 35px !important; /* 加大内边距，提升呼吸感 */
    box-sizing: border-box !important;
    z-index: 3 !important;
}

.pd-card-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
}

/* 悬浮时标题高亮，这里采用你一贯喜爱的红色作点缀，也可以改成纯白色 */
.pd-grid-card:hover .pd-card-title {
    color: #ffffff !important;
}
/* --- 新增：子分类多行垂直排列对齐样式 --- */
.pd-card-sublist {
    display: flex !important;
    flex-direction: column !important; /* 强制垂直向下排列 */
    gap: 6px !important;               /* 每一行分类之间的行间距 */
    margin-bottom: 20px !important;
    max-height: 140px !important;      /* 限制容器最高高度，防止撑变形 */
    overflow: hidden !important;       /* 超出安全防线的部分隐藏 */
    box-sizing: border-box !important;
}

.pd-sublist-item {
    font-size: 14px !important;
    color: #ffffff !important;         /* 灰蓝色科技感文字 */
    line-height: 2.4 !important;
    display: block !important;
    text-align: left !important;       /* 强制左对齐 */
    white-space: nowrap !important;    /* 单词过长时不换行 */
    text-overflow: ellipsis !important;/* 极个别单行过长的子类末尾自动变三个点 */
    overflow: hidden !important;
    opacity: 0.85 !important;
    transition: all 0.3s ease !important;
}

/* 悬停动效：鼠标划过整个卡片时，子里面的列表文字颜色微微提亮，增强精致感 */
.pd-grid-card:hover .pd-sublist-item {
    color: #f5f5f5 !important; /* 悬浮时变成略亮的银灰色 */
    opacity: 1 !important;
}

/* --- 独立微型工业箭头按钮 --- */
.pd-card-link {
    display: inline-block !important;
    text-decoration: none !important;
}

.pd-icon-arrow {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    /* 纯内联代码构造极简科技箭头，告别外部小图标加载慢的隐患 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 卡片悬浮时，箭头变成亮白色（或红）并向右平滑递进 6 像素 */
.pd-grid-card:hover .pd-icon-arrow {
    transform: translateX(6px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* ==========================================================================
   多端多规格响应式断点控制
   ========================================================================== */
@media (max-width: 1200px) {
    .pd-grid-container { padding: 0 30px !important; }
    .pd-card-content { padding: 25px !important; }
    .pd-card-title { font-size: 20px !important; }
}

@media (max-width: 992px) {
    /* 中型屏幕下（如平板），自动转化为平分的两栏卡片对齐 */
    .pd-grid-layout {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .pd-grid-card, .pd-grid-layout .pd-card-wide {
        grid-column: span 1 !important;
        height: 300px !important;
    }
}

@media (max-width: 576px) {
    /* 极端手机屏幕下，自动切换为完全垂直单列一整条排布 */
    .pd-grid-layout {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .pd-grid-card, .pd-grid-layout .pd-card-wide {
        grid-column: span 1 !important;
        height: 260px !important;
    }
    .pd-grid-container { padding: 0 20px !important; }
    .pd-grid-section { padding: 60px 0 !important; }
    .pd-grid-main-title { font-size: 28px !important; }
}
/* ==========================================================================
   【全面修正】高级阶梯弹出动画控制
   ========================================================================== */

/* 初始状态：卡片默认隐藏并向下偏移 */
.pd-grid-section .pd-grid-card {
    opacity: 0 !important;
    transform: translateY(50px) scale(0.98) !important;
    will-change: transform, opacity !important;
    transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 激活状态：当外层模块被泼上 .pd-activated 类名时，内部卡片顺次弹出 */
.pd-grid-section.pd-activated .pd-grid-card {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

/* 利用 CSS 原生 nth-of-type 为编译后的卡片赋予完美的多米诺骨牌级阶梯延迟（Delay） */
.pd-grid-section.pd-activated .pd-grid-card:nth-of-type(1) { transition-delay: 0.1s !important; }
.pd-grid-section.pd-activated .pd-grid-card:nth-of-type(2) { transition-delay: 0.2s !important; }
.pd-grid-section.pd-activated .pd-grid-card:nth-of-type(3) { transition-delay: 0.3s !important; }
.pd-grid-section.pd-activated .pd-grid-card:nth-of-type(4) { transition-delay: 0.4s !important; }
.pd-grid-section.pd-activated .pd-grid-card:nth-of-type(5) { transition-delay: 0.5s !important; }

/* 降级兜底：如果用户禁用了 JS，或者设备性能受限，直接显示不影响体验 */
@media (prefers-reduced-motion: reduce) {
    .pd-grid-section .pd-grid-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
/* brand */
/* ==========================================================================
   【大宽幅交互版】信赖背书与三行全屏跑马灯样式表
   ========================================================================== */
.index_customer {
    background-color: #f4f7fa !important; /* 匹配设计图中的极浅天青灰底色 */
    padding: 90px 0 !important;
    width: 100% !important;
    overflow: hidden !important; /* 必须切断，防止全屏无缝流溢出屏幕出现横向滚动条 */
    box-sizing: border-box !important;
}

.cust-trust-container {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.cust-trust-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.cust-trust-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: 1px !important;
}

/* --- 上半部分：极简卡片轮播区 CSS --- */
.cust-slider-viewport {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 10px 0 !important;
}

.cust-slider-track {
    display: flex !important;
    gap: 24px !important;
    /* 采用高精度硬件过渡，拒绝任何硬跳卡顿 */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; 
    will-change: transform !important;
}

.cust-slider-card {
    /* 大屏并排显示 3 张，计算出精准间距宽度 */
    flex: 0 0 calc((100% - 48px) / 3) !important; 
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 40px 35px !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 260px !important;
}

.cust-card-top {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.cust-card-logo {
    max-height: 100% !important;
    max-width: 160px !important;
    object-fit: contain !important;
}

.cust-card-comment {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 0 20px 0 !important;
    text-align: left !important;
}

.cust-card-author {
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-align: right !important;
}

/* 轮播方向方向箭头 */
.cust-slider-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(255,255,255,0.85) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    color: #94a3b8 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
}
.cust-slider-btn:hover {
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.prev-btn { left: 5px !important; }
.next-btn { right: 5px !important; }

/* --- 下半部分：三行全屏无缝跑马灯 CSS --- */
.cust-marquee-wall {
    width: 100% !important;
    margin-top: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important; /* 行与行之间的空隙 */
}

.marquee-row {
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
}

.marquee-track {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

.marquee-track span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 220px !important; /* 每个 Logo 的标准包装舱宽度 */
    height: 70px !important;
    margin: 0 15px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;
}

.marquee-track span img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
   /* filter: grayscale(100%) opacity(65%) !important;  完美还原大厂中性灰，不喧宾夺主 */
    /*transition: all 0.3s ease !important;*/
}
.marquee-track span:hover img {
    filter: grayscale(0%) opacity(100%) !important; /* 悬停恢复原本色彩 */
}

/* 核心无缝滚动动画定义 */
@keyframes marqueeLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* 正好滚完一半（真实复制体开始）时无缝归零 */
}
@keyframes marqueeRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* 赋予错落有致的方向与速度，完全模拟大厂工业风 */
.marquee-to-left .marquee-track {
    animation: marqueeLeft 50s linear infinite !important;
}
.marquee-to-right .marquee-track {
    animation: marqueeRight 50s linear infinite !important; /* 逆向滚动，速度微调错开 */
}

/* 鼠标移入整行跑马灯时，速度减缓一半，方便客户仔细看 Logo */
.marquee-row:hover .marquee-track {
    animation-play-state: paused !important;
}

/* 底层底部按钮区 */
.cust-trust-footer {
    text-align: center !important;
    margin-top: 50px !important;
}
.cust-more-btn {
    display: inline-block !important;
    padding: 12px 45px !important;
    border: 1px solid #0052cc !important; /* 经典高级科技蓝细线 */
    color: #0052cc !important;
    border-radius: 25px !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.cust-more-btn:hover {
    background-color: #0052cc !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0, 82, 204, 0.2) !important;
}

/* ==========================================================================
   响应式多端适配规则
   ========================================================================== */
@media (max-width: 1200px) {
    .cust-slider-card { flex: 0 0 calc((100% - 24px) / 2) !important; } /* 一行显示 2 个 */
}
@media (max-width: 768px) {
    .cust-slider-card { flex: 0 0 100% !important; } /* 手机端一行显示 1 个 */
    .cust-trust-title { font-size: 26px !important; }
    .cust-trust-container { padding: 0 20px !important; }
    .prev-btn { left: 5px !important; }
    .next-btn { right: 5px !important; }
}


/* news css */
/* ==========================================================================
   【极致宽幅·大厂高定】新闻资讯模块重构样式表
   ========================================================================== */
.luxury_news_section {
    background-color: #ffffff !important;
    padding: 120px 0 !important; /* 加大上下留白，呈现纯净的空间感 */
    width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.lux-news-container {
    max-width: 1650px !important; /* 比原来更宽，气场全开 */
    margin: 0 auto !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

/* 头部：左右对流式排版 */
.lux-news-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    margin-bottom: 70px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 25px !important;
}

.lux-tagline {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 4px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.lux-main-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: 1px !important;
}

.lux-view-all {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.3s ease !important;
}
.lux-view-all .lux-arrow {
    margin-left: 8px !important;
    transition: transform 0.3s ease !important;
}
.lux-view-all:hover {
    color: #e60012 !important; /* 悬停变企业红 */
}
.lux-view-all:hover .lux-arrow {
    transform: translateX(6px) !important;
}

/* 核心非对称两列网格 */
.lux-news-grid {
    display: flex !important;
    gap: 60px !important; /* 加大两列间距，更显通透 */
    width: 100% !important;
}

/* --- 左侧超大视窗舱 (40% 宽度，黄金比例) --- */
.lux-news-left {
    flex: 0 0 40% !important;
    width: 40% !important;
}

.lux-headline-window {
    display: block !important;
    position: relative !important;
    height: 560px !important; /* 拉高纵向视野 */
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.1) !important;
    text-decoration: none !important;
}

.lux-window-img {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0; left: 0;
    z-index: 1 !important;
}
.lux-window-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1s cubic-bezier(0.1, 1, 0.1, 1) !important;
}

/* 悬浮精密玻璃面板信息块 */
.lux-window-panel {
    position: absolute !important;
    bottom: 30px !important;
    left: 30px !important;
    right: 30px !important;
    background: rgb(0 65 144 / 90%) !important;
    backdrop-filter: blur(12px) !important; /* 极其高级的磨砂玻璃透光感 */
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    padding: 30px !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    transition: all 0.4s ease !important;
}

.lux-panel-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}
.lux-panel-tag {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #e60012 !important;
    background: rgba(230, 0, 18, 0.15) !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    letter-spacing: 1px !important;
}
.lux-panel-date {
    font-size: 13px !important;
    color: #94a3b8 !important;
}
.lux-panel-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.5 !important;
}
.lux-panel-btn {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 1.5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 左侧卡片悬停联动交互 */
.lux-headline-window:hover .lux-window-img img {
    transform: scale(1.05) !important;
}
.lux-headline-window:hover .lux-window-panel {
    background: #004190 !important; /* 悬浮时色调变深邃极夜蓝 */
    border-color: rgba(230, 0, 18, 0.4) !important; /* 隐约透出红边 */
}

/* --- 右侧流线无边界列表舱 (60% 宽度) --- */
.lux-news-right {
    flex: 0 0 60% !important;
    width: 60% !important;
    display: flex !important;
    flex-direction: column !important;
}

.lux-news-row {
    position: relative !important;
    padding: 35px 0 !important; /* 拓宽行距，展现高级松弛感 */
    border-bottom: 1px solid #f1f5f9 !important;
    transition: all 0.4s ease !important;
}

/* 重叠背景大数字 */
.lux-row-bg-num {
    position: absolute !important;
    left: 10px !important;
    top: 15px !important;
    font-size: 72px !important;
    font-weight: 900 !important;
    color: #f8fafc !important; /* 极淡的底色，不干扰阅读 */
    font-family: 'Impact', 'Arial Black', sans-serif !important;
    z-index: 1 !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    user-select: none !important;
}

.lux-row-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
}

/* 日期舱逻辑 */
.lux-row-date {
    flex: 0 0 90px !important;
    display: flex !important;
    flex-direction: column !important;
}
.lux-day {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
    transition: color 0.3s ease !important;
}
.lux-year-month {
    font-size: 12px !important;
    color: #94a3b8 !important;
    letter-spacing: 0.5px !important;
}

/* 核心文本块：极大拉伸其宽度 */
.lux-row-body {
    flex: 1 !important;
    padding: 0 40px 0 20px !important;
    box-sizing: border-box !important;
}
.lux-row-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}
.lux-row-title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.lux-row-desc {
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* 限制精准两行描述 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 精致正圆右箭头键 */
.lux-row-action {
    flex: 0 0 50px !important;
    display: flex !important;
    justify-content: flex-end !important;
}
.lux-circle-arrow {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    transition: all 0.4s ease !important;
}
.lux-circle-arrow svg {
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.3s ease !important;
}

/* --- 悬停引爆：极其绚丽精致的科技联动交互 --- */
.lux-news-row:hover {
    background-color: #fbfcfe !important; /* 整行泛出淡淡的高冷天青色 */
}

/* 背景大数字变成企业红并向上浮动 */
.lux-news-row:hover .lux-row-bg-num {
    color: rgba(230, 0, 18, 0.04) !important;
    transform: translateY(-8px) scale(1.05) !important;
}

/* 标题和天数变成科技深邃蓝 */
.lux-news-row:hover .lux-row-title a {
    color: #e60012 !important;
}
.lux-news-row:hover .lux-day {
    color: #e60012 !important;
}

/* 正圆箭头按钮变成实心企业红，内部箭头滑移 */
.lux-news-row:hover .lux-circle-arrow {
    background-color: #e60012 !important;
    border-color: #e60012 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(230, 0, 18, 0.25) !important;
}
.lux-news-row:hover .lux-circle-arrow svg {
    transform: translateX(3px) !important;
}

/* 核心灵魂：底部动态贯穿红线激活自如 */
.lux-row-glow-line {
    position: absolute !important;
    bottom: -1px; left: 0; width: 100%;
    height: 1.5px !important;
    background-color: #e60012 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important; /* 从中心向两端绽放 */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    z-index: 5 !important;
}
.lux-news-row:hover .lux-row-glow-line {
    transform: scaleX(1) !important;
}

/* ==========================================================================
   多端顶级宽幅适配
   ========================================================================== */
@media (max-width: 1200px) {
    .lux-news-grid { flex-direction: column !important; gap: 40px !important; }
    .lux-news-left, .lux-news-right { width: 100% !important; flex: 0 0 100% !important; }
    .lux-headline-window { height: 420px !important; }
}
@media (max-width: 640px) {
    .lux-news-container { padding: 0 20px !important; }
    .luxury_news_section { padding: 70px 0 !important; }
    .lux-main-title { font-size: 28px !important; }
    .lux-row-inner { flex-direction: column !important; align-items: flex-start !important; }
    .lux-row-body { padding: 20px 0 !important; }
    .lux-row-action { width: 100% !important; justify-content: flex-start !important; }
}
/* end */
/* footer */
/* new footer */
.jlc_security_section {
  background: linear-gradient(90deg, #f0f7ff 0%, #ffffff 100%); /* 完美的浅蓝到白渐变 */
  padding: 80px 0;
  overflow: hidden;
  border-top: 1px solid #e2e8f0;
}

.jlc_security_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 左侧文字 */
.security_content { flex: 1; }
.security_title { 
  font-size: 32px; 
  color: #1e293b; 
  font-weight: 700; 
  margin-bottom: 20px; 
}
.security_tags { 
  font-size: 15px; 
  color: #64748b; 
  display: flex; 
  align-items: center; 
  gap: 8px;
  margin-bottom: 35px;
}
.security_tags .dot { color: #cbd5e1; font-weight: bold; }
.security_tags i { color: #3b82f6; }

/* 详情按钮 */
.btn_view_details {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #0052cc;
  border-radius: 25px;
  color: #0052cc;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}
.btn_view_details:hover {
  background: #0052cc;
  color: #fff;
  transform: translateY(-2px);
}

/* 右侧 3D 视觉 */
.security_visual { 
  flex: 1; 
  display: flex; 
  justify-content: flex-end; 
  position: relative;
}
.visual_container {
  width: 400px;
  height: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 模拟玻璃感圆环 */
.glass_ring {
  position: absolute;
  width: 300px;
  height: 300px;
  border: 20px solid rgba(59, 130, 246, 0.05);
  border-radius: 50%;
  transform: rotateX(70deg);
}

.shield_box img {
  max-width: 180px;
  filter: drop-shadow(0 20px 30px rgba(59, 130, 246, 0.2));
  animation: shieldFloat 4s ease-in-out infinite;
}

@keyframes shieldFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(2deg); }
}

/* 响应式适配 */
@media (max-width: 768px) {
  .jlc_security_flex { flex-direction: column; text-align: center; }
  .security_tags { justify-content: center; flex-wrap: wrap; }
  .security_visual { margin-top: 50px; justify-content: center; }
}
/* footer页脚 */

/* 页脚主容器 */
.index_footer {
  background-color: #0f172a; /* 更深邃的科技蓝黑 */
  color: #cbd5e1;
  padding: 100px 0 50px; /* 大幅增加上下留白，显得更透气 */
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.foot_container {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding-bottom: 80px; /* 增加底部间距 */
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sub_nav_list{
  color: #aaadb1;
}

.foot_col { flex: 1; }
.col_info { flex: 1.5; } /* 让公司简介宽一点 */

/* 品牌部分 */
.col_info .foot_logo img { 
  height: 50px; 
  margin-bottom: 35px; 
  filter: brightness(0) invert(1); 
}
.foot_company_profile p { 
  font-size: 15px; 
  line-height: 2; /* 增大行高 */
  color: #94a3b8;
  margin-bottom: 15px;
}
.foot_contact_big { margin-top: 30px; }
.foot_contact_big .c_item { margin-bottom: 10px; font-size: 16px; color: #fff; }
.foot_contact_big b { font-size: 24px; color: #3b82f6; }

/* 标题样式 */
.foot_title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 35px;
  letter-spacing: 1px;
}

/* 栏目列表样式 */
.sub_nav_list li { margin-bottom: 15px; }
.sub_nav_list a { 
  color: #94a3b8; 
  transition: all 0.3s ease; 
  font-size: 14px;
}
.sub_nav_list a:hover { color: #3b82f6; transform: translateX(5px); display: inline-block; }

/* 三二维码并排样式 */
.col_qrcodes_triple { flex: 1.5; }
.qr_flex_wrap { display: flex; gap: 20px; }
.qr_unit { text-align: center; }
.qr_unit img { 
  width: 100px; 
  height: auto; 
  background: #fff; 
  padding: 6px; 
  border-radius: 8px; 
  display: block;
  margin-bottom: 12px;
}
.qr_unit span { font-size: 12px; color: #64748b; }

/* 底部版权信息 */
.foot_bottom_bar {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #475569;
}
.copyright_line p { margin-bottom: 5px; }
.beian_line a { color: inherit; transition: 0.3s; }
.beian_line a:hover { color: #fff; }

/* 移动端适配 */
@media (max-width: 1024px) {
  .foot_container { flex-wrap: wrap; }
  .foot_col { min-width: 40%; margin-bottom: 50px; }
}
/* 3d地球 */
/* ==========================================================================
   【3D地球网络版】关于我们 - 浅色高质感样式表
   ========================================================================== *//* ==========================================================================
   【Three.js 3D地球专配】关于我们 - 国际化浅色样式表
   ========================================================================== */
.cn-globe-module-wrapper {
    position: relative;
    width: 100%;
    height: 850px;
    background-color: #f6f8fb; /* 浅柔灰蓝底色 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
}

/* 背景左上角极光晕染 */
.cn-globe-bg-glow {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(235,244,255,1) 0%, rgba(246,248,251,0) 70%);
    z-index: 1;
}

/* ============ 左侧文案区 ============ */
.cn-globe-info-panel {
    position: absolute;
    top: 40%;
    left: 15%;
    transform: translateY(-50%);
    width: 450px;
    z-index: 10;
}
.cn-globe-title {
    font-size: 46px;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
    margin: 0 0 25px 0;
}
.cn-globe-title span {
    font-size: 28px;
    color: #374151;
    font-weight: 700;
}
.cn-globe-desc {
    margin-top: 40px;
    font-size: 15px;
    color: #4b5563;
    line-height: 1.8;
    margin-bottom: 30px;
}
.cn-globe-btn {
    display: inline-block;
    color: #0052cc;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.cn-globe-btn:hover { color: #003d99; transform: translateX(5px); }

/* ============ 右侧 3D 画布区 ============ */
.cn-globe-canvas-container {
    position: absolute;
    top: 0;
    right: -5%;
    width: 65%;
    height: 100%;
    z-index: 5;
    cursor: grab;
}
.cn-globe-canvas-container:active { cursor: grabbing; }

/* 悬浮数据名牌 */
.cn-floating-card {
    position: absolute;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 12px 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 10px 30px rgba(0, 40, 100, 0.08);
    z-index: 20;
    pointer-events: none; /* 防止遮挡 3D 拖拽 */
}
.card-left { top: 65%; left: 15%; }
.card-right { top: 20%; right: 15%; }

.cn-card-icon { font-size: 24px; color: #0052cc; }
.cn-card-text { display: flex; flex-direction: column; }
.cn-card-lbl { font-size: 12px; color: #6b7280; margin-bottom: 2px; }
.cn-card-val { font-size: 20px; font-weight: 800; color: #0052cc; }

/* 动态计算的城市标签点 */
.cn-city-label {
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
    background: rgba(255,255,255,0.6);
    padding: 2px 6px;
    border-radius: 4px;
    pointer-events: none;
    transform: translate(10px, -10px); /* 偏移一点不挡住红点 */
    white-space: nowrap;
    opacity: 0.8;
    transition: opacity 0.2s;
}

/* ============ 底部数据看板 ============ */
.cn-globe-bottom-stats {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1000px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.03);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 25px 40px;
    z-index: 30;
}
.cn-stat-item { display: flex; flex-direction: column; align-items: flex-start; }
.cn-stat-title { font-size: 13px; color: #6b7280; margin-bottom: 8px; font-weight: 500; }
.cn-stat-value { font-size: 28px; font-weight: 900; color: #111827; font-family: 'Impact', sans-serif; }
.cn-stat-value span { font-size: 14px; font-weight: 600; color: #4b5563; margin-left: 2px; }
.cn-stat-divider { width: 1px; height: 40px; background-color: #e5e7eb; }

/* 响应式 */
@media (max-width: 1024px) {
    .cn-globe-info-panel { left: 5%; width: 320px; }
    .cn-globe-title { font-size: 28px; }
    .cn-globe-title span { font-size: 20px; }
    .cn-globe-canvas-container { width: 100%; right: 0; opacity: 0.6; } /* 移动端背景化 */
    .card-right { right: 5%; }
    .cn-globe-bottom-stats { width: 90%; padding: 20px; flex-wrap: wrap; gap: 20px; }
    .cn-stat-divider { display: none; }
    .cn-stat-item { width: 45%; }
}
.pd-grid-divider_2 {
    width: 50px !important;
    height: 3px !important;
    background-color: #e60012 !important; /* 沿用企业标准核心红 */
    
}