@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:'open-sans',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:#e22e2b;text-decoration:none} input[type="text"]:focus{outline:none} input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer} input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0} hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0} a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0} .clearfix:after,.layout:after,.sys_row:after,.web_main:after,.page_main:after,.nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_item .news_cell:after,.index_service .service_items:after,.index_service .service_cell:after,.index_brands .brand_items:after{content:"";display:block;clear:both;visibility:hidden;height:0} .clearfix,.layout,.sys_row,.web_main,.page_main,.nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_item .news_cell,.index_service .service_items,.index_service .service_cell,.index_brands .brand_items{*zoom:1} .clear{clear:both} body{width:100%;position:absolute;left:0;top:0;min-width:1400px} .z9999{z-index:9999!important} .container{} .layout{width:1200px;margin:0 auto;position:relative} .web_head .layout,.path_bar .layout{width:1400px} .index_product .layout,.page_main .layout{width:86%} .page_main .main{width:1100px} .hide{display:none} .gotop,.gotop:before{width:40px;height:40px;line-height:40px;border-radius:50%} .gotop{position:fixed;text-align:center;right:15px;bottom:50px;display:inline-block;border:2px solid #e22e2b;background-color:rgba(255,255,255,.8);padding:2px;-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:before{font-family:'fontawesome';content:'\f106';display:inline-block;color:#e22e2b;vertical-align:top;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease} .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:hover:before{background-color:#e22e2b;color:#fff} .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,.web_head .btn--search:before,.web_head .btn--search:after,.head_nav>li>a>em:before,.index_slider_brands .brands_imgs li,.brand_items .item_img img,.foot_sns li a:before,.product_item .item_title: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,.sys_btn: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_btn{display:inline-block;font-size:14px;color:#fff!important;padding:.5em 1.2em .5em 1.5em;border:2px solid #e22e2b;background-color:#e22e2b;position:relative} .sys_btn:after{content:'';display:block;width:1em;height:100%;border:2px solid #e22e2b;border-left:0;background-color:#e22e2b;position:absolute;right:-.7em;top:-2px;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);transform:skew(15deg)} .sys_btn:hover,.sys_btn:hover:after{background-color:#fff!important;color:#e22e2b!important} .filter_panel{text-align:center;padding-bottom:35px} .filter_panel .filter_label,.filter_panel .sys_select_box,.filter_panel .sys_btn{margin:5px} .filter_panel .filter_label{display:inline-block;vertical-align:middle;text-transform:uppercase;font-weight:bold} .filter_panel .sys_btn{padding:15px 25px 15px 20px;margin-right:15px;margin-left:5px} .sys_select_box{display:inline-block;position:relative;text-align:left;z-index:1;margin:0 5px} .sys_select_box .select_toggle{display:inline-block;width:260px;height:55px;line-height:23px;padding:15px 35px 15px 10px;border:1px solid #ccc;background-color:#f5f5f5;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)} .sys_select_box .select_toggle .toggle_val{display:block} .sys_select_box .select_toggle .toggle_caret{display:inline-block;width:0;height:0;-webkit-box-sizing:content-box;box-sizing:content-box;border:8px solid #333;border-left-width:7px;border-right-width:7px;border-bottom:0;border-left-color:transparent;border-right-color:transparent;position:absolute;right:10px;top:50%;margin-top:-4px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .sys_select_box .select_menu{width:100%;position:absolute;left:0;top:100%;border:1px solid #c8c8c8;background-color:#fff;padding:5px 0;display:none;margin-top:-1px} .sys_select_box .select_menu_inner{max-height:400px;overflow:hidden;overflow-y:auto} .sys_select_box .select_menu li a{display:block;padding:.3em 1em .3em 1.5em;line-height:1.3;-webkit-transition:none;-o-transition:none;transition:none} .sys_select_box .select_menu li.active>a,.sys_select_box .select_menu li.active>a:hover{background-color:#f5f5f5;color:#333} .sys_select_box .select_menu li:hover>a{} .sys_select_box .select_menu li li a{padding-left:3em} .sys_select_box .select_menu li li li a{padding-left:4.5em} .sys_select_box.active{z-index:3} .sys_select_box.active .select_menu{display:block} .sys_select_box.active .select_toggle .toggle_caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} 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} .head_layer{background:-webkit-linear-gradient(to right,#fff 25%,#fff 75%);background:-ms-linear-gradient(to right,#fff 25%,#fff 75%);background:-o-linear-gradient(to right,#fff 25%,#fff 75%);background:linear-gradient(to right,#fff 25%,#fff 75%);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .head_layer .layout{background-color:#fff;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} .head_layer .logo{height:101px;background-color:#fff;position:relative;padding-right:5%;padding-top:15px;padding-bottom:15px;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .head_layer .logo img{width:auto;max-height:80px} .head_layer .logo:before{content:'';display:block;width:45px;height:100%;position:absolute;right:-20px;top:0;background-color:#fff;-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);transform:skew(-15deg)} .head_layer .nav_wrap{-webkit-box-flex:1;-webkit-flex:1;flex:1;float:left;text-align:center;padding-left:3%;} .web_head .head_right{float:right;text-align:right} .web_head .change-language{display:inline-block;padding:25px 0;position:relative;text-align:left} .web_head .change-language .change-language-title{padding-top:7px;padding-bottom:7px;position:relative} .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:100%;border-radius:5px;overflow:hidden} .web_head .change-language:hover .change-language-title,.web_head .change-language:hover .change-language-title a{color:#333} .web_head .btn--search{display:inline-block;width:42px;height:38px;position:relative;overflow:hidden;margin-left:20px;vertical-align:middle;cursor:pointer} .web_head .btn--search:before,.web_head .btn--search:after{content:'';display:block;height:38px;background-color:#e50a00;background-repeat:no-repeat;background-position:center;background-image:url(../images/search_btn.png)} .web_head .btn--search:hover:before,.web_head .btn--search:hover:after{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} .nav_wrap{text-align:center;vertical-align:middle} .nav_wrap .head_nav{display:inline-block;position:relative;z-index:2} .nav_wrap .head_nav:after{display:none} .nav_wrap .head_nav>li{display:inline-block;line-height:40px;font-size:15px;position:relative;perspective:500px;font-family:Arial;vertical-align:middle;position:relative} .nav_wrap .head_nav>li>a{position:relative;font-weight:700;display:inline-block;vertical-align:top;padding:0 15px;text-transform:uppercase} .nav_wrap .head_nav>li>a>em{display:inline-block;vertical-align:middle;position:relative} .nav_wrap .head_nav>li>a>em:before{content:'';display:block;width:30%;height:1px;background-color:#e22e2b;position:absolute;left:40%;top:50%;margin-top:.55em;opacity:0} .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.nav-current>a{color:#e22e2b} .nav_wrap .head_nav>li.nav-current>a>em:before{width:100%;left:0;opacity:1} .nav_wrap .head_nav>li:hover>a{color:#e22e2b} .nav_wrap .head_nav>li:hover>a>em:before{width:100%;left:0;opacity:1} .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 li{position:relative;text-align:left;padding:0 15px} .nav_wrap .head_nav>li li a{display:block;line-height:1.4em;padding:10px 5px;font-size:13px;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:#e22e2b;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{} .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:-8px;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:#e22e2b} .nav_wrap .head_nav>li li:hover>a b:after{border-left-color:#e22e2b} .nav_wrap .head_nav li ul{width:250px;padding:15px 0;background-color:#fff;border:1px solid #ddd;position:absolute;left:0;top:70px;z-index:999;-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);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} .nav_wrap .head_nav>li ul ul{left:102%;top:-15px} .nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible} .nav_wrap .head_nav li.menu_left ul{left:auto;right:0} .nav_wrap .head_nav li.menu_left ul ul{right:102%} .fixed-nav{width:100%} .fixed-nav .layout{width:auto;margin:0 50px} .fixed-nav .head_layer .logo{height:81px} .fixed-nav .head_layer .logo img{max-height:50px} .fixed-nav .change-language{padding-top:15px;padding-bottom:15px} .fixed-nav .head_layer{width:100%;position:fixed;left:0;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1;box-shadow:0 0 1px rgba(0,0,0,.2)} .fixed-nav .nav_wrap .head_nav li ul{top:60px} .fixed-nav .nav_wrap .head_nav li ul ul{top:-15px} .fixed-nav .head_nav>li>a,.fixed-nav .head_nav li{-webkit-transition:none;-o-transition:none;transition:none} .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 .head_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,.foot_service a{color:#fff} .foot_service a:hover{color:#e22e2b} .foot_service{background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-color:#333;padding-top:60px;padding-bottom:60px;text-align:center} .foot_sns{text-align:center} .foot_sns li{display:inline-block;padding:0 8px 10px} .foot_sns li a{display:inline-block;padding:15px;background-color:#e22e2b;position:relative;border-radius:50%} .foot_sns li img{width:auto;height:20px} .foot_sns li a:hover{-webkit-animation:swing .4s ease;-o-animation:swing .4s ease;animation:swing .4s ease} .company_subscribe{padding-top:20px} .company_subscribe .button{display:inline-block;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:underline;border:0;text-decoration:underline;cursor:pointer;background:none;font-style:italic} .foot_contact{padding-top:20px} .foot_contact,.foot_contact a{color:#999} .foot_contact .contact_ico:before{font-family:'fontawesome'} .foot_contact .contact_item{display:inline-block;padding-right:7px} .foot_contact .contact_item+.contact_item:before{content:'|';padding-right:7px} .foot_contact .contact_item .contact_txt{display:inline} .foot_contact .contact_item .contact_ico_local:before{content:'\f041'} .foot_contact .contact_item .contact_ico_tel:before{content:'\f095'} .foot_contact .contact_item .contact_ico_hotline:before{content:'\f007'} .foot_bar{background-color:#e22e2b;padding:20px 0;text-align:center} .foot_bar,.foot_bar a{color:#ccc} .foot_bar .copyright{font-style:italic} .tel_link{pointer-events:none} @media screen and (max-width:768px){.tel_link{pointer-events:auto} }.web_main{overflow:hidden} .index_hd{margin-bottom:60px;text-align:center} .index_hd .hd_title,.index_hd .hd_title a{color:#e22e2b} .index_hd .hd_title{font-size:26px;text-transform:uppercase;padding-bottom:30px;position:relative} .index_hd .hd_title:after{content:'';display:block;width:60px;height:3px;background-color:#000;position:absolute;left:0;right:0;bottom:0;margin:auto} .page_main .index_hd .hd_title,.page_main .index_hd .hd_title a{color:#333} .page_main .index_hd .hd_title:after{background-color:#e22e2b} .slider_banner{} .slide-page-box{display:none} .index_slider_brands{background-color:#303030;margin-bottom:2px;position:relative;z-index:2} .index_slider_brands .layout{width:auto} .index_slider_brands .brands_imgs{width:35%;float:left;padding:25px 0 25px 7%} .index_slider_brands .brands_imgs li{display:inline-block;vertical-align:middle;margin-right:50px} .index_slider_brands .brands_imgs img{max-height:45px} .index_slider_brands .brand_cont,.index_slider_brands .brand_cont a{color:#f5bab9} .index_slider_brands .brand_cont{width:65%;min-height:145px;padding:30px 8% 20px 30px;background-color:#e22e2b;float:right;position:absolute;right:0;bottom:0} .index_slider_brands .brand_cont:before{content:'';display:block;width:40px;background-color:#e22e2b;position:absolute;right:100%;top:0;bottom:0;-webkit-transform:skew(-15deg) translateX(20px);-ms-transform:skew(-15deg) translateX(20px);-o-transform:skew(-15deg) translateX(20px);transform:skew(-15deg) translateX(20px)} .index_slider_brands .brand_title{font-size:26px;margin-bottom:.6em;text-transform:uppercase} .index_slider_brands .brand_title,.index_slider_brands .brand_title a{color:#fff} .index_slider_brands .brand_desc{} .index_slider_brands .brands_imgs li:hover{-webkit-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)} .index_company_intr{background-color:#f8f8f8;position:relative} .index_company_intr .index_bd .layout{width:auto} .index_company_intr .company_intr_cont{width:40%;padding-left:7%;padding-top:210px;padding-bottom:210px;position:relative;z-index:1} .index_company_intr .company_intr_img,.index_company_intr .company_intr_img img{height:100%} .index_company_intr .company_intr_img{min-height:100%;max-width:74.30555556%;width:auto;position:absolute;right:0;top:0} .index_company_intr .company_intr_title,.index_company_intr .company_intr_title a{color:#e22e2b} .index_company_intr .company_intr_title{font-size:26px;text-transform:uppercase;display:inline-block;margin-bottom:20px;vertical-align:middle;text-align:center} .index_company_intr .company_intr_title:after{content:'';display:inline-block;width:40%;height:4px;background-color:#000;margin-top:18px;vertical-align:top} .index_company_intr .company_intr_desc{color:#828282;line-height:1.8} .index_company_intr .play_video{padding-top:35px} .index_company_intr .play_ico{display:inline-block;vertical-align:middle;font-size:48px;padding-right:15px} .index_company_intr .play_ico:before{content:'\f01d';font-family:'fontawesome'} .index_company_intr .play_txt{font-weight:bold} .product_item{width:33.3333%;float:left} .product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box} .product_item .item_img{*display:inline} .product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1} .product_item .item_img a:before{content:'';display:block;width:100%;height:100%;object-fit:cover;background-color:rgba(255,255,255,0);left:0;top:0} .product_item .item_img img{width:100%;object-fit: cover;} .product_item figcaption{padding:15px 0} .product_item .item_title{font-weight:normal;font-size:14px;text-align:center;position:relative} .product_item .item_title:before{content:'';display:block;width:100%;height:0;position:absolute;left:0;bottom:0} .product_item .item_title a{display:block;height:1.8em;line-height:1.8em;overflow:hidden;vertical-align:middle;padding:0 8%;position:relative;z-index:1} .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:#fff} .product_item figure:hover .item_title:before{height:100%;background-color:#e22e2b} .index_product{padding-top:90px;padding-bottom:90px} .index_product .index_hd .hd_title{color:#333} .index_product .index_hd .hd_title:after{background-color:#e22e2b} .index_product .product_items{margin:0 -25px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .product_items .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%} .product_items .product_item figure{margin:25px} .product_items .product_item .item_title{font-size:16px} .index_service{padding-top:150px;padding-bottom:150px;background-color:#e6e7e8} .index_service .service_items{margin:0 -3%} .index_service .service_cell{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;padding:30px 3%;float:left} .index_service .service_cell .cell_img{width:30%;float:left} .index_service .service_cell .cell_img img{width:100%;height:auto} .index_service .service_cell .cell_info{width:70%;float:left;padding-left:30px} .index_service .service_cell .cell_tit{height:1.2em;line-height:1.2em;overflow:hidden;font-size:26px;margin-bottom:.3em} .index_service .service_cell .cell_desc{color:#555;line-height:1.8em;height:7.2em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .index_service .service_cell .learn_more{padding-top:20px} .index_brands{padding-top:90px;padding-bottom:90px;background-color:#f3f3f3} .index_brands .brand_items{margin:0 -2%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .index_brands .brand_items .brand_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%;padding:10px 2%;text-align:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .index_brands .brand_items .item_img{display:inline-block;position:relative;overflow:hidden} .index_brands .brand_items .item_img img{display:inline-block;max-height:114px;width:auto;height:auto;vertical-align:middle} .index_brands .brand_item:hover .item_img img{opacity:.8} .index_promote{margin-bottom:90px} .promote_list{margin:0 -.45%} .promote_item{width:25%;padding:0 .45%;margin-bottom:.9%;float:left} .promote_item .item_inner{display:block;position:relative} .promote_item .item_img{display:block;padding:70% 0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover} .promote_item .item_info{display:block;width:100%;height:100%;padding:30px 10px 20px 30px;position:absolute;left:0;top:0;z-index:2;background-color:rgba(0,0,0,.5)} .promote_item .item_info,.promote_item .item_info a{color:#fff} .promote_item .item_title,.promote_item .item_desc{max-width:300px} .promote_item .item_title{font-size:24px;line-height:1.5;margin-bottom:.35em} .promote_item .item_desc{line-height:1.3em;font-size:16px} .promote_item .learn_more{position:absolute;left:20px;bottom:20px} .promote_item .sys_btn{width:130px;font-size:16px;padding:.45em 1em;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7);background-color:transparent;position:absolute;left:0;bottom:10px} .promote_item .sys_btn:hover{border-color:#95b600} .promote_item .item_inner:hover .item_info{background-color:rgba(0,0,0,.7)} .promote_item .item_inner:hover .item_img{filter:blur(3px)} .promote_item_1{width:50%;float:right} .promote_item_1 .item_img{padding:70% 0} .promote_item_2{width:50%} .promote_item_2 .item_img{padding:34.8% 0} .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:#222;font-weight:normal} .side-widget{position:relative;margin:0 0 60px} .side-cate{} .side-cate li{position:relative;line-height:44px;background:#f3f3f3} .side-cate li li{background:#f9f9f9} .side-cate li a{position:relative;display:block;padding:0 0 0 20px;margin-right:38px} .side-cate ul{display:none;overflow:visible !important} .side-cate li li a{padding:0 20px 0 35px;margin-right:0;color:#666} .side-cate li li a:hover{color:#e22e2b} .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 #e22e2b;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:#e22e2b} .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;margin:0 auto;padding-bottom:50px} .main .banner_section{margin-bottom:25px} .page_title{line-height:38px;position:relative;font-size:24px;color:#000;margin:0 0 15px;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{-webkit-transition:none;-o-transition:none;transition:none} .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 4px;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 ul{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .items_list .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%} .items_list .product_item figure{margin:25px} .items_list .product_item .item_title{font-size:16px} .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:42%;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:82%;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} .product-view .image-additional li a{display:block;position:relative} .product-view .image-additional li.current img{border-color:#e22e2b} .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{color:#999;width:30px;height:40px;margin-top:-20px;opacity:1;line-height:40px;font-size:28px;background:none} .product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:0} .product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:0} .product-summary{position:relative;width:53%;float:right;padding:10px 0} .product-summary .product-meta{color:#666;line-height:1.8em} .product-summary .product-meta h3{margin:0 0 5px;font-size:14px} .product-summary .product-meta li{width:100%;display:table;font-size:14px;padding:2px 0} .product-summary .product-meta li em,.product-summary .product-meta li .item-val{display:table-cell} .product-summary .product-meta li em{width:40%;color:#aaa} .product-btn-wrap{position:relative;margin-top:30px;background-color:#f3f3f3;padding:25px 0 25px 25px} .product-btn-wrap a,.product-btn-wrap a: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} .product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{display:inline-block;font-size:14px;color:#fff!important;padding:.5em 1.2em .5em 1.2em;border:2px solid #e22e2b;background-color:#e22e2b;position:relative;margin-right:35px} .product-btn-wrap .email:after,.product-btn-wrap .pdf:after,.product-btn-wrap .buy:after{content:'';display:block;width:1em;height:100%;border:2px solid #e22e2b;border-left:0;background-color:#e22e2b;position:absolute;right:-.7em;top:-2px;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);transform:skew(15deg)} .product-btn-wrap a:hover,.product-btn-wrap a:hover:after{background-color:#fff!important;color:#e22e2b!important} .product-btn-wrap a:before{padding-right:8px} .product-btn-wrap .email:before{content:'\f0e0'} .product-btn-wrap .pdf:before{content:'\f1c1'} .product-btn-wrap .pdf{border-color:#000;color:#000!important;background-color:#fff} .product-btn-wrap .pdf:after{border-color:#000;background-color:#fff} .product-btn-wrap .pdf:hover{border-color:#e22e2b} .product-btn-wrap .pdf:hover:after{border-color:#e22e2b} .product-summary .share-this{margin:30px 0 0} .product-summary .share-this .share-title{padding-bottom:15px} .product-detail{position:relative;overflow:visible;margin:50px 0 0} .detail-tabs{border-top:1px solid #ddd;position:relative} .detail-tabs .title{display:inline-block;color:#aaa;font-size:15px;text-transform:uppercase;padding:1em 0;margin-top:-1px;margin-right:2em;vertical-align:top;position:relative;cursor:pointer} .detail-tabs .title:before{content:'';display:block;width:0%;height:5px;background-color:#e22e2b;position:absolute;left:50%;top:-1px} .detail-tabs .title.current{color:#000;font-weight:bold} .detail-tabs .title.current:before{width:100%;left:0} .product-detail .tab-panel-content{padding:10px 0;display:block;overflow:hidden} .product-detail .disabled{display:none} .goods-may-like{position:relative;padding-top:55px;border-top:1px solid #ddd} .goods-may-like .title{font-size:26px;text-transform:uppercase;font-weight:normal;margin-bottom:50px} .goods-may-like .title:after{content:'';display:block;width:60px;height:3px;background-color:#e22e2b;margin-top:15px;vertical-align:top} .goods-may-like .layer-bd{position:relative} .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 figcaption{padding:10px 0} .goods-may-like .product_item .item_img{border:1px solid #eee} .goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display:inline-block;width:30px;height:60px;line-height:60px;font-size:30px;background:none;color:#999;position:static;opacity:1;filter:alpha(opacity=100);position:absolute;top:50%;margin-top:-54px} .goods-may-like .swiper-button-prev{left:-40px} .goods-may-like .swiper-button-next{right:-40px} .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 80px;-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{padding:30px 0;text-align:right;background-color:#f3f3f3;font-weight:bold} .path_bar,.path_bar a{color:#888} .path_bar li{display:inline;padding-left:10px} .path_bar li+li:before{content:'/';padding-right:10px;font-weight:normal} .path_bar li:last-child,.path_bar li:last-child a{color:#333} .mobile-head-items{display:none} .blog_list{position:relative;width:100%} .blog-item{position:relative;width:100%;overflow:hidden;padding:35px 20px} .blog-item:nth-child(2n+1){background:#f9f9f9} .blog-item:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #ddd} .blog-item .item-img,.blog-item .item-img img{border-radius:5px} .blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff;margin:0 20px 0 0;float:left} .blog-item .item-img img{position:relative;width:100%} .blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:bold} .blog-item .item-info time{display:block;margin:8px 0;color:#828282} .blog-item .item-info .item-detail{color:#828282} .blog-item .item-info .item-more{margin:20px 15px 0 0;float:right} .blog-item .item-info .item-more,.blog-item .item-info .item-more: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} .blog-item .item-info .item-more{display:inline-block;font-size:14px;color:#fff!important;padding:.5em 1.2em .5em 1.5em;border:2px solid #e22e2b;background-color:#e22e2b;position:relative} .blog-item .item-info .item-more:after{content:'';display:block;width:1em;height:100%;border:2px solid #e22e2b;border-left:0;background-color:#e22e2b;position:absolute;right:-.7em;top:-2px;-webkit-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);transform:skew(15deg)} .blog-item .item-info .item-more:hover,.blog-item .item-info .item-more:hover:after{background-color:#fff!important;color:#e22e2b!important} .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){body{min-width:1350px} .web_head .layout,.path_bar .layout{width:1350px} }@media only screen and (max-width:1500px){.path_bar{margin:0 auto} }@media only screen and (max-width:1440px){body{min-width:1200px} .web_head .layout,.path_bar .layout{width:1200px} .nav_wrap .head_nav>li{font-size:14px} .index_slider_brands .brands_imgs{width:40%;padding-left:4%} .index_slider_brands .brands_imgs li{margin-right:30px} .index_slider_brands .brands_imgs img{max-height:36px;width:auto} .index_slider_brands .brand_cont{width:60%;padding-right:2%;min-height:130px} .index_slider_brands .brand_title{margin-bottom:.3em} .index_company_intr .company_intr_cont{width:36%;padding-left:4%} .product_items .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%} .items_list .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%} }@media only screen and (max-width:1366px){body{min-width:inherit} .layout,.web_head .layout,.path_bar .layout,.index_product .layout,.page_main .layout{width:92%} .page_main .main{width:auto} }@media only screen and (max-width:1250px){} @media only screen and (max-width:1200px){.head_layer .nav_wrap{padding-left:0} .nav_wrap .head_nav>li>a{padding:0 10px} .head_layer .logo img{max-height:50px} .index_product .product_items{margin:0 -10px} .product_items .product_item figure{margin:10px} .product_items .product_item .item_title{font-size:14px} }@media only screen and (max-width:1024px){.head_layer .logo img{max-height:40px} .product_items .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%} .items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%} }@media only screen and (max-width: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} .path_bar{background-attachment:scroll!important} .head_layer{background:none} .head_layer .layout{display:block} .head_layer .logo{height:auto;background:none} .head_layer .logo img{max-height:50px} .head_layer .logo:before{display:none} .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{width:auto} .head_top .layout{display:block} .index_company_intr .index_bd .layout{width:92%} .head_layer .logo{padding-right:0} .index_slider_brands .brand_cont{width:55%} .index_slider_brands .brand_title{font-size:20px} .index_slider_brands .brands_imgs li{margin-right:20px} .index_slider_brands .brands_imgs{width:45%} .index_company_intr .company_intr_img{display:block;position:static;width:110%;height:auto;max-width:inherit;min-height:inherit;margin:0 -5%} .index_company_intr .company_intr_cont{width:auto;padding:0 0 60px} .aside{display:none} .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 -8px} .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%} .items_list .product_item figure{margin:8px} .items_list .product_item .item_title{font-size:14px} .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;font-size:20px} .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 20px 10px 0!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 img{min-height:160px} .index_slider_brands .brands_imgs{width:100%;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} .index_slider_brands .brand_cont{width:100%;position:static;padding-top:20px} .index_slider_brands .brand_cont:before{display:none} .index_service .service_cell{-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%} .index_service .layout{max-width:550px} .index_brands .brand_items .brand_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%} }@media only screen and (max-width:640px){.product_items .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%} .product_items .product_item .item_title a{padding:0 4%} .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} .layout,.web_head .layout,.path_bar .layout,.index_product .layout,.page_main .layout,.index_company_intr .index_bd .layout{width:100%;padding-left:10px;padding-right:10px} .web_main .filter_panel .filter_label{display:none} .web_main .filter_panel .sys_btn,.web_main .filter_panel .sys_select_box{display:block;width:100%;margin:0 auto 8px} .web_main .filter_panel .sys_btn:after{display:none} .web_main .filter_panel .sys_btn{padding-top:.8em;padding-bottom:.8em} .sys_select_box .select_toggle{display:block;width:100%;height:41px;padding-top:8px;padding-bottom:8px} .sys_select_box .select_toggle .toggle_caret{border-top-width:6px;border-left-width:5px;border-right-width:5px} .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} .web_head .logo img{max-height:40px} .path_bar{padding-top:10px;padding-bottom:10px;text-align:center} .path_bar li{font-size:14px} .foot_service{padding-top:40px;padding-bottom:40px} .foot_sns li{padding:0 5px 10px} .foot_sns li a{padding:10px;line-height:16px} .foot_sns li img{height:16px} .foot_bar{padding-top:15px;padding-bottom:15px;font-size:12px} .foot_contact{font-size:12px} .index_hd .hd_title,.index_company_intr .company_intr_title{font-size:20px;font-weight:bold} .index_main .sys_btn,.promote_item .sys_btn{font-size:12px;padding:.3em 1em} .index_swiper_control .swiper-button-prev,.index_swiper_control .swiper-button-next{width:26px;height:32px;line-height:32px;margin-top:-47px} .index_swiper_control .swiper-button-prev{left:0} .index_swiper_control .swiper-button-next{right:0} .index_hd{margin-bottom:35px} .index_hd .hd_title{padding-bottom:20px} .index_product,.index_service,.index_brands{padding-top:50px;padding-bottom:50px} .index_company_intr .company_intr_img{width:calc(100% + 20px);margin:0 -10px} .index_company_intr .company_intr_cont{padding-bottom:40px} .index_company_intr .play_video{padding-top:20px} .index_company_intr .play_ico{line-height:1.1} .index_slider_brands .brand_cont{width:auto;padding:20px 10px;font-size:13px;margin:0 -10px;min-height:inherit} .index_slider_brands .brands_imgs{width:100%;padding:15px 0} .index_slider_brands .brands_imgs li{margin-right:15px} .index_slider_brands .brands_imgs img{max-height:20px} .index_slider_brands .brand_title{font-size:16px} .product_items .product_item .item_title{font-size:12px} .index_service .service_cell .cell_tit{font-size:18px} .index_brands .brand_items .brand_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%} .product_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:12px} .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;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:30px} .page_main .main{padding-bottom:0} .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{font-size:16px;width:24px;height:36px;line-height:36px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none} .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} .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:20px 0 20px 10px} .product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{font-size:12px;padding:3px 6px 3px 10px} .product-btn-wrap a{margin-top:5px!important;margin-bottom:5px!important} .product-detail{margin-top:40px} .detail-tabs .title{font-size:14px;margin-right:1em} .tab-panel-wrap{padding:20px 0;border:0} .goods-may-like .title{font-size:18px;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:12px} .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{font-size:14px;width:24px;height:36px;line-height:36px;border-radius:0;margin-left:0;margin-right:0;margin-top:-38px;background-color:#000;position:absolute} .goods-may-like .swiper-button-prev{left:0px} .goods-may-like .swiper-button-next{right:0px} .blog-item .item-info .item-title{font-size:18px} .blog-item .item-info{font-size:13px} .blog-item .item-info .item-more{padding:.3em 1em} }@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:'open-sans';src:url("../fonts/open-sans.eot");src:url("../fonts/open-sans.eot") format("embedded-opentype"),url("../fonts/open-sans.woff2") format("woff2"),url("../fonts/open-sans.woff") format("woff"),url("../fonts/open-sans.ttf") format("truetype"),url("../fonts/open-sans.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:24px;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:'\f053'} .swiper-button-prev:before,.swiper-button-next:before{display:inline-block;vertical-align:middle;font-family:'fontawesome'} .swiper-button-next:before,.swiper-container-rtl .swiper-button-prev:before{content:'\f054'} .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 .swiper-slide img{width:100%;transition:3s linear;transform:scale(1.08)} .slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1)} .slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width:40px;height:40px;line-height:40px;font-size:18px;background-color:#e22e2b;color:#f7caca;margin-top:-20px;border-radius:0;-webkit-box-sizing:content-box;box-sizing:content-box;opacity:1;filter:alpha(opacity=100)} .slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{color:#fff} .slider_banner .swiper-pagination-bullet{margin:0 8px} .slider_banner .swiper-button-prev{left:0} .slider_banner .swiper-button-next{right:0} .slider_banner .swiper-pagination{bottom:16px} .slider_banner .swiper-pagination-bullets .swiper-pagination-bullet{background:none;line-height:4px;margin:0 8px} .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:4px;height:4px;background-color:transparent;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:#aaa;padding:0} .slider_banner .swiper-pagination-bullet-active:before{width:10px;height:10px;background-color:#aaa} @media only screen and (max-width:480px){.slider_banner .swiper-pagination{bottom:8px} .slider_banner .swiper-pagination-bullet{padding:0} .slider_banner .swiper-pagination-bullet-active:before{width:6px;height:6px} .slider_banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{font-size:14px;width:30px;height:30px;line-height:30px} }.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;margin-bottom:15px;border:1px solid #ccc;overflow:hidden} .table_wrap table{width:calc(100% + 2px);width:100%\9;margin:-1px} .main table{position:relative;border-collapse:collapse;border-spacing:0;margin-bottom:0 !important} .main table th,.main table td{border:1px solid #eee;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fff;padding:5px 15px} .main table th{font-size:12px;background:#f8f8f8;font-weight:normal} .main table td p,.main table th p,table td p,table th p{margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3} .main table td.amts{color:#cb2027} .main table th#cartDelete{text-align:center} .container{position:relative;min-height:100vh} .search-ipt{border:0;background:transparent;border-radius:0;-webkit-appearance:none} .web-search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;visibility:hidden} .web-search .btn--search-close{display:inline-block;font-size:1.8em;border-radius:50%;position:absolute;top:1.25em;right:1.25em;display:none;background-image:url(../images/search_btn_close.png);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto 35%;background-size:auto 35%;background-color:#ccc;width:42px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease} .web-search .btn--search-close:hover{background-color:#e60011;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} .js .btn--search-close{display:block} .web-search .search-ipt{font-family:inherit;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:0.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px} .web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:bold} .web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:bold} .web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:bold} .web-search .search-ipt::-webkit-search-cancel-button,.web-search .search-ipt::-webkit-search-decoration{-webkit-appearance:none} .web-search .search-ipt::-ms-clear{display:none} .web-search .search-attr{font-size:90%;display:block;width:75%;margin:0 auto;padding:0.85em 0;text-align:right;color:#333} .js .container{position:relative;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .js .main-wrap--move{height:100vh} .js .web-search{pointer-events:none} .js .search--open{pointer-events:auto;opacity:1;visibility:visible} .web-search .btn--search-close{opacity:0;-webkit-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease} .search--open .btn--search-close{opacity:1;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;-webkit-animation:bounceInA 1s ease;-o-animation:bounceInA 1s ease;animation:bounceInA 1s ease} .search__suggestion,.web-search .search-attr{opacity:0;-moz-transform:translate3d(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform 0.8s;-webkit-transition:opacity 0.8s,transform 0.8s;-ms-transition:opacity 0.8s,transform 0.8s;-o-transition:opacity 0.8s,transform 0.8s;transition:opacity 0.8s,transform 0.8s} .search--open .search-attr{opacity:1;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:20px} .js .web-search .search-ipt{font-size:60px;font-weight:bold;border-bottom-width:1px;padding:15px 0;-moz-transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);-ms-transform:scale3d(0,1,1);-o-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-moz-transform-origin:0% 50%;-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;-o-transform-origin:0% 50%;transform-origin:0% 50%;-moz-transition:transform .3s;-webkit-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;opacity:0;text-transform:uppercase} .js .web-search .search-ipt,.web-search .search-attr{-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .js .search--open .search-ipt{-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;-moz-transition-duration:0.4s;-webkit-transition-duration:0.4s;-ms-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s} .js .search--open .search-btn{display:none !important} .web-search .search-attr{padding-bottom:0} .js .web-search{width:70%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;perspective:1200px} .js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) scale(1,0);-ms-transform:translateY(-30%) scale(1,0);-o-transform:translateY(-30%) scale(1,0);transform:translateY(-30%) scale(1,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .js .search--open::before{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none} .main-wrap--move:after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;left:0;top:0;z-index:100000} .scrollsidebar,.scrollsidebar a{font-size:12px;color:#999;font-family:Arial,Helvetica,sans-serif} .scrollsidebar{position:absolute;z-index:30;top:150px;right:0} .show_btn{width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../images/show_btn.png) no-repeat center center;position:absolute;right:0;top:0} .side_content{width:0;height:auto;overflow:hidden;float:left} .side_content .side_list{width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF} .side_content .side_list .hd img{width:100%;border-bottom:1px solid #dadada} .side_content .side_list .cont li{height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative} .side_content .side_list .cont li a{position:relative;display:block;padding:0 0 0 43px;text-decoration:none} .side_content .side_list .cont li a:before{content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center} .side_content .side_list .cont li .email:before{background-image:url(../images/icons01.png)} .side_content .side_list .cont li .skype:before{background-image:url(../images/icons02.png)} .side_content .side_list .cont li .inquiry:before{background-image:url(../images/icons03.png)} .side_content .side_list .cont li .qq:before{background-image:url(../images/icons04.png)} .ww{margin-left:-30px} .side_content .side_list .t-code{padding:10px 10px 7px;border-bottom:1px solid #dadada} .side_content .side_list .t-code img{width:100%} .side_content .side_list .side_title{height:30px;line-height:30px;padding:0 12px} .side_content .side_list .side_title .close_btn{background:url(../images/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer} .side_content .side_list .side_title .close_btn span{display:none} .inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255,255,255,.5);display:none;z-index:2000} .inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);z-index:-1} .inquiry-pop-bd .inquiry-pop{position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;background:#FFF} .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} }.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} .popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;z-index:100;} @media only screen and (max-width:950px){video{width:100%} } #closeBtn { position: absolute; top: 30px; right: 25px; cursor: pointer; z-index: 99999; } @media (max-width: 600px) { .product_item .item_img { height: 150px; /* 小屏幕下的高度 */ } } @media (min-width: 601px) { .product_item .item_img { height: 200px; /* 大屏幕下的高度 */ } }