@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 0 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:60px;

	}			

.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:18px;

	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 50px;

	}

.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%;
	max-width:88px;
	max-height:88px;

	}

.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;

	}

.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:5px;

	color:#275275;

	font-size:12px;
cursor: pointer;
	}	

.side-cate ul li>ul{ display:none;}
.side-cate-menu li .icon-cate-down:before {
	content: '\f067';
}
.side-cate-menu li .icon-cate-up: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{

	position:relative;
	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;}



.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;

	}	
.nav > li > ul > li > a:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top:1.35em; 
}
.nav>li{ border-bottom:1px solid #eee; line-height:2.75em;}
.nav>li:after {
    content: '\f105';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2.75em;
}
.nav > li > ul > li > a{
    display: block;
    position: relative;
    padding-left: 1em;
    float: none;
    font-weight: bold;
}
.nav > li > ul > li{ display:block;}
.nav>li>ul>li>ul{ margin-left:5%;}
/* 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%;

	padding:60px 0 0;

	}

.company-synopses{

	width:100%;

	}	

.synopsis-item{

	width:50%;

	margin:0 0 60px;

	}

.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-view .image-additional li.single{ display:block}
/* product summary */

.product-summary{ position:relative;width:100%;float:none;}



.product-summary .share-this{

	float:none;

	margin:30px  0;

	}

/* 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{

	padding:20px 0 30px 0;

	font-size:14px;

	}	



}





@media screen and (max-width: 641px){

	

.synopsis-item{

	width:100%;

	}

.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;

	}	

	}

.change-language{
 
	margin:7px 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 !important;}
.change-language-info:hover .change-language-title,.change-language-info:hover .change-language-title a,.change-language-info:hover .change-language-title span,.change-language-info:hover .language-icon{ color:inherit !important}