@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	}


.logo,.nav-bar .nav,.nav-bar .btn--search,.change-language{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left; 
	}
.nav-bar{
	text-align:center;
	background:#FFF;
	}
.logo{
	position:relative;
	float:left;
 
}
.logo img{
	position:relative;
	height:1.33rem;
	}
.change-language{ float:right !important; margin-top:.5rem  !important;}
.change-language-info .language-icon {
	font-size:12px !important;
	right:0 !important;
}
.change-language-info .language-icon:before{ content:"\f107" !important;}
.change-language-info .change-language-title{ padding-right:18px !important;}
.nav-bar .btn--search{
	width:35px;
	height:35px;
	background:url(../images/search_btn.png) no-repeat center center;
	cursor:pointer;
	margin:.51rem 0 0;
	}
.nav-bar .nav{
	text-align:center;
	margin:.285rem 0 0;
	}
 
.nav-bar .nav  li{
	position:relative;
	display:block;
	text-align:left;
	}	
.nav-bar .nav > li{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}

.nav-bar .nav > li > a{
	position:relative;
	display:block;
	height:.76rem;
	line-height:.76rem;
	padding:0 .2rem;
	font-family: 'SourceSansProSemibold';
	font-size:18px;
	text-transform:uppercase;
	overflow:hidden;
	color:#363636
 
	}

 .nav-bar .nav > li > a:before{
	 content:"";
	 position:absolute;
	 left:25%;
	 top:25%;
	 width:50%;
	 height:50%;
	 opacity:0;
	 visibility:hidden;
	 background:rgba(0,0,0,.03);
	 	 }
.nav-bar .nav > li:hover > a:before,.nav-bar .nav > li.nav-current > a:before{
	left:0;
	top:10%;
	width:100%;
	height:80%;
	opacity:1;
	visibility:visible;
	 
	}
.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:.76rem;
	left:0;
  background:rgba(237,237,237,.3);
	text-align:left;
	display:none;
	z-index:999;
	 
	background: #fff;
	}
.nav-bar .nav ul ul,.fixed-nav.nav-bar .nav ul ul{
	top:0;
	left:257px;
	}
 
.nav-bar .nav ul li:hover >a{ 
	color:#ef4923;
	}	
.nav-bar  .nav  li .nav-ico{
	margin:0 0 0 6px;
	font-size:20px;
	}
 .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:"\f0da";
	font-size:12px;
	}	
 
 
.fixed-nav{
		position: fixed;
		width:100%;
		top:0; 
		-webkit-transition: top .5s;
		-moz-transition: top .5s;
		-o-transition: top .5s;
		transition: top .5s;
		border-bottom:1px solid #eee;
	}
.fixed-nav .logo img {height: .8rem;}
.fixed-nav .nav-bar .nav {margin: .065rem 0 0;}
.fixed-nav .nav-bar .btn--search{ margin: .275rem 0 0;}
.fixed-nav .change-language{ margin-top:.255rem !important}
.fixed-nav .nav-bar .nav > li > a{ font-size:16px;}

/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#fafafa;
	}

.foot-items{
	position:relative;
	padding:1.3rem 0 .75rem;
	font-size:16px;
 
	}
 
.foot-item .foot-tit{
	position:relative;
	font-size:.26rem;
	font-family: 'SourceSansProBold';
	margin:0 0 .2rem;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	padding:0 2rem 0 0;
	}
.foot-item .foot-cont li{
	line-height:2;
	margin:0 0 5px;
	}
.foot-item-subscribe .button{
	position:relative;
	display:inline-block;
	vertical-align:top;
	background:#ef4923;
	color:#FFF;
	border-radius:3px;
	font-family: 'SourceSansProSemibold';
	font-size:18px;
	line-height:.53rem;
	padding:0 .25rem;
	cursor:pointer;
	}
 
.foot-item-subscribe .button:after{
	content:"";
	position:absolute;
	width:50%;
	height:50%;
	left:25%;
	top:25%;
	opacity:0;
	visibility:hidden;
	background:rgba(255,255,255,.3);
	 -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	}
.foot-item-subscribe .button:hover:after{
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:1;
	visibility:visible;
	}
.footer{
	overflow:hidden;
	padding:0 0  .3rem;
	}
.footer .copyright{
	position:relative;
	float:left;
	font-size:16px;
	}	
.foot-social{
	position:relative;
	float:right;
	}	
.foot-social li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 .3rem;
	}	
.foot-social li img{
	}	
/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/
.web_banner{
	position:relative;
	width:100%;
	}		
.web_banner li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 0 1%;
	overflow:hidden;
	}
.web_banner li a{ position:relative;display:block; }	
.web_banner li img{
	position:relative;
	width:100%;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	}
.web_banner li:nth-child(4n+1),.web_banner li:nth-child(4n+4){width:63.64%;}
.web_banner li:nth-child(4n+2),.web_banner li:nth-child(4n+3){width:35.36%}
.web_banner li:nth-child(4n+1),.web_banner li:nth-child(4n+3){margin:0 1% 0 0;}		
.web_banner li a:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.web_banner li a:before,
.web_banner li a:after {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}
.web_banner li a:before,
.web_banner li a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(.35);
    -ms-transform: scale(.35);
    -o-transform: scale(.35);
    transform: scale(.35);
    opacity: 0;
    filter: alpha(opacity=0);
}

.web_banner li a:before {
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85);
    border: .03rem solid rgba(255, 255, 255, .7);
}

.web_banner li a:hover:before {
    left: .2rem;
    top: .2rem;
    right: .2rem;
    bottom: .2rem;
    z-index: 9;
}

.web_banner li a:hover:before,
.web_banner li a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.web_banner li a:hover:after {
    z-index: 6;
    background-color: rgba(0, 0, 0, .2);
}
.web_banner li a:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}										
.page_content{
	padding:0 0 .8rem;
	} 
 
 
 
.index-product{
	position:relative;
	z-index:1;
	padding:.8rem 0;
 
	}
.product-items{
	position:relative;
	}
.product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:33.333%;
	text-align:center;
}
.product-items .product-item{width:25%;}
.product-item .item-wrap {
	position:relative;
	text-align:center;
	padding:.14rem ;
}
.product-items .product-item .item-wrap{ padding:10px;} 
.product-item .item-img{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	}
.product-item .item-img img{
	position:relative;
	width:100%;
	border:1px solid #ddddda;
 	}
.product-items .product-item .item-img img{ border:none;}
.product-item .item-info{} 
.product-items .product-item .item-info {}
.product-item .item-info .item-title{position:relative;font-size:18px;padding:.15rem 0}
.product-items .product-item .item-info .item-title{  padding:.3rem 0}	
.product-item:hover {
	box-shadow:0 7px 10px rgba(0, 0, 0, .1);
	z-index:5
	}
.product-item .item-more{
	opacity:0;
	visibility:hidden;
	position:absolute;
	width:100%;
	background-color:#FFF;
	padding:0 0 .8rem;
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	left:0;
	top:80%;
	display:block;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	}
.product-item .item-more a{
	position:relative;
	background-color: #000;
    color: #FFF;
    padding: 0 .42rem;
	height:.56rem;
	line-height:.56rem;
    display: inline-block;
    backface-visibility: hidden;
    transform: translateZ(0);
   
    background-color: #000;
    color: #FFF;
	font-size:16px;
}
.product-item:hover .item-more{
	visibility:visible;
	opacity:1;
	top:calc(100%)
	}
.product-item .item-more a:after{
	content:"";
	position:absolute;
	width:50%;
	height:50%;
	left:25%;
	top:25%;
	opacity:0;
	visibility:hidden;
	background:rgba(255,255,255,.2);
	 -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	}
.product-item .item-more a:hover:after{
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:1;
	visibility:visible;
	}
.about_us{
	position:relative;
	width:100%;
	}
.about_items{
	position:relative;
	width:100%;
	}
.about_item{
	position:relative;
	width:100%;
	text-align:center;
	padding:0 10px;
	overflow:hidden;
	}
.about_item .wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#000;
	}
 
.about_item a{ position:relative;display:block;  } 
.about_item img{
	position:relative;
	width:100%;
	-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	}
.about_item:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
	opacity:.8
}	
.about_detail{
	position:relative;
	margin:.38rem auto;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:.3rem 1.3rem .3rem 0;
	}
.about_detail:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width:.06rem;
	height:100%;
	background:#000000;
	}
 
/*----------------------------------page nav---------------------------------*/
	
.path-bar{
	position:relative;
	line-height:.5rem;
	margin:0 0 .5rem;
	background:#f2f2f2;
	border-top:1px solid #e3e3e3
	}	
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	}
.path-bar li a{ font-size:16px;}
.path-bar li:after{
	content:"|";
	margin:0 .13rem 0 .15rem;
 
	}
.path-bar li.current a{color:rgba(40,40,40,.7);} 
.path-bar li:last-child:after{display:none;}
.page-bar{
	}
.pages{
	position:relative;
	text-align:right;
	margin:.3rem 0 0;
	}	 
.pages a,.pages span{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid #cfcfcf;
	line-height:23px;
 
	padding:0 9px;
	margin:0 0 0 8px;
	 
 
	}	 
.pages a.current,.pages a:hover{
	background:#000000;
	color:#FFF;
 
	}	
.pages span{
	}	 

/*----------------------------------aside---------------------------------*/	
.aside{
	float:left;
	width:20.4%;
	}

.side-tit-bar{
	position:relative;
	}	
.side-tit-bar .side-tit{
	position:relative;
	font-family: 'SourceSansProSemibold';
	font-size:20px;
	line-height:2;
	border-bottom:1px solid #bbbdc4;
	}
.side-tit-bar .side-tit:after{
	content:"";
	position:absolute;
	width:.63rem;
	height:2px;
	left:0;
	bottom:-1px;
	background:#1e263c;
	}
.side-widget{
	position:relative;
	margin:0 0 20px;
	}	
.side-cate{
	padding:.18rem 0;
	}	
.side-cate li{
	position:relative;
	line-height:32px;
	margin:0 .15rem;
	}
.side-cate li a:before{
	content:"";
	position:absolute;
	left:-.12rem;
	top:50%;
	width:3px;
	height:3px;
	margin:-1.5px 0 0 ;
	background:#1a1a1a;
	}
.side-cate li li a:before{ display:none;}
.side-cate ul{
	display:none;
	overflow:visible !important
	}
.side-cate li a{
	position:relative;
	display:block;
	color:rgba(40,40,40,.7);
	}
.side-cate li li a{color:rgba(40,40,40,1);}
.side-cate li .icon-cate{
	position:absolute;
	right:0;
	top:11px;
	cursor:pointer;
	width:9px;
	height:9px;
	}	
.side-cate li li .icon-cate{ top:9px;}
.side-cate li .icon-cate.icon-cate-down{
	background:url(../images/up.png) no-repeat center center;
	}
.side-cate li .icon-cate.icon-cate-up{
	background:url(../images/down.png) no-repeat center center;
	}

/*.side-cate li.nav-current > a,.side-cate li:hover > a,li.show_li >a{ color:#fbb11d;}*/
 
.side-product-items{
	position:relative;
	padding:.5rem 0;
	}	
.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;
	border:1px solid #eee
 
	
	}
.side_product_item .item-img img{
	position:relative;
	width:100%;
	}
.side_product_item figcaption{
	display: table-cell;
    vertical-align: middle;
	padding:0 0 0 .1rem;
 
font-family: 'SourceSansProLight';
	}
.side_product_item figcaption,.side_product_item figcaption a{color:rgba(40,40,40,.7);} 
.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:30px;
	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{
	max-width:100%;
	margin:0 0 25px 0;
	}		
.aside .side-bn img{
	max-width:100%
	}

/*----------------------------------main---------------------------------*/
.main{
	position:relative;
	width:75%;
	float:right;
	}	
	
.main-tit-bar{
 
	margin:0 0 .2rem;
	overflow:hidden;
	}	
.main-tit-bar .title{
	font-size:.26rem;
	font-family: 'SourceSansProSemibold';
	border-bottom: 1px solid #bbbdc4;
	padding:0 0 .08rem
	
	}
.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{
	padding:.1rem 0 .25rem;
 
	}	
.goods-summary p{
	padding:0 0 15px;
	}
.items_list{
	position:relative;
 
	}
.items_list ul{
	width:101%;
	}	

/*-------------------------------------------------------- 
													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:48%;
	float:left;
	
	}
.product-view .product-image{
	position:relative;
	border:1px solid #e1e1e1;
	}
.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:2px solid transparent;
	}	
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 .1rem;
	}	
 .product-view .image-additional li.current img{
	border-color:#ef4923;
	}
.product-view .image-additional img.popup{display:none;}

.image-additional .owl-carousel .owl-controls .owl-nav{
	top:33%
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev,.image-additional .owl-carousel .owl-controls .owl-nav .owl-next{
	width:auto;
	height:auto;
	font-size:20px;
	border:none;
	color:#000;
	background:none;
	}	
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover,.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover{
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:before{
	font-family: 'fontawesome';
	content:"\f104";
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:before{
	font-family: 'fontawesome';
	content:"\f105";
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-3%;
	opacity:1; visibility:visible;
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-3%;
	opacity:1; visibility:visible;
	}
 
/*product summary*/
.product-summary{ position:relative;width:49%;float:right;}
.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:#ef4923;
	border:1px solid #ef4923;
	color:#FFF;
	margin:0 20px 0 0;
	}
.product-btn-wrap .buy{
	text-transform:uppercase;
	font-size:18px;
	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:#ef4923;
	}	
.product-summary .share-this{
 
	margin:30px 0 0;
	}
/* product detail */
.product-detail{
	position:relative;
	overflow:visible;
 
		
	}
.detail-tabs{
	position:relative;
	border-bottom:2px solid #ef4923;
	}	
 
.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 .07rem 0 0;
	padding:0 .18rem;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #fff;
	background:#FFF
	}
.detail-tabs .title.current{
	color:#fff;
	background:#ef4923;
	 
	}
 
.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;
	}
 
.goods-items{
	width:101%;
	margin:.25rem 0 0;
	}	
.goods-items .product-item{ width:100%;}
 
/*-------------------------------------------------------- 
													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:#ef4923;
	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%;}
 .nav-bar .btn--search{ margin:.47rem 0 0;}
 .nav-bar .nav-wrap,.product-items,.about_detail,.foot-items,.footer{width:1358px;}
}	
@media only screen and (max-width: 1440px){
html{ font-size:479%;}
}	
@media only screen and (max-width: 1366px){
html{ font-size:448%;}
.layout,.path-bar .path-nav{width:980px;}
body{min-width:980px;font-size:12px;}
.nav-bar .nav-wrap,.product-items,.about_detail,.foot-items,.footer{width:1160px;}
.nav-bar .btn--search{ margin:.43rem 0 0;}
.side-tit-bar .side-tit{ font-size:18px}
.nav-bar .nav > li > a,.path-bar li,.product-item .item-info .item-title,.about_detail,.foot-item-subscribe .button{ font-size:16px}
.gotop,.foot-items,.footer .copyright{ font-size:14px;}
.foot-item{ padding:0 1rem 0 0;} 
 
}
@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,.path-bar .path-nav,.nav-bar .nav-wrap,.product-items,.about_detail,.foot-items,.footer{width:98%;}
body{min-width:98%;}
.items_list ul,.goods-items{ width:100%}
.scrollsidebar,.gotop{ display:none !important;}
.foot-item{ padding:0 .5rem 0 0;} 

} 
@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(../images/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;
	}	
.nav-bar .nav,.nav-bar .change-language,.nav-bar .btn--search,.web-search{ display:none !important;}
.head-wrapper{padding:25px 0 0;}
.header{ height:auto; z-index:0;}
.logo{
	position:relative;
	display:block;
	text-align:center;
	width:100%;
	} 
.logo img{
	max-height:.8rem;
	} 
.head-search{
	position:relative;
	width:100%;
	height:35px;
	border:1px solid #eee;
	border-radius:5px;
	}
.head-search .search-ipt{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:35px;
	padding:0 10px;
	border:none;
	background:none;
	}
.head-search .search-btn{
	position:absolute;
	top:0;
	right:0;
	width:35px;
	height:35px;
	border:none;
	background:url(../images/search_btn.png) no-repeat center center;
	display:block !important;
	}
.head-search .search-attr{ display:none;}
/*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;
}	
 
.banner_flexslider .flex-direction-nav{ display:none !important;}
 
.index-product .owl-carousel .owl-controls .owl-dots{ bottom:0;}
 
 
.product-item,.product-items .product-item{ width:33.3333%}
.about_detail{ padding-right: .8rem }
.foot-item{ width:50%; margin:0 0 .3rem;}
/* 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{
	}
}
@media only screen and (max-width: 768px){
.blog-item .item-img{max-width:1.5rem}
}

@media only screen and (max-width: 500px){
.flex-control-nav{ bottom:0}
.flex-control-paging li a{ width:6px;height:6px;}
.web_banner li:nth-child(4n+1), .web_banner li:nth-child(4n+3),.web_banner li:nth-child(4n+1), .web_banner li:nth-child(4n+4),.web_banner li:nth-child(4n+2), .web_banner li:nth-child(4n+3){ width:98%; margin:.1rem  1%;} 
.product-item,.product-items .product-item{ width:50%}
.about_detail{ padding-right:0}
.about_detail:after{ display:none;}
.foot-items { padding: .5rem 0 .3rem;}
.foot-item{ width:100%; margin: 0 0 .2rem;  }
.copyright,.foot-social{ float:none;}
.foot-social{margin:.5rem 0 0 ;}
.foot-social li{ margin:0 .15rem 0 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;}
.partner-items li{ width:25%;}
}

@media only screen and (max-width: 375px){
.product-item,.product-items .product-item{ width:100%}
}
 

.none{display:none;}