@charset "utf-8";
.layout,.path-bar .path-nav,.slide-banners-wrap .slide-banners{width:100%}
body,.container{min-width:100%;}
.scrollsidebar{ display:none;}
*{-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-dots {
	width:100%;
	position:absolute;
	left:0;
	bottom:15px;
	text-align:center;
}
.owl-dots .owl-dot {
	display:inline-block;
	width:5px;
	height:5px; 
	background:none; 
	cursor: pointer; 
	text-indent: -9999px; 
	border-radius:50%;
	margin:0 4px;
	background:#DBDBDB;
}
.owl-dots .active {
	background:#ffd516;
}
.head-wrapper{
	border-bottom:none;
	box-shadow:none
	}
.head-wrapper-fix{
	position:fixed;
	left:0;
	top:0;
	}
.topbar{
	display:none;
	overflow:hidden;
	}
.head-wrapper-fix .header{
	display:none;
	overflow:hidden;
	}
.language{
	float:none;
	margin:0;
	}
.head-search {
	position:relative;
	top:auto;
	display:block;
	*display:block;
	width: 100%;
	height:30px;
	margin:0;
	}
.head-search .search-ipt {
	width:100%;
	height:30px;
	line-height:30px;
	}
.head-search .search-btn{
	width:30px;
	height:30px;
	}	
.head-social li{
	line-height:normal;
	margin:0 3px;
	}				
.logo{
	float:none;
	width:100%;
	text-align:center;
	height:auto;
	line-height:normal;
	padding:10px 0;
	}	
.logo img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	max-width:30%;
	max-height:none;
	}		
.mobile-head-wrapper{
	position:relative;
	height:35px;
	background:#000;
	display:block;
	z-index:9999;
	}
.mobile-serve{
	width:20%;
	float:left;
	}
.mobile-serve .title-ico{
	position:relative;
	display:block;
	width:100%;
	height:35px;
	background-image:url(../images/mobile_head_icons.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:38px auto;
	z-index:9000;
	}	
.mobile-nav-bar{
	}
.mobile-language{
	}	
.mobile-head-search{
	}
.mobile-head-social{
	}	
.mobile-home .title-ico{
	background-position:center -192px;
	}	
.mobile-nav-bar .title-ico{
	background-position:center 0;
	}
.mobile-language .title-ico{
	background-position:center -76px;
	}	
.mobile-head-search .title-ico{
	background-position:center -38px;
	}
.mobile-head-social .title-ico{
	background-position:center -114px;
	}
.mobile-serve .mobile-head-hide{
	position:absolute;
	left:0;
	top:38px;
	width:100%;
	background-color:#fff;
	padding:15px;
	text-align:center;
	visibility:hidden;
	opacity:0;
	
	}
.mobile-serve .mobile-head-show{
	display:block;
	opacity:1;
	visibility:visible;
	}
.body-show-quick .head-wrapper{}
.body-show-quick:before{content:'';display:block;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9999;}
.body-show-quick-nav:before{display:none;}
.body-show-quick-nav .mobile-nav-mask{display:block;content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:10002;}
	
.mobile-serve.mobile-nav-bar .mobile-head-hide{-moz-transform:none;-webkit-transform:none;transform:none;height:0;padding:0;}						


.nav-bar{display:none;}

.nav-wrap{padding:1em 15px 10px;background:#fff;z-index:10000;width:70%;height:100%;position:fixed;left:-70%;top:0;display:block;z-index:10009;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; opacity:0; text-align:left;}

.nav-wrap .nav{left:auto;border:0;position:relative;width:100%;height:100%;overflow:visible;overflow-y:scroll;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;line-height:32px;float:none;display:block;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; margin:0}

.nav-wrap .nav li,.nav-wrap .nav li a{float:none;display:block;padding:0; margin:0; font-size:12px;height:auto; line-height:30px;}

.nav-wrap .nav li a:after{display:none;content:"";}

.nav > li > a{color:#333}

.nav >li:hover > a,.nav >li.nav-current > a{background-color:transparent}

.nav-wrap .nav li a:hover,.nav-wrap .nav li a.hover,.nav-wrap .nav li:hover{background:none;}

.nav-wrap .nav li{border-bottom:1px solid #ddd;padding:6px 0;position:relative;}

.nav-wrap .nav li .nav-ico-with-child{display:block;width:30px;height:30px;position:absolute;right:0;top:6px;}

.nav-wrap .nav li .nav-ico-with-child:before,.nav-wrap .nav li .nav-ico-with-child:after{content:"";display:block;width:12px;height:2px;background:#333;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-1px;opacity:0.6;}

.nav-wrap .nav li .nav-ico-with-child:after{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.nav-wrap .nav li ul{display:none;position:static;width:100%;background:none;border:0;padding:0 0 5px; opacity:1; visibility:visible;}

.nav-wrap .nav li ul ul{padding-left:15px;}

.nav-wrap .nav li ul a{display:block;position:relative;padding-left:10px;}

.nav-wrap .nav  li li a{ border-bottom:none;}	

.nav-wrap .nav li ul li{position:relative;}

.nav-wrap .nav li ul li:before{content:'';display:block;width:3px;height:3px;background-color:#999;position:absolute;left:0;top:14px;}

.nav-wrap .nav li li{padding:0;border:0;}

.nav-wrap .nav li.show-nav-menu > ul{display:block;}

.nav-wrap .nav li.show-nav-menu > .nav-ico-with-child:after{display:none;}

.nav-wrap .nav li.with-sub-menu > a{display:block;margin-right:40px;}

.nav-wrap .nav li.show-nav-menu > a{font-weight:bold;}

.nav-wrap .nav li li .nav-ico-with-child{top:1px;}

.nav-wrap .mobile-ico-close{display:block;left:auto;right:-31px;z-index:20000;}

.show-nav .mobile-ico-close{display:block;left:auto;right:-31px;}

.mobile-fix-head .header{position:fixed;top:0;}

.mobile-fix-head .topbar{margin-bottom:38px;}

.mobile-nav-bar .mobile-head-show{left:0;display:block;}

.mobile-nav-bar .mobile-head-show .nav-wrap{left:0;z-index:10009;opacity:1}

.mobile-ico-close{display:none;width:30px;height:30px;background:#fff url(../images/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;left:-31px;top:0;}
.slide-banners .flex-direction-nav { display:none; visibility:hidden}
.flex-control-nav {display:block; visibility:visible}
.flex-control-paging li a {width: 5px; height: 5px}	
.index-layout,.page-layout{
	padding:0 0 20px;
	}
.index-about-wrap{
	padding:20px 0;
	
	}	
.index-about{
	width:98%;
	margin:0 auto;
	}		
.index-about .about-img,.index-about .about-cont{
	width:100%;
	float:none;
	padding:0;
	text-align:center
	}	
.index-about .about-img img{
	max-width:60%;
	width:auto
	}	

.index-about .about-cont .about-title{
	margin:20px 0 0;
	font-size:20px;
	}
.index-about .about-cont .about-sub-title{
	padding:5px 0 5px;
	}		

.index-service{
	width:100%;
	padding:0 0 50px;
	}
.service-item{
	width:100%;
	margin:0 ;
	padding:0;
	text-align:center;
	}
.service-item .item-wrap{
	width:98%;
	margin:0 auto;
	}
.service-item .item-wrap .service-img,.service-item .item-wrap .service-info{
	width:100%;
	float:none;
	}
.service-item .item-wrap .service-img img{
	margin:0 0 10px;
	}
	
.service-item:hover .item-wrap .service-img img{
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	}
	
.index-tit-bar{
	width:98%;
	margin:0 auto 15px;
	
	}

.index-tit-bar .title{
	font-size:20px;
	padding:0 0 10px;
	}
.index-tit-bar .title:after{
	width:30%;
	}	
.product-wrap{
	width:100%;
	}
.product-slides,.goods-items{
	padding:0 0 50px;
	}	

.product-item{
	width:50%;
	margin:0 0 10px;
	}	
.product-slides .product-item,.goods-items .product-item{
	width:100%;
	margin:0;
	}	
.product-item .item-wrap{
	width:94%;
	margin:0 auto;
	border:none
	}
.product-item .pd-info .pd-name{
	font-size:14px;
	}	


	
.foot-wrapper  .foot-items{
	width:98%;
	margin:0 auto;
	padding:10px 0 0
	}
.foot-wrapper  .foot-items .layout{
	padding:20px 0;
	border-bottom:none;
	}			
.foot-items .foot-item-hide{
	position:relative;
	display:block;
	margin:0 0 15px;
	}
.foot-items .foot-item-hide:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	display:block;
	overflow:hidden;
	background:rgba(255,255,255,0.3)
	}	
.foot-items .foot-item{
	width:100%;
	margin:0 0 10px;
	
	}	
.foot-items .foot-item .foot-tit{
	padding:0;
	height:35px;
	line-height:35px;
	font-size:16px;
	font-weight:normal;
	border:none;
	margin:0;
	font-family:'SourceSansProRegular';
	padding:0
	}
.foot-items .foot-item-hide .foot-cont{
	padding:10px 0;
	position:relative;
	display:none;
	font-size:14px;
	}	
.foot-items .foot-item-hide .foot-tit{position:relative;font-weight:normal;}
.foot-items .foot-item-hide .foot-tit:after{content:"";display:block;width:18px;height:18px;position:absolute;right:0;top:8px;border-radius:50%;background:url(../images/sprites1.png) 6px -14px no-repeat; background-color:#ffd516; border-radius:50%;}
.foot-items .service-show .foot-tit:after{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}	

.blog-slides ul{
	padding:0 0 0;
	
	}
.blog-slides .owl-dots {
	bottom:-20px;
}	
.foot-item-blog .foot-img{
	margin:20px 0 0
	}	
.foot-item-blog .foot-img img{
	width:100%;
	}	
.footer{
	padding:10px 0 50px;
	text-align:center;
	border-top:1px solid #999;
	}	
.footer .copyright{
	line-height:30px;
	padding:0 10px;
	}
.path-bar{
	margin:0 0 20px;
	line-height:35px;
	}	
.aside{
	width:100%;
	float:none;
	}
		
.side-tit-bar{
	position:relative;
	height:35px;
	line-height:35px;
	background:none;
	padding:0;
	margin:0;
	}
.side-tit-bar .side-tit:after{ display:none}		
.side-tit-bar .side-tit{
	position:relative;
	font-size:16px;
	line-height:35px;
	padding:0
	
	}
.side-tit-bar .side-tit-ico:before{
	content:'\ea50';
	color:#666;
	position:absolute;
	top:10px;
	right:0;
	font-size:16px;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	}
.side-tit-bar .side-tit-ico-down:before	{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}	
.side-widget{
	margin:0 auto 15px;
	padding:0 ;
	border:1px solid #999;
	padding:0 10px;
	}	
.side-widget .side-hide{
	display:none;
	padding:0 0 10px
	}
.side-cate ul li li{
	
	padding:0 0 0 15px
	}	
.side-cate ul li a,.side-cate ul li li a{
	font-size:14px;
	background:none;
	padding:0
	}
.aside .side-bn{ display:none;}	
.products-scroll-list-wrap{
	width:100%;

	}	
.products-scroll-list{
	width:100%;
	}
.products-scroll-list li{
	padding:0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:50%;
	position:relative;
	margin:0 0 15px;
	text-align:center;
	}
.products-scroll-list li img{position:relative;width:90%;border:1px solid #EAEAEA; float:none; margin:0 auto; display:block;}
.products-scroll-list li .pd-info{position:relative; width:90%; margin:0 auto;display:block;}

.products-scroll-btn-prev,.products-scroll-btn-next{
	display:none;
	}

.main{
	width:100%;
	float:none;
	}	
.main-tit-bar{
	padding:0 0 10px;
	border-bottom:1px solid #dadada;
	width:98%;
	margin:0 auto 5px;
	}	
.main-tit-bar .title{
	font-size:20px;
	padding:0 0 0 10px;
	}
.goods-summary{
	position:relative;
	width:96%;
	margin:0 auto;
	}
.product-list ul,.certificate-list ul,.video-list ul{
	width:100%;
	}	

.download-list ul,.faq-list ul{
	position:relative;
	width:96%;
	display:block;
	overflow:hidden;
	margin:0 auto;
	}	
	
.faq-list ul li .faq-title{
	padding:10px 0 35px  42px;
	}	
.faq-list ul li .faq-title b{
	top:10px;
	}		
.faq-list ul li .faq-cont{
	padding:0 0 15px;
	}	
.product-list-text{
	width:98%;
	margin:0 auto;
	}
.product-list-text li a{
	font-size:18px;
	font-family:"SourceSansProSemibold";
	padding:0;
	}			
.product-list-text li li a{
	font-size:14px;
	line-height:30px;
	padding:0 10px
	}		
.product-list-text li li a:after{ right:0; top:7px}
.product-list-text li li a:hover:after{ right:5px;}										
.entry{ position:relative; width:96%; margin:0 auto}	
.inquiry-form{
	padding:25px 7% 75px;
	}	

.inquiry-form .inquiry-form-ico{

	width:45px;

	}	

.detail-wrap{padding:0;border:0;background:none;}

.product-view{width:100%;float:none;padding:0;margin-bottom:0;}

.product-view .product-img{display:none;}

.product-view .small-img-wrap{display:none;}

.mobile-product-view{
	position:relative;
	width:100%;
	margin:0 auto
	}

.mobile-product-view .mobile-img-item,.mobile-product-view .mobile-img-item img	{
	position:relative;
	width:100%;
	}
.mobile-product-view:after{
	content:"";
	width:100%;
	height:40px;
	display:block;
	overflow:hidden;
	background:rgba(0,0,0,0.3);
	position:absolute;
	left:0;
	bottom:0;
	}
.product-intro{padding-bottom:0;}
.mobile-product-view .owl-dots {
	bottom:10px;
	z-index:1;
}
.mobile-product-view .owl-dots .owl-dot {
	background: #fff;
	
}
.mobile-product-view .owl-dots .active {
	background: #75ce4e;
}
.mobile-product-view .owl-prev,.mobile-product-view .owl-next{ display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; background-image:url(../images/mobile_gallery_arrows.png); background-repeat:no-repeat; background-color:transparent; background-size:60px 30px; text-indent:-9999em; overflow:hidden; opacity:0.15;}

.mobile-product-view .owl-prev{background-position:0 0; left:10px;}

.mobile-product-view .owl-next{background-position:-30px 0; right:10px;}


.product-title{
	text-align:center;
	font-size:18px

	}
/* product summary */
.product-summary{width:96%;float:none; margin:20px auto 0;}	
	
/* detail */

.product-detail{padding:0 ; margin:0}

.product-detail .detail-tabs{display:none;}

.detail-tabs{height:auto;border-bottom:0;}

.products-img img,.entry img{max-width:100%;}

.entry th, .entry td{padding:0 8px;}

.mobile-detail-items{
	margin:30px 0 0
	}

.mobile-detail-item .tab{display:block;float:none;margin-bottom:10px;}

.mobile-detail-items h2{display:block;float:none;padding:8px 10px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:28px;position:relative;font-size:14px;}

.mobile-detail-items .current h2,.mobile-detail-items .active h2{margin-bottom:0;background-color:#fff;padding:8px 10px;margin-bottom:0;}

.mobile-detail-items .current h2,.mobile-detail-items .current h2 a,.mobile-detail-items h2,.mobile-detail-items h2 a{color:#333;}

.mobile-detail-items h2:after{content:"";display:block;width:11px;height:16px;background:url(../images/mobile_select_arrow.png) center center no-repeat;background-size:80% auto;position:absolute;right:10px;top:15px;}

.mobile-detail-items .active h2:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.product-detail .detail-panel{display:none;background:#fff;border-bottom:1px solid #ddd;padding:10px 10px 30px;}

.mobile-detail-items .detail-panel{display:none;}

.mobile-detail-items .current .detail-panel{display:none;}

.mobile-detail-items .active .detail-panel{display:block;}

.mobile-detail-items .current h2{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:0;}

.mobile-detail-items .active h2{border-bottom:2px solid #E25050;}
.blog-list .blog-item .blog-img{width:100px;margin:0 10px 8px 0;}
.goods-tbar{
	width:98%;
	margin:0 auto;
	}		
.goods-tbar .title{
	padding:0;

	}	
.goods-tbar .title:after{ display:none}		
.goods-may-like{
	margin:20px 0 0;
	}
.goods-items-wrap{
	width:100%;
	}	
.goods-items{ margin:20px 0 0}		
.page-layout{
	padding:0;
	}			
.inquiry-form .inquiry-form-ico{
	width:65px;
	}	
	
.mobile-foot-contact{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	line-height:40px;
	display:block;
	overflow:hidden;
	background:#000;
	z-index:9999;
	}
.mobile-foot-contact .head-phone,.mobile-foot-contact .head-email{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	text-align:center;
	color:#FFF;
	}	
.mobile-foot-contact .head-phone{
	width:55%;
	background-color:#ec8565;
	}
.mobile-foot-contact .head-email{
	width:45%;
	}	
.mobile-foot-contact .head-phone span,.mobile-foot-contact .head-email span{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	color:#FFF;
	}	
.mobile-foot-contact .head-phone span:before{
	content:'\e942';
	padding:0 5px 0 0;
	font-size:14px;
	line-height:40px;
	
	}	
.mobile-foot-contact .head-email span:before{
	content:'\e619';
	padding:0 5px 0 0;
	font-size:14px;
	line-height:40px;
	
	}