@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:#333;font-family:'SourceSansPro',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:#333;text-decoration:none}



a:focus{outline:none}



a:hover{color:#53b9e3;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_wr.product_item .item_img imgap .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_item .news_cell:after,.news_item figure: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_item .news_cell,.news_item figure{*zoom:1}



.clear{clear:both}



body{width:100%;position:absolute;left:0;top:0;min-width:1200px}



.z9999{z-index:9999!important}



.container{}



.layout{width:1200px;margin:0 auto;position:relative}



.hide{display:none}



.gotop{position:fixed;text-align:center;right:15px;bottom:50px;display:inline-block;background-color:#53b9e3;border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:28px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}



.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}



.gotop em{display:none}



.gotop:before{content:"";display:inline-block;display:inline-block;width:55px;height:55px;border-radius:50%;background-image:url(../images/btn_up.png);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto 17px;background-size:auto 17px;vertical-align:top}



.gotop:hover:before{border-color:#fff}



.gotop:after{content:'';display:block;border:5px solid #fff;border-radius:50%;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0}



.gotop:hover:after{border-width:3px;left:4px;right:4px;top:4px;bottom:4px;opacity:1}



.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:after,.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,.foot_sns li img{-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}



.nav_wrap .head_nav>li>a:after,.web_head .head-search .search-ipt,.ad_item .item_img img,.cate_item .item_img img,.foot_txt_list li a:before,.news_cell .news_tit a:before,.cate_item .item_inner .item_desc:before,.foot_txt_list li a:before,.gotop: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:#fff!important;background-color:#53b9e3;padding:.4em 3em;border-radius:2px}



.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:#02a0e1\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(0,0,0,.1)}



100%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:#02a0e1}



}@keyframes desplode{0%{width:300%;padding:150% 0;margin-left:-150%;margin-top:-150%;background-color:#02a0e1}



100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.1)}



}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'}



a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}



.shine_img{display:block;position:relative;overflow:hidden}



.shine_img img{display:block;width:100%;height:auto}



.shine_img:after{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}



.shine_img:after{content:'';display:block;width:0%;height:100%;position:absolute;left:0;top:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));opacity:0}



.shine_img:hover:after{width:100%;opacity:1}



.scale_item .item_img a,.scale_img{display:block;position:relative;overflow:hidden}



.scale_item .item_img img,.scale_img img,.scale_item .item_img a:before,.scale_img:before{-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}



.scale_item .item_img a:before,.scale_img:before{content:'';display:block;width:0%;height:100%;opacity:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));position:absolute;left:0;top:0;z-index:11}



.scale_item:hover .item_img a img,.scale_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 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out}



.scale_item:hover .item_img a:before,.scale_img:hover:before{width:100%;opacity:1;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}



@-webkit-keyframes shine{100%{left:125%}



}@keyframes shine{100%{left:125%}



}.web_head{width:100%;position:relative;z-index:3}



.head_top{border-bottom:1px solid #f1f1f1;padding:10px 0;line-height:21px;font-size:16px}



.head_top .top_contacts{float:left}



.head_top .top_contact_item{display:inline-block;margin-right:30px}



.head_top .top_contact_ico{display:inline-block;width:21px;height:21px;vertical-align:middle}



.head_top .top_ico_email{background-image:url(../images/contact_ico.png);background-repeat:no-repeat;background-position:0 -42px}



.head_top .top_contact_label{display:inline}



.head_top .top_welcome{float:right}



.head_layer{width:100%;background-color:#fff;padding-top:0px;padding-bottom:0px}



.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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}



.head_layer .head_left,.head_layer .logo,.head_layer .head_right{float:left;-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%}



.head_layer .logo{text-align:center}



.head_layer .logo img{max-height:150px}



.head_layer .head_right{text-align:right}



.web_head .head-search{display:inline-block;position:relative}



.web_head .head-search .search-ipt{display:block;width:230px;border-radius:20px;border:2px solid #f1f1f1;height:37px;line-height:35px;background:none;padding-left:20px;font-size:12px}



.web_head .head-search .search-btn{width:38px;height:35px;background-color:transparent;background-position:center;background-repeat:no-repeat;background-image:url(../images/search_btn.png);border:0;cursor:pointer;position:absolute;right:0;top:0;text-indent:9999px}



.web_head .change-language{display:inline-block;position:relative;text-align:left}



.web_head .change-language .change-language-title{padding-top:7px;padding-bottom:7px}



.web_head .change-language .change-language-title,.web_head .change-language .change-language-title a{color:#333}



.web_head .change-language .change-language-cont{top:36px;border-radius:5px;overflow:hidden;border-top-color:#ddd}



.web_head .change-language:hover .change-language-title,.web_head .change-language:hover .change-language-title a{color:#333}



.nav_wrap{background-color:#ebebeb;text-align:center}



.nav_wrap .head_nav{position:relative;z-index:2}



.nav_wrap .head_nav,.nav_wrap .head_nav a{color:#333}



.nav_wrap .head_nav:after{display:none}



.nav_wrap .head_nav>li{display:inline-block;line-height:50px;font-size:15px;position:relative;perspective:500px;font-family:Arial;vertical-align:middle;position:relative}



.nav_wrap .head_nav>li>a{position:relative;display:inline-block;vertical-align:top;padding:0 25px;text-transform:uppercase}



.nav_wrap .head_nav>li>a>em{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;border-top-width:5px;border-bottom:0;border-left-color:transparent;border-right-color:transparent;vertical-align:middle}



.nav_wrap .head_nav>li li{position:relative;text-align:left;padding:0 15px}



.nav_wrap .head_nav>li li a{display:block;line-height:1.8em;padding:8px 0;font-size:14px;position:relative;color:#8e8e8e}



.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:3px;height:30%;background-color:#02a0e1;position:absolute;left:-15px;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)}



.nav_wrap .head_nav>li li b:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:5px solid #8e8e8e;border-left-width:6px;border-right:0;border-top-color:transparent;border-bottom-color:transparent;position:absolute;right:0;top:50%;margin-top:-5px}



.nav_wrap .head_nav>li li:last-child>a{border-bottom:0}



.nav_wrap .head_nav>li li:hover>a{color:#02a0e1}



.nav_wrap .head_nav>li li:hover>a b:after{border-left-color:#02a0e1}



.nav_wrap .head_nav li.active > a{color:#53b9e3;text-decoration:none}



.nav_wrap .head_nav>li ul ul{left:102%;top:-15px}



.nav_wrap .head_nav>li ul ul:before{display:none}



.nav_wrap .head_nav>li>em{vertical-align:middle}



.nav_wrap .head_nav>li:hover>a{color:#02a0e1}



.nav_wrap .head_nav>li:hover>a>b:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}



.nav_wrap .head_nav>li.nav-current>a:before,.nav_wrap .head_nav>li.nav-current>a:after,.nav_wrap .head_nav:hover>li:hover>a:before,.nav_wrap .head_nav:hover>li:hover>a:after{opacity:1;filter:alpha(opacity=100)}



.nav_wrap .head_nav>li.nav-current>a:before,.nav_wrap .head_nav:hover>li:hover>a:before{width:110%;left:-5%}



.nav_wrap .head_nav:hover>li>a:before,.nav_wrap .head_nav:hover>li>a:after{opacity:0;filter:alpha(opacity=0)}



.nav_wrap .head_nav li ul{width:250px;padding:15px 0;background-color:rgba(0,0,0,.8);background-color:#111\9;position:absolute;left:0;top:100%;z-index:999;-webkit-transform:translateY(15%);-ms-transform:translateY(15%);-o-transform:translateY(15%);transform:translateY(15%);opacity:0;filter:alpha(opacity=0);visibility:hidden;box-sizing:border-box;-webkit-transform-origin:center 0;-moz-transform-origin:center 0;-ms-transform-origin:center 0;-o-transform-origin:center 0;transform-origin:center 0;box-shadow:4px 4px 0 rgba(0,0,0,.1)}



.nav_wrap .head_nav li ul:before{content:'';display:block;width:100%;height:3px;background-color:#02a0e1;position:absolute;left:0;top:-3px}



.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%}



.fixed-nav{width:100%}



.fixed-nav .head_top,.fixed-nav .head_layer{display:none}



.fixed-nav .nav_wrap{background-color:#1f2d5e}



.fixed-nav .nav_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;box-shadow:0 0 10px rgba(0,0,0,.2)}



.fixed-nav .head_nav>li{line-height:60px}



.fixed-nav .head_nav>li>a,.fixed-nav .head_nav li{-webkit-transition:none;-o-transition:none;transition:none;color:#fff}



.fixed-nav .nav_wrap .head_nav li li{font-size:13px}



.fixed-nav .nav_wrap .head_nav>li>a:after{top:auto;bottom:-1px}



.fixed-nav-active .nav_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}



.foot_service{border-top:2px solid #02a0e1;padding-top:40px;padding-bottom:40px}



.foot_service .foot_items{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;margin:0 -2%}



.foot_item{-webkit-box-flex:0 0 22%;-webkit-flex:0 0 22%;-ms-flex:0 0 22%;flex:0 0 22%;max-width:22%;width:22%;display:inline-block;font-size:14px;padding:20px 2%;vertical-align:top}



.foot_item .title{font-size:18px;margin-bottom:10px}



.foot_item .subtit{margin-bottom:12px}



.foot_item_contact{-webkit-box-flex:0 0 29%;-webkit-flex:0 0 29%;-ms-flex:0 0 29%;flex:0 0 29%;max-width:29%;width:29%}



.foot_contact_list .contact_item{line-height:21px;margin-bottom:8px;font-style:normal}



.foot_contact_list .contact_item:hover .contact_ico{opacity:1;filter:alpha(opacity=100)}



.foot_contact_list .contact_ico{display:inline-block;width:21px;height:21px;background-repeat:no-repeat;background-position:0 0;background-image:url(../images/contact_ico.png);float:left;opacity:.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}



.foot_contact_list .contact_ico+.contact_txt{margin-left:23px}



.foot_contact_list .contact_txt{display:block}



.foot_contact_list .item_label{padding-right:5px}



.foot_contact_list .contact_ico_phone{background-position:0 0}



.foot_contact_list .contact_ico_fax{background-position:0 -21px}



.foot_contact_list .contact_ico_email{background-position:0 -42px}



.foot_contact_list .contact_ico_time{background-position:0 -63px}



.foot_contact_list .contact_ico_local{background-position:0 -84px}



.foot_contact_list .contact_ico_skype{background-position:0 -105px}



.news_cell{line-height:1.8em}



.news_cell .news_time,.news_cell .news_tit,.news_cell .news_dots{margin-bottom:5px}



.news_cell .news_time{display:block;font-size:14px;margin-bottom:5px}



.news_cell .news_tit{height:3.2em;font-size:14px;/*font-weight:bold;*/overflow:hidden}



.news_cell .news_tit a{display:block;position:relative}



.news_cell .news_dots{padding-top:5px;margin-bottom:20px}



.foot_txt_list li a{display:block;height:28px;line-height:28px;overflow:hidden;position:relative}



.foot_txt_list li a:before,.news_cell .news_tit a:before{content:'';display:block;width:0%;height:1px;background-color:#02a0e1;position:absolute;left:0;bottom:0;opacity:0}



.foot_txt_list li a:hover:before,.news_cell .news_tit a:hover:before{width:100%;opacity:1}



.foot_items .item_more{padding-top:8px}



.foot_items .item_more a{text-decoration:underline}







/* --- 优化后的社交图标样式 --- */



/* 1. 社交图标容器：增加间距让布局不拥挤 */

.foot_sns {

    padding-top: 25px;

}



/* 2. 列表项：调整图标之间的左右间距 */

.foot_sns li {

    display: inline-block;

    padding: 0 15px 10px 0; 

    vertical-align: middle;

}



/* 3. 核心修改：彻底去掉方块背景和边框 */

.foot_sns li a {

    display: block;

    padding: 0;                /* 去掉原来的内边距 */

    border: none !important;    /* 彻底强制删除黑色边框 */

    outline: none !important;   /* 彻底强制删除白色外线 */

    background: none !important;/* 确保没有背景色 */

    transition: transform 0.3s ease; /* 增加平滑缩放动画 */

}



/* 4. 核心修改：让图标变大 */

.foot_sns li img {

    max-height: none !important; /* 解除原来的 14px 限制 */

    width: 35px !important;      /* 这里控制图标的大小，您可以根据需要改成 40px 或 45px */

    height: 35px !important;

    display: block;

}



/* 5. 悬浮效果：鼠标放上去图标微微放大，更有互动感 */

.foot_sns li a:hover {

    transform: scale(1.15);      /* 鼠标悬停时放大 1.15 倍 */

    border: none !important;

    outline: none !important;

}

.foot_item_inquiry {

    text-align: center;

    -webkit-box-flex: 0 0 20%;

    -webkit-flex: 0 0 20%;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

    width: 20%;

}

.company_subscribe .subscribe_title{font-size:30px;line-height:1;font-weight:normal}



.company_subscribe .sys_btn{display:block;padding:.6em 2em;text-align:center}



.company_subscribe .learn_more{padding-top:10px}



.foot_bar{border-top:2px solid;padding:20px 0}



.foot_bar .foot_left{width:50%;float:left}



.foot_bar .foot_right{width:50%;float:right;text-align:right}



.foot_bar .foot_right,.foot_bar .foot_right a{color:#02a0e1}



.tel_link{pointer-events:none}



@media screen and (max-width:768px){.tel_link{pointer-events:auto}



}.web_main{overflow:hidden}



.index_hd{margin-bottom:50px;text-align:center}



.index_hd .hd_title,.index_hd .hd_title a{color:#000}



.index_hd .hd_title{font-size:26px;text-transform:uppercase}



.index_hd .hd_desc{font-size:16px;font-weight:normal;padding-top:10px;max-width:700px;margin:0 auto}



.slider_banner{border-bottom:1px solid #f1f1f1}



.slide-page-box{display:none}



.index_ad{padding-top:20px;margin-bottom:100px}



.index_ad .ad_items{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;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 -.5%;text-align:center}



.index_ad .ad_item{display:inline-block;vertical-align:top;text-align:center;-webkit-box-flex:0 0 16.66666666%;-webkit-flex:0 0 16.66666666%;-ms-flex:0 0 16.66666666%;flex:0 0 16.66666666%;max-width:16.66666666%;width:16.66666666%;padding:20px .5% 0}



.index_ad .ad_item a{display:block}



.index_ad .ad_item .item_img,.index_ad .ad_item .item_img img{width:auto;height:65px}



.index_ad .ad_item .item_img{display:inline-block;position:relative;overflow:hidden}



.index_ad .ad_item .item_img img{display:block;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}



.index_ad .ad_item .item_img img+img{-webkit-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3);opacity:0}



.index_ad .ad_item figcaption{margin-top:12px}



.index_ad .ad_item .item_title{font-size:16px;color:#999;font-weight:normal}



.index_ad .ad_item:hover .item_img img{-webkit-transform:translateY(-100%) scale(.3);-ms-transform:translateY(-100%) scale(.3);-o-transform:translateY(-100%) scale(.3);transform:translateY(-100%) scale(.3);opacity:0;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none}



.index_ad .ad_item:hover .item_img img+img{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1}



.index_ad .ad_item:hover .item_title{color:#02a0e1}



.product_item{width:33.3333%;float:left}



.product_item figure{margin:0}



.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: flex;

    justify-content: center;

    align-items: center;

    height: 300px;

    position: relative;

    overflow: hidden;

}



.product_item .item_img img {

    width: 224px;

    height: 224px;

    object-fit: fill; /* ✅ 不保持比例，强制填满 */

}







.product_item .item_img a {

    width: 224px !important;

    height: 224px !important;

    position: relative; /* 保持原样 */

    z-index: 1;

    display: block;

    margin: 0 auto;

}



.product_item .item_img a:before {

    width: 100% !important;

    height: 100% !important;

    left: 0;

    top: 0;

    background-color: transparent !important;

}







/*.product_item .item_img img{width:100%;height:350px;}*/



.product_item .item_title{font-weight:normal;font-size:14px;padding:15px 10px;text-align:center}



.product_item .item_title a{display:block;height:2.4em;line-height:1.2em;overflow:hidden;vertical-align:middle;padding:0 5%}



.product_item figure:hover .item_img a:before{background-color:rgba(255,255,255,0.2)}



.product_item figure:hover .item_img img{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}



.product_item figure:hover .item_title a{color:#02a0e1}



.index_main .product_item .item_title{padding:10px}



.index_main .product_item .item_title{font-size:16px}



.index_main .product_item .item_title a{height:1.8em;line-height:1.8em;white-space:nowrap;text-overflow:ellipsis}



.index_product{margin-bottom:90px}



.index_product .product_item{width:20%}



.index_product .index_bd{position:relative}



.index_product .index_bd .layout{overflow:hidden}



.index_featured{margin-bottom:60px}



.index_featured .product_items{margin:0 -10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}



.index_featured .product_item{-webkit-box-flex:0 0 20%;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;width:20%}



.index_featured .product_item figure{margin:0 10px 20px}



.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{width:40px;height:40px;line-height:40px;margin-top:-45px;font-size:24px;border:1px solid #000;border-radius:50%;opacity:1;filter:alpha(opacity=100)}



.index_swiper_control .swiper-button-prev:before,.index_swiper_control .swiper-button-next:before{-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1)}



.index_swiper_control .swiper-button-prev{left:0}



.index_swiper_control .swiper-button-next{right:0}



.index_swiper_control .swiper-button-prev:not(.swiper-button-disabled):hover,.index_swiper_control .swiper-button-next:not(.swiper-button-disabled):hover{background-color:#02a0e1;border-color:#02a0e1;color:#fff}



.banner_layer{margin-bottom:90px}



.banner_layer a{display:block}



.banner_layer a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);opacity:.9}



.index_cates{margin-bottom:80px}



.cate_items{margin-left:-15px;margin-right:-15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}



.cate_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;float:left;padding-bottom:20px}



.cate_item .item_inner{display:block;margin:0 15px;text-align:center;position:relative}



.cate_item .item_inner .item_desc:before{content:'';display:block;width:40%;border-bottom:1px dashed;position:absolute;left:30%;top:0;opacity:0}



.cate_item .item_img,.cate_item .item_img img{display:block;width:100%;height:auto}



.cate_item .item_img{position:relative;overflow:hidden}



.cate_item .item_info{padding:15px 0}



.cate_item .item_tit{color:#e4741e;height:1.2em;line-height:1.2em;overflow:hidden;font-size:30px;margin-bottom:.2em}



.cate_item .item_desc{color:#f6b976;height:2.8em;line-height:1.4em;overflow:hidden;font-size:16px;padding:7px 10px 0;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}



.cate_item:nth-child(1) .item_tit{color:#5d392b}



.cate_item:nth-child(1) .item_desc{color:#b2a8a7}



.cate_item:nth-child(2) .item_tit{color:#b69e7c}



.cate_item:nth-child(2) .item_desc{color:#eacda3}



.cate_item:nth-child(3) .item_tit{color:#00487c}



.cate_item:nth-child(3) .item_desc{color:#aac3d1}



.cate_item .item_img:before,.cate_item .item_img:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease;transition:all .4s ease}



.cate_item .item_img:before{-webkit-transform:scale(0);transform:scale(0)}



.cate_item .item_img:after{display:block;width:60px;height:60px;line-height:60px;background-position:center;background-repeat:no-repeat;left:0;top:0;right:0;bottom:0;margin:auto;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(.5);transform:scale(.5);content:'\f067';font-family:'fontawesome';font-size:30px;color:#fff;text-align:center}



.cate_item .item_inner:hover .item_img:before{-webkit-transform:scale(1);transform:scale(1);background-color:#000;opacity:.5;filter:alpha(opacity=50)}



.cate_item .item_inner:hover .item_img:after{opacity:1;filter:alpha(opacity=100);-webkit-transform:none;transform:none;-webkit-transition-delay:.3s;transition-delay:.3s}



.cate_item .item_inner: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}



.cate_item .item_inner:hover .item_desc:before{width:100%;left:0;opacity:1}



.index_company_intr{padding-top:45px;padding-bottom:45px;text-align:center}



.index_company_intr,.index_company_intr a{color:#000}



.index_company_intr .company_intr_title{font-size:44px;font-weight:300;text-transform:uppercase}



.index_company_intr .company_intr_title:after{content:'';display:block;width:180px;height:5px;background-color:#c62c22;margin:.5em auto 0}



.index_company_intr .company_intr_title .txt_impt{font-weight:bold}



.index_company_intr .company_intr_desc{font-size:16px;padding-top:1.8em;padding-left:5%;padding-right:5%}



.index_company_intr .company_intr_desc p{margin-bottom:.8em}



.index_company_intr .learn_more{padding-top:30px}



.index_news{padding-top:45px;padding-bottom:120px}



.index_news .news_item{margin:0 10% 120px;position:relative}



.index_news .news_item:last-child{margin-bottom:0}



.index_news .news_item figure{background-color:#fff;border:1px solid #d0d0ce;position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}



.index_news .news_item .item_img{display:block;width:57%;float:right;overflow:hidden;position:relative;-webkit-box-ordinal-group:2;-moz-order:2;-webkit-order:2;order:2}



.index_news .news_item .item_img a{display:block}



.index_news .news_item .item_img img{width:100%;height:auto;min-height:100%;-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}



.index_news .news_item .item_cont{width:43%;padding:50px 50px 20px}



.index_news .news_item .item_time{display:block;height:1.2em;line-height:1.2em;overflow:hidden;margin-bottom:10px}



.index_news .news_item .item_tit{font-size:22px;font-weight:normal;max-height:3em;overflow:hidden;margin-bottom:10px}



.index_news .news_item .item_desc{height:9em;line-height:1.5em;overflow:hidden;font-size:16px;margin-bottom:30px}



.index_news .news_item:after{content:'';display:block;position:absolute;right:5%;bottom:0;width:90%;height:8%;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;box-shadow:0 35px 50px rgba(0,0,0,.25)}



.index_news .news_item:hover .item_img a:before{opacity:0.6;width:150%}



.index_news .news_item:hover .item_img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}



.index_news .news_item:hover .item_meta:after{left:0%}



.index_news .news_item .item_img a:before{content:'';display:block;width:0%;height:100%;background-image:-webkit-linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));background-image:linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));position:absolute;left:0;top:0;z-index:1;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}



.index_news .news_item:hover .item_img a:before{width:100%}



.index_business{position:relative}



.index_business .index_bd{width:100%;position:absolute;left:0;top:0;z-index:1}



.index_business .index_bd .layout{}



.index_business .business_cont{max-width:700px;padding-top:80px;padding-left:80px}



.index_business .business_title,.index_business .business_title a{color:#fff}



.index_business .business_title{font-size:44px;line-height:1.1;text-transform:uppercase;padding-bottom:30px}



.index_business .business_title .txt_impt{color:#53b9e3}



.index_business .business_bg img{display:block;width:100%;height:auto;min-height:30em}



.index_business .learn_more{padding-top:50px}



.aside{float:left;width:300px}



.side-tit-bar{position:relative}



.side-tit-bar .side-tit{position:relative;font-size:20px;line-height:49px;color:#FFF;padding:0 20px;background:#1f2d5e;font-weight:normal}



.side-widget{position:relative;margin:0 0 60px}



.side-cate{}



.side-cate li{position:relative;line-height:24px;background:#f3f3f3}



.side-cate li li{background:#f9f9f9}



.side-cate li a{position:relative;display:block;padding:8px 0 8px 20px;margin-right:38px}



.side-cate ul{display:none;overflow:visible !important}



.side-cate li li a{padding:8px 20px 8px 35px;margin-right:0;color:#666}



.side-cate li li a:hover{color:#53b9e3}



.side-cate li li li a{padding:0 66px;margin-right:0}



.side-cate li .icon-cate{position:absolute;right:10px;top:10px;display:inline-block;width:20px;line-height:20px;text-align:center;font-size:10px;cursor:pointer;color:#222;-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:#1f2d5e}



.side-cate li .icon-cate:hover{background-color:#1f2d5e;color:#fff}



.side-product-items{position:relative}



.side-product-items .items_content{position:relative}



.side-product-items .items_content{}



.side_product_item{position:relative;display:block;width:100%;overflow:hidden;margin:0 0 6px}



.side_product_item figure{position:relative;display:block;border:1px solid #eee;overflow:hidden;padding:8px;background:#FFF;position:relative}



.side_product_item .item-img{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:45%}



.side_product_item .item-img img{position:relative;width:100%}



.side_product_item figcaption{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:53%;padding:10px 0 10px 15px}



.side_product_item figcaption .item_title{line-height:1.3;margin:0 0 10px;text-transform:uppercase;font-size:14px;font-weight:normal}



.side_product_item figcaption .item_text{color:#949494;line-height:1.3;font-size:12px}



.side_product_item .add-friend{position:absolute;right:0;bottom:0;width:37px;height:39px}



.side_product_item .add-friend:before{content:'';display:block;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent  #02a0e1;border-width:0 0 39px 39px;overflow:hidden;position:absolute;right:0;bottom:0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}



.side_product_item .add-friend:hover:before{border-bottom-color:#53b9e3}



.side_product_item .add-friend:after{content:"";position:absolute;width:11px;height:11px;bottom:6px;right:6px;background:url(../images/add01.png) no-repeat center center;z-index:1}



.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:15px;display:block;cursor:pointer;opacity:.25}



.aside .side-bn{width:100%;margin:0 0 40px}



.aside .side-bn img{width:100%}



.main{position:relative;width:calc(100% - 340px);float:right;padding-bottom:100px}



.main .banner_section{margin-bottom:25px}



.page_title{line-height:38px;position:relative;font-size:22px;color:#000;margin:0 0 15px;font-weight:normal;padding-bottom:10px;border-bottom:1px solid #ddd;position:relative;z-index:2}



.items_list .page_title{text-transform:uppercase;border-bottom:0;padding-bottom:0;font-size:20px;font-weight:normal;color:#333}



.items_list .share_this{float:right;position:absolute;right:0;top:5px}



.main_banner{margin-bottom:10px;position:relative;overflow:hidden}



.main_banner ul{margin:0}



.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{background-color:#fff;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box}



.main_banner .swiper-pagination-bullet-active{background:none;border:2px solid #fff}



.page_bar{position:relative;line-height:31px;height:33px;margin:50px 0 20px;text-align:center;font-size:12px}



.page_bar a,.page_bar  span{position:relative;display:inline-block;vertical-align:top;min-width:33px;padding:0 5px;border:1px solid #ccc;margin:0 0 0 8px;text-align:center;border-radius:3px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background:-moz-linear-gradient(top,#fefefe,#e3e3e3);background:-o-linear-gradient(top,#fefefe,#e3e3e3);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#e3e3e3))}



.page_bar a.current,.page_bar a:hover{color:#FFF;background:#333333;border-color:#333333}



.items_list {



    width: 100%;



    position: relative;



}







.items_list ul {



    margin: 0 -2px;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



}







.items_list .product_item {



    float: left;



    -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 figure {



    display: block;



    border: 1px solid #c7c7c7;



    padding: 1px;



    margin: 5px;



}







.items_list .product_item:hover figure {



    border-color: #ccc;



    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .15);



}







.items_list .product_item .item_img {



    overflow: hidden;



    border: 0;



    height: 300px; /* 增加正文部分的图片高度 */



}







.items_list .product_item .item_img img {



    width: 100%;



    height: 100%; /* 保持高度填充 */



    object-fit: cover; /* 保证图片内容覆盖整个容器 */



}







.items_list .product_item .item_title {



    font-size: 16px;



}







.side_product_item .item-img a {



    display: block;



    overflow: hidden;



}







.side_product_item .item-img img {



    width: 120px;



    height: 120px;



    /*max-height: 200px;  让侧边栏的图片变扁 */



    object-fit: cover;



}







.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:37.6%;float:left}



.product-view .product-image{position:relative;border:1px solid #ddd}



.product-view .product-image img{position:relative;width:100%}



.product-view .image-additional{position:relative;width:90%;margin:20px auto;overflow:hidden}



.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left}



.product-view .image-additional li.single{display:none}



.product-view .image-additional li img{display:block;position:relative;width:70%;margin:0 auto;border:1px solid #c0c0c0;padding:1px;border-radius:3px}



.product-view .image-additional li a{display:block;position:relative}



.product-view .image-additional li.current img{border:2px solid #53b9e3;padding:0}



.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;-webkit-transform:scale(0.65,1);-ms-transform:scale(0.65,1);-o-transform:scale(0.65,1);transform:scale(0.65,1);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-summary{position:relative;width:57%;float:right;padding:10px 0}



.product-summary .product-meta{line-height:25px}



.product-summary .product-meta h3{margin:0 0 5px;font-size:16px}



.product-summary .product-meta li{width:100%;display:table;font-size:14px;padding:2px 0}



.product-summary .product-meta li em{display:table-cell;width:40%;color:#aaa}



.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:28px;padding:.1em 1em;font-size:13px;border-radius:3px;background:#13adeb;border:2px solid #13adeb;color:#fff;margin:0 15px 10px 0}



.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{color:#13adeb!important;background-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}



.detail-tabs .title{position:relative;display:inline-block;font-weight:normal;vertical-align:top;line-height:26px;padding:1px 20px;cursor:pointer;margin:0 5px 0 0;font-size:13px;background-color:#fff;border:1px solid #ddd;color:#333}



.detail-tabs .title.current{background:#1f2d5e;border-color:#1f2d5e;color:#fff}



.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:16px;margin:50px 0 20px;padding:0 15px;text-transform:uppercase;font-weight:bold;background-color:#1f2d5e;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 solid #d8d8d8;padding: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;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)}



.web_main{position:relative}



.page_main{background:#FFF;padding:50px 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)}



.path_bar{position:relative;overflow:hidden;text-align:center;padding:170px 0 170px;-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);transform:translate3d(0,0,0);-webkit-background-size:cover!important;background-size:cover!important}



.path_bar .path_nav,.path_bar .title{position:relative}



.path_bar,.path_bar a{color:#fff}



.path_bar  a:hover{text-decoration:underline}



.path_bar li{display:inline-block;vertical-align:top;position:relative;font-size:30px;text-transform:uppercase}



.path_bar li:after{content:">";padding:0 0.3em;font-weight:bold}



.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-top:1px solid #ccc;border-bottom:1px solid #ccc}



.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:300px;height:120px;}



.blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:normal}



.blog-item .item-info time{display:block;font-size:16px;margin:8px 0}



.blog-item .item-info .item-detail{}



.blog-item .item-info .item-more{color:#8f9395;margin:20px 0 0;float:right}



.blog-item .item-info .item-more{display:inline-block;padding:.2em .8em;line-height:1.8;color:#53b9e3;position:relative;text-transform:uppercase}



.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:2px;background-color:#53b9e3;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}



.blog-item .item-info .item-more:after{right:0;bottom:0}



.blog-item .item-info .item-more:hover:after{width:0;opacity:0}



.blog-item .item-info .item-more:hover{background-color:#53b9e3;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){.product-view{width:42.6%}



.product-summary{width:52%}



}@media only screen and (max-width:1500px){.path_bar{margin:0 auto}



}@media only screen and (max-width:1440px){}



@media only screen and (max-width:1366px){body{min-width:1100px}



.layout{width:1100px}



}@media only screen and (max-width:1250px){.aside{width:280px}



.main{width:calc(100% - 320px)}



}@media only screen and (max-width:1200px){body{min-width:inherit}



.layout,.index_main .layout{width:92%}



.index_hd .hd_desc{font-size:14px}



.index_main .product_item .item_title{font-size:14px}



.index_ad .ad_item .item_title{font-size:14px}



.index_featured .product_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%}



.cate_items{margin:0 -8px}



.cate_item .item_inner{margin:0 8px}



.cate_item .item_tit{font-size:24px}



.cate_item .item_desc{font-size:14px}



}@media only screen and (max-width:1024px){.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%}



}@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}



.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}



.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{position:static}



.web_head .head_layer,.index_web_head .head_layer{text-align:center;position:static}



.web_head .head_layer .layout{background:none;display:block}



.web_head .head_left{float:none;text-align:center}



.web_head .logo{background:none}



.web_head .logo:before{display:none}



.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_head .head_top{padding-top:5px;padding-bottom:5px}



.web_head .head_left,.web_head .head_right{display:none}



.web_head .logo{display:block;float:none;width:auto;max-width:inherit}



.foot_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%}



.foot_bar .foot_left,.foot_bar .foot_right{width:auto;float:none;text-align:left}



.foot_bar .foot_right{padding-top:5px}



.index_ad .ad_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%}



.index_ad .ad_item .item_img,.index_ad .ad_item .item_img img{height:55px}



.index_featured .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%}



.index_featured .product_items{margin:0 -8px}



.index_featured .product_item figure{margin:0 8px 16px}



.banner_layer .layout{width:100%;margin-left:0;margin-right:0}



.cate_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%}



.aside{display:none}



.side-cate li li a{padding-top:5px;padding-bottom:5px}



.side-product-items .items_content{padding-top:10px}



.side-product-items .btn-prev,.side-product-items .btn-next{display:none}



.side-product-items ul{font-size:0;margin:0 -5px}



.side-product-items .items_content .side_product_item{display:inline-block;vertical-align:top;width:50%;font-size:14px;margin-bottom:10px}



.side_product_item figure{margin:0 5px}



.side_product_item .item-img,.side_product_item figcaption{width:100%;display:block;padding:0}



.side_product_item figcaption{padding:10px 0;text-align:center}



.side_product_item .add-friend{right:5px}



.page_bar{margin-top:20px;text-align:center}



.page_main{padding-top:25px}



.main{width:auto;float:none;margin:0 auto}



.product-item{width:33.333%}



.product-item .item-wrap{margin:8px}



.items_list{width:100%}



.items_list ul{margin:0 -5px}



.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%}



.page_title{line-height:1.1}



.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 .image-additional li img{width:90%;margin:0 5%;border:0}



.product-view .product-image,.single_product_items{display:none}



.image-additional-wrap{display:block}



.product-view .image-additional{width:100%;margin:0}



.product-view .image-additional ul{width:100%}



.product-view .image-additional li{width:100%;margin:0}



.product-view .image-additional li a{padding:0;margin:0;border:0}



.product-view .image-additional li.current img{border-color:inherit}



.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:#000;color:#fff}



.product-view .swiper-button-next{right:5px}



.product-view .swiper-button-prev{left:5px}



.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:767px){.web_head .logo img{max-height:50px;width:auto}



.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display:none}



.foot_sns li{padding:0 10px 5px 0}



}@media only screen and (max-width:640px){.head_top{font-size:14px}



.head_top .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-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}



.head_top .layout:after{display:none}



.head_top .top_contact_item{margin-right:0}



.head_top .top_welcome{max-width:60%;text-align:right}



.index_featured .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%}



.index_featured .product_items{margin:0 -5px}



.index_featured .product_item figure{margin:0 5px 10px}



.cate_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%}



.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%}



}@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}



.web_main .swiper-button-prev:before,.web_main .swiper-button-next:before{-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1);vertical-align:top}



.layout{width:100%;padding-left:10px;padding-right:10px}



.web_main .layout{width:100%}



.side-widget{margin:0 0 30px}



.side-tit-bar .side-tit{font-size:16px;text-transform:none}



.side-cate li a{padding:0 15px}



.side-cate li li{line-height:32px}



.side-cate li li a{padding:0 15px 0 30px}



.side-product-items ul{margin:0}



.side-product-items .items_content .side_product_item{width:100%;float:none}



.side-product-items .side_product_item figure{margin-left:10px;margin-right:10px}



.side-product-items .items_content .side_product_item{width:auto;margin:8px auto}



.side_product_item .add-friend{right:10px}



.head_top .top_contacts,.head_top .top_welcome{-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%;text-align:center}



.head_top .top_ico_email{-webkit-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}



.head_layer{padding-top:10px;padding-bottom:10px}



.path_bar{padding-top:40px;padding-bottom:40px;text-align:center}



.path_bar li{font-size:16px}



.foot_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%}



.foot_bar .foot_right{font-size:12px}



.index_hd .hd_title{font-size:20px}



.index_ad,.index_product,.banner_layer,.index_featured,.index_cates{margin-bottom:50px}



.index_ad .ad_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%}



.index_ad .ad_item .item_img,.index_ad .ad_item .item_img img{height:36px}



.index_ad .ad_item .item_title{font-size:12px;-ms-word-break:break-all;word-break:break-all}



.cate_items{margin:0 -2px}



.cate_item .item_inner{margin:0 2px}



.cate_item .item_tit{font-size:18px}



.index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{font-size:18px;width:32px;height:32px;line-height:32px;margin-top:-38px}



.index_swiper_control .swiper-button-prev{left:10px}



.index_swiper_control .swiper-button-next{right:10px}



.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}



.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;margin-top:-11px}



.product-view .image-additional li a{margin-left:0;margin-right:0}



.product-view .image-additional li a:after{display:none}



.product-view .image-additional li img{width:auto;margin:0}



.product-view .swiper-button-prev,.product-view .swiper-button-next{width:24px;height:36px;line-height:36px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:20px}



.product-view .swiper-button-prev{left:0;border-radius:0 3px 3px 0}



.product-view .swiper-button-next{right:0;border-radius:3px 0 0 3px}



.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:18px;margin-bottom:10px;padding-bottom:20px}



.product-summary .product-meta{font-size:14px}



.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:3px 10px}



.product-detail{margin-top:40px}



.detail-tabs .title{font-size:14px;padding:1px 15px;margin-right:6px}



.tab-panel-wrap{padding:20px 0;border:0}



.goods-may-like .title{margin-top:40px;margin-bottom:30px}



.goods-may-like .layer-bd{position:relative}



.goods-may-like .swiper-slider{position:relative}



.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}



.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{width:24px;height:36px;line-height:36px;border-radius:0;margin-left:0;margin-right:0;margin-top:-18px;background-color:#000;position:absolute}



.goods-may-like .swiper-button-prev{left:0px;border-radius:0 3px 3px 0}



.goods-may-like .swiper-button-next{right:0px;border-radius:3px 0 0 3px}



}@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:'SourceSansPro';src:url("../fonts/sourcesanspro-regular.eot");src:url("../fonts/sourcesanspro-regular.eot") format("embedded-opentype"),url("../fonts/sourcesanspro-regular.woff2") format("woff2"),url("../fonts/sourcesanspro-regular.woff") format("woff"),url("../fonts/sourcesanspro-regular.ttf") format("truetype"),url("../fonts/sourcesanspro-regular.svg") format("svg")}



@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{display:inline-block;vertical-align:top;font-family:'AkzidenzGrotesk-Regular';font-weight:bold;-webkit-transform:scale(.35,1);-ms-transform:scale(.35,1);-o-transform:scale(.35,1);transform:scale(.35,1)}



.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:2}



.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:#eee;border-radius:50%;margin:0 5px;background-clip:content-box}



.swiper-pagination-bullet-active{background-color:#eb7619;border-color:#eb7619;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 {



    height: 100%; /* 容器固定高度 */



    width: 100%; /* 宽度自适应屏幕 */



    display: flex; /* 使用 Flex 布局来垂直和水平居中 */



    justify-content: center; /* 水平居中 */



    align-items: center; /* 垂直居中 */



    overflow: hidden; /* 隐藏容器溢出部分 */



}







.swiper-slide img {



    height: 100%; /* 图片高度填充容器 */



    width: 100%; /* 图片宽度填充容器 */



    object-fit: contain; /* 保持图片完整显示在容器中，不会裁剪 */



    transition: 3s linear; /* 平滑过渡效果 */



    transform: scale(1.08); /* 初始放大效果 */



}















.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)}



.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:56px;height:56px;margin-top:-28px;border-radius:50%;border:1px solid #000;-webkit-box-sizing:content-box;box-sizing:content-box}



.slider_banner .swiper-button-prev:before,.slider_banner .swiper-button-next:before{-webkit-transform:scale(.5,1);-ms-transform:scale(.5,1);-o-transform:scale(.5,1);transform:scale(.5,1)}



.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{border-color:#02a0e1;background-color:#02a0e1;color:#fff;box-shadow:0 0 15px rgba(0,0,0,.3)}



.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity:1;filter:alpha(opacity=100)}



.slider_banner .swiper-pagination-bullet{margin:0 8px}



.slider_banner:hover .swiper-button-prev{left:40px}



.slider_banner:hover .swiper-button-next{right:40px}



.slider_banner .swiper-pagination{bottom:16px}



.slider_banner .swiper-pagination-bullet{background:none;line-height:6px}



.slider_banner .swiper-pagination-bullet,.slider_banner .swiper-pagination-bullet:before{display:inline-block;border-radius:50%}



.slider_banner .swiper-pagination-bullet:before{content:'';width:6px;height:6px;background-color:#aaa;vertical-align:top}



.slider_banner .swiper-pagination-bullet{width:auto;height:auto;padding:2px;border:2px solid #aaa}



.slider_banner .swiper-pagination-bullet-active{border-color:#02a0e1}



.slider_banner .swiper-pagination-bullet-active:before{background-color:#02a0e1}



@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}



.js .web-search{width:100%;height:110px;position:absolute;z-index:100001;top:0;left:0;opacity:0;visibility:hidden;top:36px;background-color:#fff}



.web-search .btn--search-close{display:inline-block;font-size:1.8em;border-radius:50%;position:absolute;top:50%;margin-top:-18px;right:1.25em;display:none;background-image:url(../images/search_btn_close.png);-webkit-background-size:auto 12px;background-size:auto 12px;background-position:center;background-repeat:no-repeat;background-color:#999;width:36px;height:36px;line-height:36px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}



.web-search .btn--search-close:hover{background-color:#53b9e3;-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;vertical-align:top;box-sizing:border-box;width:75%;padding:0.05em 0;color:#333;border-bottom:3px solid #333;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:1em 0 0;text-align:right;color:#999}



.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}



.js .search--open::before{opacity:1}



.web-search .btn--search-close{opacity:0}



.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(-10%,0,0);-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);-o-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,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)}



.js .web-search .search-ipt{font-size:32px;line-height:40px;font-weight:bold;border-bottom-width:1px;padding: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}



.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}



.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;max-height:93vh}



.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{font-size:10pt}



.change-language .change-language-title{padding:0}



.change-language .change-language-title a:after{font-family:'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left:2px}



.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:100%;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 .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(-20%,0,0);transform:translate3d(-20%,0,0)}



100%{opacity:1;-webkit-transform:none;transform:none}



}@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,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,30px,0);transform:translate3d(0,30px,0)}



100%{opacity:1;-webkit-transform:none;transform:none}



}@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,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(20%,0,0);transform:translate3d(20%,0,0)}



100%{opacity:1;-webkit-transform:none;transform:none}



}@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,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,-100%,0);transform:translate3d(0,-100%,0)}



100%{opacity:1;-webkit-transform:none;transform:none}



}@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,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}







/* Added rules for .slider_banner and its images to ensure full coverage */



.slider_banner {



    display: flex;



    height: 100%;



    width: 100%; /* Ensure the banner fills the width of its parent container */



    overflow: hidden; /* Prevent any overflow from the container */



}







.slider_banner .swiper-slide img {



    width: 100%; /* Stretch the image to fill the container's width */



    height: 100%; /* Stretch the image to fill the container's height */



    object-fit: fill; /* This will ignore the image's aspect ratio to ensure it fills the container */



}







/* Custom CSS for setting banner image height and making width responsive */



.slider_banner .swiper-slide img {



    height: 100%; /* Fixed height for the banner image */



    width: 100%; /* Responsive width */



    object-fit: cover; /* Ensures the image covers the area without distortion */



}





/* Modifications for the "上一篇 下一篇" section */

.list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.item {

  width: 48%; /* 调整宽度以适应每行两个项目 */

  margin-bottom: 20px;

  box-sizing: border-box;

}



.item .img {

  width: 100%;

  height: auto;

}



.item .img img {

  width: 100%;

  height: auto;

  object-fit: cover; /* 确保图像填充容器且不失真 */

}



.item .title {

  font-size: 16px;

  color: #333;

  margin-top: 10px;

  text-align: center;

}



.time {

  font-size: 12px;

  color: #999;

  margin-top: 5px;

}



.brief {

  font-size: 14px;

  color: #666;

  margin-top: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

@media (max-width: 768px) {

  .top_support {

            flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

        text-align: center;

  }

}
/* 现代毛玻璃导航栏 */
.nav_wrap {
    background: rgba(255, 255, 255, 0.8) !important; /* 半透明背景 */
    backdrop-filter: blur(10px); /* 核心：模糊背景 */
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: sticky; /* 粘性定位 */
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}
/* 提升硬件产品的高级感 */
.product_item figure {
    border: none !important; /* 去掉老土的细线边框 */
    background: #fff;
    border-radius: 12px; /* 圆角化 */
    padding: 15px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 默认微弱投影 */
}

.product_item figure:hover {
    transform: translateY(-8px); /* 悬浮位移 */
    box-shadow: 0 20px 40px rgba(0,0,0,0.12); /* 悬浮深投影 */
}

/* 强制产品图比例，防止拉伸 */
.product_item .item_img img {
    object-fit: contain !important; /* 保持设备比例不失真 */
    background: #f8f8f8;
    border-radius: 8px;
}
/* ============================================================
   Prestige Solutions 首页核心重新设计
   覆盖原 style.css 样式
   ============================================================ */

/* 1. 导航栏美化：毛玻璃商务感 */
.nav_wrap {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    position: sticky !important;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

/* 2. 核心硬件分类：提升专业感与动画 */
.index_ad { background: #fdfdfd !important; padding: 60px 0; }
.ad_item { transition: transform 0.3s ease; }
.ad_item:hover { transform: translateY(-5px); }

/* 分类图标悬浮高亮效果 */
.ad_item figcaption h3 { transition: color 0.3s ease; }
.ad_item:hover figcaption h3 { color: #02a0e1 !important; }

/* 3. 推荐产品卡片：提升呼吸感与悬浮交互 */
.index_product { background: #fff !important; padding: 60px 0; }
.product_item figure {
    border: none !important; /* 去除旧边框 */
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 默认微弱投影 */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    overflow: hidden;
}

.product_item figure:hover {
    transform: translateY(-10px); /* 悬浮位移 */
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important; /* 悬浮深投影 */
}

/* 4. Banner 标题与描述美化 */
.index_hd { text-align: center; margin-bottom: 40px; }
.hd_title { font-size: 32px; font-weight: 700; color: #333; }
.hd_desc { font-size: 16px; color: #777; max-width: 800px; margin: 15px auto 0; }
/* =======================================================
     5. 行业应用场景 (弹性手风琴互动布局)
     ======================================================= */
  .scenarios_accordion_sec { padding: 90px 0; background: #fff; }
  .accordion_container { display: flex; width: 100%; height: 500px; gap: 15px; }
  
  .acc_panel {
    position: relative;
    flex: 1; /* 默认等宽 */
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); /* 核心：超平滑弹性展开 */
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  }
  
  /* 默认深色渐变遮罩 */
  .acc_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.1) 100%);
    transition: 0.5s ease;
  }
  
  /* 悬停时面板展开，颜色变蓝 */
  .acc_panel:hover { flex: 4; }
  .acc_panel:hover .acc_overlay { background: linear-gradient(to top, rgba(2, 160, 225, 0.9) 0%, rgba(0,0,0,0.3) 100%); }
  
  /* 内容排版 */
  .acc_content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  
  .acc_icon span {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    padding: 5px 12px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 20px;
    margin-bottom: 15px;
    transition: 0.3s;
  }
  
  .acc_text h3 { font-size: 28px; font-weight: 700; margin-bottom: 0; white-space: nowrap; transition: 0.3s; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
  
  /* 隐藏描述，展开时显示 */
  .acc_desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .acc_desc p { font-size: 15px; color: #e0e0e0; line-height: 1.6; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
  
  .acc_btn { display: inline-block; margin-top: 15px; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
  .acc_btn i { margin-left: 5px; transition: 0.3s; }
  
  /* 悬停时的文字与按钮动画 */
  .acc_panel:hover .acc_desc { opacity: 1; max-height: 150px; }
  .acc_panel:hover .acc_icon span { background: #fff; color: var(--primary-blue); border-color: #fff; }
  .acc_panel:hover .acc_btn:hover i { transform: translateX(5px); }
  
  /* 移动端适配：改为垂直手风琴 */
  @media (max-width: 768px) {
    .accordion_container { flex-direction: column; height: 600px; }
    .acc_text h3 { font-size: 20px; white-space: normal; }
    .acc_panel:hover { flex: 2; }
  }