@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000
	}
.head-social,.head-social li,.language,.head-search-wrap,.head-search,.head-search-wrap .search-title,.nav-bar .nav{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left;
	 
	}	
.topbar{
	position:relative;
	
	background:#222222;
	text-align:right;
	}

.head-social{
	float:left;
	}
.head-social li{
	margin:0 6px 0 0;
	line-height:45px;
	}
.head-social li img	{
	max-width:22px;
	opacity:.4;
	}
.head-social li:hover img{
	opacity:1;
	}	
.language{
	
	
	}
.head-search-wrap{

	margin: 12px 30px 0 30px;
	}
 .head-search-wrap:before{
	 content:"/";
	 font-size:24px;
	 position:absolute;
	 left:-18px;
	 top:-6px;
	 color:#FFF;
 }	
.head-search-wrap .search-title{
	width:20px;
	height:20px;
	margin:2px 0 0;	
	background-position:-362px 4px;
	cursor:pointer;
	}
.head-search-wrap.wrap-hide .search-title{
	background-position:-305px 2px;
	} 	
.head-search{
	width:0;
	height:25px;
	opacity:0;
	overflow:hidden;
	}
	
.head-search .search-ipt{
	position:absolute;
	right:0;
	top:0;
	width:265px;
	height:25px;
	background:none;
	color:#FFF;
 	border:none;
	}
.head-search .search-btn{
	position:absolute;
	left:0;
	top:4px;
	width:25px;
	height:25px;
	border:none;
	background-color:transparent;
	background-position:-305px 2px;
	}
.logo{
	position:relative;
	float:left;
	}	
.logo img{
	position:relative;
	max-height:85px;	margin-top: -10px;
	}			
.nav-bar{
	height:60px;
	padding:33px 0;
	text-align:right;
	background:#FFF;
	}
.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:20px;
	padding:0 25px;
	}	
.nav-bar .nav > li > a:before{
	content:"";
	position:absolute;
	left:25px;
	top:10px;
	width:0;
	height:2px;
	background:#275275;
	}
.nav-bar .nav > li:hover > a:before,.nav-bar .nav > li.nav-current > a:before{
	width:18px;
	}				
.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,1);
	text-align:left;
	display:none;
	z-index:999;
	border:1px solid transparent
	
	}
.nav-bar .nav ul ul{
	top:0;
	left:227px;
	}
 
.nav-bar .nav ul li:hover >a{
	background:#FFF;
	color:#e7192d
	}	
.nav-bar  .nav  li .nav-ico{
	position:absolute;
	right: 5px;
	top:0;
	height:60px;
	line-height:60px;
	font-size:12px;
	 
	}
 .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:#275275;}
.nav-bar .nav li:hover > .nav-ico:after,.nav-bar .nav li.nav-current  .nav-ico:after{ color:#275275;}
.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%;
	background:#222222;
	margin:50px 0 0;
	}
.foot-wrapper,.foot-wrapper a{ color:#CCC;}	
.foot-items{
	padding:35px 0 20px;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.foot-item.foot-item-contact{
	width:355px;
	}
.foot-item.foot-item-inquiry{
	width:380px;
	}
.foot-item.foot-item-news{
	width:465px;
	}
.foot-item.foot-item-contact .foot-cont	.foot-tit,.foot-item.foot-item-contact .foot-cont{ padding:0 115px 0 0;}
.foot-item.foot-item-inquiry .foot-cont	.foot-tit,.foot-item.foot-item-inquiry .foot-cont{ padding:0 85px 0 0;}	
.foot-item .foot-tit{
	color:#FFF;
	font-size:20px;
	margin:0 0 30px;
	}	
.foot-item.foot-item-contact ul li{
	position:relative;
	line-height:28px;
	padding:0 0 0 30px;
	margin:0 0 5px;
	}
.foot-item.foot-item-contact ul li:before{
	content:"";
	position:absolute;
	left:0;
	top:5px;
	width:30px;
	height:20px;
	background-repeat:no-repeat;
	background-image:url(img/page-ico.png);
	}
.foot-item.foot-item-contact ul li.foot-addr:before{
	background-position:-17px -168px;
	}
.foot-item.foot-item-contact ul li.foot-phone:before{
	background-position:-17px -228px;
	}
.foot-item.foot-item-contact ul li.foot-email:before{
	background-position:-17px -260px;
	}
.foot-item.foot-item-contact ul li.foot-fax:before{
	background-position:-17px -295px;
	}
.foot-item.foot-item-contact ul li.foot-skype:before{
	background-position:-17px -328px;
	}
.foot-item.foot-item-inquiry .subscribe{
	}
.foot-item.foot-item-inquiry .subscribe p{
	}
.foot-item.foot-item-inquiry .subscribe-form{
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{
	position:relative;
	width:210px;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:none;
	background:#FFF;
	color:#999;
	font-style:italic;
	margin:15px 0 10px;
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn	{
	position:relative;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:none;
	border-radius:3px;
	}
.news-slides{ padding:0 0 30px;}	
.news-slides .owl-dots {
	text-align:right;
}
.news-slides .owl-dots .owl-dot {
	width:11px;
	height:11px; 
	margin:0 6px;
}		
.foot-news-item{
	}
.foot-news-item .item-wrap{
	}
.foot-news-item .news-cont-pic{
	position:relative;
	width:120px;
	float:left;
	margin:0 20px  0px 0;
	}
.foot-news-item .news-cont-pic img{
	}
.foot-news-item .news-cont-info{
	}
.foot-news-item .news-cont-info .news-cont-title,.foot-news-item .news-cont-info .news-cont-title a{
	color:#FFF;
	font-family:'SourceSansProSemibold';
	font-size:14px;
	}
.foot-news-item .news-cont-info .news-cont-time{
	}
.foot-news-item .news-cont-info .news-cont-text{
	}
.footer{
	position:relative;
	text-align:center;
	background:#111111;
	padding:23px 0 10px;
	}
.foot-social{
	}
.foot-social li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0 8px;
	}
.foot-social li img{
	max-width:25px;
	}
.copyright	{
	margin:15px 0 0
	}
/*--------------------------index---------------------------*/	
.index-layout{
	position:relative;
	width:100%;
	}

.company-synopses-wrap{
	position:relative;
	width:100%;
	padding:95px 0 400px;
	}
.company-synopses{
	position:relative;
	width:110%;
	}	
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	text-align:center;
	width:374px;
	margin:0 39px 0 0;
	}
.synopsis-item .item-wrap{
	position:relative;
	overflow:hidden;	 
	border:1px solid #e8e8e8;
	border-radius:5px;
	z-index:0;
	}
.synopsis-item .item-ico{
	position:absolute;
	left:0;
	top:-49px;
	width:100%;
	z-index:1;
	}
.synopsis-item .item-ico img{
	border:10px solid #FFF;
	/*border-radius:50%;*/
	width:70%;
	}
.synopsis-item .item-img{
	}
.synopsis-item .item-img img{
	}
.synopsis-item .item-info{
	position:relative;
	padding:30px;
	}
.synopsis-item .item-info .item-title{
	font-size:24px;
	margin:0 0 10px;
	}
.synopsis-item .item-info .item-detail{
	font-size:16px;
	color:#7c7770;
	}
.synopsis-item.current .item-wrap{
	box-shadow:0 0 20px rgba(0,0,0,.5);
	}
.about-us-wrap{
	position:relative;
	width:100%;
	height:380px;
	background:#e3e3e3;
	}
.about-us{
	position:relative;
	width:100%;
	}
.about-us .about-img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:735px;
	z-index:0
	}
.about-us .about-img:before{
	z-index:999;
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:0;
	height:0;
	border-bottom:380px solid #e3e3e3;
	border-left:130px dashed transparent;
	}	
.about-us .about-img:after{
	content:'';
	position:absolute;
	left:143px;
	top:0;
	width:41px;
	height:22px;
	background:url(img/triangle01.png) no-repeat top center;
	z-index:999;
	}		
.about-us .about-img .item{
	}
.about-us .about-img .item img{
	position:relative;
	width:100%;
	height:380px;
	}
.about-us .about-detail{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:465px;
	text-align:right;
	z-index:1;
	}

.about-us .about-detail:after{
	content:'';
	position:absolute;
	right:65px;
	top:0;
	width:41px;
	height:22px;
	background:url(img/triangle02.png) no-repeat top center;
	}		
.about-us .about-detail .title{
	position:relative;
	font-family:'SourceSansProSemibold';
	font-size:40px;
	color:#275275;
	margin:80px 0 0;
	}
.about-us .about-detail .text{
	position:relative;
	font-family:'SourceSansProExtraLight';
	font-size:18px;
	padding:5px 0 40px;
	height: 150px;
    overflow: hidden;
	}
.about-us .about-detail .text p{
	margin:0 0 8px;
	}	
.about-us .about-detail .read-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	font-family:'SourceSansProBold';
	color:#275275;
	font-size:19px;
	padding:0 34px;
	height:58px;
	line-height:58px;
	background:#FFF;
	border-radius:35px;
	border:1px solid #FFF;
	}
.about-us .about-detail .read-more:hover{
	border-color:#275275;
	background:none;
	}

.flex-control-nav {width: 100%; position: absolute; left:-65px; 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: 13px; height: 13px; display: block; background:rgba(0,0,0,.6); cursor: pointer; text-indent: -9999px; border-radius:50%;}
.flex-control-paging li a.flex-active{ background:#275275}
.index-title-bar{
	position:relative;
	width:100%;
	text-align:center;
	border-top:1px solid #d2d2d2;
	padding:40px 0 0;
	z-index:0;
	}
.index-title-bar .ico{
	position:absolute;
	top:-18px;
	left:50%;
	margin:0 0 0 -46px;
	width:92px;
	height:36px;
	
	background:url(img/page-ico.png) no-repeat 12px  -88px;
	background-color:#FFF;
	z-index:1;
	}
.index-title-bar .title{
	font-size:36px;
	text-transform:uppercase;
	}
.main-product-wrap{
	margin:70px 0 0;
	}
.product-wrap{
	position:relative;
	width:110%;
	margin:25px 0 0;
	}
.product-item{
	position:relative;
	font-size:24px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:296px;
	margin:0 26px 26px 0;
	text-align:center;
	}	
.main-product-wrap .product-item{
	width:282px;
	margin:0 24px 24px 0;
	}	
	
.product-item .item-wrap{
	position:relative;
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	border:2px solid #c0c0c0;
	border-radius:8px;
	background:#275275;
	}
.product-item .pd-img img{
	position:relative;
	width:100%;
	border-radius:6px;
	overflow:hidden;
	
	}
.product-item .pd-img .ico{
	position:absolute;
	width:40px;
	height:40px;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px;
	background: url(img/page-ico.png) no-repeat -204px -90px;
	opacity:0;
	visibility:hidden;
	}	
.product-item .pd-img:hover img{
	opacity:.5
	}
.product-item .pd-img:hover .ico{
	opacity:1;
	visibility:visible;
	}
.product-item .pd-info{
	padding:10px;
	}
.product-item .pd-info .pd-name{
	font-size:16px;
	 
	}	







/*----------------------------------page---------------------------------*/
.path-bar{
	position:relative;
	width:100%;
	line-height:33px;
	margin:0 0 26px;
	background:#eeeeee;
	}
.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:#999;
	}
.path-bar li a{
	display:block;
	padding:0 15px 0 5px;
	color:#999;
	}	
.path-bar li:hover a,.path-bar li.current a{
	
	}	
.path-bar li:last-child:after{
	content:'';
	}



/*----------------------------------aside---------------------------------*/	
.aside{
	float:left;
	width:230px;
	}

.side-tit-bar{
	position:relative;
	}
	
.side-tit-bar .side-tit{
	position:relative;
	font-size:18px;
	line-height:40px;
	padding:0 0 0 20px;
	font-family:'SourceSansProBold';
	color:#275275;
	}
.side-tit-bar .side-tit:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:6px;
	height:100%;
	background:#275275;
	}
	
.side-widget{
	position:relative;
	margin:0 0 40px;
	
	}
.side-widget .side-cate{
	padding:0 0 0 20px;
	}		
.side-cate ul li{
	position:relative;
	line-height:38px;	
	
	}
.side-cate ul li li li{ padding:0 10px;}	
.side-cate ul li a{
	position:relative;
	display:block;
	}		
.side-cate ul li li a{
	color:#275275;
	margin-left:10px;
	}
 			
.side-cate-menu li .side-ico{
	position:absolute;
	right:0;
	top:0;
	color:#275275;
	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:25px 0 0;
	}
.products-scroll-list li{padding:0 0 15px; display:block; overflow:hidden;}
.products-scroll-list li img{width:65px;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:-20px 0 20px;
	}
.side-bn{
	max-width:100%;
	margin:0 0 25px 0;
	}		
.side-bn img{
	max-width:100%
	}


.main{
	position:relative;
	width:940px;
	display:block;
	float:right;
	}	
	
.main-tit-bar{
	overflow:hidden;
	border-bottom:1px solid #ebebeb;
	padding:0 0 8px;
	margin:0 0 10px;
	}	
.main-tit-bar .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	font-family:'SourceSansProSemibold';
	font-size:24px;
	}
.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:center;
	}	
					
.page-bar .pages{display:inline-block;}
.pages  a,.pages span{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid #e5e5e5;
	height:33px;
	line-height:33px;
	padding:0 14px;
	margin:0 4px;
	vertical-align:middle;
	border-radius:5px;
	}
.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:#222222;
	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 #275275 ;border-bottom:1px double #275275; ;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:315px;
	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 #CCC;
	}	
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 17px;
	
	}	
 .product-view .image-additional li.current img{
	border-color:#F00;
	}
.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:590px;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:#275275;
	border:1px solid #275275;
	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:#275275;
	}	
.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 .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	font-family:'SourceSansProSemibold';
	font-size:14px;
	padding:0 15px;
	line-height:26px;
	cursor:pointer;
	border-radius:3px;
	overflow:hidden;
	color:#000;
	font-size:16px;
	margin:0 10px 0 0;
	}
	
.detail-tabs .title.current{
	box-shadow:2px 2px 8px rgba(0,0,0,.3)
	}
.product-detail .detail-panel{
	padding:20px 0;
	display:block;
	overflow:hidden
	}
.product-detail .disabled{ display:none;}





.goods-tbar{
	position:relative;
	}	
.goods-tbar .title{
	position:relative;
	font-family:'SourceSansProSemibold';
	font-size:18px;
	color:#000;
	}	
				
.goods-may-like{
	position:relative;
	margin:40px 0 0;
	}

.goods-items-wrap{
	position:relative;
	width:100%;
	}
.goods-items{
	position:relative;
	width:966px;
	margin:25px 0 0;
	}		

.goods-items .owl-nav {display:inline;position:absolute;top:-50px; right:15px }	

.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:30px; color:#666  }
	
.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;}
* .synopsis-item .item-ico {
	position: absolute;
left: 0;
top: -49px;
width:100%;
z-index: 1;
}
* .synopsis-item .item-info {display:none;}
* .synopsis-item {
	position: relative;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1;
text-align: center;
width:30%;
margin:0;
}
*.synopsis-item .item-ico img {border: 10px solid #FFF;
width: 100%;}
*.company-synopses-wrap{
	position:relative;
	width:100%;
	padding: 95px 0 320px;
	}

.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{ 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;
    padding: 33px 0 15px;
}
 .logo{
	float:none;
	text-align:center
	}	
.logo img{
	max-height:none;
	max-width:30%;
	}
	
.head-search{
	width:100%;
	opacity:1;
	background:#ccc;
	}
.head-search .search-ipt{
	
	width:100%;
	padding:0 20px;
	border-bottom:1px solid #CCC
	}
.head-social{
	float:none;
	width:100%;
	text-align:center;
	}	
.head-social li{
	
	padding:0 5px;
	}
.head-social li img{
	background:#000;
	}		
/*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 

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

 
 
.foot-items{
	width:98%;
	margin:0 auto;
	}
.foot-item.foot-item-contact,.foot-item.foot-item-inquiry,.foot-item.foot-item-news{
	width:100%;
	margin:0 0 20px;
	}
 
.foot-item.foot-item-contact .foot-cont	.foot-tit,.foot-item.foot-item-contact .foot-cont,.foot-item.foot-item-inquiry .foot-cont	.foot-tit,.foot-item.foot-item-inquiry .foot-cont{ padding:0 ;}

 
.foot-item.foot-item-inquiry .subscribe-form{
	position:relative;
	width:100%
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{
	width:90%;
	}

.news-slides .owl-dots {
	text-align:center;
}
 
.news-slides .owl-dots .owl-dot {
	width:6px;
	height:6px; 
}





/* ===================================================

 * for:homepage 

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

.company-synopses-wrap{
	position:relative;
	width:100%;
	}
.company-synopses{
	width:100%;
	}	
.synopsis-item{
	width:32%;
	}
.synopsis-item .item-wrap{
	width:96%;
	margin:0 auto; 
	}
.about-us-wrap{
	height:auto;
	padding:0 0 30px;
	}
.about-us .about-img{
	width:100%;
	}
.about-us .about-img:before{ display:none;}	
.about-us .about-img:after{
	left:50%;
	margin:0 0 0 -20px;
	}		
.about-us .about-detail{
	width:98%;
	text-align:left;
	margin:0 1%;
	}

.about-us .about-detail:after{
	right:50%;
	margin:0 -20px 0 0;
	}		


.flex-control-nav {left:0;}
 
.product-wrap{
	width:100%;
	}
.product-item,.main-product-wrap .product-item{
	width:33.33333333%;
	margin:0 0 20px;
	}	
.goods-items .product-item{
	width:100%;
	margin:0;
	}		
.product-item .item-wrap{
	width:96%;
	margin:0 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{}
.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{
	padding:20px 0 30px 0;
	font-size:14px;
	}	

}


@media screen and (max-width: 641px){
	
.synopsis-item{
	}
.synopsis-item .item-wrap{
	width:98%;
	}	
.about-us .about-img:after,.about-us .about-detail:after{
	display:none;
	}
.about-us .about-detail .title{

	margin:40px 0 10px;
	}			
.product-item,.main-product-wrap .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;
	}	