@charset "utf-8";

 
/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10000
	}
.head-wrapper.page-head-wrapper{
	position:relative;
	}
.head-contact,.head-phone,.head-email,.language,.head-search,.nav-bar .nav{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left; 
	}	
.topbar{
	position:relative;
	background:#f7c617;
	text-align:right;
	}

.head-contact{
	float:left;
	line-height:30px;
	}
.head-contact,.head-contact a{color:#000;}	
.head-phone{ margin:0 48px 0 0;}	
.head-phone:before,.head-email:before{
	margin:0 3px 0 0;
	
	}
.head-phone:before{
	content:'\f095';
	font-size:18px;
	}
.head-email:before{
	content:'\f0e0';
	font-size:16px;
	}
.language{
	
	
	}
 	
.head-search{
	position:relative;
	width:60px;
	height:30px;
	margin:0 0 0 20px;
	}
.head-search .search-ipt{
	position:absolute;
	right:0;
	top:0;
	width:40px;
	height:30px;
	line-height:30px;
	background:none;
 	border:none;
	color:#000;
	}
.head-search.fur{
	width:200px;
	}	
.head-search.fur .search-ipt{
	width:180px;
	}	 
.head-search .search-btn{
	position:absolute;
	left:0;
	top:4px;
	width:20px;
	height:30px;
	border:none;
	background-color:transparent;
	background-position:-307px 2px;
	}
.head-search .search-ipt::-webkit-input-placeholder{ 
color:#000;
} 
.head-search .search-ipt:-moz-placeholder{ 
color:#000;
} 
.head-search .search-ipt::-moz-placeholder{ 
color:#000; 
} 
.head-search .search-ipt:-ms-input-placeholder{ 
color:#000;
}	
.logo{
	position:relative;
	float:left;
	}	
.logo img{
	position:relative;
	max-height:32px;
	}			
.nav-bar{
	height:60px;
	padding:15px 0;
	text-align:right;
	line-height:60px;
	background:rgba(21,27,31,.65);

	}
.nav-bar .nav{
	position:relative;
	}
.nav-bar .nav  li,.nav-bar .nav  li a{
	position:relative;
	display:block;
	
	}	
.nav-bar .nav > li{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.nav-bar .nav > li > a{
	height:60px;
	line-height:60px;
	font-family:'SourceSansProSemibold';
	font-size:16px;
	padding:0 25px;
	color:#FFF;
	}	
 				
.nav-bar .nav  li li{
	display:block;
	*display:block;
	line-height:35px;
	}
.nav-bar .nav  li li a{ padding:0 15px;}	
.nav-bar .nav ul{
	width:225px;
	position:absolute;
	top:60px;
	left:0;
	background:rgba(255,255,255,.8);
	text-align:left;
	display:none;
	z-index:999;
	border:1px solid transparent;
	border-radius:5px;
	box-shadow:0 0 5px  rgba(255,255,255,.5)
	
	}
.nav-bar .nav ul ul{
	top:0;
	left:227px;
	}
 
.nav-bar .nav ul li:hover >a{
	background:#FFF;
	color:#f7c617;
	}	
.nav-bar  .nav  li .nav-ico{
	position:absolute;
	right: 5px;
	top:0;
	height:60px;
	line-height:60px;
	font-size:12px;
	color:#FFF;
	 
	}
 .nav-bar .nav li  .nav-ico:after{
	content:'\f0d7';
	}
.nav-bar  .nav  li li .nav-ico{
	right:10px;
	height:35px;
	line-height:35px;
	color:inherit;
	}
 .nav-bar .nav li li .nav-ico:after{
	content:'\f0da';
	}	
.nav-bar .nav > li:hover >a,.nav-bar .nav > li.nav-current > a{ color:#f7c617;}
.nav-bar .nav li:hover > .nav-ico:after,.nav-bar .nav li.nav-current  .nav-ico:after{ color:#f7c617;}
.fixed-nav{
		position: fixed;
		width:100%;
		top:-60px; 
		-webkit-transition: top .5s;
		-moz-transition: top .5s;
		-o-transition: top .5s;
		transition: top .5s;
		-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
		box-shadow: 0 2px 2px rgba(0,0,0,.1);
		z-index:10009;
		padding:0
	 
	}
.fixed-nav-appear{top:0;}
.fixed-nav .logo img{
	max-height:40px;
	padding:10px 0
	}
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	border-top:1px solid #e5e5e5;
	}
.foot-items{
	padding:40px 0;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:360px;
	}

.foot-item.foot-item-inquiry{
	
	margin:0 60px;
	}


.foot-item .foot-tit{
	color:#000000;
	font-size:24px;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:5px solid #f7c617;
	}	
.foot-item.foot-item-contact ul li{
	position:relative;
	line-height:28px;
	margin:0 0 5px;
	}

.foot-item-product-list li{
	position:relative;
	line-height:30px;
	margin:0 0 3px;
	}
.foot-item-product-list li:before{
	content:"\f101";
	color:#ff6600;
	}
.foot-item.foot-item-inquiry .subscribe{
	}
.foot-item.foot-item-inquiry .subscribe p{
	line-height:30px;
	}
.foot-item.foot-item-inquiry .subscribe-form{
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{
	position:relative;
	width:210px;
	padding:0 10px;
	height:32px;
	line-height:32px;
	border:none;
	border:1px solid #eeeeee;
	background:#FFF;
	color:#eeeeee;
	margin:0 5px 0 0;

	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn	{
	position:relative;
	padding:0 18px;
	height:34px;
	line-height:34px;
	border:none;
	color:#FFF;
	background:#f7c617;
	border:1px solid #f7c617;
 
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn:hover{
	background:none;
	color:#f7c617;
	}

.footer{
	position:relative;
	text-align:center;
	background:#000000;
	padding:22px 0 0;
	line-height:56px;
	}
 .footer .foot-logo{
	 position:relative;
	 float:left;
	 }
	 .footer .foot-logo img{
		 max-height:39px;
	 }
.copyright	{
	float:right;
	color:#666666;
	}
/*--------------------------index---------------------------*/	
.index-layout{
	position:relative;
	width:100%;
	}
.rev_slider_wrapper{
	margin:30px auto 0;
	}
.company-synopses-wrap{
	position:relative;
	width:100%;
	padding:25px 0;
	background:#dadbdf;
	}
.company-synopses{
	position:relative;
	width:110%;
	}	
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	width:370px;
	margin:0 45px 0 0;
	}
.synopsis-item .item-wrap{
	position:relative;
	overflow:hidden;
	background:#f7c617	 
	}
.synopsis-item .item-img{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	background:#FFF;
	width:85px;
	}
.synopsis-item .item-img img{
	width:85px;
	height:85px
	}
.synopsis-item .item-info{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	width:285px;
	height:85px
	}
.synopsis-item .item-info .item-title{
	position: relative;
    display: table-cell;
    vertical-align: middle;
	height:85px;
	padding:0 15px;
	font-family:'SourceSansProSemibold';
	font-size:16px;
	}
 .synopsis-item .item-info .item-title,.synopsis-item .item-info .item-title a{ color:#000;}
 
.about-us-wrap{
	position:relative;
	width:100%;
	text-align:center;
	padding:60px 0;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}
.about-us{
	position:relative;
	width:100%;
	}

.about-us .about-detail{
	position:relative;
	width:1080px;
	margin:0 auto;
	}
		
.about-us .about-detail .title{
	position:relative;
	font-family:'SourceSansProBold';
	font-size:40px;
	color:#fefefe;
	padding:0 0 15px;
	}
.about-us .about-detail .title:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:120px;
	height:6px;
	margin:0 0 0 -60px;
	background:#f7c617
	}	
.about-us .about-detail .text{
	position:relative;
	font-size:16px;
	color:#fefefe;
	padding:20px 0;
	font-family:'SourceSansProLight';
	line-height:30px;
	}

.main-product-wrap{
	position:relative;
	width:100%;
	padding:60px 0 40px;
	}
.product-wrap{
	position:relative;
	width:110%;
	}
.product-slides-wrap{
	position:relative;
	width:100%;
	padding:60px 0 80px;
	background:#dadbdf;
	}	
.product-slides{
	position:relative;
	width:1220px;
	}
.product-slides .owl-dots{
	bottom:-15px;
	}
.product-item{
	position:relative;
	font-size:24px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:285px;
	margin:0 20px 20px 0;
	text-align:center;
	}	
.product-item .item-wrap{
	position:relative;
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	background:#000;
	}
.product-item .pd-img img{
	position:relative;
	width:100%;
	overflow:hidden;	
	}
 	
.product-item:hover .pd-img img{
	opacity:.5
	}

.product-item .pd-info{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	}
.product-item .pd-info .pd-name{
	display: table-cell;
    vertical-align: middle;
	height:200px;
	padding:0 15px;
	font-family:'SourceSansProSemibold';
	font-size:20px;
	text-shadow:0 0 5px rgba(0,0,0,.5);
	 
	}	
.product-item .pd-info .pd-name,.product-item .pd-info .pd-name a{
	color:#FFF
	}






/*----------------------------------page---------------------------------*/
.path-bar{
	position:relative;
	width:100%;
	line-height:30px;
	padding:19px 0;
	}
.path-bar li:after{
	content:">>";
	position:absolute;
	display:block;
	overflow:hidden;
	right:0;
	top:0
	}	
.path-bar .path-nav{

	}	
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	color:#333333;
	}
.path-bar li a{
	display:block;
	padding:0 20px 0 5px;
	color:#333333;
	}	
.path-bar li:hover a,.path-bar li.current a{
	
	}	
.path-bar li:last-child:after{
	content:'';
	}



/*----------------------------------aside---------------------------------*/	
.aside{
	float:left;
	width:267px;
	}

.side-tit-bar{
	position:relative;
	}
	
.side-tit-bar .side-tit{
	position:relative;
	font-size:16px;
	line-height:32px;
	padding:0 0 0 20px;
	font-family:'SourceSansProSemibold';
	color:#fff;
	background:#f7c617
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	background:#eeeeee;
	
	}
.side-widget .side-hide{
	padding:15px  20px  ;
	}		
.side-cate ul li{
	position:relative;
	line-height:30px;	
	
	}
.side-cate ul li li{margin:0 18px;}	
.side-cate ul li a{
	position:relative;
	display:block;
	padding:0   13px;
	}
.side-cate ul li a:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin:-1px 0 0;
	width:3px;
	height:3px;
	background:#f7c617;
	}			
.side-cate ul li li a{
	border-bottom:1px solid #cfd0d3;
	padding:0 15px;
	}
.side-cate ul li li  a:before{ display:none;} 			
.side-cate-menu li .side-ico{
	position:absolute;
	right:0;
	top:0;
	color:#f7c617;
	font-size:12px;
	}	
.side-cate-menu li .side-ico:before{
	content:'\f067';
	
	}
.side-cate-menu li.active .side-ico:before{
	content:'\f068';
	}


.products-scroll-list-wrap{
	position:relative;
	
	}	
.products-scroll-list{
	position:relative;
	padding:15px 0 0;
	}
.products-scroll-list li{padding:0 0 25px; display:block; overflow:hidden;}
.products-scroll-list li img{width:75px;border:1px solid #e5e5e5; float:left; margin:0 12px 0 0; border-radius:2px;}
 
.products-scroll-btn-prev,.products-scroll-btn-next{
	position:relative;
	width:100%;
	height:19px;
	display:block;
	z-index:999
	}
.products-scroll-btn-prev{
	background:url(img/icons-prev.png) no-repeat center center;
	margin:10px 0 0;
	}
.products-scroll-btn-next{
	background:url(img/icons-next.png) no-repeat center center;
	margin:-10px 0 20px;
	}
.side-bn{
	max-width:100%;
	margin:0 0 25px 0;
	}		
.side-bn img{
	max-width:100%
	}


.main{
	position:relative;
	width:895px;
	display:block;
	float:right;
	}	
	
.main-tit-bar{
	overflow:hidden;
	border-bottom:1px solid #c0c0c0;
	padding:0 0 8px;
	margin:0 0 15px;
	}	
.main-tit-bar .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
 
	font-size:22px;
	}
.main-tit-bar .share-this{display:inline;float:right; margin:0 10px 0 0;}
	
	
.main-banner{
	position:relative;
	display:block;
	margin:0 0 10px;
	}
.main-banner img{
	position:relative;
	width:100%;
	}	
.product-list{ margin:40px 0 0;}	
.product-list,.certificate-list,.video-list,.download-list,.faq-list{
	position:relative;
	
	}
.product-list ul,.certificate-list ul,.video-list ul{
	position:relative;
	width:110%;
	}	

.download-list ul{
	}	
.download-list ul li{
	position:relative;
	display:block;
	overflow:hidden;
	line-height:30px;
	padding:30px 0 10px;
	border-bottom:1px solid #E9E9E9;
	}
.download-list ul li .download-cont{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	float:left;
	}	
.download-list ul li .download-cont .download-pic{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25px;
	height:25px;
	overflow:hidden;
	}	
.download-list ul li .download-cont .download-pic img{
	max-width:25px;
	max-height:25px;
	}	
.download-list ul li .download-cont .download-detail{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0 15px;
	font-size:18px;
	font-family:'SourceSansProSemibold';
	}	
.download-list ul li .download-button{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	float:right;
	height:30px;
	line-height:30px;	
	font-size:14px;
	border-width:1px;
	border-style:solid;
	border-left-color:#C1C1C1;
	border-right-color:#C1C1C1;
	border-top-color:#C9C9C9;
	border-bottom-color:#A5A5A5;
	border-radius:5px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1',endColorStr='#DADADA',gradientType='0');
	background: -moz-linear-gradient(top, #F1F1F1, #DADADA);	
	background: -o-linear-gradient(top,#F1F1F1, #DADADA);	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));	
	}
.download-list ul li .download-button a{
	position:relative;
	display:block;
	padding:0 12px 0 40px;
	color:#0A0A0A;
	background-image:url(img/icons08.png);
	background-repeat:no-repeat;
	background-position: 15px 8px;
	}
.faq-list ul{
	}	
.faq-list ul li{
	position:relative;
	display:block;
	overflow:hidden;
	line-height:24px;
	
	border-bottom:1px solid #E9E9E9;
	color:#3D3D3D;
	}	
.faq-list ul li .faq-title{
	position:relative;
	padding:20px 0 16px  42px;
	height:24px;
	line-height:24px;
	cursor:pointer;
	}	
.faq-list ul li .faq-title b{
	position:absolute;
	left:1px;
	top:20px;
	width:24px;
	height:24px;
	display:block;
	overflow:hidden;
	}
.faq-list ul li .faq-title b.faq-down{
	background:url(img/icons10.png) no-repeat center center;
	}
.faq-list ul li .faq-title b.faq-up{
	background:url(img/icons09.png) no-repeat center center;
	}			
.faq-list ul li .faq-title h2{
	font-weight:normal;
	font-size:18px;
	font-family:'SourceSansProSemibold';
	}	
.faq-list ul li .faq-cont{
	position:relative;
	padding:0 0 30px 42px;
	font-size:14px;
	}
.page-bar{
	position:relative;
	display:block;
	margin:20px 0;
	text-align:right;
	}	
					
.page-bar .pages{display:inline-block;}
.pages  a,.pages span{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid #cfcfcf;
	height:33px;
	line-height:33px;
	padding:0 13px;
	margin:0 4px;
	vertical-align:middle;
	border-radius:3px;
	}
.pages span,.pages span a{

	text-transform:uppercase;
	}
.pages span{
	margin:0 10px;
	}	
.page-count{
	
	}
.pages .page-prev{
	margin:0 10px 0 10px;
	}
.pages .page-next{
	margin:0 0 0 15px;
	}			
.pages a.current,.pages  a:hover{
	background:#f7c617;
	color:#FFF;
	} 
.pages a:hover{text-decoration:none;}	
.blog-list{background:#fff;padding:0 0 80px;margin:0 auto 15px;}
.blog-list .blog-item{padding:20px 0;position:relative;margin:0 auto 3px;}
.blog-list .blog-item .blog-img{float:left;width:200px;height:auto;margin:0 20px 8px 0;}
.blog-list .blog-item .blog-tit{font-size:16px;}
.blog-list .blog-item .blog-meta{display:block;color:#aaa;}
.blog-list .blog-item .blog-meta span{display:inline;padding:0 15px 0 0;}
.blog-list .blog-item .blog-summary{padding:8px 0;color:#999;}
.blog-list .blog-item .readmore{display:block;text-align:right;font-size:14px;}
.blog-list .blog-item .readmore:hover a{ color:#1F5792;}
.blog-list .blog-item .readmore i{font-size:14px;}
.blog-list .blog-item:hover{background:#fafafa;}
.blog-list .blog-item:hover img{opacity:0.8;}
.blog-list .blog-item:before{content:"";height:1px;font-size:1px;overflow:hidden;border-top:1px double #f7c617 ;border-bottom:1px double #f7c617; ;position:absolute;left:0;right:0;bottom:-3px;}	


	/* product photos */
.product-intro{
	position:relative;
	display:block;
	}
.product-title{
	font-size:24px;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	font-family:'SourceSansProSemibold';
	font-weight:normal;
	line-height:28px;
	color:#1a1926;
	}	
.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 {
	border:1px solid #eee;
	overflow:hidden;
	padding:0px;
}
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}
.product-view{
	position:relative;
	width:440px;
	float:left;
	
	}
.product-view .product-image{
	border:1px solid #eee;
	}
.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:100%;
	}	
.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 #eee;
	}	
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 10px;
	
	}	
 .product-view .image-additional li.current img{
	border-color:#f7c617;
	}
.product-view .image-additional img.popup
{
	display:none;
}
.image-additional .owl-nav {display:inline;position:absolute;top:50%; margin:-8px 0 0;left:0; width:100%;z-index:0; }	

.image-additional .owl-prev,.image-additional .owl-next{ position:absolute; top:0;overflow:hidden; z-index:999; float:left;display:block; background-repeat:no-repeat;  }
	
.image-additional .owl-prev{
	left:-10px;
	
	}
.image-additional .owl-next{
	right:-10px;
	}
.image-additional .owl-prev:before{
	content:"\f053";
	}
.image-additional .owl-next:before{
	content:"\f054";
	}			

/* product summary */
.product-summary{ position:relative;width:425px;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{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	line-height:30px;
	padding:0 15px;
	border-radius:3px;
	background:#7f7f7f;
	border:1px solid #7f7f7f;
	color:#FFF;
	margin:0 20px 0 0;
	}

.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{
	background:none;
	color:#7f7f7f;
	}	
.product-summary .share-this{
	float:right;
	margin:30px 0 0;
	}

.product-detail{
	position:relative;
	overflow:visible;
	margin:50px 0 0;
		
	}
.detail-tabs{
	position:relative;
	}	
.detail-tabs:before{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:1px;
	background:#d5d5d5;
	}	
.detail-tabs .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;	
	font-size:16px;
	padding:0 25px;
	line-height:30px;
	cursor:pointer;
	overflow:hidden;
	font-size:16px;
	margin:0 3px 0 0;
	background:#eeeeee;
	color:#7f7f7f;
	}
	
.detail-tabs .title.current{
	font-family:'SourceSansProSemibold';
	color:#FFF;
	background:#f7c617
 
	}
.product-detail .detail-panel{
	padding:20px 0;
	display:block;
	overflow:hidden
	}
.product-detail .disabled{ display:none;}





.goods-tbar{
	position:relative;
	background:#f7c617;
	line-height:32px;
	}	
.goods-tbar .title{
	position:relative;
 
	font-size:16px;
	color:#fff;
	padding:0 18px;
	}	
				
.goods-may-like{
	position:relative;
	margin:40px 0 0;
	}

.goods-items-wrap{
	position:relative;
	width:100%;
	}
.goods-items{
	position:relative;
	width:915px;
	margin:25px 0 0;
	}		

.goods-items .owl-nav {display:inline;position:absolute;top:-53px; right:20px }	

.goods-items .owl-prev,.goods-items .owl-next{ position:relative; top:0;overflow:hidden; z-index:999; float:left;display:block; background:none; font-size:20px; color:#999 ; }
	
.goods-items .owl-prev:before{
	content:"\f104";
	}
.goods-items .owl-next:before{
	content:"\f105";
	}		
				
 
@media screen and (max-width: 769px){

/* layout */


body,.container {width:100%;min-width:inherit;}

.layout, .header, .nav-bar .nav-wrap, .banner-list,.bottom-service, .social-layout,.foot-wrapper .foot-img{display:block;width:100%;margin:0 auto;}

.head-wrapper,.foot-wrapper,.nav-bar{max-width:100%;min-width:inherit;}

.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%;}

a:visited{color:#333;}
.owl-carousel{ padding:0 0 30px;}


/* box sizing */

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

.owl-carousel{ padding:0 0 30px;}


.sub-content{
	position:relative;
	display:block;
	right:auto;
	border-radius:0;
	border:none;
	box-shadow:none;
	z-index:99999;
	}
.scrollsidebar,.bottomsidebar{ display:none;}
.gotop {
	display:none;
	visibility:hidden;
}

/* ===================================================

 * header 

 * --------------------------------------------------- */

 
.mobile-head-items{
	position:fixed;
	top:0;
	left:0;	
	background:#161622;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:left
	}
.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,.topbar{
	display:none;
}
.nav-bar {
	height:auto;
	line-height:normal;
	padding:35px 0 10px;
 
}
 .logo{
	float:none;
	text-align:center;
 
	}	
.logo img{
	max-height:none;
	max-width:30%;
	}
	
.head-search{
	width:100%;
	opacity:1;
	background:#ccc;
	margin:0
	}
.head-search .search-ipt{
	
	width:100%;
	padding:0 20px;
	border-bottom:1px solid #CCC
	}
 		
/*nav */

.nav li{
	position:relative;
	display:block;
	width:100%;
	}
.nav li ul{
	display:block;
	width:100%;
	
	}	
.nav li	ul li{
	width:auto;
	padding:0 10px;
	display:inline-block;
	}
.nav li ul img{
	display:block;
	display:none;
	}	
/* translate */

.transall{display:block;width:100%;float:none;}

.head-wrapper .prisna-wp-translate-dropdown-sub-container,.head-wrapper .prisna-wp-translate-dropdown-body,.head-wrapper .prisna-wp-translate-dropdown-body:hover{background:none!important;border:0!important;box-shadow:none!important;}

.head-wrapper .prisna-wp-translate-dropdown-container,.head-wrapper .prisna-wp-translate-dropdown-sub-container,.head-wrapper .prisna-wp-translate-dropdown-body{height:auto!important;}

.head-wrapper .prisna-wp-translate-dropdown-body{float:none!important;}

.head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language,.head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow{display:none!important;}

.head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll{display:block!important;height:auto!important;}

.head-wrapper .prisna-wp-translate-dropdown-languages-list p{width:50%;display:inline!important;;float:left!important;}

.head-wrapper .prisna-wp-translate-dropdown-languages-list{display:block!important;}

.transall .prisna-wp-translate-dropdown-current-language{display:none!important;}





/* ===================================================

 * footer 

 * --------------------------------------------------- */
.layout{
	width:98%;
	margin:0 auto;
	}
.foot-wrapper{
	position:relative;
	width:100%;
	border-top:1px solid #e5e5e5;

	}
.foot-items{
	padding:40px 0;
	}
.foot-item{

	width:48%;
	margin:0 1%;
	}

.foot-item.foot-item-inquiry{
	
	margin:0;
	}



.footer{

	padding:22px 0 50px;
	}
 .footer .foot-logo,.copyright{
 
	 float:none;
 
	}



.mobile-contact{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	z-index:9999;
	height:38px;
	line-height:38px;
	background:#161622;
	
	}
.mobile-contact,.mobile-contact a{color:#FFF}	
.head-contact{ display:block; width:100%;}
.head-contact .head-phone,.head-contact .head-email{
	width:50%;
	margin:0;
	text-align:center;
	line-height:38px;
	color:#FFF;
	}			
.head-contact .head-phone{ background:#ff6600;  }
 

/* ===================================================

 * for:homepage 

 * --------------------------------------------------- */
.rev_slider_wrapper{
	margin:25px auto 0;
	}
.company-synopses-wrap{
	padding:25px 0 5px;
	text-align:center
	}
.company-synopses{
	width:100%;
	}	
.synopsis-item{
	width:50%;
	margin:0 0 20px;
	}
.synopsis-item .item-wrap{
	width:96%;
	margin:0 auto; 
	padding:15px
	}
.synopsis-item .item-img{
	
	width:auto;
	
	}
.synopsis-item .item-img img{
	width:auto;
	height:auto;
	max-width:85px;
	}
.synopsis-item .item-info{
 
	width:100%;
	height:auto;
	padding:15px 0 0;
	}
.synopsis-item .item-info .item-title{
	height:auto;
	padding:0;
	display:block;
	}
 


.about-us .about-detail{
	width:auto;
	}
		



.flex-control-nav {left:0;}
 
.product-wrap,.product-slides{
	width:100%;
	}
.product-item{
	width:33.33333333%;
	margin:0 0 20px;
	}	
.goods-items .product-item,.product-slides .product-item{
	width:100%;
	margin:0;
	}		
.product-item .item-wrap{
	width:96%;
	margin:0 auto;
	}
.product-item .pd-info .pd-name{
	padding:15px;
	height:auto;
	 
	}	

/* ===================================================

 * for:product list 

 * --------------------------------------------------- */

.path-bar{display:none;}

.promote-bar{display:none;}



/* aside */

.aside{ display:none;}
.side-head-search{
	width:100%;
	}
.side-head-search .search-ipt{
	width:100%;
	}
.side-tit-bar{
	position:relative;
	}
	
.side-tit-bar .side-tit{
	font-size:16px;
	line-height:30px;
	}
	
.side-widget{
	margin:0 0 30px;	
	}	
.side-cate ul li{
	line-height:30px;	
	}

.products-scroll-btn-prev,.products-scroll-btn-next{display:none;}
.products-scroll-list li{
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:0 1%;
	}
.products-scroll-list li img{
	width:100%;
	float:none;
	margin:0;
	}


/* main */

.main{width:98%;float:none;padding:0; margin:0 auto;}

.main-tit-bar{
	margin:30px 0 10px;
	}	
.main-tit-bar .title{
	font-size:20px;
	}
	

.product-list ul,.certificate-list ul,.video-list ul{
	position:relative;
	width:100%;
	}	

.page-bar .pages{display:block; float:none; text-align:center}
.pages  a,.pages span{
	height:25px;
	line-height:25px;
	padding:0 10px;
	border-radius:2px;
	font-size:12px;
	}


/* ===================================================

 * for:product detail 

 * --------------------------------------------------- */

/* product intro */

.product-title{
	font-size:20px;
	margin:30px 0 10px 0;
	}	



.product-view{
	width:100%;
	float:none;
	
	}
.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 summary */
.product-summary{ position:relative;width:100%;float:none;}

.product-summary .share-this{
	float:none;
	margin:30px  0;
	}
/* 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 */

.goods-items{
	width:100%;
	}	


/* ===================================================

 * for:blog 

 * --------------------------------------------------- */

.blog-list .blog-item{padding:15px;border-bottom:1px solid #ddd;}

.blog-list .blog-item:last-child{border:0;}

.blog-list .blog-item:hover{background:none;}

.blog-list .blog-item:before{left:15px;right:15px;display:none;}

.blog-list .blog-item .blog-img{display:block;max-width:100%;float:none;}

.blog-list .blog-item .blog-tit{font-size:16px;line-height:1.3em;padding:6px 0 0;font-weight:normal;}

.blog-list .blog-item .blog-meta{padding:6px 0 0;}

.blog-list .blog-item .blog-summary{padding:0;margin:8px 0;height:80px;line-height:20px;overflow:hidden;}

.blog-list .blog-item .readmore{display:none;}

.main .blog-article{padding:5px 10px;}


/*----------------inquiry-form--------------------------*/

.inquiry-form{
	padding:15px;
	}	

.inquiry-form  input[type="text"].form-input,.inquiry-form textarea.form-text{
	width:100%;
	}
.faq-list ul li .faq-cont{
	 
	font-size:14px;
	padding-bottom:15px;
	}	
.faq-list ul li .faq-title{
	padding-bottom:30px;
	}	
}


@media screen and (max-width: 641px){
.foot-item,.foot-item.foot-item-inquiry{
	width:100%;
	margin:0 0 35px;
	}	
.foot-item .foot-tit{
	color:#000000;
	font-size:20px;
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:2px solid #f7c617;
	}
.synopsis-item,.synopsis-item .item-wrap{
	width:100%;
	}
.synopsis-item .item-info .item-title{
	font-size:14px;
	}	
 
 .about-us .about-detail .title{
	 font-size:20px;
	 }	
.about-us .about-detail .title:after{ display:none;}		
.product-item,.main-product-wrap .product-item{
	width:50%;
	}	
.product-item .pd-info .pd-name	{
	font-size:14px;
	}
.products-scroll-list li{
	display:block;
	width:100%;
	margin:0 0 20px;
	}
.products-scroll-list li img{
	max-width:65px;
	float:left;
	margin:0 15px 0 0;
	}	
.download-list ul li{
	border-bottom:none ;
	}
.download-list ul li .download-cont{
	display:block;
	float:none;
	margin:0 0 20px;
	}
.download-list ul li .download-button{
	float:none;
	}	
	}

.bottomsidebar .bottomcontent{
	background:#f7c617 !important;
	}









