@charset "utf-8";

/*
Theme Name: 创力主题（外贸站）
Author: 创力
Description: 
Version:1.0
*/

html { font-size:625%; }
body {font-size: 16px;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:"Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.5 }
body{background-color: #fff;}
article, aside, figcaption, figure, footer, header, main, nav, section { display:block; }
h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:23px; }
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:#29588C; 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; }
::selection{background-color: #29588C;color: #fff;}


/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,
.news_items:after,
.web_main:after,.page_main:after, .about_us .about_content:after, .nav_wrap .head_nav:after,
.cate_items ul:after,.foot_items:after,.product_items:after,.items_list ul:after,.promote_intro:after,.index_ad .ad_items:after { content:""; display:block; clear:both; visibility:hidden; height:0;}
.clearfix, .layout, .sys_row,
.news_items,
.web_main, .page_main, .about_us .about_content, .nav_wrap .head_nav,
.cate_items ul,.foot_items,.product_items,.items_list ul,.promote_intro,.index_ad .ad_items{ *zoom:1;}
.clear { clear:both; }

/* layout */
.z9999 { z-index:9999!important; }
.container{}
.layout { width:1240px; margin:0 auto; position:relative; }
.page_main .layout{width: 1240px;}
.hide{display: none;}
body { width:100%; min-width:1240px; position:absolute; left:0; top:0;}
.gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#333;background:#29588C;color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center; height:50px;line-height:50px;width:50px; z-index:99999; cursor:pointer; font-size:14px;opacity: 0;visibility: hidden; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transform:translateY(50%) scale(0.8); -webkit-transform:translateY(50%) scale(0.8); -ms-transform:translateY(50%) scale(0.8); -o-transform:translateY(50%) scale(0.8); transform:translateY(50%) scale(0.8);}
.gotop em{display: none;}
.gotop:before{content: "\f106";font: 22px/50px 'FontAwesome';}
.gotop:hover { -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px);background-color: #000;color: #fff; }
.gotop.active{opacity: 1;visibility: visible;-moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none;}


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

.nav_wrap,.nav_wrap .head_nav li ul,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after,
.index_news .news_item .item_img a:before,.index_product .index_title:before,
.web_head .head-search .search-ipt,.web_head .head-search .search-btn,
.foot_txt_list li,.foot_item .foot_txt_list li:before,

.index_ad .ad_item .item_ico,.index_ad .ad_item .item_info,
.company_subscribe .button:after,.foot_sns li img{ -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; }

/* button */
.sys_btn{display: inline-block;padding: 22px 50px;font-size: 18px;background-color: #29588c;border: 1px solid #c2d1d6;color: #fff;position: relative;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;overflow: hidden;}
.sys_btn:before,.sys_btn:after{content: '';display: block;width: 100%;height: 100%;border: 0;position: absolute;border-style:solid;border-color: #fff;opacity: 1;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease;}
.sys_btn:before{right: 0;top: 0;border-top-width: 5px;border-right-width: 5px;}
.sys_btn:after{left: 0;bottom: 0;border-bottom-width: 5px;border-left-width: 5px;}
.sys_btn:hover{background-color: #fff;color: #29588c;border-color: #29588c;}
.sys_btn:hover:before,.sys_btn:hover:after{width: 0%;height: 0%;opacity: 1;}

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

/* 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, .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; }
.head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before,
.index_company_intr .company_intr_title:before,
.foot_txt_list li:before{font-family: 'fontawesome';}
.index_ad .item_title .txt_impt,.index_company_intr .company_intr_title,.index_product .product_item .item_title,
.index_promote .promote_tit{font-family: 'Tiempos';}
.side-tit-bar .side-tit,.page_title,.detail-tabs .title{font-family: 'open-sans';}
.tabtitle{font-size: 16px;text-align: center;}
.side-tit-bar .side-h2{width:100%;position:relative; font-size:16px; line-height:49px; color:#FFF; padding:0 16px; background:#29588C; font-weight:normal; text-transform:uppercase}



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

/*web header*/
.web_head{width: 100%;position: absolute;left: 0;top: 0;z-index: 9;}
.web_head .layout{width: auto;padding: 0 40px;}
.web_head .head_top{position: relative;padding: 8px 0;margin: 0 80px;background-color: #f3f6f7;border-bottom: 1px solid #c2d1d6;border-top: 0;}
.web_head .logo{float: left;display: flex;align-items: center;}
.web_head .logo span{font-size:35px;margin-left: 10px;}
.web_head .logo img{width: auto;height: 80px;vertical-align: middle;}
.web_head .head_right{float: right;padding: 12px 0 0;}
.web_head .change-language{float: left;}
.nav_wrap { position:relative; height:60px;;text-align: center;background-color: #fff;border-bottom: 1px solid #c2d1d6;border-top: 0;margin: 0 80px;border-radius:0 0 4px 4px;-webkit-transition: top .4s ease;-o-transition: top .4s ease;transition: top .4s ease; }
.nav_wrap .head_nav {float: left;}
.nav_wrap .head_nav li,.nav_wrap .head_nav li a{color: #29588C;}
.nav_wrap .head_nav li {display: inline-block; position:relative;vertical-align: top;}
.nav_wrap .head_nav li a { position:relative; display:block; line-height:60px; padding:0;margin-right: 45px; }
.nav_wrap .head_nav li a:hover{text-decoration: underline;}
.nav_wrap .head_nav li a em{vertical-align: middle;}
.nav_wrap .head_nav li a b { position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 7px;font-weight: normal;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav_wrap .head_nav li a b:after { font-family: 'fontawesome'; content:"\f107"; font-size:14px;font-weight: bold; }
.nav_wrap .head_nav li li {display: block;text-align: left; float:none; }
.nav_wrap .head_nav li li a { line-height:1.8; padding:3px 25px;color: #fff;margin-right: 0;}
.nav_wrap .head_nav li li a:hover{color: rgba(255,255,255,0.6);}
.nav_wrap .head_nav li li a em{display: inline-block;width: 100%;}
.nav_wrap .head_nav li li a b:after { content:"\f105";font-weight: normal; }
.nav_wrap .head_nav li li a b {position:absolute; right:10px; top:0;margin-top: 3px;color: #fff; }
.nav_wrap .head_nav li ul { position:absolute; left:0; top:100%; width:250px;padding: 20px 0; z-index:999; background:rgba(41, 88, 140, 0.96); background: #29588C\9;transform:scale3d(0.9, 0.9, 1);opacity:0; visibility:hidden;box-sizing: content-box; }
.nav_wrap .head_nav li li:hover>a{color: rgba(255,255,255,0.6);}
.nav_wrap .head_nav li li ul { top:-20px; left:101.5%; }
.nav_wrap .head_nav li:hover > ul { transform:none;opacity:1; visibility:visible; }
.nav_wrap .head_nav>li>a{height: 60px;overflow: hidden;font-size: 18px;font-weight: 550;}
.nav_wrap .head_nav>li:hover>a>b{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.web_head .btn--search {display: inline-block; width:35px; height:60px;text-align: center; background:url(images/search_btn.png) no-repeat center center; cursor:pointer;vertical-align: middle;float: right;}
.web_head .change-language{display: inline-block;position: relative;float: right;margin-top: 10px;vertical-align: top;}
.web_head .change-language .change-language-title{padding-right: 15px;}
.web_head .head-search{float: right;position: relative;}
.web_head .head-search .search-ipt{display: block;width: 260px;height: 40px;line-height: 40px;padding: 0 8px;background: none;border: 0;border-bottom: 1px solid #29588C;}
.web_head .head-search .search-ipt:focus{width: 360px;}
.web_head .head-search .search-btn{width: 40px;height: 40px;background: url(images/search_btn.png) right center no-repeat;position: absolute;right: 0;top: 0;border: 0;cursor: pointer;font-size: 0;}
.fixed-nav .layout{padding: 0;}
.fixed-nav .nav_wrap{width: 100%;position: fixed;left: 0;top: -100px;z-index: 9;box-shadow:none;opacity: 0;}
.fixed-nav-active .nav_wrap{top: 0;opacity: 1;top: 0;margin: 0;background-color: #29588C;border-bottom: 0;}
.fixed-nav-active .layout{padding: 0 80px;}
.fixed-nav-active .head_nav li,.fixed-nav-active .head_nav li a{color: #fff;}
.fixed-nav-active .change-language .change-language-title,.fixed-nav-active .change-language .change-language-title a{color: #fff;}
.fixed-nav-active .change-language .change-language-cont,.web_head .change-language .change-language-cont{top: 50px;}
.head_holder{display: none!important;}



/* web_footer */
.web_footer{border-top: 3px solid #000;}
.web_footer .layout{width: auto;}
.foot_items{background-position: right bottom;background-repeat: no-repeat;-webkit-background-size: 40% auto;background-size: 40% auto;padding: 45px 80px;}
.foot_items, .foot_items a { color:#666; }
.foot_items a:hover{color: #29588C;}
.foot_item{width: 25%;float: left;padding: 30px 0;}
.foot_item .foot_item_bd{padding-right: 10%;line-height: 30px;}
.foot_item .foot_item_bd li{margin-bottom:10px;}
.foot_item .title{padding-bottom: 18px;font-size: 22px;}
.foot_item .tit_desc{margin-bottom: 5px;}
.foot_item .foot_txt_list li{white-space: nowrap;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}
.foot_item .foot_txt_list li a{display: inline;}
.foot_item .foot_txt_list li a:hover{text-decoration: underline;}
.foot_item .foot_txt_list li:before{content: '\f061';padding-right: 10px;font-weight: normal;font-size: 12px;position: absolute;margin-left: -20px;}
.foot_item .foot_txt_list li:hover{padding-left: 30px;color: #29588C;}
.foot_item .foot_txt_list li:hover:before{margin-left: -25px;}
.foot_item_product{width: 27%;}
.foot_item_contact address li{max-width: 360px;line-height: 1.5;position: relative;padding-left: 30px;padding-right: 18%;margin-bottom: 15px;}
.foot_item_contact address li:before{ content:""; width:20px; height:20px; position:absolute; left:0; top:2px; background-image:url(images/contact_ico.png); background-repeat:no-repeat;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.foot_item_contact address li.foot_addr:before{background-position:0 0;}
.foot_item_contact address li.foot_phone:before{background-position:0 -20px;}
.foot_item_contact address li.foot_email:before{background-position:0 -40px;}
.foot_bar{padding: 20px 0;background-color: #fff;}
.foot_bar .copyright{float: left;}
.foot_sns{}
.foot_sns li{display: inline;padding-right: 3px;}
.foot_sns li img{max-height: 20px;border-radius: 2px;}
.foot_sns li a{display: inline-block;padding: 2px;}
.foot_sns li a:hover{opacity: 0.8;-webkit-animation: .6s swing ease;animation: .6s swing ease;}
.foot_sns li+li{padding-left: 8px;}




/*-------------------------------------------------------- 
														page: index
																	------------------------------------------------------*/

.index_main{padding: 0 80px;}
.index_main .layout{width: auto;}

/* index_title */
.index_title{margin-bottom: 30px;text-align: center;line-height: 1.3;}
.index_title .h2{font-size: 40px;font-weight: normal;letter-spacing: 0.02em;line-height: 1.3;padding-bottom: 20px;text-transform: uppercase;}
.index_title .h4{font-size: 28px;font-weight: normal;letter-spacing: 0.01em;margin-bottom: 15px;}

/* slider_banner */
.slider_banner{margin: 0 -80px;}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet{background: none;width: 14px;height: 14px;border: 1px solid #000;opacity: 0.9;}
.slider_banner .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity: 1;background-color: #000;}
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{font-size: 24px!important;border:5px solid rgba(255,255,255,0.1);background-clip: content-box;/*border: 1px solid #000;padding: 5px;background-clip: content-box;*/}

/* index_ad */
.index_ad{padding: 80px 0;}
.index_ad .index_title{color: #29588C;}
.index_ad .index_bd{padding:30px 0 50px;background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 97%;background-size: auto 97%;background-image: url(../images/map.png);-webkit-transition: all 1.6s ease;-o-transition: all 1.6s ease;transition: all 1.6s ease;}
.index_ad .index_bd:hover{background-position: center 0;}
.index_ad .ad_items{margin: 0 -35px;}
.index_ad .ad_item{width: 33.3333%;float: left;text-align: center;}
.index_ad .ad_item .item_inner{padding: 0 30px;}
.index_ad .ad_item .item_title{line-height: 1.2;padding-bottom: 15px;}
.index_ad .ad_item .item_title,.index_ad .ad_item .item_title a{color: #29588C;}
.index_ad .ad_item .item_title .txt_impt{display: block;font-size: 72px;}
.index_ad .ad_item .item_title .txt_small{display: block;font-size: 28px;padding-top: 8px;}
.index_ad .ad_item .item_desc{display: block;font-size: 16px;}
.index_ad .ad_item .item_desc,.index_ad .ad_item .item_desc a{color: #666;}
.index_news .news_items{display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
/* index_company_intr */
.index_company_intr {border: 8px solid #eaeff1;padding: 38px;}
.index_company_intr .layout{display: table;width: 100%;}
.index_company_intr .company_intr_cont,.index_company_intr .company_intr_img{display: table-cell;width: 50%;padding: 38px;vertical-align: middle;}
.index_company_intr .company_intr_cont{padding-right: 6%;}
.index_company_intr .company_intr_title{font-size: 32px;padding-bottom: 15px;font-weight: normal;}
.index_company_intr .company_intr_title,.index_company_intr .company_intr_title a{color: #29588C;}
.index_company_intr .company_intr_title a:hover{text-decoration: underline;}
.index_company_intr .company_intr_title:before{content: '\f1d8';font-size: 20px;vertical-align: middle;padding-right: 12px;}
.index_company_intr .company_intr_desc{font-size: 18px;}
.index_company_intr .company_intr_desc,.index_company_intr .company_intr_desc a{color: #333;/* font-size: 18px; */}
.index_company_intr .company_intr_img img{width: 100%;height: auto;}
.index_company_intr .sys_btn{margin-top: 25px;}
.index_company_intr .company_intr_desc p{margin-bottom:20px;}
.page_contant{width:100%;}




/* index_product */
.index_product{padding: 80px 0;}
.product_item {width: 431px;}
.product_item .item_img{display: block;overflow: hidden;position: relative;}
.product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product_item .item_img a:before,.product_item .item_img a:after{content: '';display: block;width: 30%;height: 30%;position: absolute;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;filter: alpha(opacity=0);/* color: rgba(255,255,255,0.6); *//* color: rgba(255,255,255,0.4); */}
.product_item .item_img a:before{right: 5%;top: 5%;border-right: 4px solid;border-top: 4px solid;}
.product_item .item_img a:after{left: 5%;bottom: 5%;border-left: 4px solid;border-bottom: 4px solid;}
.product_item:hover .item_img a:before,.product_item:hover .item_img a:after{width: 90%;height: 90%;opacity: 1;filter: alpha(opacity=100);}
.product_item .item_img img{display: block;width: 100%;height: 300px;object-fit: contain;}
.pro_ul_list .item_img img{display: block;width: 100%;/* height: 288px; */object-fit: contain;}
.pro_ul_list{display: block;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.items_list1{width:100%;display:flex;flex-direction: column;}

.product_item .item_title{ font-weight:normal; font-size:14px; padding:15px 10px;text-align: center;}
.product_item .item_title a{display: inline-block;max-width: 100%;/* height: 3.2em; *//* line-height: 1.6em; *//* overflow: hidden; *//* vertical-align: middle; */font-size: 16px;text-align: left;}
.product_item .item_title a:hover{text-decoration: underline;}
.index_product .index_bd{position: relative;}
.index_product .index_title{margin-bottom: 0;position: relative;text-align: center;}
.index_product .index_title:before{content: '';display: block;width: 100%;height: 1px;background-color: #c2d1d6;position: absolute;left: 0;top: 50%;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.index_product .index_title:hover:before{width: 0;left: 50%;}
.index_product .index_title .h2{display: inline-block;padding: 0 25px;font-size: 40px;background-color: #fff;z-index: 1;position: relative;/* font-weight: bold; */}
.index_product .index_title .h2,.index_product .index_title .h2 a{color: #29588C;}
.index_product .swiper-slide{width: 25%;overflow: visible;}
.index_product .product_items {margin: 0 -5px;padding-top: 35px;}
.index_product .product_item{width: 25%;float: left;margin-bottom: 20px;}
.index_product .product_item figure{margin: 0 5px;}
.index_product .product_item .item_title {padding:10px 10px 0;font-size: 24px;}
.index_product .product_item .item_title,.index_product .product_item .item_title a{color: #29588C;}
.index_product .product_item .item_img {border: 1px solid #e5e5e5;overflow: hidden;}
.index_product .product_item .item_img a{overflow: hidden;}
.index_product .product_item .item_img img{-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.product_slider{text-align: center;padding-top: 35px;}
.index_product .product_item:hover .item_img img{-webkit-transform: rotate(5deg) scale(1.15);-ms-transform: rotate(5deg) scale(1.15);-o-transform: rotate(5deg) scale(1.15);transform: rotate(5deg) scale(1.15);}
.product_slider .swiper-control{text-align: center;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next,.news_slider .swiper-button-prev,.news_slider .swiper-button-next,.brands_slider .swiper-button-prev,.brands_slider .swiper-button-next,.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display: inline-block;width: 24px;height: 24px;line-height: 24px;background-color: #29588c;border-radius:0;opacity: 1;font-size: 12px;color: #fff;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next{top: 50%;margin-top: -22px;}
.product_slider .swiper-button-prev:not(.swiper-button-disabled):hover,.product_slider .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #234c78;}
.product_slider .swiper-button-prev{left: -40px;}
.product_slider .swiper-button-next{right: -40px;}
.product_slider .swiper-button-prev,.product_slider .swiper-button-next,.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{z-index: 1;}
.product_slider .swiper-button-prev:hover,.product_slider .swiper-button-next:hover,.goods-may-like .swiper-button-prev:hover,.goods-may-like .swiper-button-next:hover{background-color: #000;color: #fff;border-color: #000;}
.product_slider .swiper-button-prev:before,.goods-may-like .swiper-button-prev:before{content: '\f0d9';}
.product_slider .swiper-button-next:before,.goods-may-like .swiper-button-next:before{content: '\f0da';}
.swiper-container-horizontal .product_item{width: 100%;}
.pro_title{width:100%;font-size: 26px;margin:0 0 15px;/* text-align: center; */text-transform: capitalize;}





/* index_news */
.index_news {padding-bottom: 70px;}
.index_news .index_title{border-bottom: 1px solid #c2d1d6;text-align: left;}
.index_news .index_title .h2{display: inline-block;height: 3.5em;line-height: 3.5em;background-color: #29588c;font-size: 16px;font-weight: normal;padding: 0 15px;text-transform: none;}
.index_news .index_title .h2,.index_news .index_title .h2 a{color: #fff;}
.index_news .news_item{width: 33.3333%;float: left;}
.index_news .news_item .item_inner{display: block;margin: 0 35px;}
.index_news .news_item .item_img,.index_news .news_item .item_img a,.index_news .news_item .item_img img {display: block;width: 100%;}
.index_news .news_item .item_img img{height:100%;object-fit: contain;}
.index_news .news_item .item_img{position: relative;height: 250px;overflow: hidden;border: 1px solid #ddd;}
.index_news .news_item .item_img a{position: absolute;left: 0;top: 0;height: 100%;}
.index_news .news_item .item_info{padding: 20px 0;font-size: 15px;}
.index_news .news_item .item_info,.index_news .news_item .item_info a{color: #666;}
.index_news .news_item .item_tit .h3{display: inline;font-size: 18px;font-weight: bold;}
.index_news .news_item .item_tit .h3,.index_news .news_item .item_tit h3 a{color: #333;}
.index_news .news_item .item_tit .h3 a:hover{color: #29588c;}
.index_news .news_item .item_tit time{display: inline;padding-left: 8px;}
.index_news .news_item .item_tit time:before{content: '|';padding-right: 8px;}
.index_news .news_item .item_desc{padding-top: 5px;}
.index_news .news_item .item_img a:before{content: '';display: block;width: 0%;height: 100%;background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2));position: absolute;left: 0;top: 0;opacity: 0;}
.index_news .news_item .item_img a:hover:before{width: 100%;background: rgba(0,0,0,0.3);opacity: 1;}

/* company_subscribe */
.company_subscribe{padding: 100px 0;text-align: center;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment: fixed;margin: 0 -80px;}
.company_subscribe,.company_subscribe a{color: #fff;}
.company_subscribe .title{width: 50%;margin: 0 auto;font-size: 40px;font-weight: normal;padding-bottom: 40px;text-transform: uppercase;}
.company_subscribe .desc{width: 50%;margin: 0 auto;font-size: 24px;line-height: 1.8;}
.company_subscribe .button{margin-top: 60px;}




/*----------------------------------aside---------------------------------*/	
.aside {float:left;width:260px;}
.side-tit-bar { position:relative; }
.side-tit-bar .side-tit { position:relative; font-size:18px; line-height:49px; color:#FFF; padding:0 16px; background:#29588C; font-weight:normal; text-transform:uppercase;}
.side-widget { position:relative; margin:0 0 94px; }
.side-widget+.side-widget .side-tit-bar .side-tit{text-transform: none;}
.side-cate li {position:relative;line-height: 50px;background:#f3f3f3;/* padding-bottom: 10px; */border-bottom: 1px solid #2b2b2b;}
.side-cate li li {background:#f9f9f9;}
.side-cate li a {position:relative;display:block;padding:0 0 0 38px;margin-right: 38px;font-size: 18px;}
.side-cate ul { display:none; overflow:visible !important }
.side-cate li li a { padding:0 20px 0 55px;margin-right: 0;font-size: 13px;color: #666;}
.side-cate li li li a { padding:0 66px;margin-right: 0;}
.side-cate li .icon-cate { position:absolute; right:10px; top:10px;display: inline-block;width: 24px; line-height:24px;text-align: center; font-size:10px; cursor:pointer; color:#222;border-radius: 50%;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.side-cate li .icon-cate.icon-cate-down:before { content:'\f067'; }
.side-cate li .icon-cate.icon-cate-up:before { content:'\f068'; }
.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a { color:#29588C; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#29588C; }
.side-cate li .icon-cate:hover{background-color: #29588C;color: #fff;}
.side-cate li:last-child{border-bottom:none}
.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;width: 100%;}
.side_product_item .item-img img { position:relative; width:100%; }
.side_product_item figcaption {position:relative;display:inline-block;vertical-align:top;padding: 0 10px;}
.side_product_item figcaption .item_title {line-height:1.3;margin:0 0 10px;text-transform:uppercase;font-size: 16px;font-weight: normal;}
.side_product_item figcaption .item_text { color:#949494; line-height:1.3; }
.side_product_item .add-friend { position:absolute; right:0; bottom:0; width:37px; height:39px; }
.side_product_item .add-friend:before{content: '';display: block;width: 0;height: 0;border-style: dashed dashed solid;border-color: transparent transparent  #121212;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: #29588C;border-width: 0 0 45px 45px;}
.side_product_item .add-friend:after { content:""; position:absolute; width:11px; height:11px; bottom:6px; right:6px; background:url(images/add01.png) no-repeat center center; z-index: 1;}
.side_product_item .add-friend:hover:after{right: 8px;bottom: 8px;}
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; opacity:.25; }
.side-product-items .btn-prev { top:20px; background:url(images/side_product_up.png) no-repeat center center; }
.side-product-items .btn-next { bottom:20px; background:url(images/side_product_down.png) no-repeat center center; }
.aside .side-bn { width:100%; margin:0 0 40px; }
.aside .side-bn img { width:100% }
.tag_left{width:100%;margin-top: 20px;}
.tag_left .pro_slide{width:100%;text-align:center;margin-bottom:20px;}
.tag_left .picture{width:100%;border: 1px solid #ddd;margin-bottom:10px;overflow:hidden;}
.tag_left .picture img{width:100%;transition: all 0.5s; }
.tag_left .picture:hover img{transform:scale(1.1);transition: all 0.5s; }
.tab_a>a{font-size:18px !important;display: inline-block;padding: 11px 35px;color: #333;border: 1px solid #e6e7e857;border-radius: 30px;background-color: #fff;text-decoration: none;white-space: nowrap;box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);-moz-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);-webkit-box-shadow: 0px 2px 14px 0px rgba(51, 45, 42, 0.1);margin-bottom: 20px;margin-right: 20px;}
.tag_news{width:100%;}
.tag_bottom{margin-top:20px;}
.tag_news dl{width:100%;margin-bottom:20px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
.tag_news dl a{width:100%;display:flex;justify-content: space-between;}
.tag_news dl .picture{width:30%; overflow: hidden;border: 1px solid #ddd;}
.tag_news dl .picture img{width:100%; transition: all 0.5s;}
.tag_news dl .picture:hover img{transform: scale(1.1); transition: all 0.5s;}
.tag_news dl .txt{width: 67%;}
.tag_news dl .picture img{width:100%;display:flex;}
.tag_news dl .txt .tit{width:100%;font-size:20px;margin-bottom:20px;}
.tag_news dl .txt p{font-size:16px;line-height:25px;}


/*-------------------------------------------------------- 
													page: product list
																	------------------------------------------------------*/
.items_list {width:100%;}
.items_list ul{margin: 0 -5px;}
.items_list .product_item { width:33.333%;float: left;}
.items_list .product_item figure{display: block;border: 1px solid #e5e5e5;margin: 5px;}
.photo_list{width:100%;}
.photo_list dl{width:100%;display: flex;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;}
.photo_list dl .item_img{width:30%;overflow: HIDDEN;}
.photo_list dl>div{width:68%}
.photo_list dl .item_img img{transition: all 0.3s;height: 150px;object-fit: cover;width: 100%;}
.photo_list dl .item_img:hover img{transform:scale(1.1);transition: all 0.3s;}
.photo_list dl .item_title{width:100%;font-size:20px;margin-bottom:15px;text-transform: capitalize;font-weight: 550;}
.photo_list dl .item_smalltext{line-height:25px;}
.goods-layer-bd{display: flex;justify-content: space-between;}
.goods-layer-bd>dl{}


.product-intro { position:relative; overflow:hidden; }
.cloud-zoom-lens { border: 1px solid #eee; cursor:move; }
.cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; }
.cloud-zoom-big { overflow:hidden; padding:0px; }
.cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; }
.product-view .swiper-slide{padding-bottom: 1px;}
.product-view .product-image.zoom_remove:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 999; }
.product-view{position:relative;width: 45%;float:left;display:flex;flex-direction: column;}
.product-view .product-image{position:relative;border:1px solid #ddd;}
.product-view .product-image img{position:relative;width:100%;}
.product-view .image-additional{position:relative;width:92%;margin:20px auto;overflow:hidden;}	
.product-view .image-additional li{position:relative;width:100%;width: 33.3333%;float: left;}
.product-view .image-additional li.single{ display:none;}	
.product-view .image-additional li img{position:relative;width:68%;margin:0 16%;border:1px solid #ccc;padding:1px;}	
.product-view .image-additional li a{position:relative;}	
.product-view .image-additional li.current img{border:2px solid #29588C;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: 45px;height: 45px;margin-top:-15px;opacity:1;line-height: 30px;font-size:45px;-webkit-transform: scale(0.65,1);-ms-transform: scale(0.65,1);-o-transform: scale(0.65,1);transform: scale(0.65,1);}
.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: 52%;float:right;}
.product-summary .product-meta { line-height:25px; }
.product-summary .product-meta h3 { margin:0 0 10px; font-size:20px; }
.product-summary .product-meta li{width: 100%;display: table;font-size: 12px;padding: 2px 0;}
.product-summary .product-meta li em{display: table-cell;width: 135px;color: #aaa;}
.product-btn-wrap { position:relative; margin:20px 0 0; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position:relative; display:inline-block;  *display:inline;
 *zoom:1;vertical-align:top; line-height:32px; padding:0 20px;font-size:14px;border-radius:3px; background:#13adeb; border:2px solid #13adeb; color:#FFF; margin:0 15px 10px 0; }
.product-btn-wrap .buy { text-transform:uppercase; font-size:18px; padding:0 30px; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background:none; color:#13adeb;}
.product-summary .share-this { margin:30px 0 0; }
.pro_de table{width:100% !important;}

/* small */
.pro_small{width: 100%;position: relative;margin-top: 10px;} 
.pro_small .mySwiper{height: 110px;width: 88%;margin:0 auto;}
.pro_small .small_pic{display: flex; align-items: center; justify-content: center; width: 106px; height: 106px; border: 1px solid #efefef; border-radius: 6px; background: #fff; overflow: hidden; transition: all .3s;}
.pro_small .small_pic:hover{border: 1px solid #FF4C1B;cursor:pointer;}
.pro_small .small_arrow{height: 45px; cursor: pointer; transition: all .3s;}
.pro_small .small_arrow.up{background: url(./images/icon_arrow_top.png) no-repeat center center;}
.pro_small .small_arrow.up:hover{background: url(./images/icon_arrow_top_active.png) no-repeat center center;}
.pro_small .small_arrow.down{background: url(./images/icon_arrow_down.png) no-repeat center center;}
.pro_small .small_arrow.down:hover{background: url(./images/icon_arrow_down_active.png) no-repeat center center;}
.pro_small .swiper-slide-active{border: 1px solid #FF4C1B;cursor:pointer;}

/* big */
.pro_big{width: 100%;height: 500px;border: 1px solid #efefef;overflow: hidden;border-radius: 6px;} 
.pro_big .mySwiper{height: 100%;}
.pro_big .swiper-wrapper{height: 100%;}
.pro_big .big_pic{display: flex; align-items: center; justify-content: center; height: 100%; }


.main {position:relative;width:calc(100% - 280px);float:right;padding-bottom: 100px;}
.page_title {position:relative;font-size: 28px;margin:0 0 15px;text-align: center;text-transform: capitalize;}
.page_bar{ position:relative;  line-height:31px; height:33px; margin:50px 0; text-align:center; font-size:12px;}
.page_bar a,.page_bar  span{position:relative;display:inline-block;vertical-align:top;min-width:33px;padding:0 5px;border:1px solid #ccc;margin:0 0 0 8px;text-align:center;border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');background: -moz-linear-gradient(top, #fefefe, #e3e3e3);background: -o-linear-gradient(top,#fefefe, #e3e3e3);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));font-size: 18px;}
.page_bar a.current,.page_bar a:hover{ color:#FFF; background:#333333;  border-color:#333333 }
.pages .screen-reader-text{display:none;}
.contact_map{width:100%;margin-top: 50px;}
.contact_map iframe{width:100%;}




/* product detail */
.product-detail {position:relative;overflow:visible;margin:30px 0 0;background: #fff;padding: 50px;}
.detail-tabs { position:relative; }
.detail-tabs .title { position:relative; display:inline-block; vertical-align:top;  *display:inline;*zoom:1; line-height:32px; padding:0 20px; cursor:pointer; margin:0 10px 0 0; font-weight:bold; font-size:14px;background-color: #29588C;border:1px solid #29588C; color:#fff; }
.detail-tabs .title.current { color:#FFF;background:#29588C;border-color: #29588C; }
.product-detail .tab-panel-content {padding:10px 0;display:block;overflow:hidden;line-height: 30px;}
.product-detail .disabled { display:none; }
.product-detail table{width:100% !important;}
.pro_table{width: 100%;margin-top: 20px;display:none;}
.pro_table table{width: 100%;border-collapse: collapse; }
.pro_table table td{height: 30px;border: 1px solid #ccc;text-align: left;line-height: 1.5;font-size: 16px;color: #666;background: #fbfbfb;padding: 0 15px;}
.pro_model h1{font-size:30px;}
.pro_table table tr:nth-child(1) td ,.pro_table table tr:nth-child(2) td{font-weight:bold;color:#000; text-align:center;}
.pro_table{width: 100%; margin-bottom: 50px;}
.pro_table table td{padding: 0 !important;}
table.pro_padding tr td{text-align: center;}
.pro_table01 table tr td{text-align: center;padding: 10px 0;}
.table_h3{margin:20px 0;font-size:30px;}
.intro_table{width:100%;margin-top:10px;font-size:16px;line-height:28px;}
.intro_table p{background:url(images/intro_ico.png) left 4px no-repeat;padding-left:25px;}
.model_table table tr td{text-align:center;}
.tab-panel-content p{margin-bottom: 15px;}
.tab-panel-content p img{display: block;margin:20px auto 0;}





/*like product*/
.goods-may-like{position: relative;overflow: hidden;}
.goods-may-like .title{ font-size:25px; margin:50px 0 20px;text-transform: capitalize;}
.goods-may-like .product_item{width: 24%;margin:0;padding:0;}
.goods-may-like .swiper-control{position: absolute;right: 0;top: 52px;}
.goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{position: static;}
.goods-may-like .swiper-button-next{margin-right: 0;}
.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: 0.3;filter: alpha(opacity=30);}
.goods-may-like .swiper-slide{width: 25%;overflow: visible;}
.goods-may-like .product_item{padding-bottom: 0px;margin-right: 0;}
.goods-may-like .product_item .item_title{padding-bottom: 0;}
.goods-may-like .product_item .item_title a{max-width: 90%;height:1.6em;}
.goods-may-like .product_item .item_img {border: 1px solid #e5e5e5;margin:0 1px 0 0;}


/*public*/
.web_main { position:relative; }
.page_main {background:#FFF;padding:67px 0 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);}
.single-product-bg{width:100%;background: #f7f9fa;}
/*path_nav*/
.path_bar { position:relative; overflow:hidden; text-align:center; padding:280px 0 140px; -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{color: #fff;} 
.path_bar li { display:inline-block; vertical-align:top; position:relative; font-size:20px; text-transform:uppercase; }
.path_bar li:after { content:">"; margin:0 5px 0 7px;font-weight:bold; }
.path_bar li:last-child:after { display:none; }
.mobile-head-items { display:none; }
.page_lay{margin-bottom:20px;}
.cate-des {font-size:16px;}
.cate-des p{margin-bottom:10px; line-height: 30px;}



/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list { position:relative; width:100%; }
.blog-item { position:relative; width:100%; overflow:hidden;  padding:20px;}
.blog-item:nth-child(2n+1) {background:#f9f9f9;}
.blog-item:before { content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.blog-item .item-wrap { }
.blog-item .item-img { position:relative; display:block; max-width:200px;  margin:0 20px 0 0;float:left; }
.blog-item .item-img img { position:relative; width:100%; }
.blog-item .item-info { }
.blog-item .item-info .item-title {font-size:18px;font-weight: 550;}
.blog-item .item-info time { display:block; font-style:italic; margin:8px 0; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float:right; color:#8f9395; margin:10px 0 0; }
.blog-item .item-info .item-more:hover{color: #29588C;}
/*-------------------------------------------------------- 
													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;}
.photo_list dl{width:100%;display: flex;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;flex-direction: row;flex-wrap: wrap;}
.photo_list dl .item_img{width:100%;overflow: HIDDEN;margin-bottom: 10px;}
.photo_list dl>div{width:100%}
.photo_list dl .item_img img{transition: all 0.3s;}
.photo_list dl .item_img:hover img{transform:scale(1.1);transition: all 0.3s;}
.photo_list dl .item_title{width:100%;font-size:20px;margin-bottom:15px;}
.photo_list dl .item_smalltext{line-height:25px;font-size: 16px;}





 
	
	
	
}
@media only screen and (max-width: 1680px) {
}
@media only screen and (max-width: 1500px) {
.path_bar{margin: 0 auto;}
}
@media only screen and (max-width: 1366px) {
.web_head .head_top,.nav_wrap{margin-left: 40px;margin-right: 40px;}
.index_main,.foot_items{padding-left: 40px;padding-right: 40px;}
.slider_banner,.company_subscribe{margin-left: -40px;margin-right: -40px;}
.product_slider .swiper-button-prev{left: 0;}
.product_slider .swiper-button-next{right: 0;}
}
@media only screen and (max-width: 1250px){
.service_items{ width:100%;}
}
@media only screen and (max-width: 1200px) {

.layout,.page_main .layout {width:95%;}
body {min-width:inherit;}
.product_items,.company_worldwild .layout{ width:100%;}
.company_worldwild .layout{ display:block;}
}
@media only screen and (max-width: 950px) {
body{min-width: 100%;}
.layout, .page_main .layout {width: 100%;padding: 0 10px;}
.z10000 { position:relative; z-index:100000; }
.mobile-body-mask { width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; z-index:999 }
.mobile-ico-close { width:30px; height:30px; background:#fff url(images/mobile_close.png) center center no-repeat; background-size:50% auto; position:absolute; right:-35px; top:0; }
.sub-content { position:relative; display:block; right:auto; border-radius:0; border:none; box-shadow:none; z-index:99999; }
.lang-more { display:none !important }
.mobile-head-items {position:fixed;top:0;left:0;background:#161622;width:100%;height: 40px;line-height: 33px;text-align:left;display:block;z-index:999;}
.mobile-head-item { float:left; width:45px; }
.mobile-head-language{display:none;}
.mobile-head-item.mobile-head-aside { float:right }
.mobile-head-item .title {width:100%;height: 40px;line-height: 40px;overflow:hidden;text-align:center;color:#FFF;font-size: 18px;}
.mobile-head-item .title a { position:relative; display:block; color:#FFF; }
.mobile-head-item.mobile-head-home .title a:before { content:'\f015'; }
.mobile-head-item.mobile-head-nav .title:before { content:'\f0c9'; }
.mobile-head-item.mobile-head-language .title:before { content:"\f1ab"; }
.mobile-head-item.mobile-head-search .title:before { content:"\f002"; }
.mobile-head-item.mobile-head-social .title:before { content:"\f007"; }
.mobile-head-item.mobile-head-aside .title:before { content:"\f060"; }
.mobile-head-item .main-content-wrap { background:#FFF; top:0; display:block; z-index:99999; }
.mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; height:100%; padding:15px 10px; }
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y:hidden; }
.mobile-head-item .side-content-wrap { position:fixed; display:block; left:-70%; width:70%; height:100%; }
.mobile-head-item .middle-content-wrap { position:absolute; left:0; width:100%; height:auto; padding:20px 0; opacity:0; visibility:hidden; }
.mobile-head-item .middle-show-content-wrap { top:30px; visibility:visible; opacity:1; }
.logo{position:relative; display:block;}
.web_head{padding: 0px 0 0;height:auto;}
.web_head .nav_wrap,.web_head .change-language,.web_head .btn--search{ display:none;}
.web_head .btn--search{  right:0; top:-20px; margin:0;}
.web_head .head-search{display: none;}
.head-search{ position:relative;width:90%; height:35px; background:#000; margin:0 auto;}
.head-search .search-ipt{ position:absolute; width:100%; height:100%;left:0; top:0; color:#FFF; padding:0 10px;}
.head-search .search-btn{ position:absolute; width:35px; height:100%; background:url(../images/search_btn_mobile.png) no-repeat center center; -webkit-background-size: auto 16px;background-size: auto 16px; border:none; right:0; top:0; display:block !important;}
.head-search .search-attr{display:none;}

/* header */
.web_head{position: static;background-color: #f3f6f7;}
.web_head .head_top{padding: 15px 0;text-align: center;position: static;}
.web_head .logo{display: inline-block;position: static;margin: auto;float: none;}
.web_head .logo img{height: 40px;}
.web_head .head_left{padding: 15px 0;}
.web_head .head_left,.web_head .head_right{position: static;}
.web_head .head_right{float: none;}

.web_head .head_top,.nav_wrap{margin-left: 10px;margin-right: 10px;}
.index_main,.foot_items{padding-left: 10px;padding-right: 10px;}
.slider_banner,.company_subscribe{margin-left: -10px;margin-right: -10px;}






 
/*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; }

/* footer */
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:50%;}
.foot_item:nth-child(2n+1){clear: left;}
.foot_item.foot_item_info .foot_logo img{max-width: 60%;}

/* index */
.index_title h2{font-size: 36px;}
.index_main .layout{padding: 0;margin: 0;}
.index_ad{padding: 40px 0;}
.index_ad .index_bd{padding: 0;-webkit-background-size: contain;background-size: contain;}
.index_ad .ad_items{margin: 0;}
.index_ad .ad_item{width: 100%;float: none;padding: 0;max-width: 600px;margin: 0 auto;}
.index_ad .ad_item .item_inner{padding: 30px 15px;}
.index_ad .ad_item .item_title .txt_impt{font-size: 36px;}
.index_ad .ad_item .item_desc{font-size: 16px;}
.index_company_intr{padding: 15px;}
.index_main .index_company_intr .layout{margin: auto;}
.index_company_intr .company_intr_cont,.index_company_intr .company_intr_img{width: auto;display: block;padding: 15px;}
.index_company_intr .company_intr_title{font-size: 24px;}
.index_product .product_items{margin: 0;display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.index_product .product_item{width: 50%;padding-bottom: 15px;}
.index_product .product_item .item_title{font-size: 18px;}
.index_news .news_items{margin: 0 -8px; display: flex;flex-direction: row;flex-wrap: wrap;}
.index_news .news_item .item_inner{margin: 0 8px;}
.company_subscribe{padding: 100px 40px;}
.company_subscribe .title,.company_subscribe .desc{width: auto;}

/* aside */
.aside { display:none; }
.side-product-items .items_content{padding-top: 5px;}
.side-product-items .btn-prev, .side-product-items .btn-next { display:none; }
.side-product-items ul{font-size: 0;margin: 0 -5px;}
.side-product-items .items_content .side_product_item { display:inline-block; vertical-align:top; width:50%;font-size: 14px;}
.side_product_item figure { margin:0 5px; }
.side_product_item .item-img, .side_product_item figcaption { width:100%; display:block; padding:0 }
.side_product_item figcaption { padding:10px 0; text-align:center; }
.side_product_item .add-friend{right: 5px;}
/* main */
.main { width:98%; float:none; margin:0 auto;padding-bottom: 50px;}
.items_list { width:100%; }
.product-item { width:33.333%; }
.product-item .item-wrap { margin:8px; }
/* product intro */
.video_close { display:none }
.image-additional li.image-item.current img { border:none; }
.product-view {width:100%;float:none;margin: 0 auto 15px;}
.product-view .image-additional li img{ width:90%; margin:0 5%;border: 0;}
.single_product_items { display:none }
.image-additional-wrap { display:block; }
.product-view .image-additional { width:100%; margin:0; }
.product-view .image-additional ul { width:100%; }
.product-view .image-additional li { width:100%; margin:0; }
.product-view .image-additional li a { padding:0; }
.product-view .image-additional li.current img { border-color:inherit; }
.product-view .image-additional li.single { display:block }
.product-view .swiper-button-next, .product-view .swiper-button-prev{background: none;}
/* product summary */
.product-summary { position:relative; width:100%; float:none; }
.product-summary .share-this { float:none; margin:30px 0; }
.product-btn-wrap a { margin:0 0 10px !important; }
.product-summary .product-meta li{display: block;}
.product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;}
/* product detail  */ 
}
@media only screen and (max-width: 768px) {
.items_list .product_item{margin-bottom: 20px;}
.items_list .product_item:nth-child(2n+1){clear: left;}

.index_news .news_wide,.index_news .news_side{width: 100%;float: none;}

}
@media only screen and (max-width: 480px) {
.mobile-hide{display: none!important;}
.gotop { display:none !important; }
.product_item,.items_list .product_item{ width:100%;}
.service_item{ width:100%;}
.path_bar{ padding:50px 0;}
.product-view{width:100%;margin-bottom: 20px;}
.table_wrap{ overflow-x:scroll;}

.sys_btn{min-width: 150px;text-align: center;padding: 12px 25px;font-size: 14px;}
.sys_btn:before{border-top-width: 3px;border-right-width: 3px;}
.sys_btn:after{border-left-width: 3px;border-bottom-width: 3px;}

/* aside */
.side-widget{ margin:0 0 30px;}
.side-tit-bar .side-tit{font-size: 16px;text-transform:none;}
.side-cate li a{ padding:0 20px;}
.side-cate li li {line-height: 32px;}
.side-cate li li a{ padding:0 30px;}
.side-product-items .items_content{text-align: center;}
.side-product-items .items_content .side_product_item{width: 80%;margin: 8px auto;}

/* header */
.web_head .head_top{padding: 0;}
.web_head .logo{width: 80%;}
.web_head .logo img{        height: auto;
	width: 100px;}
.web_head .top_sv_item .item_ico_tel{width: 35px;height: 35px; -webkit-background-size: auto 20px;background-size: auto 20px;}
.web_head .layout{padding:45px 10px 10px;}
.web_head .top_sv_item .item_cont{margin-left: 38px;}
.web_head .head_sns li a{padding: 7px;}
.web_head .head_sns li img{max-width: 18px;max-height: 18px;}
.head_svbar{padding: 8px 0;}
.index_title{margin-bottom: 0;}
.index_title .h2{padding-bottom: 10px;font-size: 30px;}
.index_product .index_title .h2{font-size: 30px;}
.index_product{padding: 30px 0;}




 
/* footer */
.web_footer{}
.company_subscribe .layout{}
.company_subscribe .title{ margin:0 0 20px;font-size: 20px;}
.foot_items{padding-left: 10px;padding-right: 10px;}
.foot_item,.foot_item.foot_item_info,.foot_item.foot_item_contact{ width:100%; padding:0; margin:0 0 30px;}
.foot_item .foot_item_bd{padding-right: 5%;line-height: 25px;}
.foot_item.foot_item_contact address li:before{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.foot_bar{font-size: 12px;}
.foot_bar .copyright,.foot_bar .foot_sns{display: block;float: none;text-align: center;}
.foot_bar .foot_sns{padding-top: 8px;}

/* index */
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{display: none;}
.slider_banner.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
.slider_banner.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 4px;}
.index_title h2{font-size: 30px;padding-bottom: 10px;}
.index_ad .index_bd:hover{background-position: center;}
.index_ad .ad_item .item_inner{padding: 20px 10px;}
.index_ad .ad_item .item_title .txt_impt{font-size: 32px;}
.index_ad .ad_item .item_title .txt_small{font-size: 18px;}
.index_ad .ad_item .item_desc{font-size: 16px;}
.index_company_intr{padding: 0;}
.index_company_intr .company_intr_title{font-size: 20px;}
.index_company_intr .company_intr_desc{font-size: 16px;}
.product_item .item_img a:before,.product_item .item_img a:after {display: none;}
.index_product .product_item{width: 100%;float: none;}
.index_product .product_item figure{margin: 0;}
.index_product .product_item .item_title{font-size: 16px;}
.index_news .index_title{padding-bottom: 0;}
.index_news .index_title h2{font-size: 14px;}
.index_news .news_item{width: 100%;float: none;}
.company_subscribe{padding: 60px 20px;}
.company_subscribe .title{font-size: 30px;margin-bottom: 0;padding-bottom: 30px;}
.company_subscribe .desc{font-size: 16px;}

}

@media only screen and (max-width: 320px) {
.side_product_item {width:100%;}
}
/*-------------------------------
			font start
			----------------------------------*/
@font-face {
 font-family: 'fontawesome';
 src: url("fonts/fontawesome-webfont.eot?v=4.5.0");
src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
font-display: fallback;
}





/*-------------------------------
			font end
			----------------------------------*/
/*-------------------------------
			swiper-slide end
			----------------------------------*/
.slider_banner { position:relative; overflow:hidden;}
.swiper-container-no-flexbox .swiper-slide { float:left }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; overflow:hidden; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform }
.swiper-invisible-blank-slide { visibility:hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:transform, height; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:55px; height:55px;line-height: 55px;text-align: center; margin-top:-27px; z-index:3; cursor:pointer; opacity:0; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;font-size: 30px;background-color: #fff;border-radius: 2px; }
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { }
.swiper-container:hover .swiper-button-prev { left:65px; }
.swiper-container:hover .swiper-button-next { right:65px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor:auto; pointer-events:none;opacity: 0.15; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-size:cover; right:10px; left:auto }
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{border-radius: 0%;background-color: rgba(0,0,0,0.6);color: #fff;font-size: 24px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.slider_banner .swiper-button-prev:hover,.slider_banner .swiper-button-next:hover{background-color: #29588C;color: #fff; }
.slider_banner:hover .swiper-button-prev { left:60px; opacity:1;}
.slider_banner:hover .swiper-button-next { right:60px; opacity:1; }
.swiper-button-lock { display:none }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:1 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:20px; left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(.66); -ms-transform:scale(.66); transform:scale(.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(.33); -ms-transform:scale(.33); transform:scale(.33) }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; vertical-align:middle; border-radius:100%; background:#eee; }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet-active { background:#836d3c; }
.swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s top, .2s -webkit-transform;
transition:.2s top, .2s -webkit-transform;-o-transition:.2s transform, .2s top;transition:.2s transform, .2s top;transition:.2s transform, .2s top, .2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 8px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s left, .2s -webkit-transform;
transition:.2s left, .2s -webkit-transform;-o-transition:.2s transform, .2s left;transition:.2s transform, .2s left;transition:.2s transform, .2s left, .2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-o-transition:.2s transform, .2s right;transition:.2s transform, .2s right;transition:.2s transform, .2s right, .2s -webkit-transform}
.swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top }
.swiper-container-horizontal{ overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-progressbar { width:100%; height:4px; left:0; top:0 }
.swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff;width: 15px;height: 15px; }
.swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255, 255, 255, .25) }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#fff }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000 }
.swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0, 0, 0, .25) }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) }
.swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% }
.swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% }
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite }
.swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%;  background-position:50%; background-size:100%; background-repeat:no-repeat }
.swiper-lazy-preloader-white:after {  }
@-webkit-keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes swiper-preloader-spin { 100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube { overflow:visible }
.swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 }
.swiper-container-flip { overflow:visible }
.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px }
.slider_banner .swiper-slide img { width:100%; }
.slider_banner .swiper-slide img+img { position:absolute; left:0; top:0; }
.slider_banner .swiper-slide img { width: 100%; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
/*-------------------------------
			swiper-slide end
			----------------------------------*/
/*-------------------------------
			entry-table start
			----------------------------------*/	
.entry { padding:15px 0; }
.entry { color:#666; }
.entry a { color:#0030FF; }
.entry p { margin:0; padding: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; }
.table_wrap table td{height: 35px !important;}
.factory_about_img{width:100%;margin-top:10px;}
.factory_about_img img{width:100%;height: 300px;object-fit: cover;}
.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: 17px;color: #666;background: #fbfbfb;padding: 0 15px;}
.main table th { font-size: 12px; background: #eee; }
.main table td p, .main table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.main table td.amts { color: #cb2027; }
.main table th#cartDelete { text-align: center; }
.factory_about_img th, .factory_about_img td{padding: 0 !important;}
.pro_message{width: 80%;margin-top: 30px;}
.pro_message form{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;line-height:35px}
.pro_message form .form_input{width: 100%;/* margin-bottom: 20px; */font-size: 18px;}
.pro_message form .form_input input{height:35px;width: 100%;line-height: 35px;border: 1px solid #ddd;}
.pro_message form .form_input p{display:flex;flex-direction: column;}
.pro_message form .form_textarea{width:100%;font-size: 18px;}
.pro_message form .form_textarea p{display:flex;flex-direction: column;}
.pro_message form .form_textarea textarea{width:100%;border: 1px solid #ddd;}
.pro_message .form_submit{width:100%;}
.pro_message .form_submit input{width:100%;height:52px;line-height:52px;border:none;font-size:30px;} 
.page{margin:20px 0;}
.pro_table01{width:100%;margin-top:15px;display:none;}
.pro_message form .form_quiz{width: 100%; margin-bottom: 20px; font-size: 18px;}
.pro_message form .form_quiz input{width:100%;height:35px;line-height:35px;font-size:30px;border: 1px solid #ddd;}
.main1 {width:100%;display: flex;justify-content: space-between;margin-top: 40px;}
.m1l{width: 50%;}
.m1r{width: 48%;/* position: relative; */}
.m1r .m1lie img{width:100%;}
.m1l .fr{float:right;}
.m1l .fl{float:left;}
.m1l .m1lie {width: 48%;position: relative;}
.m1l .m1lie img{width:100%;}
.m1lie_two{width:100%;margin-top: 27px;position: relative;}
.m1zi{position:absolute;bottom: 0;background: #000000b5;width:100%;display: block;color: #fff;text-align: center;padding: 8px 0;}
.m1lie{position:relative;}
.m1lie_two img{width:100%;}
.key_title{width:100%;margin-bottom:20px;}
.key_title .h2{font-size: 30px;}
.key_dl{width:100%;}
.key_dl dl{width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ddd;display: flex;justify-content: space-between;}
.key_dl dl dt{width: 26%;}
.key_dl dl .item_title{width: 72%;line-height: 28px;font-size: 16px;}
.key_dl dl .item_title>a{font-size:20px;margin-bottom:10px;display:inline-block;}
.table_wrap table td{border:1px solid #ddd;}

.single-pro table { position:relative; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom:0 !important; }
.single-pro table th, .single-pro table td {height: 30px;border: 1px solid #ccc;text-align: left;line-height: 1.5;font-size: 17px;color: #666;background: #fbfbfb;padding: 0 15px;}
.single-pro table th { font-size: 12px; background: #eee; }
.single-pro table td p, .single-pro table th p, table td p, table th p { margin: 0; padding: 5px; color: #666; font-size: 12px; line-height: 1.3; }
.single-pro table td.amts { color: #cb2027; }
.single-pro table th#cartDelete { text-align: center; }
.categore-qian{width: 100%;}
.categore-qian blockquote{display: none;}
.categore-qian iframe{position: unset !important; clip:unset !important;width:100% !important}
.product_categore_list{width:100%;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.product_categore_list dl{width:23%;background: #fff;text-align: center;margin-bottom: 30px;padding-bottom: 20px;}
.product_categore_list dl img{width: 100%;height: 230px;object-fit: contain;transition:all 0.5s;}
.product_categore_list .item-img{width:100%;overflow:hidden;}
.product_categore_list dl:hover img{transform:scale(1.15);transition:all 0.5s;}

.pro_ul_list {width:100%;}
.pro_ul_list li{width: 24%;float: left;margin-right: 1%;}
.pro_ul_list .product_item figure{display: block;border: 1px solid #e5e5e5;margin: 5px;}
.pro_ul_list li .item_title{height:80px;}
.single-pro{width:1240px;margin:0 auto;position:relative;/* background: #fff; *//* padding: 20px 0; */}
.single-pro .main{width:75%;margin: 0;}
.single-pro .aside{width:23%;}











/*-------------------------------
			entry-table end
			----------------------------------*/


/*-------------------------------
			search  end
			----------------------------------*/
.container { position: relative; min-height:100vh;}
.search-ipt { border: 0; background: transparent; border-radius: 0; -webkit-appearance: none; }
.web-search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.js .web-search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; opacity:0; visibility:hidden;top: 175px;bottom: 0;height: auto; }
.js .web-search::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.98);background-color: #fff\9;-webkit-transform: scale(1,0.1);-ms-transform: scale(1,0.1);-o-transform: scale(1,0.1);transform: scale(1,0.1);}
.web-search .btn--search-close { display: inline-block;font-size: 2em; position: absolute; top: 1.25em; right: 1.25em; display: none; background:url(../images/search_btn_close.png) no-repeat center 0; width:50px;height:50px;cursor:pointer;}
.web-search .btn--search-close:hover{background-position: center -50px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.js .btn--search-close { display: block; }
.web-search .search-ipt { font-family: inherit; line-height: 1; display: inline-block; box-sizing: border-box; width: 75%; padding: 0.05em 0; color: #333; border-bottom: 3px solid; font-size:20px; line-height:10px }
.web-search .search-ipt::-webkit-input-placeholder {color: #333;font-weight: bold;}
.web-search .search-ipt::-moz-placeholder {opacity: 1;color: #333;font-weight: bold;}
.web-search .search-ipt:-ms-input-placeholder {color: #333;font-weight: bold;}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance: none;}
.web-search .search-ipt::-ms-clear {display: none;}
.web-search .search-attr { font-size: 90%;display: block; width: 75%; margin: 0 auto; padding: 0.85em 0; text-align: right; color: #333; }
.js .container { position: relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
.js .main-wrap--move {height: 100vh; }
.js .web-search { pointer-events: none; }
.js .search--open { pointer-events: auto; opacity:1; visibility:visible;}
.js .web-search::before {opacity: 0.3;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.js .search--open::before {opacity: 1;}
.web-search .btn--search-close { opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease; }
.search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease; }
.search__suggestion, .web-search .search-attr { opacity: 0;-moz-transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);-moz-transition: opacity 0.8s, transform 0.8s; -webkit-transition: opacity 0.8s, transform 0.8s; -ms-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.search--open .search-attr { opacity: 1;-moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size:20px; }
.js .web-search .search-ipt {font-size: 72px;font-weight: bold;border-bottom-width: 1px;padding: 15px 0;-moz-transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);-moz-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;-moz-transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; opacity: 0;text-transform: uppercase;}
.js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.js .search--open .search-ipt {-moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;-moz-transition-duration: 0.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; }
.js .fixed-body .web-search{top: 71px;}
.js .search--open::before{-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}


/*-------------------------------
			search  end
			----------------------------------*/
/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a { font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; }
.scrollsidebar { position:absolute; z-index:30; top:150px; right:0; }
.show_btn { width:38px; height:192px; overflow:hidden; cursor:pointer; display:block; overflow:hidden; background:url(../images/show_btn.png) no-repeat center center;position: absolute;right: 0;top: 0; }
.side_content { width:0; height:auto; overflow:hidden; float:left; }
.side_content .side_list { width:140px; overflow:hidden; border:1px solid #dadada; border-radius:8px; position:relative; background:#FFF; }
.side_content .side_list .hd img { width:100%; border-bottom:1px solid #dadada; }
.side_content .side_list .cont li { height:40px; line-height:40px; border-bottom:1px solid #dadada; list-style:none; position:relative; }
.side_content .side_list .cont li a { position:relative; display:block; padding:0 0 0 43px; text-decoration:none; }
.side_content .side_list .cont li a:before { content:""; position:absolute; display:block; overflow:hidden; top:0; left:10px; width:25px; height:40px; background-repeat:no-repeat; background-position:center center; }
.side_content .side_list .cont li .email:before { background-image:url(images/icons01.png); }
.side_content .side_list .cont li .skype:before { background-image:url(images/icons02.png); }
.side_content .side_list .cont li .inquiry:before { background-image:url(images/icons03.png); }
.side_content .side_list .cont li .qq:before { background-image:url(images/icons04.png); }
.ww { margin-left:-30px; }
.side_content .side_list .t-code { padding:10px 10px 7px; border-bottom:1px solid #dadada; }
.side_content .side_list .t-code img { width:100%; }
.side_content .side_list .side_title { height:30px; line-height:30px; padding:0 12px; }
.side_content .side_list .side_title .close_btn { background:url(images/close.png) no-repeat center center; width:12px; height:30px; position:absolute; bottom:0; right:10px; cursor:pointer; }
.side_content .side_list .side_title .close_btn span { display:none; } 
/*-------------------------------
			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:22px;z-index:1; background:#FFF;}
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position:absolute;right:-10px;top:-10px;width:30px;height:30px;background:url(images/fancy_close.png) no-repeat center center; cursor:pointer; z-index:1; }
.inquiry-form-wrap {position:relative;/* height: 420px; */width: 100%;}
.ad_prompt { position:absolute; display:block; top:50%; left:0; width:100%; line-height:40px; margin:-20px 0 0; text-align:center; color:#ff6f00; font-size:20px; -webkit-animation:twinkling 1s infinite ease-in-out; animation:twinkling 1s infinite ease-in-out; display:none; }
@media screen and (max-width: 550px) {
.inquiry-pop-bd{width:95%;height:450px;left:0; margin:-265px 0 0 2.5%;}
.inquiry-pop-bd .inquiry-pop{padding:10px;}
.scrollsidebar {display:none;}
}
.nav_span{display: none;}
.mobile_nav_div{display:none;}
.page_p{font-size:15px;margin:5px 10%;line-height: 28px;}
.page_tab{border: 1px solid #a9a9a9;margin-top:20px;margin-bottom: 30px;}
.nav-tabs{width:100%;height: 50px;line-height: 50px;display:flex;justify-content: space-between;background: #ddd;}
.nav-tabs span{width:31%;text-align: center;cursor:pointer;}
.nav-tabs span.on{background:#fff;border-top:3px solid #29588C;}
.tag_text{padding:20px 15px;}
.tag_text .tagdl{width:100%;}
.tag_text .tagdl dt{font-weight:bold;}
.tag_text .tagdl dl{width:100%;margin-bottom:30px;}
.page_flex{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.cate-title{font-size:30px;margin-bottom:30px;}
.search-list-ul{width:100%;display: flex;}
.search-list-ul li{width:23%;margin-right: 2.6%;text-align: center;margin-bottom: 30px;}
.search-list-ul li:nth-child(4n){margin-right: 0;}
.search-list-ul li .li_img{width:100%;border: 1px solid #ddd;margin-bottom: 20px;text-align: center;}
.search-list-ul li .li_img img{width:100%;height:300px;object-fit: contain;}
.search-list-ul li p{font-size:16px;}
.search-list h1{margin-bottom:30px;}




@media only screen and (max-width: 768px){
	body{overflow-x: hidden;}
 .pro_message{width:100%;}	
 .pro_table {overflow-x: auto;}
 .pro_table table{width:100%;}
.table_h3{font-size: 20px;}
.page_main{padding: 20px 0 0;}
.pro_table table tr{width: 100%;}
.nav_span{display:block;}
.web_head figure{display:flex;justify-content: space-between;margin-bottom: 0;align-items: center;}
.mobile_nav_div{position: absolute;width: 60%;right: 0;background: #fff;z-index: 999;}
.mobile_nav_div li{height:45px;line-height:45px;text-indent:20px;border-bottom:1px solid #ddd;}
.product-detail .tab-panel-content .table{overflow-x: auto;}
#crumbs{font-size: 15px;}
.main table th, .main table td{padding: 5px 10px !important;font-size: 15px;}
.index_news .news_item .item_info .item_tit{margin-bottom:20px;}
.three_intro p{margin-bottom:10px}
.blog-item{padding:10px 5px;margin-bottom: 20px;}
.blog-item .item-info{width:100%;margin-top:15px;}
.blog-item .item-wrap{display:flex;flex-direction: column;}
.blog-item .item-img{width: 100%;max-width: 100%;}
.blog-item .item-info .item-detail{font-size:16px}
.web_head .logo span{display:none;}
.nav-tabs span{line-height:22px;font-size:17px;}
.pro_ul_list li{width: 48%;}
.pro_ul_list .item_img img{height: 160px;}
.pro_ul_list li .item_title{height: auto;}
.product-view{display: flex; flex-direction: column;}
.single-pro{width: 100%;}
.product-detail{padding: 10px 5px;}
.goods-layer-bd{        display: flex;
	flex-direction: row;
	flex-wrap: wrap;}
.goods-may-like .product_item{width: 48%;margin-bottom: 20px;}
.product_item .item_img img{height: 160px;}









 
}


/*-------------------------------
			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);}}