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:Arial; line-height:1.5 }
body{background-color: #f7f7f7;}
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; font-family: Arial !important;}
a { color:#333; text-decoration:none; }
a:focus { outline:none; }
a:hover { color:#be0027; 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; }
ul, ol, li {margin:0;padding:0;list-style:none;} a {color:#373937;text-decoration:none;} i {font-style:normal;} .floatwindow_fd_conct img {border:none;/* max-width:180px; *//* max-height:180px; */} .floatwindow_clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;font-size:14px;} .floatwindow_clearfix {*zoom:1;} .floatwindow_fd_conct {position:fixed;z-index:9999999;top:30%;right:0px;cursor:pointer;transition:all .3s ease;font-size:14px;} .floatwindow_suspend {position:absolute;left:-48px;transition:right 0.6s ease-in-out;-o-transition:right 0.6s ease-in-out;-moz-transition:right 0.6s ease-in-out;-webkit-transition:right 0.6s ease-in-out;} .floatwindow_tab_nav {width:48px;height:205px;overflow:hidden;border-top-left-radius:6px;border-bottom-left-radius:6px;position:absolute;left:0;top:0;background:#fff;} .floatwindow_tab_content {min-height:203px;border:1px #eee solid;position:absolute;left:48px;top:0;background:#fff;} .floatwindow_tab_nav > li {background:#ece8e5;margin-bottom:1px;}
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,.web_main:after,.service_items:after, .about_us .about_content:after, .nav_wrap .head_nav:after,service_items:after,
.foot_items:after,.items_list ul:after,.promote_intro:after,.promote_list:after,.index_ad .ad_items:after { content:""; display:block; clear:both; visibility:hidden; height:0;}
.clearfix, .layout, .sys_row,.web_main, .service_items, .about_us .about_content, .nav_wrap .head_nav,service_items,
.cate_items ul,.foot_items,.items_list ul,.promote_intro,.promote_list,.index_ad .ad_items{ *zoom:1;}
.clear { clear:both; }
/* layout */
.z9999 { z-index:9999!important; }
.layout {width: 100%;margin:0 auto;position:relative;padding: 0px 5% 0 5%;}
.hide{display: none;}
body {width:100%;min-width:1280px;position:absolute;left:0;top:0;overflow-x: hidden;}
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#333;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius: 0%;text-align: center; height:50px;line-height:50px;width:50px; z-index:99999; cursor:pointer; font-size:14px;opacity: 0;visibility: hidden; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transform:translateY(50%) scale(0.8); -webkit-transform:translateY(50%) scale(0.8); -ms-transform:translateY(50%) scale(0.8); -o-transform:translateY(50%) scale(0.8); transform:translateY(50%) scale(0.8);}
.gotop em{display: none;}
.gotop:before{content: "\f106";font: 24px/50px 'FontAwesome';}
.gotop:hover { -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px);background-color: #be0027;color: #fff; }
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
/* transition */
.head_nav li, .head_nav li a, .product_item figure, .gotop, .product-item .item-img img, .product-btn-wrap a, .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,.web_head,.foot_sns li img,.side_product_item .add-friend,.side_product_item .add-friend: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; }
.nav_wrap .head_nav li ul,.product_item .item_img a,.product_item,.product_item .item_img:before, .product_item .item_img:after,.ad_item figure figcaption .item_more:before{ -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li: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; }
/* button */
.sys_btn{display: inline-block;line-height: 20px;padding: 13px 38px;border: 2px solid #333;font-size: 13px;letter-spacing: 2px;text-transform: uppercase;color: #333;margin-left: 20px;vertical-align: middle;font-weight: bold;text-transform: uppercase;position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow: hidden;}
.sys_btn:hover{background-color: #be0027;border-color: #be0027;padding-left: 28px;padding-right: 48px;opacity: 0.8;color: #fff!important;}
.sys_btn:after{font-family:'fontawesome';content: '\f061';font-size: 12px;padding-left: 10px;opacity: 0;position: absolute;right: 10px;top: 13px;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-weight: normal;}
.sys_btn:hover:after{opacity: 1;right: 20px;}
.sys_btn_white{border-color: rgba(255,255,255,0.75);color: #fff;}
.sys_btn_white:hover{background-color: #be0027;border-color: #be0027;opacity: 1;}
.btn_bar{text-align: center;}
.btn_bar .sys_btn{margin: 8px;}
/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{opacity: 1;color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
/* box-sizing */
.nav_wrap,.product_item .item_img,.foot_sns li a,.promote_section {-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box; }
/* font-family */
.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before,.index_news .news_item .item_img a:after{font-family: 'fontawesome';}
.index_business .title,.service_item .item_title,.index_company_intr .company_intr_title,.index_impt_section .title,
.index_title h2,.index_ad .ad_item .item_title,.company_subscribe .title,.faq-item .faq-title h3{/* font-family:'Merriweather'; */}
/*transition*/
a{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*web header*/
.web_head{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.25);background-color: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;z-index: 9;}
.web_head .layout{width: auto;padding: 0 0 0 28px;}
.web_head .logo{float: left;margin: 28px 0 0;position: relative;}
.web_head .logo img{width: auto;height: 45px;}
.web_head .logo_fixed{opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;}
.web_head .head_right{float: right;}
.web_head .head_right .top_item{float: left;height: 100px;border-left: 1px solid #555;/*padding: 30px 25px;*/}
.web_head .nav_wrap{float: right;position: relative;}
.nav_wrap .head_nav {display: inline-block;vertical-align: middle;padding-right: 15px;}
.nav_wrap .head_nav li {display: inline-block; position:relative; font-weight: bold;vertical-align: middle; line-height:100px;}
.nav_wrap .head_nav li a {position:relative;display:block;padding:0 20px;color: #fff;}
.nav_wrap .head_nav li li {display: block;text-align: left; float:none;font-size: 13px; }
.nav_wrap .head_nav li li{font-weight: normal; line-height:1.8;}
.menu-item-2054 li{border-right:1px dashed #999}
.menu-item-1332{border-right:1px dashed #999;}
.nav_wrap .head_nav li:nth-child(8){border-right:1px dashed #999}
.nav_wrap .head_nav li:nth-child(12){border-right:1px dashed #999}
.nav_wrap .head_nav li:nth-child(16){border-right:1px dashed #999}
.nav_wrap .head_nav li li a {padding: 6px 17px;color: #333;}
.nav_wrap .head_nav li li a:hover{color: #333;}
.nav_wrap .head_nav li li a em{/* display: inline-block; */width: 100%;}
.new_ha ul{z-index:9999999 !important;}
.nav_wrap .head_nav li ul {position:absolute;left:0;top: 101%;width:220px;padding: 10px 0;z-index:999;transform: scale3d(0.9, 0.9, 1);background-color: #fff;/* border: 1px solid rgba(0,0,0,0.4); */opacity:0;visibility:hidden;box-sizing: content-box;/* border-radius: 20px; */box-shadow: 0px 0px 1px 0px #666;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;/* padding-bottom: 20px; */padding-bottom: inherit;/* margin-bottom: 44px; */box-shadow: 0px 20px 60px rgb(0 0 0 / 25%);}
.nav_wrap .head_nav li li ul { top:0; left:100%; }
.nav_wrap .head_nav li:hover > ul {transform: scale3d(1, 1, 1);opacity:1;visibility:visible;flex-wrap: wrap;}
.nav_wrap .head_nav li.nav-current > a, .head_nav li:hover > a { }
.nav_wrap .head_nav li a b { position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 5px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav_wrap .head_nav li a b:after { font-family: 'fontawesome'; content:"\f107"; font-size:14px; }
.nav_wrap .head_nav li li a b:after { content:"\f105"; }
.nav_wrap .head_nav li li a b {position:absolute;right:10px;top:0;margin-top: 8px;}
.nav_wrap .head_nav>li{}
.nav_wrap .head_nav>li>a{height: 100px;overflow: hidden;font-size: 14px;text-transform:uppercase; }
.nav_wrap .head_nav li:hover>a,.nav_wrap .head_nav li:hover>a b{color: #fff;}
.nav_wrap .head_nav>li:hover>ul:before{content: '';display: block;height:2px;background-color: #be0027;position: absolute;top:-2px;left: -1px;right: -1px;}
.nav_wrap .head_nav>li:hover>a>b{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.web_head .btn--search {display: inline-block; width:75px;height: 100%;text-align: center; background:url(img/search_btn.png) no-repeat center center; cursor:pointer;vertical-align: middle;opacity: 0.8;filter: alpha(opacity=80);}
.web_head .btn--search:hover{opacity:1;filter: alpha(opacity=100);}
.web_head .top_item:before{content: '';display: inline-block;width: 1px;height: 100%;vertical-align: middle;}
.web_head .change-language{display: inline-block;position: relative;padding: 0 25px;}
.web_head .change-language .change-language-title,.web_head .change-language .change-language-title a{color: #fff;}
.web_head .change-language .change-language-title span{overflow: hidden;display: inline-block;}
.web_head .change-language .change-language-title a{display: inline-block;position: relative;}
.web_head .change-language .change-language-cont{top: 70px;right: 20px;}
.fixed-nav{background-color: rgba(0, 0, 0, 0.48);-webkit-transition: none;-o-transition: none;transition: none;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);border-bottom: 1px solid #ddd;}
.fixed-nav .nav_wrap .head_nav li,.fixed-nav .nav_wrap .head_nav li a{/* color: #333; */}
.fixed-nav .nav_wrap .head_nav li li{line-height: 1.8;}
.fixed-nav .nav_wrap .head_nav li li,.fixed-nav .nav_wrap .head_nav li li a{color: #aaa;}
.fixed-nav .logo{margin-top: 13px;}
.fixed-nav .logo_fixed{opacity: 1;filter: alpha(opacity=100);}
.fixed-nav .logo_default{}
.fixed-nav .head_right .top_item{border-color: #DDD;}
.fixed-nav .btn--search{/* background-image: url(img/search_btn_2.png); */}
.fixed-nav .change-language .change-language-title, .fixed-nav .change-language .change-language-title a{/* color: #333; */}
.fixed-nav .change-language .change-language-cont{top: 57px;}
.fixed-nav,.fixed-nav .logo,.web_head .top_item{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.fixed-nav .head_right .top_item,.fixed-nav .nav_wrap .head_nav>li>a,.fixed-nav .web_head .btn--search{height: 70px;}
.fixed-nav .web_head .change-language .change-language-cont{top: 70px;}
.fixed-nav .nav_wrap .head_nav li {line-height: 70px;}
.fixed-nav .nav_wrap .head_nav li li{line-height: 1.8;}
.fixed-nav .nav_wrap .head_nav li:hover>a,.fixed-nav .nav_wrap .head_nav li:hover>a b{color: #fff;}
.head_holder{display: none!important;}
/* company_subscribe */
.company_subscribe{background-color: #be0027;padding: 40px 0;}
.company_subscribe .title{display: inline-block;font-size: 21px;font-weight: normal;vertical-align: middle;}
.company_subscribe .title,.company_subscribe .title a{color: #fff;}
.company_subscribe .button{display: inline-block;line-height: 25px;padding: 15px 25px;background-color: #333;font-size: 14px;letter-spacing: 2px;text-transform: uppercase;color: #fff;margin-left: 20px;vertical-align: middle;font-weight: bold;}
.company_subscribe .button:hover{background-color: #545454;}
.company_subscribe .layout{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;align-content: center;}
.company_subscribe .layout:after{
display: none;
}
/*web footer*/
.web_footer{background-color: #252525;}
.foot_items{padding: 20px 0;line-height: 1.8;}
.foot_items, .foot_items a { color:#fff; }
.foot_items a:hover{color: #be0027;}
.foot_item {width: 30%;padding: 30px 0;float: left;}
.foot_item .title{padding-bottom: 20px;font-size: 16px;text-transform: uppercase;/* letter-spacing: 2px; */}
.foot_item .title,.foot_item .title a{color: #b9b9b9;}
.foot_item_contact {width: 55%;}
.foot_item_contact .itentssss {font-size: 0;}
.foot_item_contact .itentssss li{display: inline-block;vertical-align: top;width: 40%;padding-right: 10%;-webkit-box-sizing: content-box;box-sizing: content-box;font-size: 14px;color: #fff;}
.foot_item_follow{width: 14%;}
.foot_sns {margin-top: -6px;}
.foot_sns li {display: inline;vertical-align: middle;padding-right: 8px;}
.foot_sns li a{display: inline-block;padding: 9px;line-height: 16px;vertical-align: middle;opacity: 0.5;position: relative;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.foot_sns li img{max-height: 16px;}
.foot_sns li a:hover{opacity: 0.8;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.foot_sns li a:hover img{ -webkit-transform: scale(1.3) rotate(360deg);-ms-transform: scale(1.3) rotate(360deg);-o-transform: scale(1.3) rotate(360deg);transform: scale(1.3) rotate(360deg); }
.foot_bar{padding: 25px 0;border-top: 1px solid #454545;}
.foot_bar,.foot_bar a{color: #777;}
.foot_bar a:hover{color: #be0027;}
.foot_bar .copyright{float: left;}
.foot_bar .foot_nav{float: right;}
.foot_bar .foot_nav li{float: left;padding: 0 0 0 12px;}
.foot_bar .foot_nav li:after{content: '|';padding-left: 12px;}
.foot_bar .foot_nav li:last-child{padding-right: 0;}
.foot_bar .foot_nav li:last-child:after{display: none;}
/*--------------------------------------------------------
page: index
------------------------------------------------------*/
.index_main {overflow: hidden;}
.index_main .layout{/* width: auto; *//* max-width: 1240px; */}
.index_impt_section,.index_product,.index_business,.index_ad{padding: 70px 90px;}
.index_company_intr .layout,.index_product .layout,.index_promote .layout{max-width: inherit;}
/* slider_banner */
.slider_banner{}
.slider_banner .swiper-pagination-bullets {padding-bottom: 5px;}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet{background: rgba(0,0,0,0.8);width: 12px;height: 12px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.6);box-shadow: 0 0 3px rgba(255,255,255,0.1);}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;background-color: #be0027;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{overflow: hidden;}
/* index_impt_section */
.index_impt_section{text-align: center;line-height: 1.5;text-align: center;}
.index_impt_section .title{font-size: 26px;font-weight: normal;}
/*index_product*/
.index_product{background-color: #333;padding-left: 0;padding-right: 0;}
.product_item {width: 297px;}
.product_item .item_img{display: block;overflow: hidden;position: relative;}
.product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product_item .item_img img{display: block;width: 100%;height: auto;}
.product_item .item_title{ font-weight:normal; font-size:14px; padding:10px;text-align: center;}
.product_item .item_title a{display: inline-block;max-width: 70%;height: 3.2em;line-height: 1.6em;overflow: hidden;vertical-align: middle;font-weight:bold}
.product_item .item_title a:hover{text-decoration: underline;}
.product_item:hover .item_img a:before{background-color: #000;opacity: 0.5;filter: alpha(opacity=50);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.product_slider{text-align: center;margin-bottom: 40px;position: relative;}
.product_slider .swiper-slide{width: 25%;overflow: visible;}
.product_slider .swiper-wrapper {}
.product_slider .product_item{padding-bottom: 0px;margin-right: 30px;}
.product_slider .product_item .item_title{padding-bottom: 0;}
.product_slider .product_item .item_title a{;max-width: 90%;height:1.6em;}
.product_slider .product_item .item_img {}
.product_slider .product_item figure{display: block;position: relative;overflow: hidden;}
.product_slider .product_item .item_title{padding: 0;}
.product_slider .product_item .item_title a{display: block;-webkit-box-sizing: content-box;box-sizing: content-box;width: 80%;height: auto;padding: 10px 10%;position: absolute;left: 0;bottom: 5px;color: #aaa;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(30%);-ms-transform: translateY(30%);-o-transform: translateY(30%);transform: translateY(30%);-webkit-transition: all 0.6 ease;-o-transition: all 0.6 ease;transition: all 0.6 ease;}
.product_slider .product_item .item_title a:hover{color: #fff;}
.product_slider .product_item:hover .item_title a{opacity:1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next{width: 50px;height: 60px;line-height: 60px;margin-top: -30px;opacity: 1;filter: alpha(opacity=100);background: none;color: #fff;font-size: 30px;background-color: rgba(0,0,0,0.6);}
.product_slider .swiper-button-prev{left: 0;border-radius: 0 4px 4px 0;}
.product_slider .swiper-button-next{right: 0;border-radius: 4px 0 0 4px;}
.product_slider .swiper-button-prev:not(.swiper-button-disabled):hover,.product_slider .swiper-button-next:not(.swiper-button-disabled):hover{color: #be0027;}
.product_slider .swiper-button-next.swiper-button-disabled,.product_slider .swiper-button-prev.swiper-button-disabled {pointer-events:auto;opacity: 0.3;filter: alpha(opacity=30); }
.product_slider .swiper-control{text-align: center;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display: inline-block;width: 30px;height: 30px;line-height: 30px;border: 1px solid #e9e9e9;margin: 0 2px;opacity: 1;font-size: 16px;color: #666;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{position: relative;left: auto;right: auto;top: auto;bottom: auto;z-index: 1;float: left;position: relative;top: -200px;}
.goods-may-like .swiper-button-prev:hover,.goods-may-like .swiper-button-next:hover{background-color: #000;color: #aaa;border-color: #000;}
.swiper-container-horizontal .product_item{width: 100%;}
/* index_company_intr */
.index_company_intr .layout{width: 100%;display: table;}
.index_company_intr .service_items,.index_company_intr .company_intr_cont{display: table-cell;vertical-align: middle;padding: 0;}
.index_company_intr .service_items{width: 66.66%;padding-left: 9%;}
.service_item{width: 50%;float: left;}
.service_item figure{display: block;padding: 15px;position: relative;}
.service_item figcaption{display: block;padding-left: 55px;position: relative;}
.service_item .item_img{position: absolute;left: 15px;top: 15px;}
.service_item figure figcaption .item_title{z-index: 18;line-height: 32px;margin-bottom: 8px;font-weight: normal;}
.service_item figure figcaption .item_text{display: block;line-height: 2em;min-height: 3em;color: #666;}
.service_item:nth-child(2n+1){clear: left;}
.index_company_intr .company_intr_cont{width: 33.33%;background-color: #be0027;text-align: center;position: relative;}
.index_company_intr .company_intr_cont .company_intr_title{font-size: 28px;line-height: 1.5;margin-bottom: 30px;font-weight: normal;}
.index_company_intr .company_intr_cont img{
width: 100%;
}
.index_company_intr .company_intr_cont .company_intr_title,.index_company_intr .company_intr_cont .company_intr_title a{color: #444;}
.index_company_intr .company_intr_more{background-color: #333;border-color: #333;color: #fff!important;}
.index_company_intr .company_intr_more:hover{background-color: #333;color: #fff!important;}
/* index_ad */
.index_ad{padding: 70px 0;background-color: #fff;}
.index_ad .ad_items{/* margin: 0 -50px; */}
.index_ad .ad_item{width: 33.3333%;float: left;padding: 10px 0;text-align: center;}
.index_ad .ad_item figure{display: block;margin: 0 50px;}
.index_ad .ad_item .item_img{display: inline-block;padding: 25px;background-color: #f5f5f5;border: 1px solid #eee;border-radius: 50%;position: relative;}
.index_ad .ad_item .item_title{color: #7a7a7a;/* font-weight: normal; */font-size: 24px;line-height: 32px;margin-bottom: 8px;margin-top: 25px;}
.index_ad .ad_item .item_text{color: #666;line-height: 2;height: 10em;display: block;}
.index_ad .ad_item .item_title{color: #7a7a7a;}
.index_ad .ad_item:hover .item_img{background-color: #fff;border-color: #ed1c24;}
.index_ad .ad_item .item_img:before{content: '';position: absolute;left: 5px;right: 5px;top: 5px;bottom: 5px;border: 4px solid #ed1c24;border-radius: 50%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_ad .ad_item .item_img:after{content: '';position: absolute;left: -5px;right: -5px;top: -5px;bottom: -5px;border: 2px dashed #ed1c24;border-radius: 50%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.index_ad .ad_item:hover .item_img{border-color: #fff;}
.index_ad .ad_item:hover .item_img:before{opacity: 1;filter: alpha(opacity=100);}
.index_ad .ad_item:hover .item_img:after{opacity: 1;filter: alpha(opacity=100);-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);-o-transform: rotate(60deg);transform: rotate(60deg);}
/* index_promote */
.index_promote{padding: 70px 0 0 0;background: #fff;}
.index_promote .promote_list{width: 100%;}
.index_promote .promote_item {/* width: 33.3333%; *//* float: left; */position: relative;overflow: hidden;}
.peomotee_content{
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
bottom: 0;
left: 0;
text-align: center;
color: #ffff;
-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;
}
.peomotee_content h3{
font-size: 28px;
font-weight: initial;
line-height: 4rem;
}
.index_promote .promote_item:hover .peomotee_content{
bottom: -100%;
-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;
}
.index_promote .promote_item img{-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.index_promote .promote_item a,.index_promote .promote_item img{display: block;width: 100%;height: auto;}
.index_promote .promote_item a:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;}
.index_promote .promote_item a:hover:before {animation: shine 1.5s;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine { 100% {left: 125%;}}
.index_promote .promote_item a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/* index_business */
.index_business{padding: 100px 0;text-align: center;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}
.index_business .title{font-size: 24px;line-height: 1.5;margin-bottom: 30px;font-weight: normal;}
.index_business .title,.index_business .title a{color: #fff;}
.index_business:before{
content: '';
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
display: block;
z-index: 999;
}
.index_business .hd_subtit,.index_business .hd_title{
color: #fff;
}
/*----------------------------------aside---------------------------------*/
.aside { float:left; width:320px;}
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit {position: relative;font-size: .18rem;line-height: .37rem;font-weight: bold;text-transform: uppercase;color: #111;border-bottom: 1px solid #aaa;margin-bottom: 20px;}
.side-tit-bar .side-tit:after { content: ""; width: 72px; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; }
.side-widget { position:relative; margin:0 0 94px; }
.side-widget+.side-widget .side-tit-bar .side-tit{text-transform: none;}
.side-cate { }
.side-cate li {position:relative;line-height: 39px;/* background:#f3f3f3; */}
.side-cate li li {/* background:#f9f9f9; */}
.side-cate li a {position:relative;display:block;/* padding:0 0 0 38px; *//* margin-right: 38px; */}
.side-cate ul { display:none; overflow:visible !important }
.side-cate li li a {padding: 0 15px;margin-right: 0;font-size: 13px;color: #666;}
.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: 24px; line-height:24px;text-align: center; font-size:10px; cursor:pointer; color:#222;border-radius: 50%;-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 > a, .side-cate li:hover > a, li.show_li >a { color:#dd3333; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#dd3333; }
.side-cate li .icon-cate:hover{background-color: #dd3333;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:50%; }
.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:48%; 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; }
.side_product_item .add-friend { position:absolute; right:0; bottom:0; width:37px; height:39px; background:url(img/mark03.png) no-repeat right bottom; background-size:cover; }
.side_product_item .add-friend:after { content:""; position:absolute; width:11px; height:11px; bottom:6px; right:6px; background:url(img/add01.png) no-repeat center center; ; }
.side_product_item:hover .add-friend { width:47px; height:49px; }
.side_product_item:hover .add-friend:after { bottom:9px; right:9px; }
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.side-product-items .btn-prev { top:20px; background:url(img/side_product_up.png) no-repeat center center; }
.side-product-items .btn-next { bottom:20px; background:url(img/side_product_down.png) no-repeat center center; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }
/*----------------------------------main---------------------------------*/
.main { position:relative; width:calc(100% - 370px); float:right; }
.page_title { position:relative; font-size:20px; margin:0 0 15px;border-bottom: 1px solid #ddd;padding-bottom: 8px;}
.page_bar{ position:relative; line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px; border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333; border-color:#333333 }
/*--------------------------------------------------------
page: product list
------------------------------------------------------*/
.items_list {width:100%;}
.items_list ul{margin: 0 -5px;}
.items_list .product_item { width:33.333%;float: left;}
.items_list .product_item figure{display: block;/* border: 1px solid #ccc; */padding: 3px;margin: 5px;}
/*--------------------------------------------------------
page: single Product
------------------------------------------------------*/
/*product photos*/
.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: 45.6%;float:left;}
.product-view .product-image{position:relative;/* border:1px solid #ddd; */}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:92%;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{position:relative;width: 100%;/* margin:0 16%; *//* border:1px solid #ccc; */padding:1px;}
.product-view .image-additional li a{position:relative;}
.product-view .image-additional li a,.product-view .image-additional li img{border-radius: 3px;overflow: hidden;}
.product-view .image-additional li.current img{/* border:2px solid #dd3333; */}
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{ display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev {width:30px;height:30px;margin-top:-15px;opacity:1;line-height: 30px;font-size: 24px;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next {left:-10px;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev {right:-10px;}
/*product summary*/
.product-summary {position:relative;width: 51%;float:right;padding:10px 0;}
.product-summary .product-meta { line-height:25px; }
.product-summary .product-meta h3 { margin:0 0 10px; font-size:14px; }
.product-summary .product-meta li{width: 100%;display: table;font-size: 12px;padding: 2px 0;}
.product-summary .product-meta li em{display: table-cell;width: 135px;color: #aaa;}
.product-btn-wrap { position:relative; margin:20px 0 0; }
.product-btn-wrap .email:before {
content: "\f003";
margin-right: 16px;
}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position:relative; display:inline-block; *display:inline;
*zoom:1;vertical-align:top; line-height:32px; padding:0 20px;font-size:14px;border-radius:3px; background:#7c7c7c; border:2px solid #7c7c7c; color:#FFF;text-transform:uppercase; margin:0 15px 10px 0; }
.product-btn-wrap .buy { text-transform:uppercase; font-size:18px; padding:0 30px; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background:none; color:#7c7c7c;}
.product-summary .share-this { margin:30px 0 0; }
/* product detail */
.product-detail { position:relative; overflow:visible; margin:30px 0 0; }
.detail-tabs {position:relative;border-bottom: 1px solid #000;}
.detail-tabs .title {position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;line-height:32px;padding:0 20px;cursor:pointer;margin:0 10px 0 0;text-transform:uppercase;font-weight:normal;font-size:14px;border: 1px solid #000000;color: #000000;}
.detail-tabs .title.current {color:#FFF;background: #000000;}
.product-detail .tab-panel-content { padding:10px 0; display:block; overflow:hidden }
.product-detail .disabled { display:none; }
/*like product*/
.goods-may-like{position: relative;overflow: hidden;}
.goods-may-like .title{font-size:20px;margin: 20px 0;font-weight: bold;}
.goods-may-like .product_item{width: 25%; margin:0; padding:0;}
.goods-may-like .swiper-control{/* position: absolute; *//* right: 0; */top: 52px;}
.goods-may-like .swiper-button-next{margin-right: 0;float: right;position: relative;top: -200px;/* left: -14px; */}
.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: 0.3;filter: alpha(opacity=30);}
.goods-may-like .swiper-slide{width: 25%;overflow: visible;}
.goods-may-like .product_item{padding-bottom: 0px;margin-right: 30px;}
.goods-may-like .product_item .item_title{padding-bottom: 0;}
.goods-may-like .product_item .item_title a{;max-width: 90%;height:1.6em;}
.goods-may-like .product_item .item_img {border: 1px solid #e5e5e5;margin:0 1px 0 0;}
/*public*/
.web_main { position:relative; }
.page_main {background:#FFF;padding:67px 0 50px;/*! -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); */overflow: visible;}
/*path_nav*/
.path_bar {position:relative;overflow:hidden;text-align: left;/* padding: 187px 0; */-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform: translate3d(0,0,0);}
.path_bar .path_nav, .path_bar .title { position:relative; }
.path_bar .page_banner{
position: relative;
}
.path_bar .page_banner:after{
content:'';
position: absolute;
width: 100%;
height: 100%;
background: 0;
bottom: 0;
left: 0;
text-align: center;
/* z-index: 0; */
}
.path_bar, .path_bar a {/* color:#fff; */font-size: 16px;}
.path_bar .bannertitle{
font-size:48px;
font-weight: inherit;
/* z-index: 999999; */
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%,-50%); */
color: #fff;
text-align: center;
}
.banner_content{
/* font-size: 48px; */
font-weight: inherit;
z-index: 999999;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
/* .path_bar a:hover{color: #d79d49;} */
.path_bar li {display:inline-block;vertical-align:top;position:relative;font-size: 16px;text-transform:uppercase;}
.path_bar li:after { content:">"; margin:0 5px 0 7px;font-weight:bold; }
.path_bar li:last-child:after { display:none; }
.mobile-head-items { display:none; }
/*--------------------------------------------------------
page: blog list
------------------------------------------------------*/
.blog_list { position:relative; width:100%; }
.blog-item { position:relative; width:100%; overflow:hidden; padding:20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before { content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.blog-item .item-wrap { }
.blog-item .item-img { position:relative; display:block; max-width:200px; margin:0 20px 0 0;float:left; }
.blog-item .item-img img { position:relative; width:100%; }
.blog-item .item-info { }
.blog-item .item-info .item-title { font-size:16px; }
.blog-item .item-info time { display:block; font-style:italic; margin:8px 0; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float:right; color:#8f9395; margin:10px 0 0; }
.blog-item .item-info .item-more:hover{color: #d79d49;}
/*--------------------------------------------------------
page: download list
------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------
page: faq list
------------------------------------------------------*/
.faq_list { position:relative; width:100%; }
.faq-item { position:relative; width:100%; overflow:hidden; padding:0 25px;border:1px solid #eee; margin:0 0 20px;}
.faq-item .faq-title { position:relative; font-size:16px; padding:15px 0;cursor:pointer; }
.faq-item .faq-title:before { position:absolute; content:"\f067"; right:0; font-size:14px; }
.faq-item .faq-title.show-title:before { content:'\f068';}
.faq-item .faq-title h3{font-weight:normal;}
.faq-item .faq-cont {margin:0 0 25px; display:none;}
.faq-item:first-child .faq-cont { display:block;}
@media only screen and (max-width: 768px) {
.inquiry-form .form-btn-wrapx .form-btn-submitx {top:0 !important;}
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1366px) {
body{min-width: 1140px;}
.layout {width: 1140px;}
.index_promote .promote_section{width: auto;padding: 30px;}
}
@media only screen and (max-width: 1250px){
.service_items{ width:100%;}
}
@media only screen and (max-width: 1200px) {
.layout {width:95%;}
body {min-width:inherit;}
.product_items{ width:100%;}
.company_worldwild .layout{ display:block;}
}
@media only screen and (max-width: 950px) {
body{min-width: 100%;}
.layout {width: 100%;padding: 0 10px;}
.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(img/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; }
.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; }
.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; }
.index_web_head.web_head{ position:relative;background: rgba(0,0,0,1);}
.logo{position:relative; display:block;}
.web_head{ padding:25px 0 0; height:auto; }
.web_head .nav_wrap,.web_head .change-language,.web_head .btn--search{ display:none;}
.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(img/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;}
/* header */
.web_head .layout{background-color: #000;padding: 30px 15px;}
.web_head .logo{display: inline-block;position: static;margin: auto;}
.web_head .head_left,.web_head .head_right{display: none;}
.path_bar{-webkit-background-size: cover!important;background-size: cover!important;background-position: center!important;}
/*nav */
.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; font-family: Arial; }
.head_nav li ul li li:before { display:none; }
/* footer */
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:50%;}
.foot_item:nth-child(2n+1){clear: left;}
.foot_item.foot_item_info .foot_logo img{max-width: 60%;}
/* index */
.index_main .layout{width: auto;max-width: 1240px;padding: 0;}
.index_impt_section,.index_product,.index_business,.index_ad{padding: 70px 10px;background-attachment: inherit;}
.index_company_intr .layout,.index_product .layout,.index_promote .layout{max-width: inherit;}
.index_product{padding-left: 0;padding-right: 0;}
.index_company_intr .layout{display: block;}
.index_company_intr .service_items,.index_company_intr .company_intr_cont{width: 100%;float: none;display: block;padding: 0;}
.service_item{width: 100%;float: none;}
.index_ad .ad_items {margin: 0 -15px;}
.index_ad .ad_item{width: 50%;}
.index_ad .ad_item:nth-child(2n+1){clear: left;}
.index_ad .ad_item figure{margin-left: 15px;margin-right: 15px;}
/* aside */
.aside { display:none; }
.side-product-items .items_content{padding-top: 5px;}
.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;}
.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;}
/* main */
.main { width:98%; float:none; margin:0 auto; }
.items_list { width:100%; }
.product-item { width:33.333%; }
.product-item .item-wrap { margin:8px; }
/* product intro */
.video_close { display:none }
.image-additional li.image-item.current img { border:none; }
.product-view { width:100%; float:none; margin:0 auto; }
.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; }
.product-view .image-additional li.current img { border-color:inherit; }
.product-view .image-additional li.single { display:block }
.product-view .swiper-button-next, .product-view .swiper-button-prev{background: none;}
/* product summary */
.product-summary { position:relative; width:100%; float:none; }
.product-summary .share-this { float:none; margin:30px 0; }
.product-btn-wrap a { margin:0 0 10px !important; }
.product-summary .product-meta li{display: block;}
.product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;}
/* product detail */
}
@media only screen and (max-width: 768px) {
.items_list .product_item{width: 50%;}
.items_list .product_item:nth-child(2n+1){clear: left;}
}
@media only screen and (max-width: 480px) {
.mobile-hide{display: none!important;}
.gotop { display:none !important; }
.product_item,.items_list .product_item{ width:100%;}
.service_item{ width:100%;}
.path_bar{padding: 0;}
.path_bar li{font-size: 16px;}
.page_main{padding-top: 40px;}
.product-view{ width:100%;}
.page_title{font-size: 18px;padding-bottom: 10px;font-weight: normal;}
.blog-item .item-img{width: 100%;max-width: 100%;}
.table_wrap{ overflow-x:scroll;}
/* button */
.sys_btn{padding: 10px 20px;letter-spacing: 0;font-size: 12px;}
.sys_btn:hover{padding-left: 10px;padding-right: 30px;}
.sys_btn:hover:after{right: 10px;font-size: 11px;}
/* aside */
.side-widget{ margin:0 0 30px;}
.side-tit-bar .side-tit{font-size: 16px;text-transform:none;}
.side-cate li a{ padding:0 20px;}
.side-cate li li {line-height: 32px;}
.side-cate li li a{ padding:0 30px;}
.side-product-items .items_content{text-align: center;}
.side-product-items .items_content .side_product_item{width: 80%;margin: 8px auto;}
/* header */
.web_head .logo{width: 100%;text-align: center;}
.web_head .logo img{height: auto;max-width: 60%;height: 30px;}
.web_head .layout{padding: 20px 10px;}
/* footer */
.web_footer{ margin:60px 0 0;}
.company_subscribe .title{ margin:0 0 20px;}
.company_subscribe .button{margin-left: 0;padding-top: 8px;padding-bottom: 8px;}
.foot_items{padding-left: 10px;padding-right: 10px;}
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:100%; padding:0; margin:0 0 30px;}
.foot_item .foot_item_bd{padding-right: 5%;}
.foot_sns li a{width: 18px;height: 18px;line-height: 18px;}
.foot_sns li a img{max-width: 18px;max-height: 18px;}
.foot_item.foot_item_contact address li:before{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.foot_bar{font-size: 12px;}
.foot_bar .copyright,.foot_bar .foot_nav{display: block;float: none;text-align: center;}
.foot_bar .foot_nav {padding-top: 8px;}
.foot_bar .foot_nav li{float: none;display: inline;padding-left: 8px;}
.foot_bar .foot_nav li:after{padding-left: 8px;}
/* index */
.product_item .item_img a:before{display: none;}
.product_slider{margin-bottom: 20px;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display: none;}
.slider_banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
.slider_banner.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
.index_product{padding-top: 0;}
.product_slider .product_item{margin-right: 0;}
.product_slider .product_item .item_title a{display: block;width: 100%;max-width: inherit;opacity: 1;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
.index_impt_section .title{font-size: 16px;line-height: 1.8;}
.index_company_intr .company_intr_cont{padding: 0;}
.index_company_intr .company_intr_cont .company_intr_title{font-size: 16px;}
.index_business .title{font-size: 16px;}
.index_ad .ad_item{width: 100%;float: none;}
.index_promote{padding: 60px 10px 0 10px;background: none;}
.index_promote .promote_item{width: 100%;float: none;margin-bottom: 10px;}
.index_promote .promote_item:last-child{margin-bottom: 0;}
}
@media only screen and (max-width: 320px) {
.side_product_item {width:100%;}
}
/*-------------------------------
font start
----------------------------------*/
@font-face {
font-family: 'fontawesome';
src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0");
src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}
/*@font-face {*/
/* font-family: 'Merriweather';*/
/* src: url("fonts/Merriweather/Merriweather.eot?v=4.5.0");*/
/*src: url("fonts/Merriweather/Merriweather.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Merriweather/Merriweather.woff2?v=4.5.0") format("woff2"), url("fonts/Merriweather/Merriweather.woff?v=4.5.0") format("woff"), url("fonts/Merriweather/Merriweather.ttf?v=4.5.0") format("truetype"), url("fonts/Merriweather/Merriweather.svg?v=4.5.0#fontawesomeregular") format("svg");*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/
/*-------------------------------
font end
----------------------------------*/
/*-------------------------------
swiper-slide end
----------------------------------*/
.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:50px; height:50px;line-height: 50px;text-align: center; margin-top:-31.5px; z-index:1; cursor:pointer; opacity:0; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;font-size: 30px;background-color: #fff;border-radius: 2px; }
.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; pointer-events:none;opacity: 0.15; }
.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: '\f104';}
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content: '\f105';}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width: 60px;height: 60px;line-height: 60px;margin-top: -30px;border-radius: 0%;background: rgba(0,0,0,0.7);color: #fff;font-size: 30px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;opacity: 1;filter: alpha(opacity=100);border:1px solid rgba(255,255,255,0.5);box-shadow:0 0 5px rgba(255,255,255,0.2);border-radius: 3px;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.slider_banner .swiper-button-prev{left: 90px;opacity: 0;}
.slider_banner .swiper-button-next{right: 90px;opacity: 0;}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color: #000;border-color: rgba(255,255,255,0.8);color: #fff; }
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity: 1;filter: alpha(opacity=100);}
.slider_banner:hover .swiper-button-prev { left:120px; opacity:1;}
.slider_banner:hover .swiper-button-next { right:120px; opacity:1; }
.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:20px; 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:10px; height:10px; display:inline-block; vertical-align:middle; border-radius:100%; background:#eee; }
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-bullet-active { background:#836d3c; }
.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, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;-o-transition:.2s transform, .2s top;transition:.2s transform, .2s top;transition:.2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 8px }
.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, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;-o-transition:.2s transform, .2s left;transition:.2s transform, .2s left;transition:.2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-o-transition:.2s transform, .2s right;transition:.2s transform, .2s right;transition:.2s transform, .2s right, .2s -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-active { background:#fff;width: 15px;height: 15px; }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.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%; }
.slider_banner .swiper-slide img+img { position:absolute; left:0; top:0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
/*-------------------------------
swiper-slide end
----------------------------------*/
/*-------------------------------
entry-table start
----------------------------------*/
.entry { padding:15px 0; }
.entry { color:#666; }
.entry a { color:#0030FF; }
.entry p {margin:0;padding: 4px 0;font-size:13px;line-height:1.8;}
.entry table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:20px; }
.entry th, .entry td { height:30px; border:1px solid #ccc; text-align:left; line-height:1.5; font-size:12px; color:#666; background:#fbfbfb; padding:0 15px; }
.entry th { font-size:12px; background:#eee; }
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p { margin:0; padding:5px; color:#666; font-size:12px; line-height:1.3; }
.entry td.amts { color:#cb2027; }
.entry th#cartDelete { text-align:center; }
.entry .button { margin:15px 10px 0 0; background:#dfdfdf; padding:8px 15px; border:0; cursor:pointer; line-height:1.2; color:#777; font-weight:bold; text-transform:Capitalize; }
.entry .button:hover { background:#cb2027; color:#fff; }
.entry .deletecartitem { width:50px; text-align:center; }
.entry .deletecartitem label { display:none; }
.entry .stotal td.amts { font-size:18px; font-weight:bold; }
.entry img.alignleft { float:left; margin:20px 15px 0 0; }
.entry img.alignright { float:right; margin:20px 0 0 15px; }
.entry img.alignleftnopad { float:left; margin-left:0; }
.entry img.alignrightnopad { float:right; margin-right:0; }
.entry img.aligncenter { text-align:center; display:block; margin:20px auto 0 auto; }
.entry img { max-width:100%; }
.cartitem a { color:#292929; font-weight:bold; }
.inquiry-form ul li { background:none; }
.entry .inquiry-form-wrap { margin:20px 0 0; }
.table_wrap { position:relative; display:block; }
.main table { position:relative; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom:0 !important; }
.main table th, .main table td { height: 30px; border: 1px solid #ccc; text-align: left; line-height: 1.5; font-size: 12px; color: #666; background: #fbfbfb; padding: 0 15px; }
.main table th { font-size: 12px; background: #eee; }
.main table td p, .main table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.main table td.amts { color: #cb2027; }
.main table th#cartDelete { text-align: center; }
/*-------------------------------
entry-table end
----------------------------------*/
/*-------------------------------
search end
----------------------------------*/
.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; }
.js .web-search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; opacity:0; visibility:hidden;top: 101px;bottom: 0;height: auto; }
.js .web-search::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.98);background-color: #fff\9;-webkit-transform: scale(1,0.1);-ms-transform: scale(1,0.1);-o-transform: scale(1,0.1);transform: scale(1,0.1);}
.web-search .btn--search-close { display: inline-block;font-size: 2em; position: absolute; top: 1.25em; right: 1.25em; display: none; background:url(img/search_btn_close.png) no-repeat center 0; width:50px;height:50px;cursor:pointer;-webkit-transition: transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease; }
.web-search .btn--search-close:hover{background-position: center -50px;-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: Arial; 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 .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.js .main-wrap--move {height: 100vh; }
.js .web-search { pointer-events: none; }
.js .search--open { pointer-events: auto; opacity:1; visibility:visible }
.js .web-search::before {opacity: 0.3;-moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.js .search--open::before {opacity: 1;}
.web-search .btn--search-close { opacity: 0; }
.search--open .btn--search-close { opacity: 1; }
.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: 72px;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.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.js .search--open .search-btn { display:none !important; }
.js .fixed-body .web-search{top: 71px;}
.js .search--open::before{-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
/*-------------------------------
search end
----------------------------------*/
/*-------------------------------
scrollsidebar start
----------------------------------*/
.scrollsidebar, .scrollsidebar a { font-size:12px; color:#999; font-family:Arial; }
.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(img/custom_service/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(img/custom_service/icons01.png); }
.side_content .side_list .cont li .skype:before { background-image:url(img/custom_service/icons02.png); }
.side_content .side_list .cont li .inquiry:before { background-image:url(img/custom_service/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image:url(img/custom_service/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(img/custom_service/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; }
/*-------------------------------
scrollsidebar end
----------------------------------*/
/*inquiry*/
.inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height: 406px;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(img/custom_service/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:95%;height: 400px;left:0;margin:-265px 0 0 2.5%;}
.inquiry-pop-bd .inquiry-pop{padding:10px;}
.scrollsidebar {display:none;}
}
/*-------------------------------
language start
----------------------------------*/
.prisna-wp-translate-seo{ display:none; font-family:Arial;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{ display:block}
.change-language .change-language-title, .change-language .change-language-title a { font-size:10pt; color:#333; }
.change-language .change-language-title { padding:10px 0; }
.change-language .change-language-title a:after { font-family: 'fontawesome'; content:"\f0d7"; font-size:12px; display:inline-block; padding-left: 2px;}
.change-language:hover .change-language-title a:after { -moz-transform:rotate(-360deg); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); }
.change-language .change-language-cont { position:absolute; top:35px; right:-10px; width:360px; background:#FFF; padding:20px 10px 20px 20px; transform: scale3d(0.9, 0.9, 1); opacity:0; visibility:hidden; z-index:999; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border:1px solid #eee; border-radius:5px; overflow-y:scroll; max-height:80vh; }
.change-language:hover .change-language-cont { transform: scale3d(1, 1, 1); opacity:1; visibility:visible; }
.change-language .change-language-cont li { display:inline-block; vertical-align:top; width:30%; margin:0 0 10px; font-size:10pt;overflow:hidden; padding:0 10px 0 0; }
.change-language .change-language-cont .lang-item-hide { display:none !important; }
.change-language .change-language-cont .lang-more { position:relative; display:block; text-align:center; cursor:pointer;line-height: 30px; }
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative; display:inline-block; vertical-align:top; *display:inline; *zoom:1;white-space:nowrap;padding:0 0 0 33px; overflow:hidden; }
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:3px; }
.change-language .language-cont:hover::-webkit-scrollbar-thumb{ display:block}
.language-flag .country-flag { position:absolute; left:0; top:50%;display:inline-block; vertical-align:top; *display:inline;*zoom:1;
background-repeat: no-repeat; background-image:url(img/all-m.gif); width:22px; height:16px; margin:-8px 5px 0; }
li.language-flag a{ position:relative;}
.language-flag-af .country-flag { background-position: 0 0 !important; }
.language-flag-sq .country-flag { background-position: 0 -16px !important; }
.language-flag-ar .country-flag { background-position: 0 -32px !important; }
.language-flag-hy .country-flag { background-position: 0 -48px !important; }
.language-flag-az .country-flag { background-position: 0 -64px !important; }
.language-flag-eu .country-flag { background-position: 0 -80px !important; }
.language-flag-be .country-flag { background-position: 0 -96px !important; }
.language-flag-bg .country-flag { background-position: 0 -112px !important; }
.language-flag-ca .country-flag { background-position: 0 -128px !important; }
.language-flag-zh .country-flag { background-position: 0 -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0 -160px !important; }
.language-flag-hr .country-flag { background-position: 0 -176px !important; }
.language-flag-cs .country-flag { background-position: 0 -192px !important; }
.language-flag-da .country-flag { background-position: 0 -208px !important; }
.language-flag-nl .country-flag { background-position: 0 -240px !important; }
.language-flag-en .country-flag { background-position: 0 -256px !important; }
.language-flag-et .country-flag { background-position: 0 -272px !important; }
.language-flag-tl .country-flag { background-position: 0 -288px !important; }
.language-flag-fi .country-flag { background-position: 0 -304px !important; }
.language-flag-fr .country-flag { background-position: 0 -320px !important; }
.language-flag-gl .country-flag { background-position: 0 -336px !important; }
.language-flag-ka .country-flag { background-position: 0 -352px !important; }
.language-flag-de .country-flag { background-position: 0 -368px !important; }
.language-flag-el .country-flag { background-position: 0 -384px !important; }
.language-flag-ht .country-flag { background-position: 0 -400px !important; }
.language-flag-iw .country-flag { background-position: 0 -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; }
.language-flag-hu .country-flag { background-position: 0 -448px !important; }
.language-flag-is .country-flag { background-position: 0 -464px !important; }
.language-flag-id .country-flag { background-position: 0 -480px !important; }
.language-flag-ga .country-flag { background-position: 0 -496px !important; }
.language-flag-it .country-flag { background-position: 0 -512px !important; }
.language-flag-ja .country-flag { background-position: 0 -528px !important; }
.language-flag-ko .country-flag { background-position: 0 -544px !important; }
.language-flag-la .country-flag { background-position: 0 -560px !important; }
.language-flag-lv .country-flag { background-position: 0 -576px !important; }
.language-flag-lt .country-flag { background-position: 0 -592px !important; }
.language-flag-mk .country-flag { background-position: 0 -608px !important; }
.language-flag-ms .country-flag { background-position: 0 -624px !important; }
.language-flag-mt .country-flag { background-position: 0 -640px !important; }
.language-flag-no .country-flag { background-position: 0 -656px !important; }
.language-flag-fa .country-flag { background-position: 0 -672px !important; }
.language-flag-pl .country-flag { background-position: 0 -688px !important; }
.language-flag-pt .country-flag { background-position: 0 -704px !important; }
.language-flag-ro .country-flag { background-position: 0 -720px !important; }
.language-flag-ru .country-flag { background-position: 0 -736px !important; }
.language-flag-sr .country-flag { background-position: 0 -752px !important; }
.language-flag-sk .country-flag { background-position: 0 -768px !important; }
.language-flag-sl .country-flag { background-position: 0 -784px !important; }
.language-flag-es .country-flag { background-position: 0 -800px !important; }
.language-flag-sw .country-flag { background-position: 0 -816px !important; }
.language-flag-sv .country-flag { background-position: 0 -832px !important; }
.language-flag-th .country-flag { background-position: 0 -848px !important; }
.language-flag-tr .country-flag { background-position: 0 -864px !important; }
.language-flag-uk .country-flag { background-position: 0 -880px !important; }
.language-flag-ur .country-flag { background-position: 0 -896px !important; }
.language-flag-vi .country-flag { background-position: 0 -912px !important; }
.language-flag-cy .country-flag { background-position: 0 -928px !important; }
.language-flag-yi .country-flag { background-position: 0 -944px !important; }
.language-flag-bn .country-flag { background-position: 0 -960px !important; }
.language-flag-eo .country-flag { background-position: 0 -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; }
.language-flag-hy .country-flag { background-position: 0 -1408px; }
.language-flag-bs .country-flag { background-position: 0 -1424px; }
.language-flag-ceb .country-flag { background-position: 0 -1440px; }
.language-flag-ny .country-flag { background-position: 0 -1456px; }
.language-flag-ha .country-flag { background-position: 0 -1472px; }
.language-flag-hmn .country-flag { background-position: 0 -1488px; }
.language-flag-ig .country-flag { background-position: 0 -1504px; }
.language-flag-jw .country-flag { background-position: 0 -1520px; }
.language-flag-kk .country-flag { background-position: 0 -1536px; }
.language-flag-km .country-flag { background-position: 0 -1552px; }
.language-flag-lo .country-flag { background-position: 0 -1568px; }
.language-flag-la .country-flag { background-position: 0 -1584px; }
.language-flag-mg .country-flag { background-position: 0 -1600px; }
.language-flag-ml .country-flag { background-position: 0 -1616px; }
.language-flag-mi .country-flag { background-position: 0 -1632px; }
.language-flag-mr .country-flag { background-position: 0 -1648px; }
.language-flag-mn .country-flag { background-position: 0 -1664px; }
.language-flag-my .country-flag { background-position: 0 -1680px; }
.language-flag-ne .country-flag { background-position: 0 -1696px; }
.language-flag-pa .country-flag { background-position: 0 -1712px; }
.language-flag-st .country-flag { background-position: 0 -1728px; }
.language-flag-si .country-flag { background-position: 0 -1744px; }
.language-flag-so .country-flag { background-position: 0 -1760px; }
.language-flag-su .country-flag { background-position: 0 -1776px; }
.language-flag-tg .country-flag { background-position: 0 -1792px; }
.language-flag-uz .country-flag { background-position: 0 -1808px; }
.language-flag-yo .country-flag { background-position: 0 -1824px; }
.language-flag-zu .country-flag { background-position: 0 -1840px; }
/*-------------------------------
language end
----------------------------------*/
/*-------------------------------
animation start
----------------------------------*/
.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}
/*-------------------------------
language end
----------------------------------*/
.hd_subtit{
color: #000;
text-align: center;
font-size: 42px;
}
.hd_title{
text-align: center;
font-size: 18px;
color: #ccc;
font-weight: initial;
margin-bottom: 40px;
}
/*index_cate*/
.index_cates{/* margin-top: -75px; */position: relative;padding: 60px 0;z-index: 3;background: #fff;}
.index_cates .cate_items{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.index_cates .cate_item,.index_cates .cate_item a{color: #fff;}
.index_cates .cate_item,.index_cates .cate_item .item_cont{-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.index_cates .cate_item{display: block;/* width: 16.66666666%; */float: left;text-align: center;padding: 20px;min-height: 420px;background-position: 0 bottom;background-repeat: no-repeat;-webkit-background-size: 88% auto;background-size: 88% auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;position: relative;}
.index_cates .cate_item:hover{}
.index_cates .cate_item .item_tit{font-size: 22px;font-weight: normal;}
.index_cates .cate_item .item_subtit{font-size: 16px;font-weight: normal;}
.index_cates .cate_item .item_cont{padding-top: 20px;font-size: 12px;opacity: 0;}
.index_cates .cate_item .item_desc{font-size: 12px;margin-bottom: 30px;}
.index_cates .cate_item .sys_btn{display: block;font-size: 12px;padding: 8px;}
@media screen and (min-width: 951px){
.index_cates .cate_item:hover{background-color: #be0027;background-image: none!important;background-repeat: no-repeat;background-position: center bottom;/*-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);*/-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index: 1;}
.index_cates .cate_item:hover .item_cont{opacity: 1;}
}
.cate_item .sys_btn{
color: #fff;
border-radius: 25px;
text-transform: capitalize;
border-color: #fff;
}
.cate_item .sys_btn:after{
display: none;
}
.sys_btn.cate_btn{
margin: 0;
margin: 0 auto;
margin-top: 40px;
border-radius: 25px;
background: #333;
color: #fff;
text-align: center;
display: block;
width: 13%;
}
.sys_btn.cate_btn:hover{
background:#333;
color:#333;
border-color:#333;
}
@media screen and (max-width: 950px){
.index_cates .cate_item{width: 100%;min-height: 240px;-webkit-background-size: 110px auto;background-size: 110px auto;margin-bottom: 1px;padding: 30px 30px 50px;}
.index_cates .cate_item .item_cont{opacity: 1;}
.index_cates .cate_item .item_desc{font-size: 16px;}
.index_cates .cate_item .sys_btn{display: inline-block;font-size: 14px;padding: .8em 1.2em;margin: 0;}
.sys_btn.cate_btn{width: 50%;}
}
@media screen and (max-width: 480px){
.index_cates{/* margin-top: 10px; */}
.index_cates .cate_item{padding: 20px 20px 40px;border-radius: 5px;margin-bottom: 5px;background-position: center 100%; /*宽的一åŠ，高的一åÂÅ */}
.index_cates .cate_item .item_cont{padding-top: 15px;}
.index_cates .cate_item .item_desc{font-size: 14px;display: none;}
.index_cates .cate_item .sys_btn{padding: .5em 1em;}
}
.play_video {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background-image: url(//cdn.globalso.com/okesled/bofang1.png);
background-size: cover;
width: 110px;
height: 110px;
transition: all .3s linear;
visibility: initial;
}
/*.play_video img{*/
/* width: auto;*/
/* background: #000;*/
/*}*/
.youtube_warp{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99}
.index_popup_close{position:absolute;top:-10px;right:-10px;z-index:1;width:30px;height:30px;background:url(//cdn.globalso.com/cengocar/style/global/img/fancy_close.png) no-repeat center center;cursor:pointer}
.youtube_warp .youtube_box{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:50%;position:absolute}
.youtube_warp:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:-1}
@media screen and (max-width: 950px){
.youtube_warp .youtube_box{width: 80%;}
.peomotee_content h3 {
font-size: 18px;
font-weight: initial;
line-height: 2.5rem;
}
}
/*------------------------------------------------------------------地图*/
.wrapcont{max-width: 1200px;margin: 0 auto;position: relative;}
.wrapcont img{width: 100%}
.dian{display:none}
.mapboxs img{display:block;width:100%;}
.mapboxs .pcmap img{display:none;}
.pcmap{display: block;}
.pcmap img{width:100%}
.mobmap{display: none;}
.mapboxs img{display:none}
.mapboxs .pcmap img{display:block;}
.dian{position: absolute;width: 20px;height: 20px;text-align: center;line-height: 20px;display:block}
.dian p{background: #fff;white-space:nowrap; border-radius: 20px;border: 1px solid #ddd;padding: 0 10px;position: absolute;line-height: 180%;bottom:60px;left: 50%; transform:translateX(-50%);font-size: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;display: none;margin-left:-6px;}
.dian p:after{width:0;height:0;border-width: 10px 10px 0 10px ;border-style:solid;border-color:#fff transparent transparent transparent;position:absolute;left:50%;margin-left: -10px;content: '';top: 100%;z-index: 5;}
.dian p:before{width:0;height:0;border-width: 11px 11px 0 11px ;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;left:50%;margin-left: -11px;content: '';top: 100%;z-index: 4}
.dian:hover p{transition-delay: 0.3s;-webkit-transition-delay: 0.3s;bottom: 20px;display: inline-block;z-index:99}
.point,.point::before,.point::after{position: absolute;width: 6px; height: 6px; border-radius: 50%;content: '';left:0 }
.point::before{animation: scale 2s infinite; }
.point::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(4); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(8);opacity:0;}}
.point,.point::before,.point::after{background-color: rgba(241, 34, 30, .9);}
.venezuela{left: 28.6%;top: 64.7%;}
.peru{left: 22.8%;top: 71.8%;}
.brazil{left: 31.1%;top: 74.7%;}
.chile{left: 25.2%;top: 83%;}
.argentina{left: 26.9%;top: 88.7%;}
.czech{left: 58%;top: 33.8%;}
.romania{left:58.9%;top: 37.9%;}
.kazakhstan{left: 69%;top: 33.8%;}
.tajikistan{left: 69%;top: 43.5%;}
.turkey{left: 62.3%;top: 41%;}
.latvia{left: 53.1%;top: 29.6%;}
.netherlands{left: 48.8%;top: 32.5%;}
.finland{left: 51.3%;top: 21.1%;}
.kyrgyzstan{left: 70.7%;top: 38%;}
.ukraine{left: 74.1%;top: 26.8%;}
.philippine{left: 85%;top: 60.6%;}
.thailand{left: 76.6%;top: 55.1%;}
.malaysia{left: 78.3%;top: 63.5%;}
.singapore{left: 79.2%;top: 66.4%;}
.vietnam{left: 80%;top: 59.2%;}
.cambodia{left: 79.2%;top: 57.7%;}
.mozambique{left: 57.2%;top: 74.9%;}
.agola{left: 50.5%;top: 70.5%;}
.ghana{left: 45.5%;top: 62.2%;}
.nigeria{left: 47.9%;top: 60.6%;}
.kenya{left: 58.1%;top: 66.3%;}
.ethiopia{left: 58.9%;top: 62.2%;}
.united{left: 61.3%;top: 52.9%;}
.iraq{left: 60.6%;top: 48%;}
.saudi-arabia{left: 62.4%;top: 53.1%;}
.point,.point::before,.point::after{width: 7px; height: 7px; }
.dian p{font-size:14px;padding:0 15px;}
.point,.point::before,.point::after{width: 8px; height: 8px; }
.pcmap{padding-bottom:3px;}
.dian p{font-size:16px;padding:0 20px;}
/*------------------------------------------------------------------地图end*/
.index_map{
padding: 70px 0;
background: #fff;
}
/*index_news_container*/
.index_news_container {position: relative;padding: 70px 0;}
.news_item_wrap {position: relative;width: 100%;margin: auto;display: flex;justify-content: space-between;}
.news_item_wrap .news_slide {width: 32%;padding-bottom: 47px;}
.news_item { }
.news_item .news_img { position: relative; margin-bottom: 47px; display: block; }
.news_item .news_info { }
.news_time { display: inline-block; }
.news_time span { font-size: 30px; color: #333333; }
.news_time span + span { display: block; text-align: right; font-size: 12px; width: 100%; }
.new_box { width: calc(100% - 125px); float: right; }
.new_box .news_tit { margin-bottom: 18px; }
.new_box .news_tit a { font-size: 18px; line-height: 1; }
.new_box .news_detail { font-size: 14px; line-height: 20px; }
.news_items_right {position: relative;width: 60%;display: flex;flex-direction: column;justify-content: space-between;}
.news_items_right:after { content: ""; position: absolute; top: 0; left: 95px; width: 1px; height: 100%; background: #989898; }
.news_control { width: 75px; height: 20px; display: flex; justify-content: space-between; position: absolute; bottom: 0; }
.news_next, .news_prev { width: 30px; height: 20px; display: inline-block; font-size: 16px; color: #000; line-height: 20px; cursor: pointer; z-index: 999; position: relative; text-align: center; background-image: url(img/web_icon01.png); }
.news_prev { background-position: 9px -270px; }
.news_next { background-position: -52px -270px; }
.index_news_container .index_title_bar {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-bottom: 63px;padding: 0 60px;}
.index_news_container .hd_title {
position: relative;
text-align: center;
font-size: 32px;
display: block;
line-height: 1;
color: #000;
text-transform: uppercase;
font-weight: bold;
text-align: left;
margin: 0;
}
.index_news_container .index_hd span {
font-size: 14px;
color: #565656;
}
.index_news_container .index_title_bar .more_btn {
position: relative;
display: inline-block;
overflow: hidden;
background: #333;
line-height: 33px;
padding: 0 58px;
color: #fff;
font-size: 16px;
letter-spacing: .38px;
margin-left: 17px;
}
.index_news_container .blog-img img{
width: 100%;
}
.foot_item_product .foot_item_bd ul{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.foot_item_product .foot_item_bd li{
width: 50%;
}
@media only screen and (max-width: 950px) {
.index_title_bar{margin-bottom:30px}
.news_item_wrap .news_slide,.news_items_right{width:100%;position:relative}
.news_item_wrap{width:100%;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.index_news_container .index_title_bar{padding:0 20px;margin-bottom:20px}
.news_time span{font-size:20px}
.news_items_right .news_item{border-bottom:1px dashed #989898;padding-bottom:10px}
.new_box,.news_time{display:block;float:none;width:100%}
.news_item .news_info{padding:10px 1%;padding-bottom:0}
.news_items_right:after{display:none}
.news_time span+span{display:none}
.hd_subtit{font-size:20px;}
.foot_item_contact .itentssss li{width: 100%;}
}
.web_head.page_head{
background: #000;
position: static;
}
.fangdaimg img{transition: all 1.5s;/* height: 339px; */}
.fangdaimg:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.ke_fangdaimg img{
transition: all 1.5s;
}
.ke_fangdaimg .fl-photo-content{
overflow: hidden;
}
.ke_fangdaimg:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
/*-------------------å…¬å¸历å²start--------------------------------*/
.akordeon_item.akordeon_item01.development .item_head h2{ font-family: Arial; font-size:36px;}
.akordeon_item.akordeon_item01.development .akordeon_title_bar h3 span{font-family: Arial; font-size:20px;}
.akordeon_item.akordeon_item01.development .akordeon_title_bar h3 span p{ font-size:18px;}
.akordeon_item.akordeon_item01.development .akordeon_content{}
.akordeon_item.akordeon_item01.development .akordeon_content h4.title{font-family: Arial; font-size:24px; text-align:center; margin:0 0 60px;}
.history_wrap{position:relative;width: 100%;margin:0 auto;}
.history_wrap:after{content:"";position:absolute;width:1px;height:calc(100% - 160px);background:#999;top:40px;left:50%;/* z-index:-1; */}
.history_wrap li{ position:relative; display:block; overflow:hidden; margin:0 0 49px;}
.history_wrap li:before{ content:""; position:absolute; left:50%; top:32px; margin:0 0 0 -90px; width:180px; height:1px; border-bottom:1px dashed #ececec}
.history_wrap li:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);transition: all 1.5s;}
.history_wrap li:after{content:"";position:absolute;left:50%;top: 20px;margin:0 0 0 -15px;width:30px;height:30px;}
.history_wrap li figure{}
.history_wrap li figure .image{position:relative;display:inline-block;vertical-align:top;font-size:14px;width: 44%;float:left;overflow: hidden;transition: all 1.5s;}
.history_wrap li:nth-child(2n) figure .image{ float:right}
.history_wrap li figure .image img{
transition: all 1.5s;
}
.history_wrap li figure figcaption{position:relative;display:inline-block;vertical-align:top;font-size:14px;width: 44%;float:right;margin-right:35px;}
.history_wrap li:nth-child(2n) figure figcaption{ float:left; text-align:right;margin-right:0;margin-left:35px;}
.history_wrap li figure figcaption h5{ font-family: Arial; font-size:24px; color:#000; margin:10px 0 12px;}
.history_wrap li figure figcaption div{
/* font-family: arial, helvetica, sans-serif; */
font-size: 20px;
}
.history_wrap li figure figcaption div p{}
.history_wrap01{ position:relative; font-size:0; width:calc(100% + 60px); margin:0 0 0 -30px;}
.history_wrap01 li{position:relative; display:inline-block; vertical-align:top; width:50%;overflow:hidden; margin:0 0 80px;font-size:14px; padding:0 30px; }
.history_wrap01 li figure{}
.history_wrap01 li figure .image{ position:relative; display:inline-block; vertical-align:top;font-size:14px; width:260px; float:right;}
.history_wrap01 li figure .image img{}
.history_wrap01 li figure figcaption{position:relative; display:inline-block; vertical-align:top;font-size:14px; width:calc(100% - 260px); padding:0 38px 0 0; float:left;}
.history_wrap01 li figure figcaption h5{ font-family: Arial; font-size:24px; color:#000; margin:0 0 16px;}
.history_wrap01 li figure figcaption div{ font-size:16px;}
.history_wrap01 li figure figcaption div p{}
.history_wrap02{ position:relative; font-size:0; width:calc(100% + 60px); margin:0 0 0 -30px;}
.history_wrap02:after{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ccc;}
.history_wrap02 li{position:relative; display:inline-block; vertical-align:top; width:50%;overflow:hidden; margin:0 0 49px;font-size:14px; padding:0 70px; }
.history_wrap02 li figure{}
.history_wrap02 li figure .image{ position:relative; width:260px; }
.history_wrap02 li figure .image img{}
.history_wrap02 li figure figcaption{position:relative;}
.history_wrap02 li figure figcaption h5{ font-family: Arial; font-size:24px; color:#000; margin:12px 0 9px;}
.history_wrap02 li figure figcaption div{}
.history_wrap02 li figure figcaption div p{}
.page_bannertext{font-size: 16px;text-align: center;color: #fff;}
@media screen and (max-width:950px) {
.history_wrap {width: 100%;}
.history_wrap li figure .image img{
width: 100%;
}
.history_wrap:after {
content: "";
position: absolute;
width: 1px;
height: calc(100% - 160px);
background: #fff;
top: 40px;
left: 50%;
z-index: -1;
}
.history_wrap li figure .image,.history_wrap li figure figcaption{
width: 100%;
}
.path_bar .bannertitle{
font-size: 20px;
margin-bottom: 15px;
}
.path_bar.fangdaimg img{
height: 240px;
}
.page_bannertext {
font-size: 12px;
text-align: center;
color: #fff;
}
}
@media screen and (max-width:480px) {
.history_wrap li figure .image{
float: none;
}
.history_wrap li figure figcaption{
float: unset;
display:block;
}
.history_wrap li:nth-child(2n) figure figcaption{
float: unset;
text-align: left;
display: block;
margin: 0;
}
.history_wrap li:nth-child(2n) figure .image{
float: left;
}
}
/*-------------------å…¬å¸历å²end--------------------------------*/
.form_title{
padding: 10px 20px;
background: #000;
color: #fff;
border-radius: 8px;
}
.mauticform-label{
display: none !important;
}
.mauticform_wrapper{
margin-top: 20px !important;
width: 100% !important;
max-width: 100% !important;
}
.mauticform-row button{
width: 100% !important;
text-align: center !important;
border: 1px solid #be0027 !important;
background: #be0027 !important;
color: #fff !important;
}
.mauticform-row button:hover{
background: #fff !important;
color: #be0027 !important;
}
.banner_xun{
text-align: center;
display: block;
box-sizing: border-box;
line-height: 62px;
margin-top: 30px;
}
.banner_xun a{
padding: 20px;
background: #be0027;
color: #fff;
}
@media screen and (max-width:950px) {
.banner_xun{margin-top: 10px;}
.banner_xun a{padding: 10px;}
}
/*download*/
.product-list, .case-list, .certificate-list, .video-list, .download-list, .faq-list{position: relative;overflow: hidden;margin: 0;}
.download-list ul li{
position: relative;
display: block;
overflow: hidden;
line-height: 30px;
padding: 30px 0 10px;
border-bottom: 1px solid #E9E9E9;
}
.download-list ul li .download-cont{
position: relative;
display: inline-block;
vertical-align: top;
float: left;
}
.download-list ul li{
position: relative;
display: block;
overflow: hidden;
line-height: 30px;
padding: 30px 0 10px;
border-bottom: 1px solid #E9E9E9;
}
.download-list ul li .download-cont .download-pic{
position: relative;
display: inline-block;
vertical-align: top;
width: 25px;
overflow: hidden;
}
.download-list ul li .download-cont .download-pic img{
max-width: 25px;
max-height: 25px;
}
.download-list ul li .download-cont .download-detail{
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
margin: 0 15px;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.download-list ul li .download-button{
position: relative;
display: inline-block;
vertical-align: top;
float: right;
height: 30px;
line-height: 30px;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-left-color: #C1C1C1;
border-right-color: #C1C1C1;
border-top-color: #C9C9C9;
border-bottom-color: #A5A5A5;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1',endColorStr='#DADADA',gradientType='0');
background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
background: -o-linear-gradient(top,#F1F1F1, #DADADA);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
}
.download-list ul li .download-button a {
position: relative;
display: block;
padding: 0 12px 0 40px;
color: #0A0A0A;
background-image: url(/style/global/img/downloads.png);
background-repeat: no-repeat;
background-position: 10px 3px;
}
.video_list ul {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.video_list ul li{
width: 33.33333%;
padding: 1%;
}
.video_text{
text-align: center;
}
@media only screen and (max-width: 950px) {
.video_list ul li{width: 48%;}
}
@media only screen and (max-width: 480px) {
.video_list ul li{width: 100%;}
}
.cases_list ul {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.cases_list ul li{
width: 33.33333%;
padding: 1%;
}
.cases_list ul li .item-title{
text-align: center;
}
.map_shou,.slider_banner{
display: none;
}
@media only screen and (max-width: 950px) {
.cases_list ul li{width: 48%;}
.index_cates .cate_item .item_tit{
font-size: 16px;
}
.map_shou,.slider_banner{
display: block;
}
.map_pc,.video_banner{
display: none;
}
}
@media only screen and (max-width: 480px) {
.cases_list ul li{width: 100%;}
}
.lian_adress{
font-weight: bold;
}
.floatwindow_fd_conct img{border:none;/* max-width: 175px; *//* max-height:100%; */}
.floatwindow_clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;font-size:14px}
.floatwindow_fd_conct{position:fixed;z-index:9999999;top:30%;/* right: 205px; */cursor:pointer;transition:all .3s ease;font-size:14px}
.floatwindow_suspend{position:absolute;left:-48px;transition:right .6s ease-in-out;-o-transition:right .6s ease-in-out;-moz-transition:right .6s ease-in-out;-webkit-transition:right .6s ease-in-out}
.floatwindow_tab_nav{width:48px;height: 261px;overflow:hidden;border-top-left-radius:6px;border-bottom-left-radius:6px;position:absolute;left:0;top:0;background:#fff}
.floatwindow_tab_content{min-height:203px;border:1px #eee solid;position:absolute;left:48px;top:0;background:#fff}
.floatwindow_tab_nav>li{background: #ece8e5;margin-bottom:1px}
.floatwindow_online-service{height:82px}
.floatwindow_service_box .floatwindow_tab_nav>li>a{display:block;width:28px;padding:12px 6px 12px 8px;line-height:14px;text-align:center;color:#2c2c2c;text-decoration:none}
.floatwindow_im-tel li{text-align:center;height: 34px;margin-bottom:10px}
.floatwindow_im-tel li img{width: 70px;}
.floatwindow_im-tel{padding:13px}
.floatwindow_im-tel li a{display:block;width:100%;display:flex;background:linear-gradient(#fefefe,#eee);background:-webkit-linear-gradient(#fefefe,#eee);background:-o-linear-gradient(#fefefe,#eee);background:-moz-linear-gradient(#fefefe,#eee);border-radius:5px;border:1px #eee solid}
.floatwindow_im-tel li p{display:block;width:100%;display:flex;background:linear-gradient(#fefefe,#eee);background:-webkit-linear-gradient(#fefefe,#eee);background:-o-linear-gradient(#fefefe,#eee);background:-moz-linear-gradient(#fefefe,#eee);border-radius:5px;border:1px #eee solid}
.floatwindow_im-tel li:hover a{background:#ffc400;color:#fff;border-color:#ffc400}
.floatwindow_im-tel li:hover p{background:#ffc400;color:#fff;border-color:#ffc400}
.floatwindow_im-tel i{line-height:40px;display:inline-block;width:30px;text-align:right;display:flex;align-items:center;justify-content:center;margin-left:15px}
.floatwindow_im-tel span{line-height:34px;padding:0 8px 0 10px;font-size:15px;white-space:nowrap}
.floatwindow_im-tel .floatwindow_hover{display:none}
.floatwindow_im-tel i{background-repeat:no-repeat;background-size:20px;width:20px;height:20px;background-position:50%;margin-top:7px}
.floatwindow_online-service span{font-size:12px;text-align:center;display:block;color: #fff;}
.floatwindow_online i{background-image:url(//cdn.globalso.com/irontechdoll/4a5fceae.png)}
.floatwindow_email i{background-image:url(//cdn.globalso.com/irontechdoll/1a8dc4ef.png)}
.floatwindow_phone i{background-image:url(//cdn.globalso.com/irontechdoll/475949da.png)}
.floatwindow_clearfix .floatwindow_online:hover i{background-image:url(//cdn.globalso.com/irontechdoll/fb7b81cf.png)}
.floatwindow_clearfix .floatwindow_email:hover i{background-image:url(//cdn.globalso.com/irontechdoll/1c9c367d.png)}
.floatwindow_clearfix .floatwindow_phone:hover i{background-image:url(//cdn.globalso.com/irontechdoll/e076b257.png)}
.floatwindow_tab_nav>li>span{display:block;padding:9px 0;width:100%;line-height:14px;text-align:center;color: #ffffff;text-decoration:none}
.floatwindow_tab_nav .floatwindow_icon_01{display:block;height:30px;width:30px;background:url(//cdn.globalso.com/irontechdoll/style/global/img/online_service.png) no-repeat;overflow:hidden;margin:3px auto}
.floatwindow_online-service:hover .floatwindow_icon_01{background:url(//cdn.globalso.com/irontechdoll/style/global/img/online_service1.png) no-repeat;}
.floatwindow_tab_nav li:hover{background-color:#ffc400}
.floatwindow_tab_nav li:hover span{color:#fff}
/*.floatwindow_tab_nav .floatwindow_online-service:hover{background-image:url(//cdn.globalso.com/irontechdoll/style/global/img/online-service1.png)}*/
.floatwindow_icon_02{display:block;height:30px;width:30px;background:url(//cdn.globalso.com/irontechdoll/062fe39d2.png) no-repeat;margin:0 auto}
.floatwindow_er{height:62px;display:flex;align-items:center;justify-content:center}
.floatwindow_er:hover .floatwindow_icon_02{background:url(//cdn.globalso.com/irontechdoll/d0797e071.png) no-repeat;}
.floatwindow_top{height:59px;display:flex;align-items:center;justify-content:center}
.floatwindow_icon_03{display:block;width:30px;height:30px;background:url(//cdn.globalso.com/irontechdoll/f7adc696.png) no-repeat;margin:0 auto}
.floatwindow_top:hover .floatwindow_icon_03{background:url(//cdn.globalso.com/irontechdoll/27e1cd53.png) no-repeat;}
.floatwindow_er-img{display:none}
.floatwindow_er-img i{display:flex;align-items:center;justify-content:center;padding:10px}
@media(max-width:768px){.floatwindow_fd_conct{display:none}
.goods-may-like .swiper-control {
position: absolute;
right: 0;
top: 5%;
}
}
.cases_list .item-img{
display: block;
overflow: hidden;
}
.ad_imgs{
overflow: hidden;
display: block;
}
.feinav .menu-item a img{width:43px!important;height:auto}
.feinav:hover >ul{ display: flex; }
@media(min-width:950px){
.feinav{position:static!important}
.feinav>.sub-menu{
width:100%;
/*display:flex !important;*/
display:none;
flex-wrap:wrap;
width:100%!important;
box-sizing: border-box !important;
padding: 0% 3% 6% 3% !important;
pointer-events: all;
}
.feinav>.sub-menu>li{width: 25%;line-height: 3 !important;}
.feinav>.sub-menu>li>a{font-size:14px!important}
.feinav>.sub-menu>li>a b{/* display:none; */}
.feinav>.sub-menu>li>.sub-menu{/* opacity:1; *//* position:static; *//* visibility:inherit; *//* border:0; *//* margin:0; *//* transform:inherit; */}
.feinav>.sub-menu>li>.sub-menu a{padding:3px 20px!important}
.feinav .menu-item a img{width: 42px!important;height:auto}
}
@media(max-width:1500px){
.feinav>.sub-menu{padding: 1% 2% !important;}
.feinav>.sub-menu>li>a{font-size:12px!important}
}
.feinav .sub-menu .img_pro em{font-size: 20px;position:relative;top:15px;font-weight:bold}
.feinav .sub-menu .img_pro {width: 50%; position: relative;top: -4px;}
.feinav .sub-menu .img_pro>ul{transform: scale3d(1, 1, 1);opacity: 1;visibility: visible;flex-wrap: wrap;position: relative;left: 0;top: 0;border: none;margin: 0;width: 100%;box-shadow: 0px 0px 0px #fefefe;}
.feinav .sub-menu .img_pro li{ }
.feinav .sub-menu .img_pro li img{opacity: 1 !important;width: 100% !important;}
.feinav .sub-menu .img_pro li:nth-of-type(1){ }
.feinav .sub-menu .img_pro li:nth-of-type(2){position: absolute;width: 100%;text-align: center;left: 0;top: 40%;transform: translateY(-50%);}
.feinav .sub-menu .img_pro li:nth-of-type(3){position: absolute;width: 100%;text-align: center;top: 55%;transform: translateY(-50%);}
.feinav .sub-menu .img_pro li a{ display: block;}
.feinav .sub-menu .img_pro li:nth-of-type(1) em{ display:none}
.feinav .sub-menu .img_pro li:nth-of-type(2) em{ }
.feinav .sub-menu .img_pro li:nth-of-type(3) em{display: block;width: 80%;margin: 0 auto;margin-top: 0px;margin-top: 20px;line-height: 15px;}
@media(max-width:950px){
.feinav>.sub-menu{padding: 0 !important;}
.img_pro {display:none !important ;}
.feinav:hover > ul {
display: block;
}
}
.feinav .em {color:black;}
.feinav ul {
background-color: #fff !important;
padding-bottom: 20px;
}
/*.feinav a {*/
/* color: #606060 !important;*/
/*}*/
.feinav .img_pro a{
color: #ffffff !important;
font-size: 20px;
}
.floatwindow_online-service {height: 95px;}
.floatwindow_service_box
.floatwindow_tab_nav > li > a {display:block;width:28px;padding:12px 6px 12px 8px;line-height:14px;text-align:center;color:#2c2c2c;text-decoration:none;}
.floatwindow_im-tel li {text-align:center;/* height:34px; */margin-bottom:10px;}
.floatwindow_im-tel li img {/* width:22px; */}
.floatwindow_im-tel {padding:13px;height: 260px;}
.floatwindow_im-tel li a {display:block;width:100%;display:flex;background:linear-gradient(#fefefe, #eee);background:-webkit-linear-gradient(#fefefe, #eee);background:-o-linear-gradient(#fefefe, #eee);background:-moz-linear-gradient(#fefefe, #eee);border-radius:5px;border:1px #eee solid;}
.floatwindow_im-tel li p {display:block;width:100%;display:flex;background:linear-gradient(#fefefe, #eee);background:-webkit-linear-gradient(#fefefe, #eee);background:-o-linear-gradient(#fefefe, #eee);background:-moz-linear-gradient(#fefefe, #eee);border-radius:5px;border:1px #eee solid;}
.floatwindow_im-tel li:hover a {background:#0b9d84;color:#fff;border-color:#0b9d84;}
.floatwindow_im-tel li:hover p {background:#0b9d84;color:#fff;border-color:#0b9d84;}
.floatwindow_im-tel i {line-height:40px;display:inline-block;width:30px;text-align:right;display:flex;align-items:center;justify-content:center;margin-left:15px;}
.floatwindow_im-tel span {line-height:34px;padding:0 8px 0 10px;font-size:15px;white-space:nowrap;}
.floatwindow_im-tel .floatwindow_hover {display:none;}
.floatwindow_im-tel i {background-repeat:no-repeat;background-size:20px;width:20px;height:20px;background-position:50%;margin-top:7px;}
.floatwindow_online-service span {font-size:12px;text-align:center;display:block;color:#444;}
/*.floatwindow_online i {background-image:url(img/online.png);} */
/*.floatwindow_email i {background-image:url(img/email.png);} */
/*.floatwindow_phone i{background-image:url(img/phone.png);}*/
/*.floatwindow_skype i {background-image:url(img/skype.png);} */
/*.floatwindow_wechat i {background-image:url(img/wechat.png);} */
/*.floatwindow_im-tel li:hover .floatwindow_online i {background-image:url(img/online-w.png);} */
/*.floatwindow_im-tel li:hover .floatwindow_email i {background-image:url(img/email-w.png);} */
/*.floatwindow_im-tel li:hover .floatwindow_phone i {background-image:url(img/phone-w.png);} */
/*.floatwindow_im-tel li:hover .floatwindow_skype i {background-image:url(img/skype-w.png);} */
/*.floatwindow_im-tel li:hover .floatwindow_wechat i {background-image:url(img/wechat-w.png);} */
.floatwindow_tab_nav>li>span {display:block;padding:9px 0;width:100%;line-height:14px;text-align:center;color:#2c2c2c;text-decoration:none;}
.floatwindow_tab_nav .floatwindow_icon_01 {display:block;height:30px;width:30px;background:url(img/xinxi.png) no-repeat;overflow:hidden;margin:3px auto;}
.floatwindow_tab_nav li:hover {background-color:#0b9d84;} .floatwindow_tab_nav li:hover span {color:#fff;} .floatwindow_tab_nav .floatwindow_online-service:hover .floatwindow_icon_01 {background-image:url(img/xinxi.png);} .floatwindow_icon_02 {display:block;height:24px;width:24px;background:url(img/erweima.png) no-repeat;margin:0 auto;} .floatwindow_er {height: 80px;display:flex;align-items:center;justify-content:center;}
.floatwindow_er:hover .floatwindow_icon_02 {background-image:url(img/erweima.png);}
.floatwindow_top {height: 83px;display:flex;align-items:center;justify-content:center;}
.floatwindow_icon_03 {display:block;width:20px;height:24px;background:url(img/totop.png) no-repeat;margin:0 auto;} .floatwindow_top:hover .floatwindow_icon_03 {background-image:url(img/totop.png);}
.floatwindow_er-img {display:none;}
.floatwindow_er-img i {display:flex;align-items:center;justify-content:center;padding: 57px;}@media(max-width:768px){.floatwindow_fd_conct{display:none}}
.single_new_title{padding: 0 100px;margin-top:30px;}
.solution_button_prev:before, .project_button_prev:before, .feature_button_prev:before{
content: "<";
}
.solution_button_next:after, .project_button_next:after, .feature_button_next:after{
content: ">";
}
.product-meta p,.product-meta span,.product-meta,.entry p ,.entry span .entry h2,.entry h3{font-family: Arial !important;}
.fa:before,
.btn_more:after,
.sys_btn:after,
.head-search .search-btn: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 {
font-family: 'fontawesome';
}