@charset "utf-8";
html {font-size:625%;}
body {font-size:14px;background:#FFF;}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin:0;padding:0;}
body, html, input, button, textarea {color:#333;font-family:'Roboto',Arial, Helvetica, sans-serif;line-height:1.5}
body{background-color:#fff;}
article, aside, figcaption, figure, footer, header, main, nav, section {display:block;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4, h5 {font-size:14px;}
img {border:none;vertical-align:middle;max-width:100%;}
li {list-style:none;}
i, em {font-style:normal;}
a {color:#333;text-decoration:none;}
a:focus {outline:none;}
a:hover {color:#026eb9;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;}
.gtranslate-warp{
	position: absolute;
    top: 10px;
    right: 10px;
}
.gtranslate-warp .switcher{
	width: 160px;
}
.gtranslate-warp .switcher .selected{
	background-color: #000;
}
.gtranslate-warp .switcher .selected a{
	width: 160px;
	border:0px;
	color: #fff;
}
.gtranslate-warp .switcher .selected a,.gtranslate-warp .switcher .selected a:hover{
	background-color: #000;	
}
.gtranslate-warp .switcher .option{
	background-color: #fff;
}
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,
.web_main:after,.page_main:after, .nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_item .news_cell:after,
.news_item figure:after,


.index_ad .ad_items:after,.index_product_rcmd .product_items:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.sys_row,
.web_main,.page_main, .nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_item .news_cell,
.index_ad .ad_items,.index_product_rcmd .product_items{*zoom:1;}
.clear {clear:both;}

/* layout */
body {width:100%;position:absolute;left:0;top:0;min-width:1280px;}
.z9999 {z-index:9999!important;}
.container{}
.layout {width:1400px;margin:0 auto;position:relative;}
.index_main .layout{width: 1400px;}
.hide{display:none;}
.index_main .banner_layout{position:absolute; left:0; top:50%; margin-top:-50px; width:100%;}

/*gotop*/
.gotop {position:fixed;text-align:center;right:15px;bottom:50px;display: inline-block;background-color:#000;border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);background-clip:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:99999;cursor:pointer;font-size:28px;opacity:0;visibility:hidden;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.gotop:hover {background-color:#026eb9;}
.gotop.active{opacity:1;visibility:visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.gotop em{display:none;}
.gotop:before{content:"";display:inline-block;display: inline-block;width: 50px;height: 50px;background-image: url(img/btn_up.png);background-position: center;background-repeat: no-repeat;vertical-align: middle;}

/* transition */
 .head_nav li a,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.nav_wrap .head_nav li li>a:before,.head_nav b:after,.web_head .btn--search,.web_head .btn--search:after,.product_item figure, .gotop, .product-item .item-img img,.product_item .item_img img,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after, .product-btn-wrap a,.web_head,.change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption,.foot_item  a, .pages a,.ad_item figure figcaption .item_more,.head_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after,.foot_sns li img{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}


.nav_wrap .head_nav>li>a:after,.web_head .head-search .search-ipt,
.index_ad .ad_item:before,.index_promote .promote_item .item_info,
.side_quicks .quick_ico,.side_quicks .qrcode_pop,
.foot_txt_list li a:before,.gotop:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}


/* 栅格化 */
.sys-layer{margin: 0 auto;}
.sys-row{margin: 0 -8px;}
.sys-col{float: left;}
.sys-col-inner{margin: 0 8px;}
.sys-col-md{float:left;}
.sys-col-md-12 {width:100%;}
.sys-col-md-11 {width:91.66666667%;}
.sys-col-md-10 {width:83.33333333%;}
.sys-col-md-9 {width:75%;}
.sys-col-md-8 {width:66.66666667%;}
.sys-col-md-7 {width:58.33333333%;}
.sys-col-md-6 {width:50%;}
.sys-col-md-5 {width:41.66666667%;}
.sys-col-md-4 {width:33.33333333%;}
.sys-col-md-3 {width:25%;}
.sys-col-md-2 {width:16.66666667%;}
.sys-col-md-1 {width:8.33333333%;}

/* float */
.sys_fl{float:left!important;}
.sys_fr{float:right!important;}


.sys_btn{display: inline-block;font-size: 18px;line-height: 1.3;padding: .55em 1.6em;color:#fff!important;border-radius:.5em;background-image: -webkit-linear-gradient(180deg, #C62C22 0%, #AC272E 100%);background-image: linear-gradient(180deg, #C62C22 0%, #AC272E 100%);color: #FFFFFF;box-shadow: 0 6px 12px -6px #AC272E;background-color: #D42B20;}
.sys_btn:hover{background-image: -webkit-linear-gradient(180deg, #D42B20 0%, #BF252D 100%);background-image: linear-gradient(180deg, #D42B20 0%, #BF252D 100%);}

.sys_btn.btn_black{background-image: -webkit-linear-gradient(180deg, #575D5D 0%, #3F4444 100%);background-image: linear-gradient(180deg, #575D5D 0%, #3F4444 100%);color: #FFFFFF;box-shadow: 0 6px 12px -6px rgba(0,0,0,1);box-shadow: 0 6px 12px -6px rgba(0,0,0,1);}
.sys_btn.btn_black:hover{background-image: -webkit-linear-gradient(180deg, #555 0%, #333 100%);background-image: linear-gradient(180deg, #555 0%, #333 100%);}
.sys_btn.btn_black{background-image: -webkit-linear-gradient(180deg, #575D5D 0%, #3F4444 100%);background-image: linear-gradient(180deg, #575D5D 0%, #3F4444 100%);color: #FFFFFF;box-shadow: 0 6px 12px -6px rgba(0,0,0,1);}
.sys_btn.btn_black:hover{background-image: -webkit-linear-gradient(180deg, #555 0%, #333 100%);background-image: linear-gradient(180deg, #555 0%, #333 100%);}
.sys_btn.btn_gray{background-image: gradient(180deg, #FFFFFF 0%, #E4E4E4 100%);background-image: linear-gradient(180deg, #FFFFFF 0%, #E4E4E4 100%);color: #333!important;box-shadow:0 1px 3px rgba(0,0,0,.5);background-color: #eee;}
.sys_btn.btn_gray:hover{background-image: gradient(180deg, #f2f2f2 0%, #d2d2d2 100%);background-image: linear-gradient(180deg, #f2f2f2 0%, #d2d2d2 100%);color: #333!important;}

/* placeholder */
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;opacity:1;}
input:-ms-input-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}

/* box-sizing */
.index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}

/* font-family */
.side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after,.head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before{font-family:"fontawesome";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none;}
.btn_more:after,.sys_btn:after,
.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before,
.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,
.company_subscribe .button:after{font-family:'fontawesome';}

.index_company_intr .company_intr_title,.index_hd .hd_title,.index_news .news_item  {font-family: 'Roboto-Light';}
.index_company_intr .company_intr_title .txt_impt{font-family: 'Roboto-Bold';}


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

/* hover */
.shine_img{display:block;position:relative;overflow:hidden;}
.shine_img img{display:block;width:100%;height:auto;}
.shine_img:after{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.shine_img:after {content:'';display:block;width:0%;height:100%;position:absolute;left:0;top:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));opacity:0;}
.shine_img:hover:after {width:100%;opacity:1;}
.scale_item .item_img a,.scale_img {display:block;position:relative;overflow:hidden;}
.scale_item .item_img img,.scale_img img,
.scale_item .item_img a:before,.scale_img:before{-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.scale_item .item_img a:before,.scale_img:before{content:'';display:block;width:0%;height:100%;opacity:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));position:absolute;left:0;top:0;z-index:11;}
.scale_item:hover .item_img a img,.scale_img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;}
.scale_item:hover .item_img a:before,.scale_img:hover:before{width:100%;opacity:1;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
@-webkit-keyframes shine {100% {left:125%;}}
@keyframes shine { 100% {left:125%;}}

/* web_head */
.web_head{width: 100%;position: relative;z-index: 3;}
.web_head .head_top{background: #000; height: 45px; line-height: 45px;}
.web_head .head_left{float: left;line-height: 45px; color: #ccc;}
.web_head #lang{position: absolute;right: 0}
.web_head .head_right{float: right;}
.web_head .change-language{position:relative;margin-left:35px;text-align:left;}
.web_head .change-language .change-language-title{/*padding-top:7px;padding-bottom:7px;*/}
.web_head .change-language .change-language-title,.web_head .change-language .change-language-title a{color:#333;}
.web_head .change-language .change-language-cont{top:36px;border-radius:0 0 5px 5px;overflow:hidden;border-top:0;}
.web_head .change-language:hover .change-language-title,.web_head .change-language:hover .change-language-title a{color:#333;}
.web_head .btn--search{display: inline-block;border-radius:50%;position: relative;vertical-align: middle;cursor: pointer;-webkit-box-sizing: content-box;box-sizing: content-box;}
.web_head .btn--search:before,.web_head .btn--search:after{content: '';display: inline-block;width: 33px;height: 33px;background-image: url(img/search_btn.png);background-repeat: no-repeat;background-position: center 0;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.web_head .btn--search:after{background-position: center -33px;background-color: #026eb9;position: absolute;left: 0;top: 0;border-radius: 50%;-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: 0;filter: alpha(opacity=0);-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.web_head .btn--search:hover:after{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);}
.web_head .btn--search:hover:before{-webkit-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);opacity: 0;filter: alpha(opacity=0);}
.web_head .head_layer .layout{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.nav_wrap {float:right;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: right;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; padding-right: 100px;}
.web_head .logo{float: left;padding-top: 10px;padding-bottom: 10px;}
.web_head .logo img{max-height: 90px;}
.web_head .head_layer{width: 100%;background-color: #fff;}
.nav_wrap .head_nav{display: inline-block;-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;z-index:2;text-align: right;padding-right: 20px;}
.nav_wrap .head_nav>li {display:inline-block;line-height:45px;position:relative;perspective:500px;vertical-align:middle;text-align:left;}
.nav_wrap .head_nav>li>a {font-size:14px;position:relative;display:inline-block;vertical-align:top;padding:0 15px;text-transform: uppercase;}
.nav_wrap .head_nav>li>a:after{content:'';display:block;width:0%;height:3px;background-color:#026eb9;position:absolute;left:50%;bottom:0px;}
.nav_wrap .head_nav>li:hover>a:after{width:100%;left:0;}
.nav_wrap .head_nav>li>a>em{display:inline-block;position:relative;z-index:1; color: #333;}
.nav_wrap .head_nav>li>a>b{display:inline-block;margin-left:5px;}
.nav_wrap .head_nav>li>a>b:after {content: '\f107';color:#999;display: inline-block;vertical-align:middle;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;}
.nav_wrap .head_nav>li:hover>a>b:after{color:#026eb9;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.nav_wrap .head_nav:hover>li>a,.nav_wrap .head_nav:hover>li.nav-current>a{color:#333;}
.nav_wrap .head_nav:hover>li:hover>a,.nav_wrap .head_nav>li.nav-current>a{color:#026eb9;}
.nav_wrap .head_nav>li li {position:relative;text-align:left;padding:0 20px;font-family: Arial;}
.nav_wrap .head_nav>li li a {display:block;line-height:1.5em;padding:13px 0;font-size:13px;position:relative;border-bottom: 1px solid #eee;}
.nav_wrap .head_nav>li li b:after{content: '\f105';position: absolute;right: 0;top: 13px;}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:4px;height:30%;background-color:#026eb9;position:absolute;left:-21px;top:40%;opacity:0;filter:alpha(opacity=0);}
.nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before{top:50%;margin-top: -11px;height:22px;opacity:1;filter:alpha(opacity=100);}
.nav_wrap .head_nav>li li:last-child>a{border-bottom:0;}
.nav_wrap .head_nav>li li:hover>a{color:#026eb9;}
.nav_wrap .head_nav>li li:hover>a>b:after{border-left-color: #fff;}
.nav_wrap .head_nav>li ul ul{left:102%;top:-10px;margin-top: 0;}
.nav_wrap .head_nav li ul{width:250px;padding:10px 0;border: 1px solid #ddd;background-color:#fff;border-radius:0;position:absolute;left:0;top:100%;z-index:999;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);-o-transform:translateY(5%);transform:translateY(5%);opacity:0;filter:alpha(opacity=0);visibility:hidden;box-sizing:border-box;-webkit-transform-origin:center 0;-moz-transform-origin:center 0;-ms-transform-origin:center 0;-o-transform-origin:center 0;transform-origin:center 0;box-shadow:0 0 3px rgba(0,0,0,.15);}
.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible;}
.col-md-6{width: 50%; float: left; padding: 0 10px;}
#keywordVal{height: 45px; line-height: 45px; border-radius: 5px 0 0 5px; background: #fff; width: 76%; text-indent: 2em;}
.submit{height: 45px; line-height: 45px; border:none; background: #026eb9; border-radius: 0 5px 5px 0; padding: 0 35px; color: #fff; font-size: 15px;}
.fixed-nav {width: 100%;}
.fixed-nav .logo{padding-top: 5px;padding-bottom: 5px;}
.fixed-nav .head_top{display: block;}
.fixed-nav .head_layer{background-color: #fff;padding: 0;}
.fixed-nav .logo{bottom: 0;}
.fixed-nav .logo img{max-height: 65px;}
.fixed-nav .head_top{width:100%; height:60px!important; line-height:60px!important; position:fixed;left:0;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1;box-shadow:0 0 10px rgba(0,0,0,.2);}
.fixed-nav .head_left{line-height:60px!important;}
.fixed-nav .head_nav li ul{margin-top: 0;}
.fixed-nav .head_nav>li{line-height: 60px;}
.fixed-nav .head_nav>li>a,.fixed-nav .head_nav li{-webkit-transition:none;-o-transition:none;transition:none;}
.fixed-nav .nav_wrap {-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.fixed-nav .nav_wrap .head_nav li li {font-size:13px;}
.fixed-nav .nav_wrap .head_nav>li>a:after{top:auto;bottom:-1px;}
.fixed-nav-active{width: 100%; z-index: 999; position: fixed; top: 0; left: 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);}
.fixed-nav-active .head_top{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.fixed-nav-active .nav_wrap:before{opacity:1;height:100%;}
.fixed-nav-active .nav_wrap .head_nav li ul ul{top:-15px;}
.fixed-nav .change-language .change-language-cont{top:51px;background-color:rgba(255,255,255,.95);}
/* web_footer */
.web_footer{background-color: #1b1b1b;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.web_footer,.web_footer a{color:#fff;}
.web_footer a:hover{color:#D0D0CE;}
.foot_items{padding-top: 60px;padding-bottom: 60px;}
.foot_items .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
.foot_items .layout{text-align:justify;-ms-text-align-last:justify;text-align-last:justify;}
.foot_item{display: inline-block;width:33.333%; max-width: 33.3333%;font-size: 14px;padding-top: 20px;padding-bottom: 20px;text-align:left;-ms-text-align-last: left;text-align-last: left;vertical-align: top;}
.foot_item .title{display: inline-block;font-size:18px;line-height:1.1;white-space:nowrap;}
.foot_item .title,.foot_item .title a{color: #fff;}
.foot_item .foot_item_bd{padding-top: 15px;max-width: 400px;}
.foot_item .subtit{padding-bottom: 10px;font-size: 1em;font-weight: normal;font-style: italic;}
.foot_contact_list {padding-bottom: 20px;}
.foot_contact_list .contact_item{line-height: 21px;margin-bottom: 8px;font-style: normal;}
.foot_contact_list .contact_item:hover .contact_ico{-webkit-animation:swing .4s ease;-o-animation:swing .4s ease;animation:swing .4s ease;}
.foot_contact_list .contact_ico{display: inline-block;width: 21px;height: 21px;background-repeat: no-repeat;background-position:0 0;background-image: url(img/contact_ico.png);float: left;}
.foot_contact_list .contact_ico+.contact_txt{margin-left: 30px;}
.foot_contact_list .contact_txt{display: block;}
.foot_contact_list .item_label{padding-right: 5px;}
.foot_contact_list .contact_ico_phone{background-position: 0 0;}
.foot_contact_list .contact_ico_fax{background-position: 0 -21px;}
.foot_contact_list .contact_ico_email{background-position: 0 -42px;}
.foot_contact_list .contact_ico_time{background-position: 0 -63px;}
.foot_contact_list .contact_ico_local{background-position: 0 -84px;}
.foot_contact_list .contact_ico_skype{background-position: 0 -105px;}
.foot_txt_list li a{display:block;height:1.8em;line-height:1.8em;overflow:hidden;position:relative;}
.foot_txt_list li a:before{content:'';display:block;width:2px;height:0%;background-color:#D0D0CE;position:absolute;left:0;top:50%;opacity:0;filter:alpha(opacity=0);}
.foot_txt_list li a:hover{padding-left:12px;}
.foot_txt_list li a:hover:before{height:60%;top:20%;opacity:1;filter:alpha(opacity=100);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.foot_item_folllow{width: 220px;}
.foot_item_folllow .foot_item_bd{padding-top: 40px;}
.foot_sns{padding-bottom: 60px;text-align: center;}
.foot_sns li{display:inline-block;padding:0 8px 10px;}
.foot_sns li a{display:inline-block;line-height:36px;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.foot_sns li a:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);}
.foot_sns li img{max-height:36px;vertical-align:middle;}
.foot_items .layout:after{display: block\9;}
.foot_bar{text-align: center;background-color: #fff;padding: 15px 0;font-size: 16px;}
.foot_bar,.foot_bar a{color: #333;}

.foot_item_company{}
.foot_item_company .footer-company{margin:35px 0; color: #999; line-height: 1.8;}
.foot_item_company a{display: inline-block; padding:13px 38px; background: #026eb9; border-radius: 5px; color: :#fff; text-transform: uppercase;}
.foot_item_nav .wrapper{ padding-left: 150px; }
.foot_txt_list li{padding:6px 0; }
.foot_txt_list li a{color: #999;}
.foot_item_contact li{margin:0 0 40px 0; color: #999;}
.foot_item_contact li.tel{font-size: 18px;}
.foot_item_contact a{display: block; margin-top: 30px; color: #026eb9; text-decoration: underline;}
.foot_item_contact .foot_item_hd{position: relative; padding-left: 65px;}
.foot_item_contact .foot_item_hd i{font-size: 48px; position: absolute; left: 0;}

.foot_bar {background: #1b1b1b; border-top: 1px solid #666; color: #999; font-size: 12px;}

.tel_link{pointer-events:none;}
.copyright p{display: inline-block; margin-right:10px;}
.copyright p a{color:#ccc}
@media screen and (max-width:768px){.tel_link{pointer-events:auto;}}




/*-------------------------------------------------------- 
														page:index
																	------------------------------------------------------*/
.web_main{overflow:hidden;}
.index_main{background-color: #fff;}

/* title */
.index_hd{text-align: center;margin-bottom: 20px;position: relative;}
.index_hd .hd_title,.index_hd .hd_desc{/*width: 90%;*/margin-left: auto;margin-right: auto;}
.index_hd .hd_title {font-size: 20px;font-weight: bold; color: #000; text-align:left; border-bottom:1px solid #dedede; text-transform: uppercase;line-height: 1.2; padding: 15px 0;}
.index_hd .hd_title:after{content: '';display: block;width: 180px;height: 5px;background-color: #c62c22;margin: .5em auto 0;}
.index_hd .hd_subtit{display: block;width: 100%;font-size: 55px;line-height: 1;font-weight: 900;text-transform: uppercase;position: absolute;left: 0;top: 0;opacity: .3;}
.index_hd .hd_subtit+.hd_title{padding-top: 1em;}
.index_hd .hd_desc{font-size: 16px;padding-top: 1.8em;font-weight: normal;}
.index_hd .hd_desc p{margin-bottom: .8em;}

/* slider_banner */
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width: 50px;height: 60px;line-height: 60px;margin-top: -30px;}
.slide-page-box {display: none;}
.slider_banner .banner_ft_bg{display: block;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;}
.slider_banner .banner_ft_bg img{width: 100%;height: auto;}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet{background-color: #fff;}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet-active{background-color: #026eb9;border-color: #026eb9;}
.slider_banner .banner_txt{
    position: absolute;
    width: 100%;
    padding: 0 15px;
    max-width: 1400px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .36s;
    z-index: 1;
    text-align: left;
    color: #fff;
}
.slider_banner .banner_txt h2{font-size: 2vw;}
.slider_banner .banner_txt h3{font-size: 1.5vw; margin-bottom: 10px; text-transform: uppercase; opacity: 0; transform:translateY(25px); transition: .5s all;}
.slider_banner .banner_txt h4{font-family:'ImpactMTStd'; font-size: 48px; text-transform: uppercase; opacity: 0; transform:translateY(25px); transition: .5s all;}
.slider_banner .banner_txt h4 .red{color: #026eb9;}
.slider_banner .banner_txt a.more{display:block; text-transform:uppercase; color:#fff; font-size: 20px; margin-top: 10px; opacity: 0;transform:translateY(25px); transition: .5s all; position: relative;}
.slider_banner .swiper-slide-active .banner_txt h3{transform:none;opacity:1;transition-delay:.5s}
.slider_banner .swiper-slide-active .banner_txt h4{transform:none;opacity:1;transition-delay:.8s}
.slider_banner .swiper-slide-active .banner_txt a.more{transform:none;opacity:1;transition-delay:1s}
.slider_banner .banner_txt a:before{content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 170px; top: 15px;}
.slider_banner .banner_txt a:after{content: ""; width: 8px; height: 2px; background: #fff; position: absolute; left: 195px; top: 13px; transform: rotate(-135deg); }


/* index_company_intr */
.index_company_intr{padding-top: 45px;padding-bottom: 45px;text-align: center;}
.index_company_intr,.index_company_intr a{color: #000;}
.index_company_intr .company_intr_title {font-size: 44px;font-weight: 300;text-transform: uppercase;}
.index_company_intr .company_intr_title:after{content: '';display: block;width: 180px;height: 5px;background-color: #c62c22;margin: .5em auto 0;}
.index_company_intr .company_intr_title .txt_impt{font-weight: bold;}
.index_company_intr .company_intr_desc{font-size: 16px;padding-top: 1.8em;padding-left: 5%;padding-right: 5%;}
.index_company_intr .company_intr_desc p{margin-bottom: .8em;}
.index_company_intr .learn_more{padding-top: 30px;}

.container_box{width:1400px; max-width: 1400px; margin: auto;}
.index_about{}
.index_about_bg{height: 489px; max-width: 1800px; margin: auto;}
.index_about .inner_content{padding-top: 160px; max-width: 900px; margin:auto; font-size: 24px; line-height: 2; color: #fff; text-align: center;}
.index_about .inner_content a{display: block; color: #026eb9; font-size: 14px;}

.index_advantage{overflow: hidden; margin: 65px auto;}
.index_advantage .n3 .wrapper{border: none;}
.index_advantage .wrapper{padding-left: 70px; border-right: 1px solid #dedede;}
.index_advantage .wrapper img{float: left; margin-right: 30px;}
.index_advantage .wrapper  h2{font-size: 14px; text-transform: uppercase;}
.index_advantage .wrapper .desc{color: #999;}

.index_product_catalog{overflow: hidden;}
.index_product_catalog li{margin-bottom: 21px; position: relative;  overflow: hidden;}
.index_product_catalog li img{mix-blend-mode: multiply; transition: .5s all;}
.index_product_catalog li:hover img{ transform: scale(1.1,1.1); }
.index_product_catalog li .wrapper{padding:10px 0; border-radius: 8px; border:1px solid #ddd; overflow: hidden; text-align: center;}
.index_product_catalog li .wrapper a{display: block; padding: 20px;}
.index_product_catalog li .wrapper a img{width: 100%;}
.index_product_catalog li:nth-child(odd) .wrapper{margin-right: 14px;}
.index_product_catalog li:nth-child(even) .wrapper{margin-left: 14px;}
.index_product_catalog li .wrapper{
    background: -webkit-linear-gradient( top, rgba(255, 255, 255, 1),rgba(212, 229, 239, 1) );
    /* Safari 5.1 - 6 */
    background: -o-linear-gradient(bottom,rgba(255, 255, 255, 1),rgba(212, 229, 239, 1));
    /* Opera 11.1 - 12*/
    background: -moz-linear-gradient( bottom, rgba(255, 255, 255, 1), rgba(212, 229, 239, 1));
    /* Firefox 3.6 - 15*/
    background: linear-gradient(to bottom,rgba(255, 255, 255, 1), rgba(212, 229, 239, 1));
    /* 标准的语法 */
}
.index_product_catalog li .desc{font-size: 24px; font-weight: bold; color: #333; padding-top: 30px; margin:2vh 0; line-height: 1.2;  transition: .5s all;}
.index_product_catalog li em.more{color: #026eb9!important; font-size: 16px; text-transform: uppercase; z-index: 1}

.news_list{}
.index_news .index_hd .hd_title{text-align: left; font-size: 24px;}
.index_news .index_hd .hd_title:after{background: none; height: 0; margin: 0;}
.news_list li .wrapper0{padding: 0 25px 0 0;}
.news_list li .wrapper1{padding: 0 25px;}
.news_list li .wrapper2{padding: 0 0 0 25px;}
.news_list .item-detail{color: #777;}
.news_list li time i{margin-right: 10px; color: #999;}
.news_list li h3{margin:5px 0 10px 0;}

/**/
.index_img_link{margin-bottom: 80px; overflow: hidden;}
.index_img_link .col{position: relative;}
.index_img_link .wrapper{margin-left: 10px; overflow:hidden;}
.index_img_link .wrapper img{transition: .5s all;}
.index_img_link .sys-col-md-6:hover img{transform: scale(1.06); -webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);}
.index_img_link .wl{margin-right: 10px; margin-left: 0!important;}
.index_img_link .content{position: absolute; left:60%; top:20%; padding-right: 10%; z-index: 2; color: #fff;}
.index_img_link .content h3{font-size: 36px;}
.index_img_link .content .txt{font-size: 14px;}
.index_img_link .content a{display: inline-block;border-radius: 5px; background:#026eb9; padding:12px 35px; margin-top: 25px; color: #fff; text-transform: uppercase;}

/* index_product */
.product_item {width:33.3333%;float:left;}
.product_item figure{margin:0;}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box; border-right: 1px solid #dedede;}
.product_item .item_img{*display:inline;}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.product_item .item_img a:before{content:'';display:block;width:100%;height:100%;background-color:rgba(255,255,255,0);left:0;top:0;}
.product_item .item_img img{width:100%;}
.product_item .item_title{ font-weight:normal; font-size:14px; padding:15px 10px;text-align:center;}
.product_item .item_title a{display:block;height:2.4em;line-height:1.2em;overflow:hidden;vertical-align:middle;padding:0 5%;}
.product_item figure:hover .item_img a:before{background-color:rgba(255,255,255,0.2);}
.product_item figure:hover .item_img img{-webkit-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06);}
.index_product{padding-top: 40px;padding-bottom: 60px;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.index_product,.index_product a{/*color: #fff;*/}
.index_product .hd_title{/*font-style: italic;*/}
.index_product .hd_title:after{display: none;}
.index_product .product_items{margin: 0 -5px;}
.index_product .product_item{width: 25%;padding-bottom: 10px; border-bottom: 1px solid #dedede; margin-bottom: 15px; }
.index_product .product_item:nth-child(4n+1){clear: left;}
.index_product .item6 .item_img, .index_product .item7 .item_img, .index_product .item14 .item_img, .index_product .item15 .item_img{border-right: 1px solid #fff;}
.index_product .product_item figure{margin: 5px;}
.index_product .product_item .item_img a{/*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .6) inset;*/ }
.index_product .product_item .item_title {font-size: 18px;padding-top: 10px;}
.index_product .product_item .item_title a{height: 2em;line-height: 2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_product .product_item figure:hover .item_title a{color: #026eb9;}
.index_product .learn_more{text-align: center;}
.index_product .product_item .item_img a:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0);left: 0;top: 0;}
.index_product .product_item .item_img a:hover:before{background-color: rgba(255,255,255,0.2);}
.index_product .product_item .item_img a:after{font-family: 'fontawesome';content: '\f061';display: block;width: 90px;height: 90px;line-height: 90px;text-align: center;background-color: #026eb9;color:#fff;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;-webkit-transform: scale(.6);-ms-transform: scale(.6);-o-transform: scale(.6);transform: scale(.6);opacity: 0;filter: alpha(opacity=0);}
.index_product .product_item .item_img a:hover:after,.index_product .product_item:hover .item_img a:after{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 0.8;filter: alpha(opacity=80);font-size: 20px;border-radius: 50%;}

/* index_news */
.index_news{padding-top: 45px;padding-bottom: 60px;}
.index_news .news_item {margin: 0 10% 120px;position: relative;}
.index_news .news_item:last-child{margin-bottom: 0;}
.index_news .news_item figure{background-color: #fff;border: 1px solid #d0d0ce;position: relative;z-index: 1;
display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;
}
.index_news .news_item .item_img{display: block;width: 57%;float: right;overflow: hidden;position: relative;-webkit-box-ordinal-group: 2;-moz-order: 2;-webkit-order: 2;order: 2;}
.index_news .news_item .item_img a{display: block;}
.index_news .news_item .item_img img{width: 100%;height: auto;min-height:100%;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
.index_news .news_item .item_cont{width: 43%;padding: 50px 50px 20px;}
.index_news .news_item .item_time{display: block;height: 1.2em;line-height: 1.2em;overflow: hidden;margin-bottom: 10px;}
.index_news .news_item .item_tit{font-size: 22px;font-weight: normal;max-height: 3em;overflow: hidden;margin-bottom: 10px;}
.index_news .news_item .item_desc{height:9em;line-height: 1.5em;overflow: hidden;font-size: 16px;margin-bottom: 30px;}
.index_news .news_item:after{content: '';display: block;position: absolute;right: 5%;bottom: 0;width: 90%;height: 8%;-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);-webkit-transform-origin: right bottom;-moz-transform-origin: right bottom;-ms-transform-origin: right bottom;-o-transform-origin: right bottom;transform-origin: right bottom; box-shadow: 0 35px 50px rgba(0,0,0,.25);}
.index_news .news_item:hover .item_img a:before{opacity: 0.6;width: 150%;}
.index_news .news_item:hover .item_img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.index_news .news_item:hover .item_meta:after{left: 0%;}
.index_news .news_item .item_img a:before{content: '';display: block;width: 0%;height: 100%;background-image: -webkit-linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));background-image: linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));position: absolute;left: 0;top: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.index_news .news_item:hover .item_img a:before{width: 100%;}

/* index_business */
.index_business{position: relative;}
.index_business .index_bd{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.index_business .index_bd .layout{}
.index_business .business_cont{max-width: 700px;padding-top: 80px;padding-left: 80px;}
.index_business .business_title,.index_business .business_title a{color: #fff;}
.index_business .business_title {font-size: 44px;line-height: 1.1;text-transform: uppercase;padding-bottom: 30px;}
.index_business .business_title .txt_impt{color: #026eb9;}
.index_business .business_bg img{display: block;width: 100%;height: auto;min-height: 30em}
.index_business .learn_more{padding-top: 50px;}

/* company_subscribe */
.company_subscribe{padding-top: 35px;padding-bottom: 35px;background-color: #323636;text-align: center;}
.company_subscribe .subscribe_cont{max-width: 70%;margin: 0 auto;}
.company_subscribe .subscribe_cont,.company_subscribe .subscribe_cont a{color: #fff;}
.company_subscribe .subscribe_title{font-size: 24px;}
.company_subscribe .subscribe_desc{font-style: italic;}
.company_subscribe .learn_more{padding-top: 20px;}
/*about*/
.banner_content {text-align: left; text-transform: uppercase;}
.banner_content h2{font-family: Airla; font-weight: bold; font-size: 18px;}
.banner_content h3{font-family: 'ImpactMTStd'; font-size: 52px; text-align: center;}
.col-about-wrap{margin-bottom: 30px;}
.col-about-wrap .about-row{overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 30px; margin-bottom: 30px;}
.col-about-wrap .about-main h2{color: #333; margin-bottom: 20px; margin-top: 60px; padding-bottom:5px; font-size: 24px; position: relative;}
.col-about-wrap .about-main h2:after{content: ""; position: absolute; width: 33px; height: 4px; background: #026eb9; left: 0; bottom: 0;}
.col-about-wrap p{font-size: 14px; line-height: 2.5; margin:20px 0; color: #666;}
.col-about-wrap .col-md-6 p{font-size: 16px; line-height: 2; margin: 0;}
.about-main{width: 100%;}
.col-value-wrap{height: 710px;}
.col-value-wrap .wrapper{padding:70px 0;}
.col-value-wrap h2{color: #fff; margin-bottom: 45px; padding-bottom:5px; font-size: 24px; position: relative;}
.col-value-wrap h2:after{content: ""; position: absolute; width: 33px; height: 4px; background: #026eb9; left: 0; bottom: 0;}
.col-value-wrap li{width: 50%;}
.col-fl dl{padding-right: 40px;}
.col-value-wrap li dl{position: relative; padding-left: 95px; margin-bottom: 45px;}
.col-value-wrap li dd.s-title{font-size: 18px; margin-bottom: 25px; font-size: 18px; color: #fff}
.col-value-wrap li dd{font-size: 14px; line-height: 1.8; color: #ccc;}
.col-value-wrap li dt{position: absolute; left: 0; top: 0;}
/*commitment*/
.col-commitment-wrap {background: #eee;}
.col-commitment-wrap .wrapper{padding: 70px 0; }
.col-commitment-wrap h2{color: #333; margin-bottom: 20px; padding-bottom:5px; font-size: 24px; position: relative;}
.col-commitment-wrap h2:after{content: ""; position: absolute; width: 33px; height: 4px; background: #026eb9; left: 0; bottom: 0;}
.col-commitment-wrap .desc{font-size: 30px; color: #026eb9; font-family: Arial; font-weight: bold; text-transform: uppercase;}
.col-commitment-wrap .content{margin-top: 50px; overflow: hidden;}
.col-commitment-wrap .col-left, .col-commitment-wrap .col-right{width: 50%; float: left;}
.col-commitment-wrap .col-left ul{padding-right: 50px; padding-left: 20px;}
.col-commitment-wrap .col-right ul{padding-left: 70px;}
.col-commitment-wrap ul li{list-style: disc; margin: 15px 0; font-size: 14px; line-height: 2;  color: #026eb9 }
.col-commitment-wrap ul li p{color: #666;}
/*faq*/
.col-faq-wrap{ padding-bottom: 50px;}
.col-faq-wrap p strong{ display: block; margin-top: 30px; }
.col-faq-wrap .page_title{ margin: 50px 0 40px 0; }
/**/
.pdf-download{}
.pdf-download .wrapper{ position: relative; }
.pdf-download .wrapper h3{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align:center; color: #fff;}
.pdf-download .wrapper h3 a{color: #fff;}
/*----------------------------------aside---------------------------------*/	
.aside { float:left; width:260px;}
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit { position:relative; font-size:20px; line-height:50px; color:#333; padding:0 20px; background:#eee; font-weight:normal; border-radius: 5px 5px 0 0; border:1px solid #dedede;border-bottom:none;}
.side-widget { position:relative; margin:0 0 30px; }
.side-cate {border:1px solid #dedede; padding: 10px 0;}
.side-cate li { position:relative; line-height:44px;/*background:#f3f3f3;*/}
.side-cate li li {background:#f9f9f9;}
.side-cate li a { position:relative;display:block; padding:0 0 0 20px;}
.side-cate li a:hover{background: #026eb9; color: #fff;}
.side-cate ul { display:none; overflow:visible !important }
.side-cate li li a { padding:0 20px 0 35px;margin-right:0;color:#666;}
.side-cate li li a:hover{color:#026eb9;}
.side-cate li li li a { padding:0 66px;margin-right:0;}
.side-cate li .icon-cate { position:absolute; right:10px; top:10px;display:inline-block;width:20px; line-height:20px;text-align:center; font-size:10px; cursor:pointer; color:#222;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.side-cate li .icon-cate.icon-cate-down:before { content:'\f067'; }
.side-cate li .icon-cate.icon-cate-up:before { content:'\f068'; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#026eb9; }
.side-cate li .icon-cate:hover{background-color:#026eb9;color:#fff;}
.side-product-items { position:relative; }
.side-product-items .items_content { position:relative; }
.side-product-items .items_content { }
.side_product_item { position:relative; display:block; width:100%; overflow:hidden; margin:0 0 6px;  }
.side_product_item figure { position:relative; display:block;  border:1px solid #eee; overflow:hidden; padding:8px; background:#FFF;position:relative;}
.side_product_item .item-img { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:45%; }
.side_product_item .item-img img { position:relative; width:100%; }
.side_product_item figcaption { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1;width:53%; padding:10px 0 10px 15px;}
.side_product_item figcaption .item_title { line-height:1.3; margin:0 0 10px; text-transform:uppercase; font-size:14px;font-weight:normal; }
.side_product_item figcaption .item_text { color:#949494; line-height:1.3;font-size: 12px; }
.side_product_item .add-friend { position:absolute; right:0; bottom:0; width:37px; height:39px; }
.side_product_item .add-friend:before{content:'';display:block;width:0;height:0;border-style:dashed dashed solid;border-color:transparent transparent  #232323;border-width:0 0 39px 39px;overflow:hidden;position:absolute;right:0;bottom:0;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.side_product_item .add-friend:hover:before{border-bottom-color:#026eb9;}
.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; z-index:1;}
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }


/*----------------------------------main---------------------------------*/
.main { position:relative; width:calc(100% - 300px); float:right;padding-bottom:100px; }
.main .banner_section {margin-bottom:25px;}
/*title*/
.page_title {line-height:38px;position:relative;font-size:22px;color:#000;;margin:0 0 15px;font-weight:normal;padding-bottom:10px;border-bottom:1px solid #ddd;position: relative;z-index: 2;}
.page_title .location{position: absolute; right: 0; top: 0; font-size: 14px;}
.items_list .page_title{text-transform:uppercase;border-bottom:0;padding-bottom:0;font-size:20px;font-weight:normal;color:#333;}
.items_list .share_this{float:right;position:absolute;right:0;top:5px;}
/*main_banner*/
.main_banner{margin-bottom:10px;position:relative;overflow:hidden;}
.main_banner ul{margin:0;}
.main_banner img{display:block;width:100%;height:auto;min-height:160px;}
.main_banner .swiper-wrapper li a{display:block;position:relative;}
.main_banner .swiper-wrapper li a:before{content:'';display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));background-image:linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));position:absolute;left:0;top:0;}
.main_banner .swiper-pagination{width:100%;text-align:center;padding-bottom:15px;position:absolute;left:0;bottom:0;z-index:1;}
.main_banner .swiper-pagination-bullet{background-color:#fff;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.main_banner .swiper-pagination-bullet-active{background:none;border:2px solid #fff;}
/*page*/
.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0 20px; text-align:center; font-size:12px;}
.page_bar a,.page_bar  span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px;  border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background:-moz-linear-gradient(top, #fefefe, #e3e3e3);background:-o-linear-gradient(top,#fefefe, #e3e3e3);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333;  border-color:#333333 }



/**/
.product-desc{}
.product-desc-txt{margin-top: 20px; margin-bottom:30px; line-height: 2;}
.product-list-title{height: 50px; line-height: 50px; font-size: 16px; background: #eee; margin-bottom: 30px;}
.product-list-title i{margin-left: 30px; margin-right: 20px; color: #666;}
/*-------------------------------------------------------- 
													page:product list
																	------------------------------------------------------*/
.items_list {width:100%;position:relative;}
.items_list ul{margin:0 -2px;}
.items_list .product_item {width:33.33%;float:left; margin-top: 20px;}
.items_list .product_item figure{display:block;border-bottom:1px solid #efefef;padding:1px 5px;margin:2px 0px;}
/*.items_list .product_item:nth-child(4n+1){clear: left;}*/

.items_list .product_item:hover figure{border-color:#ccc;box-shadow:0 10px 10px -10px rgba(0,0,0,.15);}
.items_list .product_item .item_img{overflow:hidden;border-right:1px solid #efefef;}
.items_list .product_item .item_img a,.goods-may-like .product_item .item_img a,.side_product_item .item-img a,.news_item .item_img a{overflow:hidden;}
.items_list .product_item .item_title{font-size:16px;}



/*-------------------------------------------------------- 
													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:37.6%;float:left;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:90%;margin:20px auto;overflow:hidden;}	
.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left;}
.product-view .image-additional li.single{display:none;}	
.product-view .image-additional li img{display:block;position:relative;width:70%;margin:0 auto;border:1px solid #c0c0c0;padding:1px;border-radius:3px;}	
.product-view .image-additional li a{display:block;position:relative;}	
.product-view .image-additional li.current img{border:2px solid #026eb9;padding:0;}
.product-view .image-additional img.popup{display:none;}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;}
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;}
.product-view .swiper-button-next,.product-view .swiper-button-prev {width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:28px;-webkit-transform:scale(0.65,1);-ms-transform:scale(0.65,1);-o-transform:scale(0.65,1);transform:scale(0.65,1);background:none;}
.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next {left:-10px;}
.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev {right:-10px;}
/*product summary*/
.product-summary {position:relative;width:57%;float:right;padding:10px 0;}
.product-summary .product-meta {line-height:25px;}
.product-summary .product-meta h3 {margin:0 0 5px;font-size:16px;}
.product-summary .product-meta li{width:100%;display:table;font-size:14px;padding:2px 0;}
.product-summary .product-meta li em{display:table-cell;width:40%;color:#aaa;}
.product-btn-wrap {position:relative;padding-top:30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {position:relative;display:inline-block; *display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.1em 1em;font-size:13px;border-radius:3px;background:#13adeb; border:1px solid #13adeb;color:#fff;margin:0 15px 10px 0;}
.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px;}
.product-btn-wrap .email:before{content:'\f0e0';}
.product-btn-wrap .pdf:before{content:'\f1c1';}
.product-btn-wrap a:hover {opacity:.8;}
.product-summary .share-this {margin:30px 0 0;text-align:right;}
/* product detail */
.product-detail {position:relative;overflow:visible;margin:30px 0 0;}
.detail-tabs {position:relative;}
.detail-tabs .title {position:relative;display:inline-block;font-weight: normal;vertical-align:top;line-height:26px;padding:9px 30px;cursor:pointer;margin:0 5px 0 0;font-size:16px;background-color:#fff;border:1px solid #ddd;color:#333; }
.detail-tabs .title.current {background:#026eb9;border-color:#026eb9;color:#fff;}
.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;margin-top:20px;}
.goods-may-like .title{line-height:35px;font-size:16px;margin:50px 0 20px;padding:6px 15px;text-transform:uppercase;font-weight:bold;background-color:#2391d7;color:#fff;}
.goods-may-like .product_item{width:25%;margin:0;padding:0;}
.goods-may-like .swiper-slide{width:25%;overflow:visible;}
.goods-may-like .product_item{padding-bottom:2px;margin-right:0;}
.goods-may-like .product_item figure{border:1px solid #d8d8d8;padding:3px;}
.goods-may-like .product_item .item_title {font-size:16px;}
.goods-may-like .product_item .item_img {}
.goods-may-like .swiper-control{position:absolute;right:10px;top:60px;}
.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display:inline-block;width:20px;height:25px;line-height:25px;font-size:20px;margin-left:5px;background:none;color:#fff;margin-left:5px;position:static;margin:0;opacity:1;filter:alpha(opacity=100);}
.goods-may-like .swiper-button-next.swiper-button-disabled, .goods-may-like .swiper-button-prev.swiper-button-disabled{opacity:.5;filter:alpha(opacity=50);}
/*public*/
.web_main { position:relative; }
.page_main { background:#FFF; padding:50px 0 0; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
/*path_nav*/
.path_bar {position:relative; overflow:hidden; text-align:center; /*padding:220px 0 220px;*/  -moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-background-size:cover!important;background-size:cover!important;}
.path_bar .path_nav, .path_bar .title { position:relative; }
.path_bar, .path_bar a { color:#fff; }
.path_bar  a:hover{text-decoration: underline;} 
.path_bar li { display:inline-block; vertical-align:top; position:relative; font-size:30px; text-transform:uppercase; }
.path_bar li:after { content:">"; padding:0 0.3em;font-weight:bold; }
.path_bar li:last-child:after { display:none; }
.mobile-head-items { display:none; }

/*-------------------------------------------------------- 
													page:blog list
																	------------------------------------------------------*/
.blog_list {position:relative;width:100%;}
.blog-item {position:relative;width:100%;overflow:hidden; padding:35px 20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;/*border-top:1px solid #ccc;*/border-bottom:1px solid #ccc;}
.blog-item .item-img,.blog-item .item-img img{border-radius:5px;}
.blog-item .item-img {position:relative;display:block;max-width:400px;padding:5px;border:1px solid #eee;background-color:#fff; margin:0 20px 0 0;float:left;}
.blog-item .item-img img {position:relative;width:100%;}
.blog-item .item-info .item-title {height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:normal;}
.blog-item .item-info time {display:block;font-size:16px;margin:8px 0;}
.blog-item .item-info time i{color: #026eb9; margin-right: 10px;}
.blog-item .item-info .item-detail {margin-top: 20px; color: #999; }
.blog-item .item-info .item-more {color:#8f9395;margin:20px 0 0;}
.blog-item .item-info .item-more{display:inline-block;padding:.5em 1.5em; border-radius:5px; line-height:1.8;color:#026eb9;position:relative;text-transform:uppercase; background: #026eb9; color: #fff;}
.blog-item .item-info .item-more:before,.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:0px;background-color:#026eb9;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.blog-item .item-info .item-more:before{left:0;top:0;}
.blog-item .item-info .item-more:after{right:0;bottom:0;}
.blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width:0;opacity:0;}
.blog-item .item-info .item-more:hover{background-color:#026eb9;color:#fff;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;}

/*-------------------------------------------------------- 
													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;}
.slider_banner .banner_txt h2{font-size:3vw;}
.slider_banner .banner_txt h3{font-size:2vw;}
}
@media only screen and (max-width:1800px) {
}
@media only screen and (max-width:1680px) {
.product-view{width:42.6%;}
.product-summary{width:52%;}
}
@media only screen and (max-width:1500px) {

}
@media only screen and (max-width:1440px) {
body{min-width: 1280px;}
.layout {width:1200px;}
.index_main .layout{width: 1280px;}
}
@media only screen and (max-width:1366px) {
body{min-width: 1180px;}
.layout {width:1100px;}
.index_main .layout{width: 1180px;}
/*index product column*/
.index_product_catalog li .inner{right: 150px;}
.index_product_catalog li .inner .desc{font-size: 18px;}
/*header*/
.nav_wrap .head_nav>li>a{padding: 0 10px;}
}
@media only screen and (max-width:1250px){
.items_list .product_item:nth-child(n){clear: none;}
.items_list .product_item{width:33.33333333%;}
.items_list .product_item:nth-child(3n+1){clear: left;}
}
@media only screen and (max-width:1200px) {
body {min-width:inherit;}
.layout,.index_main .layout{width:95%;}
.banner_content h3{font-family: 'ImpactMTStd'; font-size: 5vw; text-align: center;}
/*header*/
.nav_wrap .head_nav>li>a{padding: 0 10px;}
.index_product_catalog li .inner .desc{font-size: 16px;}
#keywordVal{width: 70%;}
/*index*/
}


@media only screen and (max-width:950px) {
body{min-width:100%;}
.z10000 {position:relative;z-index:100000;}
.mobile-body-mask {width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 }
.mobile-ico-close {width:30px;height:30px;background:#fff url(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:35px;line-height:35px;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:35px;line-height:35px;overflow:hidden;text-align:center;color:#FFF;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mobile-head-item .title a {position:relative;display:block;color:#FFF;}
.mobile-head-item.mobile-head-home .title a:before {content:'\f015';}
.mobile-head-item.mobile-head-nav .title:before {content:'\f0c9';}
.mobile-head-item.mobile-head-language .title:before {content:"\f1ab";}
.mobile-head-item.mobile-head-search .title:before {content:"\f002";}
.mobile-head-item.mobile-head-social .title:before {content:"\f007";}
.mobile-head-item.mobile-head-aside .title:before {content:"\f060";}
.mobile-head-item .main-content-wrap {background:#FFF;top:0;display:block;z-index:99999;}
.mobile-head-item .main-content-wrap .content-wrap {overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff;}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y:hidden;}
.mobile-head-item .side-content-wrap {position:fixed;display:block;left:-70%;width:70%;height:100%;}
.mobile-head-item .middle-content-wrap {position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;}
.mobile-head-item .middle-show-content-wrap {top:30px;visibility:visible;opacity:1;}
.web_head .logo{position:relative;display:block;float:none;text-align:center;}
.web_head{padding:35px 0 0;height:auto;}
.web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none;}
.web_head .nav_wrap{position:static;}
.web_head .btn--search{ right:0;top:-20px;margin:0;}
.web_head .head-search{display:none;}
.head_search{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{position:static;}
.web_head .head_layer,.index_web_head .head_layer {text-align:center;position:static;}
.web_head .head_layer .layout{background:none;display:block;}
.web_head .head_left{float: none;text-align: center;}
.web_head .logo{background:none; width: 100%;}
.web_head .logo:before{display:none;}
.path_bar {background-attachment:scroll!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:'SourceSansProLight';}
.head_nav li ul li li:before {display:none;}
.web_head .nav_wrap{display:none;}
.web_head .head_top{padding-top: 0px;padding-bottom: 0px;}
/* footer */
.foot_items {padding-top: 30px;padding-bottom: 30px;}
.foot_items .layout{display:block;}
.foot_items .layout:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.foot_item{display:block;width:50%!important;padding:30px 0!important;float:left;max-width: inherit;}
.foot_item{border-top:1px solid rgba(255,255,255,.3);}
.foot_item:nth-child(1),.foot_item:nth-child(2){border-top:0;}
.foot_item:nth-child(2n+1){clear:left;}
.foot_item .title:before{display:none;}
.foot_sns{padding-bottom: 30px;}
/*banner*/
.slider_banner {margin-top:70px;}
.slider_banner .banner_txt h3{font-size: 20px; margin-bottom: 10px; text-transform: uppercase; opacity: 0; transform:translateY(25px); transition: .5s all;}
.slider_banner .banner_txt h4{font-family:'ImpactMTStd'; font-size: 36px; text-transform: uppercase; opacity: 0; transform:translateY(25px); transition: .5s all;}
.slider_banner .banner_txt h4 .red{color: #026eb9;}
.slider_banner .banner_txt a.more{display:block; text-transform:uppercase; color:#fff; font-size: 20px; margin-top: 10px; opacity: 0;transform:translateY(25px); transition: .5s all; position: relative;}
/* index */
.index_hd .hd_title{font-size: 28px;}
.index_hd .hd_subtit{font-size: 36px;}
.index_hd .hd_desc{padding-top: 2em;}
.index_hd .hd_title:after{height: 3px;}
.index_company_intr .company_intr_title{font-size: 28px;}
.index_company_intr .company_intr_title:after{height: 3px;}
.index_product .product_item .item_title{font-size: 16px;}
.index_product .product_item .item_title a{padding: 0;}
.index_news .news_item{margin: 0 auto 50px;}
.index_news .news_item .item_cont{padding: 30px;}
.index_news .news_item .item_tit{line-height: 1.3em;max-height: 2.6em;}
.index_news .news_item .item_desc{max-height: 7.5em;}
.index_business .business_cont{padding-top: 40px;padding-left: 0;}
.index_business .business_title{font-size: 32px;}
.index_business .learn_more{padding-top: 30px;}
/*index product column*/
.index_product_catalog .sys-col-md-4{width: 50%;}
/*advantage*/
.index_advantage .wrapper{padding-left:40px;}
/*about*/
.col-value-wrap{background-position:top center!important; background-repeat: repeat!important; height: auto;}
.col-value-wrap li{width: 100%;}
.col-commitment-wrap .col-left, .col-commitment-wrap .col-right{width: 100%; float: left;}
.col-commitment-wrap .col-right ul{padding-left: 20px}
/* aside */
.aside { display:none; }
.side-product-items .items_content{padding-top:10px;}
.side-product-items .btn-prev, .side-product-items .btn-next { display:none; }
.side-product-items ul{font-size:0;margin:0 -5px;}
.side-product-items .items_content .side_product_item { display:inline-block; vertical-align:top; width:50%;font-size:14px;margin-bottom:10px;}
.side_product_item figure { margin:0 5px; }
.side_product_item .item-img, .side_product_item figcaption { width:100%; display:block; padding:0 }
.side_product_item figcaption { padding:10px 0; text-align:center; }
.side_product_item .add-friend{right:5px;}
/* main */
.page_main{padding-top:25px;}
.main {width:auto;float:none;margin:0 auto;}
.items_list {width:100%;}
.product-item {width:33.333%;}
.product-item .item-wrap {margin:8px;}
.items_list ul{padding-top:0;}
.items_list .product_item{width:33.33333333%;}
/* list */
.page_bar{margin-top:20px;text-align:center;}
/* product intro */
.page_title{line-height:1.1;}
.video_close {display:none }
.image-additional li.image-item.current img {border:none;}
.product-view {width:100%;float:none;margin:0 auto 30px;}
.product-view .image-additional li img{width:90%;margin:0 5%;border:0;}
.product-view .product-image, .single_product_items {display:none }
.image-additional-wrap {display:block;}
.product-view .image-additional {width:100%;margin:0;}
.product-view .image-additional ul {width:100%;}
.product-view .image-additional li {width:100%;margin:0;}
.product-view .image-additional li a {padding:0;margin:0;border:0;}
.product-view .image-additional li.current img {border-color:inherit;}
.product-view .image-additional li.single {display:block }
.product-view .image-additional li.current a:before,.product-view .image-additional li.current a:after{display:none;}
.product-view .swiper-button-next, .product-view .swiper-button-prev{background:rgba(0,0,0,.8);color:#fff;}
.product-view .swiper-button-next{right:5px;}
.product-view .swiper-button-prev{left:5px;}
/* product summary */
.product-summary {position:relative;width:100%;float:none;}
.product-summary .share-this {float:none;margin:30px 0;}
.product-summary .product-meta li{display:block;}
.product-summary .product-meta li em{display:inline;color:#333;padding-right:15px;font-weight:bold;}
.product-btn-wrap{text-align:left;}
.product-btn-wrap a {margin:0 0 10px !important;}
.product-summary .share-this{text-align:left;}
/* product detail  */ 
.tab-panel-wrap{padding:30px 0 0;}
.goods-may-like .title{margin-top:50px;margin-bottom:50px;}
}
@media only screen and (max-width:767px) {
.web_head .logo img{max-height: 70px;}
/*list*/
.items_list .product_item:nth-child(n){clear: none;}
.items_list .product_item{width:50%;}
.items_list .product_item:nth-child(2n+1){clear: left;}
/*index*/
.slider_banner .swiper-button-prev, .slider_banner .swiper-button-next{display:none;}
.index_product .product_item{width: 50%;clear: none;padding-bottom: 0;}
.index_product .product_item:nth-child(2n+1){clear: left;}
.index_product .learn_more{padding-top: 15px;}
.index_advantage .sys-col-md-4{width:100%; margin: 15px 0;}
.index_advantage .wrapper{border:none;}
.index_news{padding-bottom: 65px;}
.index_news .news_item{margin-bottom: 35px;}
.index_news .news_item:after{height: 30px;box-shadow: 0 0 40px rgba(0,0,0,.5);}
.index_news .news_item figure{display: block;overflow: hidden;}
.index_news .news_item .item_cont{padding: 50px 30px;}
.index_news .news_item .item_img,.index_news .news_item .item_cont{float: none;width: auto;}
.index_news .news_item .item_img img{min-height: inherit;}
.index_news .news_item .item_desc{height: auto;max-height: inherit;}
.sys-col-md-4{width: 50%;}
/*index about*/
.index_about .inner_content{font-size: 20px;}
/*index product column*/
.index_product_catalog li .inner{right: 80px;}
.index_product_catalog li .inner .desc{padding-top:20px; padding-left:25px; font-size: 14px;}
.index_product_catalog li em.more{left:25px; bottom: 10px;}
.index_img_link .col{width: 100%; margin-bottom: 20px;}
.index_img_link .wrapper{margin:0;}
.index_img_link .content{left:30%; top: 15%;}
.index_img_link .content h3{font-size: 20px;}
.index_img_link .content a{margin-top: 15px;}
/*about*/
.about-row .col-md-6{width: 100%;}

/*footer*/
.foot_sns li{padding:0 10px 5px 0;}
}
@media only screen and (max-width:640px) {
	.slider_banner .banner_txt h4{font-size:24px;}
	.slider_banner .banner_txt a.more{font-size:16px;}
	.slider_banner .banner_txt a:before{left: 130px;}
	.slider_banner .banner_txt a:after{left: 155px;}
	.index_main .banner_layout{position:relative; margin-top:0;}
	.path_bar{padding:50px 0;}
	.path_bar img{display:none;}
.index_product_catalog li .desc{font-size: 18px; font-weight: bold; color: #333; padding-top: 30px; margin:2vh 0; line-height: 1.2;  transition: .5s all;}
.index_product_catalog li em.more{color: #026eb9!important; font-size: 14px; text-transform: uppercase; z-index: 1}
}

@media only screen and (max-width:480px) {
.mobile-hide{display:none!important;}
.gotop {display:none !important;}
.service_item{width:100%;}
.blog-item .item-img{width:150px;}
.table_wrap{overflow-x:scroll;}
/* layout */
.layout{width:100%;padding-left:10px;padding-right:10px;}
.web_main .layout{width:100%;}
/* aside */
.side-widget{margin:0 0 30px;}
.side-tit-bar .side-tit{font-size:16px;text-transform:none;}
.side-cate li a{padding:0 15px;}
.side-cate li li {line-height:32px;}
.side-cate li li a{padding:0 15px 0 30px;}
.side-product-items ul{margin:0;}
.side-product-items .items_content .side_product_item{width:100%;float:none;}
.side-product-items .side_product_item figure{margin-left:10px;margin-right:10px;}
.side-product-items .items_content .side_product_item {width:auto; margin:8px auto;}
.index_product_catalog li .desc{font-size: 16px; font-weight: bold; color: #333; padding-top: 30px; margin:2vh 0; line-height: 1.2;  transition: .5s all;}
.index_product_catalog li .wrapper a{padding:20px 10px;}
.index_product_catalog li em.more{color: #026eb9!important; font-size: 14px; text-transform: uppercase; z-index: 1}
.side_product_item .add-friend{right:10px;}
/* header */
.web_head .head_top .layout{display: block;}
.web_head .logo img{max-height: 50px;}
.web_head .head_right{display: none;}
.path_bar{padding-top:40px;padding-bottom:40px;text-align:center;}
.path_bar li{font-size:16px;}
.slider_banner .banner_txt h3{font-size:16px;}
.slider_banner .banner_txt h4{font-size:18px;}
.slider_banner .banner_txt a.more{font-size:14px;}
.slider_banner .banner_txt a:before{left: 110px;}
.slider_banner .banner_txt a:after{left: 135px;}
/*index advantage*/
.index_advantage .wrapper{padding-left: 20px;}
.index_advantage .sys-col-md-4{margin: 15px 0;}
/*index product column*/
.index_product_catalog .sys-col-md-4{width: 100%;}

.index_product_catalog li .inner .desc{font-size: 24px; padding-top: 35px; padding-left: 35px;}
.index_product_catalog li .inner{right:175px;}
.index_product_catalog li em.more{left: 35px; bottom: 35px;}
/*index about*/
.index_about .inner_content{font-size: 20px;}
/* footer */
.web_footer{padding-bottom:0;}
.foot_items{padding-top:0;}
.foot_item{width:100%!important;float:none;padding-top:20px;padding-bottom:20px;}
.foot_item+.foot_item{border-top:1px solid rgba(255,255,255,.2);}
.foot_item .foot_item_bd{padding-right:15%;}
.foot_item_info .foot_logo img{max-width:65px;width:auto;}
.foot_sns{margin-bottom:20px;}
.foot_sns li{}
.foot_sns li a{padding:8px;line-height:18px;}
.foot_sns li img{max-height:18px;}
.foot_contact{font-size:14px;}
.foot_bar{font-size: 12px;}
.foot_item_nav .wrapper{padding-left: 0!important;}
/* index */
.index_main{padding-bottom: 15px;}
.index_main .slider_banner .swiper-pagination{bottom:10px;padding-bottom: 0;}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px!important;}
.slider_banner .swiper-slide img{min-height:160px;}
.sys_btn{padding: .5em 1.5em;font-size: 16px;}
.index_hd .hd_title,.index_hd .hd_desc{width: auto;}
.index_company_intr .company_intr_title{font-size: 24px;}
.index_company_intr .company_intr_title:after{width: 30%;}
.index_company_intr .company_intr_desc{font-size: 14px;}
.index_product .product_item .item_title{font-size: 14px;}
.index_news .news_item .item_cont{padding:30px 5%;}
.index_business .index_bd{position: relative;padding-bottom: 80px;background-color: rgba(0,0,0,.4);}
.index_business .business_title{font-size: 21px;padding-bottom: 10px;}
.index_business .business_bg img{max-width: inherit;width: auto;height: 100%; min-height: inherit; position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.company_subscribe .subscribe_cont{max-width: inherit;}

.index_img_link .content{ left: 25%;}
.index_img_link .content a{margin-top: 10px;  color: #026eb9; background: none; padding: 0; font-weight: bold;}
/*list*/
.product_item .item_img a:after{display:none;}
.items_list ul{margin:0 -5px;}
.items_list .product_item figure{margin:5px;}
.items_list .product_item .item_title {font-size:14px;}
.items_list .product_item .item_title a{padding:0;}
/*blog*/
.blog-item {padding:30px 5px;}
.blog-item .item-img{width:auto;max-width:70%;float:none;margin-right:0;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blog-item .item-info .item-title{line-height:1.2;font-family:'MyriadProBold';font-weight:normal;}
.blog-item .item-info{padding-top:15px;}
.blog-item .item-info .item-title{height:auto;font-size:22px;}
.blog-item .item-info .item-detail{max-height:9em;line-height:1.5em;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.blog-item .item-info .item-more{float:none;}
.blog-item .item-info time{font-size:14px;color:#888;}
/* product */
.items_list .share_this{position:static;text-align:left;padding-bottom:15px;float:none;}
.page_main{padding-top:15px;}
.product-intro{overflow:visible;}
.product-view{width:auto;margin-left:-10px;margin-right:-10px;margin-top:-11px;}
.product-view .image-additional li a{margin-left:0;margin-right:0;}
.product-view .image-additional li a:after{display:none;}
.product-view .image-additional li img{width:auto;margin:0;}
.product-view .swiper-button-prev,.product-view .swiper-button-next{width:30px;height:40px;line-height:40px;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:24px;opacity:.8;}
.product-view .swiper-button-prev{left:0;border-radius:0 3px 3px 0;}
.product-view .swiper-button-next{right:0;border-radius:3px 0 0 3px;}
.product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display:inline-block;-webkit-transform:scale(.6,1);-ms-transform:scale(.6,1);-o-transform:scale(.6,1);transform:scale(.6,1);}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{padding-top:6px;padding-bottom:6px;}
.goods-may-like .title{text-transform:none;}
.page_title{font-weight:normal;font-size:18px;margin-bottom:10px;padding-bottom: 20px;font-family: 'Muli';}
.product-summary .product-meta{font-size:14px;}
.product-summary .product-meta h3{line-height:1.3;font-size:16px;}
.product-summary .product-meta li{font-size:13px;}
.product-summary .share-this{text-align:left;margin:20px 0 0;}
.product-btn-wrap{padding-top:30px;}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{font-size:14px;padding:5px 10px;}
.product-detail{margin-top:40px;}
.detail-tabs .title{font-size:14px;padding:1px 15px;margin-right:6px;}
.tab-panel-wrap{padding:20px 0;border:0;}
.goods-may-like .title{margin-top:40px;margin-bottom:30px;}
.goods-may-like .layer-bd{position:relative;}
.goods-may-like .swiper-slider{position:relative;}
.goods-may-like .product_item .item_title{font-size:14px;}
.goods-may-like .product_item .item_title a{padding-left:0;padding-right:0;}
.goods-may-like .swiper-control{position:static;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{margin:0 5px;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{width:24px;height:36px;line-height:36px;border-radius:0;margin-left:0;margin-right:0;margin-top:-18px;background-color:#026eb9;position:absolute;}
.goods-may-like .swiper-button-prev{left:0px;}
.goods-may-like .swiper-button-next{right:0px;}
}

@media only screen and (max-width:430px) {
	
	.index_product_catalog li .inner{right:130px;}
	.index_product_catalog li .inner .desc{font-size:18px;}
	.index_product_catalog li em.more{bottom:25px;}
	.news_list li{width:100%;}
	.news_list li .wrapper{padding:0;}
}

@media only screen and (max-width:320px) {
.side_product_item {width:100%;}
.slider_banner .banner_txt a.more{display:none;}
}
/*-------------------------------
			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:'ImpactMTStd';
 src:url("fonts/ImpactMTStd/ImpactMTStd.eot?v=4.5.0");
src:url("fonts/ImpactMTStd/ImpactMTStd.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/ImpactMTStd/ImpactMTStd.woff2?v=4.5.0") format("woff2"), url("fonts/ImpactMTStd/ImpactMTStd.woff?v=4.5.0") format("woff"), url("fonts/ImpactMTStd/ImpactMTStd.ttf?v=4.5.0") format("truetype"), url("fonts/ImpactMTStd/ImpactMTStd.svg") format("svg");
}
@font-face {
 font-family:'Roboto';
 src:url("fonts/Roboto/Roboto-Regular.eot?v=4.5.0");
src:url("fonts/Roboto/Roboto-Regular.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Roboto/Roboto-Regular.woff2?v=4.5.0") format("woff2"), url("fonts/Roboto/Roboto-Regular.woff?v=4.5.0") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf?v=4.5.0") format("truetype"), url("fonts/Roboto/Roboto-Regular.svg") format("svg");
}
@font-face {
 font-family:'Roboto-Light';
 src:url("fonts/Roboto/Roboto-Light.eot?v=4.5.0");
src:url("fonts/Roboto/Roboto-Light.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Roboto/Roboto-Light.woff2?v=4.5.0") format("woff2"), url("fonts/Roboto/Roboto-Light.woff?v=4.5.0") format("woff"), url("fonts/Roboto/Roboto-Light.ttf?v=4.5.0") format("truetype"), url("fonts/Roboto/Roboto-Light.svg") format("svg");
}
@font-face {
 font-family:'Roboto-Bold';
 src:url("fonts/Roboto/Roboto-Bold.eot?v=4.5.0");
src:url("fonts/Roboto/Roboto-Bold.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Roboto/Roboto-Bold.woff2?v=4.5.0") format("woff2"), url("fonts/Roboto/Roboto-Bold.woff?v=4.5.0") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf?v=4.5.0") format("truetype"), url("fonts/Roboto/Roboto-Bold.svg") format("svg");
}



/*-------------------------------
			font end
			----------------------------------*/







/*-------------------------------
			swiper-slide start
			----------------------------------*/
.slider_banner {position:relative;overflow:hidden; margin-top:70px; /*max-width: 1800px; margin: 35px auto;*/}
.swiper-container-no-flexbox .swiper-slide {float:left }
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column }
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto }
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform; }
.swiper-invisible-blank-slide {visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height:auto }
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform }
.swiper-container-3d {-webkit-perspective:1200px;perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {-webkit-transform-style:preserve-3d;transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left {background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right {background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top {background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action:pan-y;touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {-ms-touch-action:pan-x;touch-action:pan-x }
.swiper-button-next, .swiper-button-prev {position:absolute;top:50%;width:55px;height:55px;line-height: 55px;text-align: center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-size: 30px;background-color: #fff;border-radius: 2px;}
.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.3!important;filter: alpha(opacity=30);}
.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';}
.swiper-button-lock {display:none }
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:3 }
.swiper-pagination.swiper-pagination-hidden {opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: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:11px;height:11px;display:inline-block;vertical-align:middle;border: 1px solid #999;background-color:transparent;border-radius: 50%;margin: 0 10px;background-clip: content-box;}
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 {width: 13px;height: 13px;background-color: #026eb9;border-color: #026eb9;padding: 1px;}
.swiper-pagination-white .swiper-pagination-bullet{background-color: #fff;border-color: #fff;border-width: 0;opacity: .5;filter: alpha(opacity=50);width: 12px;height: 12px;}
.swiper-pagination-white .swiper-pagination-bullet-active{width: 18px;height: 18px;padding: 2px;background-color: #fff;border-width: 2px;opacity: 1;filter: alpha(opacity=100);}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;-webkit-transition:.2s top, .3s -webkit-transform;
transition:.2s top, .3s -webkit-transform;-o-transition:.2s transform, .3s top;transition:.2s transform, .3s top;transition:.2s transform, .3s top, .3s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s left, .3s -webkit-transform;
transition:.2s left, .3s -webkit-transform;-o-transition:.2s transform, .3s left;transition:.2s transform, .3s left;transition:.2s transform, .3s left, .3s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s right, .3s -webkit-transform;transition:.2s right, .3s -webkit-transform;-o-transition:.2s transform, .3s right;transition:.2s transform, .3s right;transition:.2s transform, .3s right, .3s -webkit-transform}
.swiper-pagination-progressbar {background:rgba(0, 0, 0, .25);position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top }
.swiper-container-horizontal{overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar {width:100%;height:4px;left:0;top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0 }
.swiper-pagination-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:80px;height:80px;line-height: 80px;font-size: 32px;text-align: center;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;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:'';font-family: 'fontawesome';width:100%;height:100%; background-position:50%;background-size:auto;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB2lBMVEUAAADk5OTT09Ohn5+vr6+tra3q6uq4uLjT09PZ2dnPz8+ioqKcmprKycmcm5vq6uqbmpqbm5vg4ODj4+PBwMDb29upqanb29ubm5udmpqhn5+fnp7m5ubGxMSxsbGurq6goKCtra20tLTu7u7i4uLb29vKycmpqanU1NS5ubni4uLq6uq4uLjBwMC5ubm5ubni4uLU1NTBwMDb29vU1NTKycnb29vGxMSxsbGhoKDi4uKcm5vj4+Oampre3t6dnJyqqqrU1NTV1dXj4+O5ubnf39+5ubnBwcHe3t6dnZ2wsLDS0tLh4eGjo6PCwsLn5+fV1dXh4eGwsLCoqKixsbHh4eGxsbGbm5vBwMCcm5vi4uKxsbHq6urp6enJyMibm5vJyMjh4eGin5+oqKidmpra2tqoqKiwsLDKycnBwMCin5+ioKCxsbGxsbHAwMCxsbGpqamcm5vi4uLJycmoqKixsbHb29uoqKjKycmdm5upqanBwMCxsbGbm5vb29upqanBwcGpqanAwMDKysrKysqoqKixsbGxsbHLyMjj4+PBwcGxsbHs7Ozs7OzAwMDLyMjJycmampqioKDU1NSxsbGbm5vi4uLBwMCpqanq6urKycm5ubmdm5vb29uH8NtIAAAAknRSTlMAAYCABAvu7gcaFxP68enQzSAKBPvz6OKaiF5NRUIxKikhEQ4I/f367+Xe2dnY0c+8srCvqp6dmZiXh3p1dHNjYVhWUlBMRD49Ozo4Ly8lHxL6+ff18vLy7u3q6ufh4Nva2NjW1NHQz8rFxcPBvbq6t7ewq6qppaWkoZqRkI+MiIeFgoF4eHZzcGRjYlBPTUovKxNNAhUAAAImSURBVDjLldFnW9pQGMbxO23SskWGggsEV20dtXVU6+hw1qrde++99957WQIhwHftkyMBkpNL6v/1Lznnug/4fqyvqMP/dCKdrsAy2abi0BLS6fQasJzTIu98Z5Lt80YY9cheXu5IJpPdRuiVZXmag7NJarwU1shUJbjuEmz3F6HkIRcC3/wekiNFGCZ3yAmLBgkeWACOs3kqXQSHDcC+6eEsqPhRkluB72zwF+ROiaAvQneiYF3I5Zr7HAC+MJhvmGAtIIVd2axHhFZ1jgqO2Gii7sG4DsWQPARh1JPVWrrqeDCnVT0Fc3+8jLnChUsyGfSZ4XnmvFEUqmPH283QRezIqGB46ZfNuT6YG8pmn3BL2neBb3fJC9q2r2Jta4JFUs1qVq2IzX/zbbSC1xbzbUGbDtvAJy7qnS3zx6uFPxbvaCtzxxXnsJynEaYW+lvUXs59UJT7Bur/7FYphxm2Koqy740EvV+nVS03N/k5RatqTADrnco6WQ9zkYsK6xFY7Fj3exsgTkpFFZsRIIxVMemE1mVVbenV7ue7kjo8p7uG/YlbIiC9aqXDxaVh7j3+Da3XqVTqLbBzQ9cEMJBIJD6Banx6OwJD9gDBr8C6TKYL+EjwYAxW9ZDr8EPIZDJrAekYyQErN5mifkKH+JagIrzzd5C7iSIULhG8zsN6coG5EoiZBNVgCZ+hFOKBJRT6Az1NRhi7sfc5lonm6UT5tME7J8D1D3H93Jv8FTiRAAAAAElFTkSuQmCC"); }
.swiper-lazy-preloader-white:after { }
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-cube {overflow:visible }
.swiper-container-cube .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% }
.swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 }
.swiper-container-flip {overflow:visible }
.swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px }
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width: 34px;height: 70px;line-height: 70px;z-index: 3;border-radius:0;margin-top: -25px;color: #fff;background-color: rgba(135,135,135,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);font-size: 30px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;opacity: 0;filter: alpha(opacity=0);}
.slider_banner .swiper-button-prev {left:-100px;border-radius: 0 6px 6px 0;}
.slider_banner .swiper-button-next {right:-100px;border-radius: 6px 0 0 6px;}
.slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity: 1;filter: alpha(opacity=100);}
.slider_banner .swiper-button-prev:before{border-left: 0;}
.slider_banner .swiper-button-next:before{border-right: 0;}
.slider_banner:hover .swiper-button-prev:hover,.slider_banner:hover .swiper-button-next:hover{background-color: rgba(255,255,255,.6);color: #000;}
.slider_banner:hover .swiper-button-prev{left: 0;}
.slider_banner:hover .swiper-button-next{right: 0;}
.slider_banner .swiper-slide img {width:100%;}
.slider_banner .swiper-slide img+img {position:absolute;left:0;top:0;}
.slider_banner .swiper-slide img {width: 100%;transition: 3s linear;transform: scale(1.08);}
.slider_banner .swiper-slide.swiper-slide-active img {transform: scale(1);}
.slider_banner .swiper-pagination-white .swiper-pagination-bullet{margin: 0 8px;}
/*ie*/
.swiper-container{overflow: hidden\9;}
.swiper-container .swiper-wrapper{width: 20000%\9;}
.swiper-slide{float: left\9;}
.product_slider .product_item{width: 25%\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper{width:auto;}
}}




/*-------------------------------
			swiper-slide end
			----------------------------------*/


/*-------------------------------
			entry-table start
			----------------------------------*/	
.entry {padding:15px 0;}
.entry {color:#666;}
.entry a {color:#0030FF;}
.entry p {margin:0;padding:8px 0;font-size:13px;line-height:1.8;}
.entry table {border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;}
.entry th, .entry td {height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px;}
.entry th {font-size:12px;background:#eee;}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3;}
.entry td.amts {color:#cb2027;}
.entry th#cartDelete {text-align:center;}
.entry .button {margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize;}
.entry .button:hover {background:#cb2027;color:#fff;}
.entry .deletecartitem {width:50px;text-align:center;}
.entry .deletecartitem label {display:none;}
.entry .stotal td.amts {font-size:18px;font-weight:bold;}
.entry img.alignleft {float:left;margin:20px 15px 0 0;}
.entry img.alignright {float:right;margin:20px 0 0 15px;}
.entry img.alignleftnopad {float:left;margin-left:0;}
.entry img.alignrightnopad {float:right;margin-right:0;}
.entry img.aligncenter {text-align:center;display:block;margin:20px auto 0 auto;}
.entry img {max-width:100%;}
.cartitem a {color:#292929;font-weight:bold;}
.inquiry-form ul li {background:none;}
.entry .inquiry-form-wrap {margin:20px 0 0;}
.table_wrap {position:relative;display:block;}
.main table {position:relative;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:0 !important;}
.main table th, .main table td {height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px;}
.main table th {font-size:12px;background:#eee;}
.main table td p, .main table th p, table td p, table th p {margin:0;padding:5px;color:#666;}
.main table td.amts {color:#cb2027;}
.main table th#cartDelete {text-align:center;}
/*-------------------------------
			entry-table end
			----------------------------------*/



/*-------------------------------
			search  start
			----------------------------------*/
.container { position: relative; min-height:100vh;}
.search-ipt { border: 0; background: transparent; border-radius: 0; -webkit-appearance: none; }
.web-search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;visibility: hidden;}
.js .web-search {width: 100%;height: 110px; position: absolute; z-index: 100001; top: 0; left: 0; opacity:0; visibility:hidden;top: 36px;background-color: #fff; }
.web-search .btn--search-close { display:inline-block;font-size:1.8em;border-radius:50%; position:absolute; top:50%;margin-top: -18px; right:1.25em; display:none; background-image:url(img/search_btn_close.png);-webkit-background-size: auto 12px;
background-size: auto 12px;background-position:center;background-repeat:no-repeat;background-color:#999;width:36px;height:36px;line-height:36px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease; }
.web-search .btn--search-close:hover{background-color:#026eb9;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.js .btn--search-close { display:block; }
.web-search .search-ipt { font-family: inherit; line-height: 1; display: inline-block; vertical-align: top;box-sizing: border-box; width: 75%; padding: 0.05em 0; color: #333; border-bottom: 3px solid #333; font-size:20px; line-height:10px }
.web-search .search-ipt::-webkit-input-placeholder {color: #333;font-weight: bold;}
.web-search .search-ipt::-moz-placeholder {opacity: 1;color: #333;font-weight: bold;}
.web-search .search-ipt:-ms-input-placeholder {color: #333;font-weight: bold;}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance: none;}
.web-search .search-ipt::-ms-clear {display: none;}
.web-search .search-attr { font-size: 90%;display: block; width: 75%; margin: 0 auto; padding: 1em 0 0; text-align: right; color: #999; }
.js .container { position: relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
.js .main-wrap--move {height: 100vh; }
.js .web-search { pointer-events: none; }
.js .search--open { pointer-events: auto; opacity:1; visibility:visible;}
.js .search--open::before {opacity: 1;}
.web-search .btn--search-close { opacity:0; }
.search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease; -webkit-animation: bounceInA 1s ease;-o-animation: bounceInA 1s ease;animation: bounceInA 1s ease;}
.search__suggestion, .web-search .search-attr { opacity: 0;-moz-transform: translate3d(-10%,0, 0); -webkit-transform: translate3d(-10%,0, 0); -ms-transform: translate3d(-10%,0, 0); -o-transform: translate3d(-10%,0, 0); transform: translate3d(-10%,0, 0);-moz-transition: opacity 0.8s, transform 0.8s; -webkit-transition: opacity 0.8s, transform 0.8s; -ms-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.search--open .search-attr { opacity: 1;-moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.js .web-search .search-ipt {font-size: 32px;line-height:40px;font-weight: bold;border-bottom-width: 1px;padding: 0;-moz-transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);-moz-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;-moz-transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; opacity: 0;text-transform: uppercase;}
.js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.js .search--open .search-ipt {-moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;-moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.js .search--open .search-btn { display:none !important; }

/*-------------------------------
			search  end
			----------------------------------*/



/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a {font-size:12px;color:#999;font-family:Arial, Helvetica, sans-serif;}
.scrollsidebar {position:absolute;z-index:30;top:150px;right:0;}
.show_btn {width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(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:500px;background:#FFF;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:2000;}
.inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .7);z-index:-1;}
.inquiry-pop-bd .inquiry-pop {position:absolute;width:100%;height:100%;left:0;top:0;padding:15px;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: auto;left: 10px;right: 10px;top: 10px;bottom: 10px;margin: auto;max-height:93vh;}
.inquiry-pop-bd .inquiry-pop{padding:10px;}
.scrollsidebar {display:none;}
}

/*-------------------------------
			language  start
			----------------------------------*/
.prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title, .change-language .change-language-title a {font-size:10pt;}
.change-language .change-language-title {padding:0;}
.change-language .change-language-title a:after {font-family:'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left:2px;}
.change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont {position:absolute;top:100%;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform:scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;}
.change-language:hover .change-language-cont {transform:scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li {display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.change-language .change-language-cont .lang-item-hide {display:none !important;}
.change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height:30px;}
.change-language .change-language-cont .more-active{font-size:20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;white-space:nowrap;padding:0 0 0 33px;overflow:hidden; color:#ccc;}
.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-cn .country-flag {background-position:0 -144px !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}
@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}}
@keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}}
@-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA}
@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

/*-------------------------------
			animation  end
			----------------------------------*/


.text-center{text-align: center;}
.product-form{border: 1px solid #ddd;padding: 20px;}
.customer-chat-header{width: 100%;height: 55px;line-height: 55px;margin: 0;padding: 0;background: #f5f5f5;color: #666; border:1px solid #dedede; border-bottom:none; cursor: default;font-size: 16px;padding-left: 18px;}
.product-form .customer-chat-content-message-input{margin-top:15px;}
.product-form .customer-chat-content-message-input input,textarea{border: 1px solid #eee;border-left: 2px solid #026eb9;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 10px;font-family: 'Open Sans', sans-serif;background: #fff;margin: 0;height: 39px;font-size: 13px;resize: none;overflow: hiddenborder-radius: 3px;transition: box-shadow 200ms ease;}
.product-form .customer-chat-content-message-input textarea{height: 100px!important;width: 100%!important;}
.product-form .customer-chat-content-row input{font-size: 16px;margin-top: 20px;background: #026eb9;border-bottom: 2px solid #026eb9;color: #ffffff;display: block;width: 100%;position: relative;padding: 8px 22px;border: none;border-radius: 3px;text-decoration: none;transition: background 200ms ease;outline: none;cursor: pointer;}
footer .product-form{border:none; padding:0;}
footer .product-form .customer-chat-content-message-input input, footer .product-form .customer-chat-content-message-input textarea{width:100%; border: 1px solid rgba(255, 255, 255, 0.1); background: none; color:#fff;}
footer .product-form .customer-chat-content-row input{background: #2391d7;}


.product-next-prev #nav-below{height:40px;margin-top: 20px}
.product-next-prev #nav-below .single-nav-wrapper div{float: left;}
.product-next-prev #nav-below .single-nav-wrapper div:first-child {margin-right: 20px;}
.product-next-prev #nav-below .single-nav-wrapper div a{display: inline-block;padding:6px 24px;background-color: #c83133;color: #fff!important;}
.product-next-prev #nav-below .single-nav-wrapper div a:hover{background-color: #fff;color: #c83133!important}
.newsdesc{margin-top: 80px}
.newsdesc .news-title{font-size: 44px;font-weight: bold;color: #4b4b4b;margin-bottom: 30px;}
.news-excerpt{font-size: 22px;color: #333;margin-top: 25px}
.news-author{line-height: 55px;font-size: 12px;color: #999;border-bottom: 1px dotted #bfbebe;font-size: 15px}
.news-author span{display: inline-block;margin: 10px;}
.news-content{margin-top: 25px;}
.news-next-prev{margin-top:50px;}
.news-next-prev #nav-below .single-nav-wrapper div{height: 35px;line-height: 35px;}
.news-next-prev #nav-below .single-nav-wrapper .nav-previous{border-bottom: 1px dashed #d4d4d4;}
.search-all-date{margin-top: 100px}
.search-all-date .entry-main{padding: 15px;margin: 15px;border-bottom: 1px solid #eee}
.search-all-date .pagination{padding: 15px;margin: 15px;}
.search-all-date .pagination a{display: inline-block;padding: 3px 6px;margin: 5px; }
.contact-us{margin-top: 80px}
.hide{display: none}
.side_content .side_list .cont li .icon_img{float: left;width: 40px;text-align: center;}
.hide{display:none}
.about_div_active{color:#026eb9}
#allmap {width: 100%; height: 368px;margin-top: 50px; border: 1px solid #ccc;}
#contact_to_desc > p{margin-bottom:10px} 
.aboutus{padding:15px;}
.aboutus p{margin-bottom: 10px}