@charset "utf-8";
/*--------------------------head-wrapper---------------------------*/

.head-wrapper { position:relative; width:100%; z-index:10000; }
.header { position:relative; text-align:right;  padding:.25rem 0;
z-index:2; }
.logo { position:relative; text-align:center; }
.logo img { position:relative;  height:.9rem;
}
.head-search { position:absolute; left:0; top:50%;  margin:-.18rem 0 0
}
.head-search, .head-search-form .search-ipt, .head-search .search-btn { -webkit-transition:all .3s ease;
transition:all .3s ease;
}
.head-search .head-search-form { width: 400px; position: absolute; left: -50px; top:30px; border: none; background: rgba(255, 255, 255, 1); border-radius: 4px;  transition: all .2s ease;
z-index: 999999999; border: 1px solid #eee; }
.head-search .head-img{ position: absolute; left: -50px; bottom:-18px;}
.head-search .head-img img{max-height:54px;}
.head-search .search-toggle { display:inline-block; width:35px; height:35px; background:url(img/search_btn.png) no-repeat center center; border:0; float:left; position:absolute; right:0; top:0; cursor:pointer; transition:background-color .3s ease;
z-index:999999999; }
.head-search-form .search-ipt { width:100%; height:35px; line-height:35px; border:0; background:none; float:left; text-indent:1em; }
.head-search-form .search-btn { display:inline-block; width:35px; height:35px; background:url(img/search_btn.png) no-repeat center center; border:0; cursor:pointer; position:absolute; right:0; top:0; border-radius:0 4px 4px 0; }
/*.head-search-show:before{content:'';display:block;width:10000px;height:.7rem;background-color:#fff;opacity:.85;position:absolute;right:-1000px;top:-.175rem;z-index:99999999;}*/

.head-search-show .head-search-form { box-shadow:0 0 1em rgba(0, 0, 0, .15); display:block\9; -webkit-transform:none; transform:none; opacity:1; visibility:visible; }
.head-search-show .search-toggle { background-image:url(img/search_btn_close.png); display:none; }
.change-language { position:absolute !important; right:0 !important; top:50% !important;  margin:-.18rem 0 0 !important;
}
.change-language-info .language-icon { font-size:16px; top:6px !important; }
.change-language-info .change-language-title, .change-language-info .change-language-title a, .change-language-info .change-language-title span, .change-language-info .language-icon { color:#000 !important }
.top_email { display: inline-block; position: absolute; top: 0; right: 0; }
.whats { right:200px; }
.top-item-social { visibility: visible; animation-name: flipInX; position: absolute; top: 36%; right: 150px; }
.nav-bar { position:relative; background:#1a2126; z-index:1; }
.nav-bar .nav { text-align:center }
.nav-bar .nav li { position:relative; display:block; }
.nav-bar .nav > li { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
}
.nav-bar .nav > li > a { position:relative; display:inline-block;  height:.5rem;
 line-height:.5rem;
 padding:0 .35rem;
color:#fff; font-size:16px; z-index:1; text-transform:uppercase; font-family: 'GothamBold'; }
.nav-bar .nav li li { display:block;  *display:block;
line-height:35px; }
.nav-bar .nav li li a { padding:0 15px; display:block; border-bottom:1px solid rgba(255, 255, 255, 0); }
.nav-bar .nav ul { width:255px; position:absolute;  top:.5rem;
left:0; background:rgba(255, 255, 255, 1); text-align:left; display:none; z-index:999; box-shadow:0 0 2px rgba(0, 0, 0, .2); }
.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul { top:0; left:257px; }
.nav-bar .nav li .nav-ico { margin:0 0 0 10px; font-size:14px; }
.nav-bar .nav li .nav-ico:after { content:'\f107'; }
.nav-bar .nav li li .nav-ico { position:absolute; top:0; right:10px; line-height:35px; }
.nav-bar .nav li li .nav-ico:after { content:'\f105'; }
.nav-bar .nav > li:before, .nav-bar .nav > li:after { content:""; position:absolute; width:0; height:100%; left:50%; top:0; z-index:0 }
.nav-bar .nav > li:before { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; background:#fff }
.nav-bar .nav > li:after { transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; background:#1a2126; }
.nav-bar .nav > li:hover:before, .nav-bar .nav > li:hover:after, .nav-bar .nav > li.nav-current:before, .nav-bar .nav > li.nav-current:after { width:100%; left:0; }
.fixed-nav { position: fixed; width:100%; top:0;  -webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
}
 @keyframes snow { 0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
50% {
background-position:500px 500px, 100px 200px, -100px 150px
}
100% {
background-position:500px 1000px, 200px 400px, -100px 300px
}
}
@-moz-keyframes snow { 0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
50% {
background-position:500px 500px, 100px 200px, -100px 150px
}
100% {
background-position:400px 1000px, 200px 400px, 100px 300px
}
}
@-webkit-keyframes snow { 0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
50% {
background-position:500px 500px, 100px 200px, -100px 150px
}
100% {
background-position:500px 1000px, 200px 400px, -100px 300px
}
}
@-ms-keyframes snow { 0% {
background-position:0px 0px, 0px 0px, 0px 0px
}
50% {
background-position:500px 500px, 100px 200px, -100px 150px
}
100% {
background-position:500px 1000px, 200px 400px, -100px 300px
}
}
.snow { background-color:transparent !important; opacity:1 !important; background-image:url(img/snow1.png), url(img/snow2.png), url(img/snow3.png); height:100%; left:0; position:absolute; top:0; width:100%; -webkit-animation:snow 10s linear infinite; -moz-animation:snow 10s linear infinite; -ms-animation:snow 10s linear infinite; animation:snow 10s linear infinite; pointer-events:none; z-index:9999999 }
/*--------------------------footer---------------------------*/	

.foot-wrapper { position:relative; width:100%; overflow:hidden; background:#1b2127;  margin:.8rem 0 0;
}
.foot-items { position:relative;  padding:.5rem 0 .4rem;
width:105%; }
.foot-items, .foot-items a { color:#fff }
.foot-item .foot-tit { position:relative; font-size:18px; font-family: 'SourceSansProBold'; text-transform:uppercase;  margin:0 0 .45rem;
border-bottom:2px solid #41464b; line-height:2; letter-spacing:2px; }
.foot-item { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:25%;  padding:0 .6rem 0 0;
}
.foot-item .foot-addt{margin:.25rem 0;}
.foot-cont li img { max-width:24px; }
.foot-item-list li { padding:0 0 0 24px; background:url(img/foot_ar.png) no-repeat left center; margin:0 0 8px; }
.foot-item-contact li { position:relative;  padding:0 0 0 .35rem;
 margin:0 0 .1rem;
line-height:2 }
.foot-item-contact li:before { content:""; position:absolute; left:0;  top:.07rem;
background-position: center center; background-repeat:no-repeat; background-size:cover }
.foot-item-contact li.foot_addr:before {
 width:.16rem;
 height:.2rem; background-image:url(img/foot_addr.png) }
.foot-item-contact li.foot_phone:before {
 width:.17rem;
 height:.17rem; background-image:url(img/foot_tel.png) }
.foot-item-contact li.foot_email:before {
 width:.2rem;
 height:.13rem; background-image:url(img/foot_email.png) }
.foot-cont li { display:inline-block; }
.subscribe { position:relative; }
.subscribe span { position:relative; display:block; line-height:2; opacity:.4; }
.subscribe .button, .email.inquiryfoot.ad_inquiryfoot { position:relative; display: inline-block; vertical-align:top;  padding:0 .35rem 0 .14rem;
line-height:28px; color:#000; text-transform:uppercase; background:#fff;  margin:.25rem 0 0;
cursor:pointer; font-family: 'GothamBold'; font-size:18px; text-transform:uppercase; border-radius:5px; }
.subscribe .button:after, .email.inquiryfoot.ad_inquiryfoot:after { content:""; position:absolute;  width:.1rem;
 height:.13rem;
background:url(img/arrow.png) no-repeat center center;  top:.08rem;
 right:.12rem;
}
.subscribe .button:hover, .email.inquiryfoot.ad_inquiryfoot:hover {  padding:0 .40rem 0 .14rem;
}
.foot-item-social { }
.foot-item-social li { position:relative; display: inline-block; vertical-align:top; margin:0 5px ; }
foot-item-social li img { max-width:30px; }
.copyright { position:relative; text-align:center;  padding:.17rem 0;
 line-height:.3rem;
color:#8c9092; font-size:12px; border-top:2px solid #41464b; }
/*-------------------------------------------------------- 

													page: index

																	------------------------------------------------------*/

 

.index-title-bar { position:relative;  padding:.16rem 0;
border-bottom:2px solid #1a2126;  margin:.45rem 0 .6rem;
}
.index-title-bar .title { position:relative; display:inline-block; vertical-align:top; font-family: 'GothamBold';  font-size:.26rem;
text-transform:uppercase; }
.company-synopses { position:relative; }
.company-synopses ul { position:relative; width:105%;  padding:.35rem 0 0;
}
.synopsis-item { position:relative; display:inline-block; vertical-align:top; width:33.3333%;  margin:0 0 .75rem;
}
.synopsis-item .item-wrap { position:relative; min-height:187px;  margin:0 .6rem 0 0;
background:#222; border-radius:10px; }
/*.synopsis-item:nth-child(2) .item-wrap,.synopsis-item:nth-child(3) .item-wrap{background:#1a2126;}*/



.synopsis-item .item-img { position:absolute; right:0; bottom:0; width:51.754% }
.synopsis-item .item-img img { position:relative; max-width:100%; }
.synopsis-item:hover .item-img img { }
.synopsis-item .item-info { position:absolute; left:0; top:0; width:100%; height:100%;  padding:.2rem .4rem;
}
.synopsis-item .item-info:before { content:""; height:100%; display:inline-block; vertical-align:middle; }
.synopsis-item .item-info .wrap { position:relative; display:inline-block; vertical-align:middle; width:45%; }
.synopsis-item .item-info, .synopsis-item .item-info a { color:#FFF; }
.synopsis-item .item-info .item-title { font-family: 'GothamUltra';  font-size:.26rem;
}
.synopsis-item .item-info .item-more { position:relative; display:inline-block; vertical-align:top; font-family: 'GothamBold'; font-size:16px; padding:0 18px;  margin:.3rem 0 0;
line-height:26px; border:1px solid rgba(255, 255, 255, .8); border-radius:10px; }
.synopsis-item .item-wrap:hover .item-info .item-more { margin:.4rem 0 0;
}
.synopsis-item .item-wrap .item-info .item-more:hover { border-radius:0; }
.index-product { position:relative; }
.product-container { position:relative; width:102.5%; }
.product-item { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
text-align:center; width:25%;  padding:0 .22rem .22rem 0;
overflow:hidden; }
.product-container .product-item {  padding:0 .38rem .38rem 0;
}
.product-container .product-item, .goods-items .product-item { width:100%; }
.product-item .item-wrap { position:relative; border:1px solid #8c9092; }
.product-item .item-img { position:relative; width:100%; display:block; overflow:hidden; background:#000; }
.product-item .item-img .item-more { position:absolute; width:100%; height:100%; left:0; top:0; }
.product-item .item-img .item-more:after { content:"+"; position:absolute;  width:.35rem;
 height:.35rem;
top:50%; left:50%;  margin-left:-.125rem;
background:#000; color:#FFF;  font-size:.2rem;
 line-height:.35rem;
text-align:center; border-radius:50%; opacity:0; visibility:hidden; }
.product-container .product-item .item-img .item-more:after {  width:.5rem;
 height:.5rem;
 line-height:.5rem;
 margin-left:-.25rem;
 font-size:.3rem;
}
.product-item .item-wrap:hover .item-img .item-more:after {
margin-top:-.125rem; opacity:1; visibility:visible; }
.product-container .product-item .item-wrap:hover .item-img .item-more:after { margin-top:-.25rem;
}
.product-item img { position:relative; width:100%; -moz-transition: 1.5s all ease; -o-transition: 1.5s all ease; -webkit-transition: 1.5s all ease; transition: 1.5s all ease; }
.product-item:hover img { opacity:.5; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.product-item .item-info { position:relative; }
.product-item .item-info .item-title { position:relative; font-family: 'GothamBold'; font-size:14px; height:38px; line-height:38px; background:#1a2126; overflow:hidden; }
.product-container .product-item .item-info .item-title { height:50px; line-height:50px; font-size:16px; }
.product-item .item-info .item-title a { position:relative; display:block; z-index:1; }
.product-item .item-info .item-title, .product-item .item-info .item-title a { color:#FFF; }
.about-us { position:relative; overflow:hidden; }
.about-us .about-img { position:relative; width:53.33333%; float:right; }
.about-us .about-img img { }
.about-us .about-info { position:relative; width:45%; float:left; }
.about-us .about-detail { color:#000; line-height:2.2; font-size:15px; letter-spacing:0; }
.about-us .about-more { position:relative; display:inline-block; vertical-align:top;  *display:inline;
font-family: 'GothamBold'; font-size:16px; line-height:26px; padding:0 18px; border:1px solid rgba(0, 0, 0, .5); border-radius:10px;  margin:.5rem 0 0;
}
.index-new { position:relative; }
.index-new-items { position:relative; width:105%; }
.index-new-item { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
width:33.3333%;  padding:0 .6rem 0 0;
}
.index-new-item .item-wrap { position:relative; width:100%; overflow:hidden; }
.index-new-item .item-img { position:relative; display:block; overflow:hidden }
.index-new-item .item-img img { position:relative; width:100%; -moz-transition: 1.5s all ease; -o-transition: 1.5s all ease; -webkit-transition: 1.5s all ease; transition: 1.5s all ease; }
.index-new-item:hover img { opacity:.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.index-new-item .item-info { }
.index-new-item .item-info .item-title { font-family: 'GothamUltra';  font-size:.26rem;
 margin:.25rem 0 .15rem;
}
.index-new-item .item-info .item-detail { position:relative; line-height:2; }
.index-new-item .item-info .item-more { position:relative; display:inline-block; vertical-align:top;  *display:inline;
font-family: 'GothamBold'; font-size:16px; line-height:26px; padding:0 18px; border:1px solid rgba(0, 0, 0, .5); border-radius:10px;  margin:.3rem 0 0;
}
/*----------------------------------page nav---------------------------------*/

	

.path-bar { position:relative;  line-height:.33rem;
 margin:.37rem 0;
background:#dcddde; }
.path-bar li { display:inline-block; vertical-align:top; position:relative; font-size:16px; }
.path-bar li:after { content:"\f0da"; margin:0 10px 0 13px; color:#8f9395; }
.path-bar li.current a { color:#8f9395; }
.path-bar li:last-child:after { display:none; }
.page-bar { }
.pages { position:relative; text-align:right;  margin:.2rem 0 .15rem;
}
.pages a, .pages span { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
border:1px solid #cfcfcf; line-height:31px; min-width:26px; padding:0 12px; margin:0 0 0 5px; border-radius:3px;  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe', endColorStr='#ececec', gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #ececec); background: -o-linear-gradient(top, #fefefe, #ececec); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec)); }
.pages a.current, .pages a:hover { background:#1a2126; color:#FFF; border-color:#1a2126; }
.pages span { }
/*----------------------------------aside---------------------------------*/	

.aside { float:left; width:20.8%; }
.side-tit-bar { position:relative; border-bottom:2px solid #666b6e; }
.side-tit-bar .side-tit { font-family: 'GothamBold'; position:relative; font-size:18px; line-height:37px; font-weight:normal; text-transform:uppercase; }
.side-widget { position:relative; margin:0 0 20px; }
.side-cate {  padding:.2rem .08rem;
}
.side-cate li { position:relative; line-height:34px; }
.side-cate li li {  margin:0 0 0 .2rem;
}
.side-cate li li:before { content:""; position:absolute;  left:-.15rem;
top:14px;  width:.05rem;
 height:.05rem;
background:#333; }
.side-cate li li:hover:before, .side-cate li li.nav-current:before { background:#8f9395 }
.side-cate ul { display:none; }
.side-cate li a { position:relative; display:block; }
.side-cate li .icon-cate { position:absolute; right:0; top:0; line-height:33px; font-size:16px; cursor:pointer; }
.side-cate li .icon-cate.icon-cate-down:before { content:'\f0da'; }
.side-cate li .icon-cate.icon-cate-up:before { content:'\f0d7'; }
.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a { color:#8f9395; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color:#8f9395; }
.side-product-items { position:relative;  padding:.4rem 8px;
}
.side-product-items .items_content { position:relative; }
.side-product-items .items_content { }
.side_product_item { position:relative; display:block; width:100%; height:auto;  padding:.15rem 0;
overflow:hidden; }
.side_product_item figure { position:relative; display:block; width:100%; overflow:hidden; }
.side_product_item .item-img { position:relative;  width:.85rem;
display: table-cell; vertical-align: middle;  padding:0 .2rem 0 0;
}
.side_product_item .item-img img { position:relative; width:100%; border:1px solid #8e9294; }
.side_product_item figcaption { display: table-cell; vertical-align: middle; }
.side-product-items .btn-prev, .side-product-items .btn-next { position:absolute; left:0; width:100%; height:15px; display:block; cursor:pointer; }
.side-product-items .btn-prev { top:20px; background:url(img/side_product_up.png) no-repeat center center; }
.side-product-items .btn-next { bottom:20px; background:url(img/side_product_down.png) no-repeat center center; }
.aside .side-bn { max-width:100%; margin:0 0 25px 0; }
.aside .side-bn img { max-width:100% }
/*----------------------------------main---------------------------------*/

.main { position:relative; width:75.8%; float:right; }
.main-tit-bar { overflow:hidden; }
.main-tit-bar .title { font-family: 'GothamBold'; position:relative; font-size:18px; line-height:37px; text-transform:uppercase; float:left; }
.main-tit-bar .share-this { float:right; }
.main-banner { position:relative; overflow:hidden; border:1px solid rgba(0, 89, 139, .2); }
.main-banner .item, .main-banner .item img { position:relative; width:100%; }
.main-banner .flex-direction-nav, .main-banner .flex-control-nav { display:none; }
.goods-summary { margin:17px 0 25px; line-height:2; }
.goods-summary p { padding:0 0 15px; }
.items_list { }
.items_list ul { width:103%; }
/*-------------------------------------------------------- 

													page: single Product

																	------------------------------------------------------*/

/*product photos*/

.product-intro { position:relative; overflow:hidden; }
.cloud-zoom-lens { border: 1px solid #eee; cursor:move; }
.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; 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 .product-image.zoom_remove:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 999; }
.product-view { position:relative; width:42%; float:left; }
.product-view .product-image { position:relative; border:1px solid #333; }
.product-view .product-image img { position:relative; width:100%; }
.product-view .image-additional { position:relative; width:100%; margin:20px 0; }
.product-view .image-additional ul { position:relative; width:90%; margin:0 auto; }
.product-view .image-additional li { position:relative; width:100%; margin:0 23px 0 0; }
.product-view .image-additional li.single { display:none; }
.product-view .image-additional li img { position:relative; width:100%; border:1px solid #333; }
.product-view .image-additional li a { position:relative; display:block;  padding:0 .16rem;
}
.product-view .image-additional li.current img { border:2px solid #8f9395; }
.product-view .image-additional img.popup { display:none; }
.image-additional .owl-carousel .owl-controls .owl-nav { opacity:1; visibility:visible; top:50%; width:100%; right:auto; left:0;  margin:-.14rem 0
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next { position:absolute; border:none; color:#333; }
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover { background:none; }
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev { left:-8%; }
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next { right:-6%; }
/*product summary*/

.product-summary { position:relative; width:55%; float:right; }
.product-summary .title { font-size:18px; font-family: 'SourceSansProBold'; text-transform:uppercase; margin:0 0 .2rem;
}
.product-summary .product-meta { line-height:25px; }
.product-summary .product-meta h3 { font-family:'SourceSansProSemibold'; margin:0 0 10px; font-size:16px; }
.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:30px;
 padding:0 15px;
 border-radius:3px;
 background:#1a2126;
 border:1px solid #1a2126;
 color:#FFF;
 margin:0 20px 0 0;
 position: relative;
 display: inline-block;
 vertical-align: top;
 line-height: 30px;
 padding: 0 15px;
 border-radius: 3px;
 background: #1a2126;
 border: 1px solid #1a2126;
 color: #FFF;
 margin: 3px 20px 0 0;
 }
.product-btn-wrap .buy {text-transform:uppercase;font-size: 13px;padding:0 30px;}
.product-btn-wrap .email:before { content:"\f0e0"; padding:0 3px 0 0; }
.product-btn-wrap .pdf:before { content:"\f1c1"; padding:0 3px 0 0; }
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background:none; color:#8f9395; }
.product-summary .share-this { margin:30px 0 0; }
/* product detail */

.product-detail { position:relative; overflow:visible; }
.detail-tabs { position:relative; }
.detail-tabs .title { position:relative; display:inline-block; vertical-align:top;  *display:inline;
 *zoom:1;
line-height:33px; cursor:pointer; font-size:16px;  margin:0 .03rem 0 0;
 padding:0 .18rem;
text-transform:uppercase; font-weight:normal; background:#dcddde;  margin:0 .13rem 0 0;
}
.detail-tabs .title.current { color:#fff; background:#333; }
.product-detail .tab-panel-content {
 padding:.3rem 0; display:block; overflow:hidden }
.product-detail .disabled { display:none; }
/*like product*/

.goods-may-like { position:relative;  margin:.5rem 0 0;
}
.goods-title-bar { }
.goods-title-bar .title { font-size:16px; text-transform:uppercase; border-bottom:1px solid #8c9092;  padding:.2rem 0;
}
.goods-items { width:102%;  margin:.3rem 0 0;
}
.goods-items.owl-carousel .owl-controls .owl-nav {
top:-.75rem; right:2% }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next { background-size:40% auto; }
/*-------------------------------------------------------- 

													page: blog list

																	------------------------------------------------------*/

.blog_list { position:relative; width:100%; }
.blog-item { position:relative; width:100%; overflow:hidden;  padding:.2rem .2rem;
}
 .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:2rem;  margin:0 .2rem 0 0;
float:left; }
.blog-item .item-img img { position:relative; width:100%; }
.blog-item .item-info { }
.blog-item .item-info .item-title { font-size:16px; }
.blog-item .item-info time { display:block; font-style:italic; margin:8px 0; }
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more { float:right; color:#8f9395; margin:10px 0 0; }
/*-------------------------------------------------------- 

													page: download list

																	------------------------------------------------------*/

.download_list { position:relative; width:100%; }
.download-item { position:relative; overflow:hidden;  padding:.15rem 0;
 margin:0 0 .1rem;
 line-height:.3rem;
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 .1rem;
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:.3rem;
 padding:0 .15rem;
border:1px solid #ccc; background:#eee; border-radius:5px; cursor:pointer; }
.download-item .item-button:before { content:"\f019";  margin:0 .1rem 0 0;
}
/*-------------------------------------------------------- 

													page: faq list

																	------------------------------------------------------*/

.faq_list { position:relative; width:100%; }
.faq-item { position:relative; width:100%; overflow:hidden;  padding:0 .35rem;
border-bottom:1px solid #eee; }
.faq-item .faq-title { position:relative; font-size:16px;  line-height:.3rem;
 padding:.15rem 0;
cursor:pointer; }
.faq-item .faq-title:before { position:absolute; content:"\f067";  left:-.35rem;
top:50%;  margin:-.13rem 0 0;
border:1px solid #000; border-radius:50%;  width:.2rem;
 height:.2rem;
text-align:center;  line-height:.2rem;
font-size:12px; font-weight:normal; }
.faq-item .faq-title.show-title:before { content:'\f068'; }
.faq-item .faq-cont {
 margin:0 0 .25rem; display:none; }
.faq-item:first-child .faq-cont { display:block; }
 @media only screen and (max-width: 1680px) {
 html {
font-size:547%;
}
}
 @media only screen and (max-width: 1440px) {
 html {
font-size:479%;
}
}
 @media only screen and (max-width: 1366px) {
 html {
font-size:448%;
}
 .layout, .nav-bar .nav-wrap, .path-bar .path-nav {
width:980px;
}
 body {
min-width:980px;
font-size:12px;
}
 .nav-bar .nav > li > a, .side-tit-bar .side-tit, .main-tit-bar .title {
font-size:15px;
}
}
 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 1200px) {
}
 @media only screen and (max-width: 1024px) {
 html {
font-size:570%;
}
 .layout, .nav-bar .nav-wrap, .path-bar .path-nav {
width:98%;
}
 body {
min-width:98%;
}
 .foot-items, .items_list ul, .goods-items {
width:100%
}
 .scrollsidebar, .gotop {
display:none !important;
}
}
 @media only screen and (max-width: 950px) {
 .z10000 {
position:relative;
z-index:100000;
}
 .mobile-body-mask {
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.6);
position:absolute;
position:fixed;
left:0;
top:0;
z-index:9999;
}
 .mobile-ico-close {
width:30px;
height:30px;
background:#fff url(img/mobile_close.png) center center no-repeat;
background-size:50% auto;
position:absolute;
right:-35px;
top:0;
}
 img {
max-width:100%;
}
 .sub-content {
 position:relative;
 display:block;
 right:auto;
 border-radius:0;
 border:none;
 box-shadow:none;
 z-index:99999;
}
 .lang-more {
display:none !important
}
 .mobile-head-items {
 position:fixed;
 top:0;
 left:0;
 background:#161622;
 width:100%;
 height:25px;
 line-height:25px;
 text-align:left;
 display:block;
}
 .mobile-head-item {
 float:left;
 width:45px;
}
 .mobile-head-item.mobile-head-aside {
 float:right
}
 .mobile-head-item .title {
 width:100%;
 height:25px;
 line-height:25px;
 overflow:hidden;
 text-align:center;
 color:#FFF;
}
 .mobile-head-item .title a {
 position:relative;
 display:block;
 color:#FFF;
}
 .mobile-head-item.mobile-head-home .title a:before {
content:'\f015';
}
 .mobile-head-item.mobile-head-nav .title:before {
content:'\f0c9';
}
 .mobile-head-item.mobile-head-language .title:before {
content:"\f1ab";
}
 .mobile-head-item.mobile-head-search .title:before {
content:"\f002";
}
 .mobile-head-item.mobile-head-social .title:before {
content:"\f007";
}
 .mobile-head-item.mobile-head-aside .title:before {
content:"\f060";
}
 .mobile-head-item .main-content-wrap {
 background:#FFF;
 top:0;
 display:block;
 z-index:99999;
}
 .mobile-head-item .main-content-wrap .content-wrap {
 overflow-y: scroll;
 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;
}
 .header {
z-index:auto;
}
 .header .change-language, .header .head-search, .nav-bar {
display:none !important;
}
 .head-wrapper {
 position:relative;
 padding: 0;
}
 .header {
padding:35px 0 15px
}
 .logo {
 display:block;
 text-align:center;
 float:left;
}
 .logo img {
 height:auto;
 max-height:.8rem;
}
 .head-search-form {
 position:relative;
 width:100%;
 height:35px;
 border:1px solid #eee;
 border-radius:8px;
}

/*nav */



.nav li {
 position:relative;
 display:block;
 width:100%;
 font-size:16px;
}
 .nav > li {
 border-bottom: 1px solid #eee;
 line-height:35px;
}
 .nav > li:after {
 content: '\f105';
 position: absolute;
 right: 0;
 top:0;
 color:#999;
 font-size:12px;
}
 .nav li ul {
 display:block;
 width:100%;
}
 .nav li ul li {
 width:auto;
 padding:0 10px;
 font-size:14px;
 text-transform:lowercase;
 line-height:30px;
}
 .nav li ul li:before {
 content:"";
 width:3px;
 height:3px;
 background:#999;
 border-radius:50%;
 position:absolute;
 left:0;
 top:15px;
}
 .nav li ul li li {
 line-height:25px;
 font-family: 'SourceSansProLight';
}
 .nav li ul li li:before {
 display:none;
}
 .owl-carousel .owl-controls {
display:none !important;
}
 .owl-carousel .owl-controls .owl-dots {
display:block !important;
}
 .company-synopses ul, .product-container, .index-new-items {
width:100%;
}
 .synopsis-item {
margin:0 0 .5rem;
}
 .synopsis-item .item-wrap {
margin:0 .15rem;
}
 .synopsis-item .item-info {
padding:0;
}
 .synopsis-item .item-info .wrap {
width:90%;
margin:0 0 0 5%;
}
 .product-container .product-item, .product-item {
 padding: .1rem;
}
 .about-us .about-img, .about-us .about-info {
 width:100%;
float:none;
margin:0 0 .2rem;
}
 .index-new-item {
width:50%;
padding:0 .2rem;
margin:0 0 .2rem;
}
 .product-item, .product-items .product-item {
width:33.3333%
}
 .foot-item {
width:50%;
}

/* aside */



.aside {
display:none;
}
 .side-product-items .btn-prev, .side-product-items .btn-next {
display:none;
}
 .side_product_item {
 display:inline-block;
 vertical-align:top;
 width:50%;
}



/* main */



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



/* product intro */

.video_close {
display:none
}
 .image-additional li.image-item.current img {
border:none;
}
 .product-view {
 width:50%;
 float:none;
 margin:0 auto;
}
 .product-view .product-image {
 display:none
}
 .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 summary */

.product-summary {
position:relative;
width:100%;
float:none;
}
 .product-summary .share-this {
 float:none;
 margin:30px 0;
}

/* product detail  */



.tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {
display:none;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-item {
 margin:0 0 30px;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-title {
 font-family:'SourceSansProSemibold';
 margin:0 0 15px;
}
 .tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}
/* Customers Also Bought */



 

}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 500px) {
 .index-title-bar {
width:100%;
}
 .product-items .product-item, .product-item {
width:50%
}
 .index-new-item {
width:100%
}
 .synopsis-item, .index-new-item, .foot-item {
width:100%;
margin:0 0 30px;
}
 .index-new-item .item-info {
position:relative;
height:auto;
padding:20px 0;
}
 .side_product_item {
width:100%;
}
 .product-view {
width:100%;
}
 .inquiry-form {
padding:.2rem .1rem;
}
 .inquiry-form .inquiry-form-ico {
width:.6rem;
right:.1rem;
top:.1rem;
}
 .inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {
width:80%;
}
 .inquiry-form textarea.form-text {
width:100%;
}
 .download-item .item-title {
display:block;
margin:.1rem 0;
}
 .download-item .item-button {
 float: none;
}
 .top_email {
top:20px;
}
.whats {
right:0;
top:0;
}
}
 @media only screen and (max-width: 375px) {
 .product-item {
width:100%
}
 .company-synopses ul {
 -moz-column-count:1;
 -webkit-column-count:1;
 column-count: 1;
}
 .top-item-social {
 top:40px;
right:0;
}
 .foot-cont li img {
 max-width:20px;
}
}
.none { display:none; }
.animate_btn { position:fixed; top:20px; right:20px; cursor:pointer; z-index:9999999999; width:35px; height:35px; -webkit-animation: rodarodajequiti 20s infinite linear; -moz-animation: rodarodajequiti 20s infinite linear; animation: rodarodajequiti 20s infinite linear; }
.animate_btn.close { background:url(img/snow_close.png) no-repeat center center; background-size:50% auto; }
.animate_btn.show { background:url(img/snow_btn.png) no-repeat center center; background-size:cover; }
/*阿里巴巴样式*/

.do-title { font-weight: 700; font-size: 22px; line-height: 22px; color: #333; padding: 20px 0 10px; }
.do-overview { border-top: 1px dashed #e6e7eb; }
.do-entry-item { border-bottom: 1px dashed #e6e7eb; padding: 10px 0 16px; font-size: 12px; width: 32%; float: left; }
.do-entry-item span { font-weight: 700; font-size: 14px; color: #333; line-height: 14px; padding: 8px 0; }
.do-entry-item dt { padding: 4px 0; color: #666; width: 102px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.do-entry-item dt.do-entry-item-key, dt.mk-name { font-weight: bold; font-size: 14px; color:#333; }
.do-entry-item-separate dt { width: 90px; }
.do-entry-item dd { padding: 4px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin: 0; }
.do-entry-item-val .ellipsis { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -moz-text-overflow: ellipsis; width: 100%; }
 .do-entry-item dl:after, .do-entry-item-list::after, .do-performance::after {
 visibility: hidden;
 display: block;
 height: 0;
 font-size: 0;
 content: '\0020';
 clear: both;
}
.do-entry-item-separate dl { width: 300px; zoom: 1; float: left; }
.do-entry-item dl { padding: 0 20px; box-sizing: border-box; }
.do-entry dl { padding: 0 20px; box-sizing: border-box; }
.do-entry { border-bottom: 1px dashed #e6e7eb; padding: 10px 0 16px; font-size: 12px; }
.do-entry .do-entry-title { font-weight: 700; font-size: 14px; color: #333; line-height: 14px; padding: 8px 0; }
.do-entry .do-entry-list { margin: 0 -20px; box-sizing: border-box; }
.do-entry .do-entry-title .do-entry-list .do-entry-item { width: 300px; float: left; zoom: 1; }
/*阿里巴巴样式*/

.scc-wrapper { float:left; }
.change-language-cont { width: 430px !important; max-height: 80vh; overflow-y: scroll !important; }
 @media only screen and (max-width:950px) {
 .change-language-cont {
max-height: 100vh;
 overflow-y: unset !important;
}
}
/*-------------------------------
			flexslider start
			----------------------------------*/
.slider_banner{ position:relative; width:100%;}	
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.banner_flexslider{
	position:relative;
	width:100%;
	overflow:hidden;
	}
.banner_flexslider img{ width:100%;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a { position:absolute;width: 50px; height:50px; text-align:center; line-height:50px; margin: -25px 0 0; display: block; top: 50%; cursor: pointer;  -webkit-transition: all .3s ease; z-index: 10; font-size:20px; background:#cecfd0;-webkit-border-radius:50%; -moz-border-radius:50% ; -o-border-radius: 50%; border-radius: 50%; color:#fff; opacity:.6}
.flex-direction-nav .flex-next {right:80px; }
.flex-direction-nav .flex-prev {left:80px;}
.flex-direction-nav .flex-prev:before{
	font-family: 'fontawesome'; content:"\f053"
	}
.flex-direction-nav .flex-next:before{
	font-family: 'fontawesome'; content:"\f054"
	}
.flex-next:hover {opacity:1;}
.flex-prev:hover{opacity:1;} 
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:22px; text-align: center; z-index:99}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; vertical-align:middle;}
.flex-control-paging li a {width: 12px; height:12px; display: block; background: #4d4f50; cursor: pointer; text-indent: 9999px; -webkit-border-radius:50%; -moz-border-radius:50% ; -o-border-radius: 50%; border-radius: 50%;-moz-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out; }
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active{ background:#fff;  }
.flex-control-paging li a.flex-active {cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
.whatsapp{clear:both;border-radius:4px}
.whatsapp:focus{border:0;outline:0!important}
.whatsapp span{border-radius:4px;background:#25d366;color:#fff;font-size:13px;padding:6px 8px;display:inline-block;outline:0}
.whatsapp a:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}
.whatsapp-icon{position:relative;background-image:url(../img/whatsapp.png);background-size:auto;background-repeat:no-repeat;display:inline-block;height:18px;width:18px;top:-1px;vertical-align:middle}
.whatsapp i.icon-whatsapp{font-size:21px;line-height:21px;padding-right:7px}
.whatsapp.left{text-align:left;left:0;float:left;bottom: 6%;}
.whatsapp.center{text-align:center;left:48%}
.whatsapp.right{text-align:right;right:0;float:right}
.whatsapp.bottom-left{left:0}
.whatsapp.bottom-right{right:0}
.whatsapp-hookDisplayFooter{clear:none}
.whatsapp-hookDisplayNav{clear:none;float:left;margin-left:15px;padding:0}
.whatsapp-hookDisplayNav span{float:left;padding:5px 0 10px;line-height:18px;background:0 0}
.whatsapp-hookDisplayNav .whatsapp-icon{background-image:url(../img/whatsapp-green.png);top:0;vertical-align:baseline}
.whatsapp-hookDisplayNav i.icon-whatsapp{vertical-align:0}
.whatsapp-badge{position:fixed;bottom:0;z-index:999999;margin:10px;width:auto!important}
.whatsapp-top{position:fixed;top:0;z-index:999999;margin:10px;width:auto!important}
.whatsapp-bottom{position:fixed;bottom:0;z-index:999999;margin:10px 10px 0 10px;width:auto!important}
.whatsapp-topWidth{padding:0;text-align:center;border-radius:0!important;z-index:999999;width:100%;position:absolute;top:0;left:0}
.whatsapp-topWidthS{position:fixed;top:0;z-index:999999;margin:0;padding:0;width:100%!important;border-radius:0!important;left:0!important}
.whatsapp-bottomWidth{position:fixed;bottom:0;z-index:999999;margin:0;padding:0;width:100%!important;border-radius:0!important;left:0!important}
.shortcode{width:auto;display:inline-block}
.shortcode.center{width:auto;display:block!important}
.label-container{position:fixed;bottom:30px;right:85px;display:table;visibility:hidden}
.label-container-left{position:fixed;bottom:30px;left:90px;display:table;visibility:hidden}
.label-container-center{position:fixed;bottom:30px;left:51.5%;display:table;visibility:hidden}
.label-text{color:#fff;background:rgba(51,51,51,.5);display:table-cell;vertical-align:middle;padding:10px;border-radius:3px}
.label-arrow{display:table-cell;vertical-align:middle;color:#333;opacity:.5}
.float-center{position:fixed;width:60px;height:60px;bottom:25px;left:48%;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}
.float-left{position:fixed;width:60px;height:60px;bottom:25px;left:25px;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}
.float-right{position:fixed;width:60px;height:60px;bottom:25px;right:25px;color:#fff;border-radius:50px;text-align:center;box-shadow:2px 2px 3px #999}
.float-floatingButton{z-index:9999999}
.float-floatingButtonCenter{top:46%;z-index:9999999}
.float-floatingButtonTop{top:3%;z-index:9999999}
.my-float{font-size:24px;margin-top:18px}
a.float+div.label-container{visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s ease}
a.float:hover+div.label-container{visibility:visible;opacity:1}
.float .fa-whatsapp:before{font-size:xx-large;top:14px;left:1px;position:relative}
#mo_whatsapp{display:none}
@media (max-width: 780px) {
	#mo_whatsapp,
	.mo_whatsapp,
	whatsapp{
		display:block !important;
	}
}
.inquiry-form-wrap-pro,.inquiry-form-wrap-contact{height:420px;}