@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10000;
	background-repeat:no-repeat;
	background-position:top center;
	}
.head-wrapper.page-head-wrapper{
	position:relative;
	background-image:url(img/slider11.jpg);
	}
.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:url(img/top-bg.png) repeat-x top left;
	text-align:right;
	}
.head-contact{
	float:left;
	line-height:45px;
	}
.head-contact,.head-contact a{color:#FFF;}	
.head-phone{ margin:0 48px 0 0;}	
.head-phone:before,.head-email:before{
	margin:0 5px 0 0;
	
	}
.head-phone:before{
	content:'\f095';
	font-size:18px;
	}
.head-email:before{
	content:'\f0e0';
	font-size:16px;
	}
 .change-language{
	 margin:8px 0 0;
	 }
.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:#FFF}
.change-language-info .language-icon:before{
	content:"\f107" !important;
	font-size:12px !important;
	}
 	
.head-search{
	position:relative;
	width:140px;
	height:30px;
	margin:8px 0 0 20px;
	}
.head-search .search-ipt{
	position:absolute;
	right:0;
	top:0;
	width:120px;
	height:30px;
	line-height:30px;
	background:none;
 	border:none;
	color:#fff;
	}
.head-search.fur{
	width:280px;
	}	
.head-search.fur .search-ipt{
	width:260px;
	}	 
.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:#fff;
} 
.head-search .search-ipt:-moz-placeholder{ 
color:#fff;
} 
.head-search .search-ipt::-moz-placeholder{ 
color:#fff; 
} 
.head-search .search-ipt:-ms-input-placeholder{ 
color:#fff;
}	
.logo{
	position:relative;
	float:left;
	}	
.logo img{
	position:relative;
	}			
.nav-bar{
	height:138px;
	line-height:138px;
	text-align:right;
	background:rgba(57,63,69,.6);

	}
.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;
	margin:0 0 0 30px;
	}
.nav-bar .nav > li:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:#64a0bc;
	z-index:0
	}	
.nav-bar .nav > li:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:#353d43;
	z-index:0;
	}
.nav-bar .nav > li:hover:before,.nav-bar .nav > li.nav-current:before{
	width:100%;
	}	
.nav-bar .nav > li:hover:after,.nav-bar .nav > li.nav-current:after{
	width:100%;
	}	
.nav-bar .nav > li > a{
	height:138px;
	line-height:138px;
	font-size:18px;
	padding:0 25px;
	color:#FFF;
	z-index:1;
	}				
.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:138px;
	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,.fixed-nav.nav-bar .nav ul ul{
	top:0;
	left:227px;
	}
 
.nav-bar .nav ul li:hover >a{
	background:#FFF;
	color:#64a0bc;
	}	
.nav-bar  .nav  li .nav-ico{
	position:absolute;
	bottom:48px;
	left:50%;
	height:10px;
	line-height:10px;
	margin:0 0 0 -5px;
	font-size:12px;
	color:#FFF;
	 z-index:10;
	}
 .nav-bar .nav li  .nav-ico:after{
	content:'\f0d7';
	}
.nav-bar  .nav  li li .nav-ico{
	top:0;
	bottom:auto;
	height:auto;
	line-height:normal;
	left:auto;
	margin:0;
	right:10px;
	height:35px;
	line-height:35px;
	color:inherit;
	
	}
 .nav-bar .nav li li .nav-ico:after{
	content:'\f0da';
	}	

 
.fixed-nav{
		position: fixed;
		width:100%;
		top:-138px; 
		-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.nav-bar,.fixed-nav.nav-bar .nav > li > a{
	height:68px;
	line-height:68px;
	}
.nav-bar .nav > li{
	margin:0
	}
.nav-bar .nav > li > a{
	font-size:16px;
	}
.fixed-nav.nav-bar .nav ul{
	top:68px;
	}
.fixed-nav .logo img{
	max-height:40px;
	}
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	border-top:1px solid #fff;
	background:url(img/top-bg.png) repeat left top;
	font-family:'Trebuc';
	}
.foot-wrapper,.foot-wrapper a{color:#80878e}	
.foot-items{
	padding:100px 0;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	}
.foot-item .foot-cont{
	padding:0  70px 0 0;
	}
.foot-item .foot-tit{
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin:0 0 15px;
	padding:0  70px 0 0;
	text-transform:uppercase;
	}	
.foot-item.foot-item-contact ul li{
	position:relative;
	line-height:28px;
	margin:0 0 5px;
	}
.foot-item-inquiry .subscribe .subscribe-form .subscribe-ipt{
	position:relative;
	line-height:30px;
	width:100%;
	border:none;
	margin:20px 0 10px;
	padding:0 10px;
	}
.foot-item-inquiry .subscribe .subscribe-form .subscribe-btn{
	background:#4483a4;
	border:none;
	color:#FFF;
	line-height:30px;
	padding:0 20px;
	}
.foot-item-product-list li{
	position:relative;
	line-height:30px;
	padding:0 0 0 15px;
	}
.foot-item-product-list li:hover a{ color:#FFF;}	
.foot-item-product-list li:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:6px;
	height:6px;
	margin:-3px 0 0;
	border-radius:50%;
	background:#FFF;
	}
.foot-social{
	position:relative;
	margin:25px 0 20px;
	}
.foot-social li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0 15px 10px 0;
	
	}
.foot-social li img{max-width:30px;}	
.copyright	{
	
	color:#fff;
	font-size:18px;
	 
	}
/*--------------------------index---------------------------*/	
.index-layout{
	position:relative;
	width:100%;
	}
.rev_slider_wrapper{
	margin:45px auto 0;
	}
.company-synopses-wrap{
	position:relative;
	width:100%;
	background:#f2f2f5;
	}
.company-synopses{
	position:relative;
	width:110%;
	}	
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	width:279px;
	text-align:center;
	font-family:'Trebuc';
	margin:-88px 28px 60px 0;
	z-index:9999 
	}
.synopsis-item .item-wrap{
	position:relative;
	overflow:hidden;
	background:#ffffff;
	padding:70px 40px;	 
	text-align:center;
	z-index:1;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-o-transition:0.4s ease;
	transition:0.4s ease;
	}
 
 
.synopsis-item .item-wrap:after {
	background-color:#64a0bc;
	content:'';
	border-radius:10000px;
	position:absolute;
	left:50%;
	top:50%;
	width:0;
	height:0;
	z-index:-1;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
.synopsis-item .item-info:hover,.synopsis-item.current .item-info{ text-shadow:2px 2px #fff; }
.synopsis-item .item-wrap:hover:after,.synopsis-item.current .item-wrap:after {
	width:1000px;
	height:1000px;
	border-radius:0;
}
.synopsis-item .item-wrap:hover,.synopsis-item.current .item-wrap{
 
}
.synopsis-item .item-img{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	background-color:#bec1c5;
	width:57px;
	height:57px;
	line-height:57px;
	text-align:center;
	border-radius:50%;
	}
.synopsis-item .item-img img {
	max-width:57px;
	max-height:57px;
	}
.synopsis-item:hover .item-img,.synopsis-item.current .item-img{
	background-color:#414141;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	border-radius:10px;
}	
.synopsis-item .item-img img{
	 
	}
.synopsis-item .item-info{
	position:relative;
	padding:45px 0
 

	}
.synopsis-item .item-info .item-title{
	font-weight: bold;
    font-size: 48px;
    line-height: 44px;
	margin:0 0 5px;
 
	}
.synopsis-item .item-info .item-detail{
	line-height: 30px ;
    font-size: 30px ;
 
	}
.synopsis-item  .item-more{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	background-color: #373d43;
	line-height:37px;
    padding:0 16px;
    font-size: 16px;
	color:#FFF	
	}
.synopsis-item .item-info .item-title,.synopsis-item .item-info .item-title a{ }
 
.about-us-wrap{
	position:relative;
	width:100%;
	background:#4483a4;
	padding:105px 0;
	}
.about-us{
	position:relative;
	width:100%;
	}
.about-us .about-img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:445px;
	
	}	
.about-us .about-img:after{
	content:'';
	position:absolute;
	left:10px;
	top:10px;
	width:100%;
	height:100%;
	background:#f2f2f5;
	}		
.about-us .about-img .item{
	}
.about-us .about-img .item img{
	position:relative;
	width:100%;
	box-shadow:1px 1px 5px rgba(0,0,0,.5) 
	}
.about-us .about-detail{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:705px;
	float:right;
	}
		
.about-us .about-detail .title{
	position:relative;
	font-family:'Trebuc';
	font-size:48px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	
	}
.about-us .about-detail .text{
	position:relative;
 
 	line-height:30px;
	font-size:18px;
	padding:15px 0 25px;
	color:#85d2f8
	}
 	
.about-us .about-detail .read-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	font-family:'Trebuc';
	padding:0 29px;
	height:35px;
	line-height:35px;
	background:#64a0bc;
	border-radius:6px;
	border:2px solid #64a0bc;
	color:#FFF;
	}
.about-us .about-detail .read-more:hover{
	 
	background:none;
	border-radius:16px;
	}

.flex-control-nav {width: 100%; position: absolute; left:0; bottom:5px; text-align: center; z-index:99; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; vertical-align:top;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; border-radius:50%;}
.flex-control-paging li a.flex-active{ background:#275275}

.main-product-wrap{
	position:relative;
	width:100%;
	padding:100px 0;
	}
.main-product-title{
	position:relative;
	margin:0 0 35px;
	}
.main-product-title .title{
	font-family:'Trebuc';
	font-size:38px;
	text-transform:uppercase;
	}		
.product-wrap{
	position:relative;
	width:100%;
	}
.product-wrap .owl-nav {display:inline;position:absolute;top:0; margin:-65px 0 0;right:0;z-index:0; }	

.product-wrap .owl-prev,.product-wrap .owl-next{ position:relative;overflow:hidden; z-index:999;display:inline-block; vertical-align:top; *display:inline; *zoom:1;background-repeat:no-repeat; margin:0; color:#FFF; background:#373d43; padding:0 4px;height:25px;line-height:25px; font-size:12px; }
.product-wrap .owl-prev:before{
	content:"\f053";
	}
.product-wrap .owl-next:before{
	content:"\f054";
	}	
.product-slides-wrap{
	position:relative;
	width:100%;
	padding:60px 0 40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	}
.product-slides-title{
	position:absolute;
	left:0;
	top:120px;
	}	
.product-slides-title .title{
	font-family:'SourceSansProSemibold';
	font-size:40px;
	}
.product-slides-title .title,.product-slides-title .title a{ color:#FFF;}		
.product-slides-cont{
	position:relative;
	width:890px;
	margin:0 0 0 310px;
	}
.product-slides{
	position:relative;
	width:930px;
	}
.product-slides .owl-nav {display:inline;position:absolute;top:180px;left:-310px;z-index:0; }	

.product-slides .owl-prev,.product-slides .owl-next{ position:relative;overflow:hidden; z-index:999;display:inline-block; vertical-align:top; *display:inline; *zoom:1;background-repeat:no-repeat; margin:0; color:#FFF; background:#64a0bc;height:35px;line-height:35px; font-size:34px; }
.product-slides .owl-prev:before{
	content:"\f104";
	}
.product-slides .owl-next:before{
	content:"\f105";
	}
.product-item{
	position:relative;
	font-size:24px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:271px;
	margin:0 41px 25px 0;
	text-align:center;
	overflow:hidden;
	}	
.product-item .item-wrap{
	position:relative;
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	}
.product-item .pd-img img{
	position:relative;
	width:100%;
	overflow:hidden;	
	}
 	
.product-item:hover .pd-img img{
	}

.product-item .pd-info{
	padding:10px;
	}
.product-item .pd-info .pd-name{
	font-size:14px;
	 
	}	
.product-item .pd-info,.product-item .pd-info  a{}

.product-wrap .product-item{
	width:100%;
	}
.product-wrap .product-item .item-wrap{
	width:100%;
	border:1px solid #FFF;
	}
.product-wrap .product-item .pd-info{
	position:absolute;
	left:0;
	bottom:-100%;
	background:rgba(100,160,188,.9);
	padding:20px 5px;
	}
.product-wrap .product-item:hover .pd-info{
	bottom:0;
	}	
.product-wrap .product-item .pd-info .pd-name,.product-slides .product-item .pd-info .pd-name{
	font-size:16px;
	line-height:22px;
	}
.product-wrap .product-item .pd-info,.product-wrap .product-item .pd-info  a,.product-slides .product-item .pd-info,.product-slides .product-item .pd-info  a{ color:#FFF}
.product-slides .product-item{
	width:270px;
	margin:0 40px 0 0
	}
.product-slides .product-item .pd-info{
	padding:20px 5px;
	} 
/*----------------------------------page---------------------------------*/
	
.path-bar{
	position:relative;
	width:100%;
	line-height:42px;
	padding:19px 0;
	}
.path-bar li:after{
	content:"/";
	position:absolute;
	display:block;
	overflow:hidden;
	right:0;
	top:0
	}	
.path-bar .path-nav{
	border:1px solid #eeeeee;
	border-left:none;
	border-right:none;
	}	
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	color:#333333;
	font-size:16px;
	}
.path-bar li a{
	display:block;
	padding:0 10px 0 5px;
	color:#bfbfbf;
	}	
.path-bar li:hover a,.path-bar li.current a{ color:#000000;}	
.path-bar li:last-child:after{
	content:'';
	}



/*----------------------------------aside---------------------------------*/	
.aside{
	float:left;
	width:270px;
	}

.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:#353d43;
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	border:1px solid #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:#12adeb;
	}			
.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:#12adeb;
	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:60px;border:1px solid #eeeeee; 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:#64a0bc;
	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 #64a0bc ;border-bottom:1px double #64a0bc; ;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:372px;
	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:#64a0bc;
	}
.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:485px;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:#64a0bc
 
	}
.product-detail .detail-panel{
	padding:20px 0;
	display:block;
	overflow:hidden
	}
.product-detail .disabled{ display:none;}





.goods-tbar{
	position:relative;
	background:#353d43;
	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:936px;
	margin:25px 0 0;
	}		

.goods-items .owl-nav {display:inline;position:absolute;top:-53px; right:40px }	

.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:#fff ; }
	
.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,.foot-wrapper a{color:#80878e}	
 .foot-items{
	padding:50px 0;
	}
.foot-item{

	width:50%;
	margin:0 0 20px;
	}
.foot-item .foot-cont{
	padding:0  20px 0 0;
	}
.foot-item .foot-tit{
	padding:0  20px 0 0;
	}	
 
.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{
	width:100%;
	margin:-20px 0 0
	}	
.synopsis-item{
	width:50%;
	margin:0 0 20px;
	}
.synopsis-item .item-wrap{
	width:96%;
	margin:0 auto; 
	padding:25px 15px
	}
.synopsis-item .item-img{
	
	width:auto;
	height:auto;
	line-height:normal;
	max-width:100%;
	
	}
.synopsis-item .item-img img{
	width:auto;
	height:auto;
	max-width:85px;
	}
.synopsis-item .item-info{

	padding:25px   0;
	}
 



 
.about-us{
	position:relative;
	width:100%;
	}
.about-us .about-img{
	display:block;
	width:auto;
	overflow:hidden;
	margin:0 0 30px
	}	

 
.about-us .about-detail{
	display:block;
	width:auto;
	float:none;
	}
		
 
	
	
	
	
.product-slides-wrap{
	position:relative;
	width:100%;
	padding:60px 0 40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	}
.product-slides-title{
	position:relative;
	top:auto;
	margin:0 0 30px;
	}	
		
.product-slides-cont,.product-slides{
	width:100%;
	margin:0;
	}

.product-item{
	width:33.333%;
	margin:0 0 15px;
	}	
.product-item .item-wrap,.product-wrap .product-item .item-wrap{
	width:96%;
	margin:0 auto;
	}
 

.product-wrap .product-item,.product-slides .product-item,.goods-items .product-item{
	width:100%;
	}

.product-wrap .product-item .pd-info{
	position:relative;
	left:0;
	bottom:auto;
	padding:20px 5px;
	background:none;
	}
 
.product-wrap .product-item .pd-info,.product-wrap .product-item .pd-info  a{ color:inherit}
 

/* ===================================================

 * 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-items{
	padding:30px 0;
	}
.foot-item{
	width:100%;
	}
.foot-item .foot-cont,.foot-item .foot-tit{
	padding:0;
	}
.company-synopses{
	margin:0
	}
.synopsis-item,.synopsis-item .item-wrap{
	width:100%;
	}
.synopsis-item .item-wrap{
 
	padding:10px;
	}
.synopsis-item .item-info .item-title{
	font-size:20px;
	}	
 .synopsis-item .item-info .item-detail{
	 font-size:16px;
	 }
.about-us-wrap {

    padding: 50px 0;
} 
 .about-us .about-detail .title{
	 font-size:20px;
	 }	
.about-us .about-detail .title:after{ display:none;}
.main-product-wrap {
    padding: 50px 0 30px;
}
.main-product-title .title,.product-slides-title .title{
	font-size:24px;
	}		
.product-item{
	width:50%;
	}	

.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:#64a0bc !important;
	}









