@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	background:url(img/head-bg.png) no-repeat bottom center;
	}
.language,.nav-bar .nav-wrap,.nav-bar .nav{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
 
	 
	}	
.language,.nav-bar .nav{
	text-align:left; 
	}	
 
.change-language{
	margin:26px 0 5px;
	 }
.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}
.nav-right{
	position:relative;
	display:block;
	height:60px;
	}
.head-search-wrap{
	position:absolute;
	right:0;
	top:0;
	}

.head-search-wrap .search-title{
	width:30px;
	height:30px;	 
	background-position:-348px 6px;
	cursor:pointer;
	background-color:#504f4f;
	border-radius:5px;
	position:absolute;
	right:0;
	top:15px;
	}
.head-search-wrap.wrap-hide .search-title{
	background-position:-301px 3px;
	} 	
.head-search{
	position:relative;
	width:900px;
	height:30px;
	display:none;
	float:left;
	margin:15px 0 0;
	}
.head-search .search-ipt{
	position:absolute;
	left:40px;
	top:0;
	width:800px;
	height:30px;
	background:none;
 	border:none;
	font-size:16px;
	color:#FFF;
	}
.head-search .search-btn{
	position:absolute;
	left:0;
	top:4px;
	width:30px;
	height:30px;
	border:none;
	background-color:transparent;
	background-position:-305px 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;
	line-height:130px;

	}	
.logo img{
	position:relative;
	max-height:130px;
	}			
.nav-bar{

	text-align:right
	}
.nav-bar .nav{
	position:relative;
	margin: 0 50px 0 0
	}
.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 20px;
	}
.nav-bar .nav > li > a{
	height:60px;
	line-height:60px;
	font-size:18px;
	color:#FFF;
	}	
.nav-bar .nav > li > a:before{
	content:"";
	position:absolute;
	left:0;
	bottom:5px;
	width:0;
	height:2px;
	background:#fff;
	}
.nav-bar .nav > li:hover > a:before,.nav-bar .nav > li.nav-current > a:before{
	width:100%;
	}				
.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:#28a8db
	}	
.nav-bar  .nav  li .nav-ico{
	position:absolute;
	right: -15px;
	top:0;
	height:60px;
	line-height:60px;
	font-size:10px;
	 
	}
 .nav-bar .nav li  .nav-ico:after{
	content:'\f0d7';
	color:#FFF;
	}
.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';
	color:inherit;
	}	
 
 
.fixed-nav{
		position: fixed;
		width:100%;
		top:-130px; 
		-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; background-color:#FFF}
 
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	background:#053141 url(img/foot-bg.jpg) no-repeat top center;
	margin:50px 0 0;
	font-size:15px;
	}
.foot-wrapper,.foot-wrapper a{ color:#CCC;}	
.foot-items{
	padding:50px 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:22px;
	margin:0 0 20px;
	}	
.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:260px;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:none;
	background:#7e7e7e;
	color:#999;
	font-style:italic;
	margin:15px 0 10px;
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn	{
	position:relative;
	padding:0 15px;
	height:30px;
	line-height:30px;
	border:none;
	background:#28a8db;
	color:#FFF;
	}
.news-slides{ padding:0 0 30px;}	
.news-slides .owl-dots {
	text-align:left;
 
}
.news-slides .owl-dots .owl-dot {
	width:6px;
	height:6px; 
	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;
	line-height:30px;
	padding:30px 0;
	}
.foot-social{
	float:left;
	}
.foot-social li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0 16px 0 0;
	}
.foot-social li img{
	max-width:25px;
	-webkit-filter: sepia(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray!important;
	}
.foot-social li:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
	}
.copyright	{
	float:right;
	}
/*--------------------------index---------------------------*/	
.index-layout{
	position:relative;
	width:100%;
	}
	

.company-synopses-wrap{
	position:relative;
	width:100%;
	padding:60px 0;
	}
.company-synopses{
	position:relative;
	width:100%;
	}	
 
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	text-align:center;
	width:25%;
	text-transform:uppercase
	}
	
.synopsis-item .item-wrap{
	position:relative; 
	z-index:0;
	padding:0 45px;
	}

.synopsis-item .item-img{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	width:92px;
	height:92px;
	line-height:92px;
	}
.synopsis-item .item-img img{
	max-width:65px;
	max-height:65px;
	}
.synopsis-item .item-img:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #28a8db;
	}	
.synopsis-item .item-img img{
	}
 
.synopsis-item .item-info{
	position:relative;
 
	}
.synopsis-item .item-info .item-title{
	position:relative;
	font-family:'SourceSansProSemibold';
	font-size:16px; 
	padding:10px 0;
	margin:0 0 15px;
	
	}
.synopsis-item .item-info .item-title:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:44px;
	height:1px;
	background:#a0a0a0;
	margin:0 0 0 -22px;
	}	
.synopsis-item .item-info .item-title,.synopsis-item .item-info .item-title a{ color:#000;}
.synopsis-item .item-info .item-detail{
	font-family:'SourceSansProLight';
	color:#7c7770;
	font-size:13px;
	line-height:22px;
	}
 
.synopsis-item.current .item-wrap:after{
	background:#28a8db
	}
.synopsis-item.current .item-info .item-title,.synopsis-item.current .item-info .item-title a{ color:#28a8db}	
.synopsis-item.current .item-img:before{
	/*-moz-transform:rotate(-45eg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-style:dotted;*/
	 
	}
 	
.synopsis-item.current .item-img:before{
	left:14px;
	top:14px;
	width:65px;
	height:65px;
	border-style:dotted;
	-moz-transform:rotate(-135eg);
	-webkit-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	transform:rotate(-135deg);
	}	
.synopsis-item.current .item-info .item-title:after{
	background:#28a8db
	}
.index-title-bar{
	position:relative;
	width:100%;
	text-align:center;
	margin:0 0 28px;
	font-family:"MS Serif", "New York", serif;
	text-transform:uppercase;
	}
.index-title-bar:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:234px;
	height:1px;
	background:#a0a0a0;
	margin:0 0 0 -117px;
	z-index:0;
	}	
.index-title-bar:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:46px;
	height:1px;
	background:#FFF;
	margin:0 0 0 -23px;
	}
.index-title-bar .title{
	
	font-size:46px;
	}
.index-title-bar .title,.index-title-bar .title a{ color:#000;}	
.index-title-bar .text{
	font-size:14px;
	padding:18px 0 25px;
	color:#8c8989;
	}	
.index-title-bar .text:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-1px;
	width:5px;
	height:5px;
	border-radius:50%;
	margin:0 0 0 -2px;
	background:#28a8db;
	z-index:1;
	}	
.product-portfolio-wrap{
	}
 	
.product-portfolio{
	position:relative;
	width:100%;
	}	
.portfolio-item{
	position:relative;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
	width:25%;
	height:350px;
	overflow:hidden;
	}
.portfolio-item.current{
	width:50%;
	}	
.portfolio-item .item-wrap{
	position:relative;
	}
.portfolio-item .item-img{
	position:relative;
	width:100%;
	}
.portfolio-item .item-img img{
	position:relative;
	width:100%;
	}
.portfolio-item .item-info{
	position:absolute;
	width:100%;
	height:100%;
	bottom:-100%;
	left:0;
	background: rgba(40,168,219,.9);
	
	}
.portfolio-item:hover .item-info{
	bottom:0;
	}	
.portfolio-item .item-info,.portfolio-item .item-info a{color:#FFF;}
.portfolio-item .item-info .item-info-wrap{
	position:relative;
	display: table-cell;
    vertical-align: bottom;
	*position:absolute; 
    *bottom: 0;
    *left: 0;
	 width:100%;
	height:350px;
	
	}
.portfolio-item .item-info .item-info-wrap .ver-center{
	position:relative;
	padding:30px;
	
	}
.portfolio-item .item-info .item-title{
	position:relative;
	font-size:20px;
	padding:15px 0 10px;
	}
.portfolio-item .item-info .item-title:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:55px;
	height:7px;
	background:#fff;
	}
.portfolio-item .item-info .item-detail{
	position:relative;
	font-size:16px;
 
	}
	
 
	
.about-us-wrap{
	position:relative;
	width:100%;
	padding:70px 0;
	
	}
.about-us{
	position:relative;
	width:1000px;
	margin:0 auto;
	}
.about-us .about-img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:500px;
	float:right;
	z-index:0;
	}
 		
.about-us .about-img .item{
	}
.about-us .about-img .item img{
	position:relative;
	width:100%;
	}
.about-us .about-detail{
	position:absolute;
	width:585px;
	left:0;
	top:48px;
	text-align:center;
	box-shadow:0 0 10px rgba(40,168,219,.3);
	z-index:1;
	}
.about-us .about-detail .wrap{
	position:relative;
	padding:30px 50px;
	background:#FFF;
	}		
.about-us .about-detail .title{
	position:relative;
	font-size:20px;
	padding:25px 0;
	margin:0 0 20px;
	}
.about-us .about-detail .title,.about-us .about-detail .title a{ color:#000;}	
.about-us .about-detail .title:after{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:74px;
	height:2px;
	margin:0 0 0 -37px;
	background:#a0a0a0
}
.about-us .about-detail .text{
	position:relative;
	color:#7f7f7f;
	font-family:'SourceSansProLight';
	text-transform:uppercase;
	line-height:30px;
	}
.about-us .about-detail .text h4{
	color:#28a8db;
	font-weight:bold;
	font-size:20px;
	margin:38px 0 10px;
	}
.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:#28a8db;
	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:#28a8db;
	background:none;
	}

.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: 30px; height:2px; display: block; background:#FFF; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a.flex-active{ background:#28a8db}

.main-product-wrap{
	position:relative;
	}
.main-product-wrap .product-wrap{
	position:relative;
	width:110%;
	}
.product-item{
	position:relative;
	font-size:24px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:298px;
	margin:0 23px 23px 0;
	text-align:center;
	}	
.main-product-wrap .product-item{
	width:282px;
	margin:0 24px 14px 0;
	}	
.main-product-wrap .product-item .item-wrap{
	border:none;
	padding:0;
	}		
.product-item .item-wrap{
	position:relative;
	border:1px solid #c7c7c7;
	padding:3px;
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	}
.product-item .pd-img img{
	position:relative;
	width:100%;
	overflow:hidden;
	
	}
.product-item .pd-img:hover img{
	opacity:.5
	}

.product-item .pd-info{
	padding:10px;
	}
.product-item .pd-info .pd-name{
	font-family:'SourceSansProSemibold';
	font-size:16px;
	 
	}	
.product-item .pd-info .pd-name,.product-item .pd-info .pd-name a{ color:#000}
.product-items-slide .owl-nav {display:inline;position:absolute;top:-45px; right:20px; z-index:0; }	

.product-items-slide .owl-prev,.product-items-slide .owl-next{ position:relative;overflow:hidden; z-index:999; float:left;display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; background:#fff; font-size:27px; margin:0 3px;}
.product-items-slide .owl-prev:before{
	content:"\f104";
	}
.product-items-slide .owl-next:before{
	content:"\f105";
	}
.product-items-slide .owl-prev:hover,.product-items-slide .owl-next:hover{
	color:#28a8db
	}





/*----------------------------------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:#28a8db;
	background:#f7f7f7;
	}
.side-tit-bar .side-tit:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:6px;
	height:100%;
	background:#28a8db;
	}
	
.side-widget{
	position:relative;
	margin:0 0 40px;
	
	}
.side-widget .side-cate{
	 
	}		
.side-cate ul li{
	position:relative;
	line-height:38px;
	padding:0 20px;
	
	}
 .side-cate ul li li{
	 padding:0 10px;
	 }
.side-cate ul li a{
	position:relative;
	display:block;
	border-bottom:1px solid #d6d6d6;
	}		
 
 			
.side-cate-menu li .side-ico{
	position:absolute;
	right:0;
	top:0;
	color:#28a8db;
	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;
	color:#707070;
	}
.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 #28a8db ;border-bottom:1px double #28a8db; ;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:#28a8db;
	border:1px solid #28a8db;
	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:#28a8db;
	}	
.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;
	overflow:hidden;
	color:#FFF;
	font-size:16px;
	margin:0 10px 0 0;
	background:#a5a7a8;
	}
	
.detail-tabs .title.current{
	background:#28a8db;
	
	}
.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:963px;
	margin:25px 0 0;
	}		

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

.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:24px; 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%;}

 
.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,.head-search-wrap,.nav-wrap .language,.nav-right{
	display:none;
}
.nav-bar {
    height:auto;
}

.logo{
	float:none;
	line-height:inherit;
	text-align:center;
	padding:35px 0 15px;

	}	
.logo img{
	position:relative;
	max-height:none
	}
 	
.head-search{
	width:100%;
	display:block;
	float:none;
	background:#CCC;
	}
.head-search .search-ipt{
	width:90%;
	}

.head-social{
	float:none;
	width:100%;
	text-align:center;
	}	
.head-social li{
	
	padding:0 5px;
	}
 	
/*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; 
}

.footer{
	text-align:center
	}
.foot-social,.copyright{
	float:none;
	}
/* ===================================================

 * for:homepage 

 * --------------------------------------------------- */
.layout{
	width:98%;
	margin:0 auto;
	}
 
 	
.synopsis-item{
	width:50%;
	margin:0 0 60px;
	}
.synopsis-item .item-wrap{
	width:96%;
	margin:0 auto; 
	padding:0 20px 30px;
	}
.portfolio-more a{ color:#FFF}
.about-us-wrap{
	padding:50px 0;
	
	}
.about-us{
	width:100%;
	}
.about-us .about-img{
	width:100%;
	float:none;
	}

.about-us .about-detail{
	width:90%;
	left:5%;
	}


.flex-control-nav {left:0;}

 .main-product-wrap .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{ 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{
	top:20px;
	}
.about-us .about-detail img{ display:none;}
.about-us .about-detail .wrap{
	padding:20px;
	}
.about-us .about-detail .title{
	font-size:18px;
	padding:15px 0;
	margin:0 0 10px;
	}
.about-us .about-detail .text{
	line-height:20px;
	}
.product-portfolio-wrap{
	}
.portfolio-item,.portfolio-item.current{ width:100%;}				
.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;
	}	
	}

.bottomsidebar .bottomcontent{
	background:#28a8db !important;
	}