@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	}
.header{
	position:relative;
	text-align:right;
	z-index:1;
	}
.logo{
	position:relative;
	float:left;
}
.logo img{
	position:relative;
	height:1.17rem;
	}
.change-language{
	margin:.38rem  0 0;
	}
 
.change-language-info .language-icon{ font-size:12px; right:7px !important; top:7px !important;}
.logo,.head-social,.head-social li{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:left; 
	}
.head-social{
	margin:.45rem .4rem 0 0
	}
.head-social li{
	margin:0 0 0 .18rem;
	}
.head-social li img{ max-width:.2rem}
.nav-bar{
	position:relative;
	background:#151515 url('../images/midground.png')repeat 20% 0%;
				-webkit-animation: pic_move_sl  150s linear infinite;
				-moz-animation: pic_move_sl  150s linear infinite;
				-ms-animation: pic_move_sl  150s linear infinite;
				animation: pic_move_sl  150s linear infinite;;
	z-index:0;
	}
.nav-bar .nav{
	}
 
.nav-bar .nav  li{
	position:relative;
	display:block;
	}	
.nav-bar .nav > li{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.nav-bar .nav > li.nav-current > a,.nav-bar .nav > li:hover > a{ color:#fadd3b;}	
.nav-bar .nav > li > a{
	position:relative;
	display:inline-block;
	height:.7rem;
	line-height:.7rem;
	padding:0 .4rem;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	}	
.nav-bar .nav > li:first-child > a{
	padding-left:0;
	}
.nav-bar .nav > li:last-child > a{
	padding-right:0;
	}

.nav-bar .nav > li > a:after{
	content:"";
	position:absolute;
	width:1px;
	height:.19rem;
	right:0;
	top:50%;
	margin:-.095rem 0 0;
	background:#7a7979;
	}	
.nav-bar .nav > li:last-child > a:after{ display:none;}		
.nav-bar .nav  li li{
	display:block;
	*display:block;
	line-height:35px;
 
	}
.nav-bar .nav  li li a{ padding:0 15px; display:block; border-bottom:1px solid rgba(255,255,255,0);}	
.nav-bar .nav ul{
	width:255px;
	position:absolute;
	top:.7rem;
	left:0;
	background:rgba(255,255,255,1);
	text-align:left;
	display:none;
	z-index:999;
	box-shadow:0 0 2px  rgba(0,0,0,.2);
	}
.nav-bar .nav ul ul,.fixed-nav.nav-bar .nav ul ul{
	top:0;
	left:257px;
	}
.nav-bar  .nav  li .nav-ico{
	margin:0 0 0 10px;
	font-size:14px;
	}
 .nav-bar .nav li  .nav-ico:after{
	content:'\f107';
	}
.nav-bar  .nav  li li .nav-ico{
	position:absolute;
	top:0;
	right:10px;
	line-height:35px;	
	}
 .nav-bar .nav li li .nav-ico:after{
	content:'\f105';
	}	
 
 
.fixed-nav{
		position: fixed;
		width:100%;
		top:0; 
		-webkit-transition: top .5s;
		-moz-transition: top .5s;
		-o-transition: top .5s;
		transition: top .5s;
 
	 
	}
.head-search{
	position:absolute;
	right:0;
	top:.175rem;
	}
.head-search,.head-search-form .search-ipt,.head-search .search-btn{-webkit-transition:all .3s ease;transition:all .3s ease;}
.head-search .head-search-form{display:none\9;width:400px; position:absolute;right:45px;top:0;border:none; background:rgba(255,255,255,1);border-radius:4px;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:right 0;transform-origin:right 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:999999999;}
.head-search .search-toggle{display:inline-block;width:35px;height:35px;background:url(../images/search_btn.png) no-repeat center center;border:0;float:left;position:absolute;right:0;top:0;cursor:pointer;transition:background-color .3s ease;z-index:999999999;}
.head-search-form .search-ipt{width:100%;height:35px;line-height:35px;border:0;background:none;float:left;text-indent:1em;}
.head-search-form .search-btn{display:inline-block;width:35px;height:35px;background:url(../images/search_btn.png) no-repeat center center;border:0;cursor:pointer;position:absolute;right:0;top:0;border-radius:0 4px 4px 0;}
 
.head-search-show .head-search-form{box-shadow:0 0 1em rgba(0,0,0,.15);display:block\9;-webkit-transform:none;transform:none;opacity:1;visibility:visible;}
.head-search-show .search-toggle{background-image:url(../images/search_btn_close.png)}
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	font-size:14px;
	background-repeat:repeat;
	background-position:0 0;
	text-align:center;
	padding:.7rem 0;
	background:-webkit-animation: pic_move  150s linear infinite;
				-moz-animation: pic_move  150s linear infinite;
				-ms-animation: pic_move  150s linear infinite;
				animation: pic_move  200s linear infinite;
				background-size:cover;
	}

.foot-wrapper,.foot-wrapper a{ color:#ffffff; }
.foot-wrapper a:hover{ color:#476e82}
.subscribe{
	
}
.subscribe .title{
	position: relative;
	font-size:.4rem;
	text-transform:uppercase;
}
.subscribe span{
	position:relative;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.22rem;
	color:rgba(255,255,255,.6);
	margin:.25rem 0 .4rem;
	}
.subscribe .button{
	position:relative;
 display: inline-block;
 vertical-align:top;
 padding:0 .5rem 0 .33rem;
 line-height:.52rem;
 font-family:Arial, Helvetica, sans-serif;
 border:.03rem solid rgba(255,255,255,.8);
 border-radius:.35rem;
 cursor:pointer;
 text-transform:uppercase;
}
.subscribe .button:after{
	content:"";
	position:absolute;
	width:.11rem;
	height:.1rem;
	top:.2rem;
	right:.25rem;
	background:url(../images/arrow.png) no-repeat center center;
	}
 
.subscribe .button:hover{
	 padding:0 .6rem 0 .43rem;
}
.foot-contact{ position:relative; margin:.5rem 0;}
.foot-contact li{
	position:relative;
 display: inline-block;
 vertical-align:top;
 padding:0 0 0 .4rem;
 margin:.1rem .35rem;
 opacity:.8
	}
.foot-contact li:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover
	}
.foot-contact li.foot_addr:before{
	width:.16rem;
	height:.2rem;
	background-image:url(../images/add.png)
	}
.foot-contact li.foot_phone:before{
	width:.17rem;
	height:.17rem;
	background-image:url(../images/tel.png)
	}
.foot-contact li.foot_email:before{
	width:.2rem;
	height:.13rem;
	background-image:url(../images/email.png)
	}
.foot-contact li.foot_skype:before{
	width:.19rem;
	height:.19rem;
	background-image:url(../images/skype.png)
	}
 
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgba(255,255,255,.3)
	}

/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/
																	
.page_content{
	padding:0 0 .8rem;
	} 
.company-synopses{
	position:relative;
	width:100%;
	overflow:hidden;
	}	
.company-synopses ul{
	position:relative;
	width:1250px;
	margin:0 auto;
	padding:.53rem 0;
	}
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.33333%;
	padding:0 2%;
	}
.synopsis-item .item-wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	text-align:center;
	padding:.25rem .45rem;
	z-index:0;
 	}
.synopsis-item .item-wrap .item-link{
	position:absolute;
	width:96%;
	height:96%;
	left:2%;
	top:2%;
	border:1px solid rgba(71,110,130,.3);
	z-index:10
	}
.synopsis-item .item-wrap:hover .item-link{ border:none;}
.synopsis-item .item-wrap:hover,.synopsis-item .item-wrap:hover a{ color:#FFF}
.synopsis-item .item-wrap:after{
		content:'';
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:200%;
		left:0;
		
		background:rgba(71,110,130,1);
		-webkit-transition:all 0.8s ease;
		transition:all 0.8s ease;
		z-index:9
		}	
.synopsis-item .item-wrap:before {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:100%;
	left:0;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(71,110,130,0.99) 100%);
	background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(71,110,130,0.99) 100%);
	background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#476e82', GradientType=0);
	-webkit-transition:all 0.8s ease;
	transition:all 0.8s ease;
	z-index:9
}
.synopsis-item .item-wrap:hover:after{
		top:0
		}
.synopsis-item .item-wrap:hover:before{
		top:-100%
		}	
/*.synopsis-item .item-wrap:before{
	content:"";
	position:absolute;
	width:96%;
	height:96%;
	left:2%;
	top:2%;
	border:1px solid rgba(71,110,130,.3)
	}
.synopsis-item .item-wrap:hover:before{
	width:102%;
	height:102%;
	left:-1%;
	top:-1%;
	}
.synopsis-item .item-wrap:after{
	 content: '';
	   position: absolute;
	   left:50%;
	   top:50%;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background:#f8f8f8;
  opacity:0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.8s, height 0.8s;
  transition: width 0.8s, height 0.8s;
	z-index:-1;
	}
.synopsis-item .item-wrap:hover:after{
	opacity:1;
	width: 1500px;
  	height: 1500px;
	}*/
.synopsis-item .item-img{
	position:relative;
	z-index:10;
	}

.synopsis-item .item-img img{
	position:relative;
	max-width:.81rem;
	}
.synopsis-item .item-info{
	position:relative;
	z-index:10;
	}
.synopsis-item .item-info .item-title{
	position:relative;
	font-size:.24rem;
	padding:.15rem 0 .1rem;
	}
.synopsis-item .item-info .item-detail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.7;
	}
.synopsis-item .item-info .item-more{
	position:relative;
	font-size:16px;
	color:#476e82;
	display:inline-block;
	margin:.2rem 0 .1rem;
	border-bottom:1px solid #476e82;
	}
.synopsis-item item-wrap:hover .item-info .item-more{
	border-color:#fff;
	}
 
.ad_banner{
	position:relative;
	}
.ad_banner ul{
	position:relative;
	width:1250px;
	margin:0 auto;
	}	
.ad_banner ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	
	}	
.ad_banner ul li .wrap{
	position:relative;
	margin:0 4%;
	background:#000;
	overflow:hidden;
	}
.ad_banner ul li img{
	position:relative;
	width:100%;
	}
.ad_banner ul li:hover img{
	opacity:.5
	}
.ad_banner ul li a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	}	
	/*
.ad_banner ul li a:after{
	content:"";
	position:absolute;
	left:0%;
	top:1%;
	width:100%;
	height:98%;
	border:1px solid transparent;
	z-index:0;
	}
.ad_banner ul li:hover a:after{
	-moz-transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);
	border-color:#fff;
	}	
*/
.ad_banner ul li a:before, .ad_banner ul li a:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border-color: #fff;
  border-style: solid;
  border-width: 0;
  -webkit-transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  -moz-transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  -webkit-transform: translate(0px, 0px) scale(0.8);
  -moz-transform: translate(0px, 0px) scale(0.8);
  -ms-transform: translate(0px, 0px) scale(0.8);
  -o-transform: translate(0px, 0px) scale(0.8);
  transform: translate(0px, 0px) scale(0.8);
  opacity: 0;
  z-index:1;
  border:4px solid #FFF;
}
.ad_banner ul li a:before {
  left:-30px;
  bottom:-20px;
  border-top:none;
  border-right:none;
}
.ad_banner ul li a:after {
  top:-20px;
  right:-30px;
  border-bottom:none;
  border-left:none;
}
.ad_banner ul li a:hover:before, .ad_banner ul li a:hover:after {
  -webkit-transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  -moz-transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  opacity: 1;
}
.ad_banner ul li a:hover:before {
  -webkit-transform: translate(-50px, 40px) scale(1);
  -moz-transform: translate(-50px, 40px) scale(1);
  -ms-transform: translate(-50px, 40px) scale(1);
  -o-transform: translate(-50px, 40px) scale(1);
  transform: translate(50px, -40px) scale(1);
}
.ad_banner ul li a:hover:after {
  -webkit-transform: translate(50px, -40px) scale(1);
  -moz-transform: translate(50px, -40px) scale(1);
  -ms-transform: translate(50px, -40px) scale(1);
  -o-transform: translate(50px, -40px) scale(1);
  transform: translate(-50px, 40px) scale(1);
}	
.index-title-bar{
	text-align:center;
	padding:.78rem 0 .37rem;
	}
.index-title-bar .title{
	position:relative;
	font-size:.4rem;
	}
.index-product{
	position:relative;
	width:100%;
	}
.product-items{
	position:relative;
	width:1230px;
	margin:0 auto;
 
	}

.product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:33.333%;
	padding:0 2.3% 2.3% 0;
 
}
.product-items .product-item{width:25%;padding:0 4.878%;}
.goods-items .product-item{padding:0 7% 0 0;}
.product-items .product-item,.goods-items .product-item{
	width:100%;
	margin:0;
	}
.product-item .item-wrap {
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#FFF;
}

.product-items .product-item .item-wrap{
	margin:0;
	} 
.product-item .item-img{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	}
.product-item .item-img:before{
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
	}
.product-item .item-img:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.product-item .item-img img{
	position:relative;
	width:100%;
	}
.product-item .item-wrap:hover .item-img img{
	-moz-transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.9);
	
	} 
.product-item .item-info{
	position:relative;
	margin:5px;
	} 
.product-item .item-info:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:-1px;
	top:-1px;
	border:1px solid rgba(71,110,130,.3)
	}
.product-item .item-wrap:hover .item-info:before{
	left:-10px;
	top:-10px;
	width:107%;
	height:107%;
	}

.product-item .item-info .item-title{
	position:relative;
	font-size:.2rem;
	padding:.2rem .15rem;
	}
.product-items .product-item .item-info .item-title{
	}	

/*.product-item .item-more{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:0;
	}
.product-item .item-more:before{
	 content: '';
	   position: absolute;
	   left:50%;
	   top:50%;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
 opacity:0;
  background:rgba(238,238,238,.3);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.6s, height 0.6s;
  transition: width 0.6s, height 0.6s;
	z-index:-1;
	}
.product-item .item-more:hover:before{
	opacity:1;
width: 500px;
  height: 500px;
	}
.product-item .item-more:after{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.product-item .item-more a{
	position:relative;
	display:inline-block;
	}*/
.about-us{
	position:relative;
	overflow:hidden;
	margin:.93rem auto 0;
	background:#000;
	}
.about-us img{
	position:relative;
	width:100%;
	}
.about-us:hover img{ opacity:.5}
.about-us .about-info{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	text-align:center;
	 
	}
.about-us .about-info:before{
	content:"";
	position:relative;
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.about-us .about-info .wrap{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:70%
	}
.about-us .about-info,.about-us .about-info a{ color:#FFF;}
.about-us .about-title{
	position:relative;
	text-align:center;
 	margin:0 0 .4rem ;
	font-size:.34rem;
	z-index:1;
	}
.about-us .about-more{
	position:relative;
	display:inline-block;
	padding:0 .4rem;
	line-height:.3rem;
	border:1px solid #FFF;
	border-radius:.2rem;
	font-size:.18rem;
	z-index:1;
	}
.about-us .about-more:hover{
	}
 
 
.about-us:before, .about-us:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border-color: #fff;
  border-style: solid;
  border-width: 0;
  -webkit-transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  -moz-transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  transition: all 0.5s cubic-bezier(1, 0.2, 0.26, 0.7);
  -webkit-transform: translate(0px, 0px) scale(0.8);
  -moz-transform: translate(0px, 0px) scale(0.8);
  -ms-transform: translate(0px, 0px) scale(0.8);
  -o-transform: translate(0px, 0px) scale(0.8);
  transform: translate(0px, 0px) scale(0.8);
  opacity: 0;
  z-index:1;
  border:4px solid #FFF;
}
.about-us:before {
  left:-30px;
  bottom:-30px;
  border-top:none;
  border-right:none;
}
.about-us:after {
  top:-30px;
  right:-30px;
  border-bottom:none;
  border-left:none;
}
.about-us:hover:before,.about-us:hover:after {
  -webkit-transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  -moz-transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  transition: all 2s cubic-bezier(0.14, 1.13, 0, 0.91);
  opacity: 1;
  visibility:visible
}
.about-us:hover:before {
  -webkit-transform: translate(-60px, 60px) scale(1);
  -moz-transform: translate(-60px, 60px) scale(1);
  -ms-transform: translate(-60px, 60px) scale(1);
  -o-transform: translate(-60px, 60px) scale(1);
  transform: translate(60px, -60px) scale(1);
}
.about-us:hover:after {
  -webkit-transform: translate(60px, -60px) scale(1);
  -moz-transform: translate(60px, -60px) scale(1);
  -ms-transform: translate(60px, -60px) scale(1);
  -o-transform: translate(60px, -60px) scale(1);
  transform: translate(-60px, 60px) scale(1);
}
.index-partner{
	position:relative;
	margin:1.34rem auto 0;
	}	
.partner-items{
	position:relative;
	border-top:2px solid #507588;
	}
.partner-item{
	position:relative;
	padding:0 8%;
	margin:.2rem 0
	}
.partner-item img{
	position:relative;
	width:100%;
	}
.partner-items.owl-carousel .owl-controls .owl-nav{ top:-.45rem; right:-.1%;}
/*----------------------------------page nav---------------------------------*/
	
.path-bar{
	position:relative;
	line-height:.33rem;
	margin:.37rem 0;
	background:#cdd4d8;
	}	
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:16px;
	text-transform:uppercase;
	 font-family: SourceSansProSemibold ,Arial, Helvetica, sans-serif;
	 padding:0 .2rem 0 0;
	 margin:0 .12rem 0 0;
	}
.path-bar li:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	margin:-.07rem 0 0 0;
	width:.08rem;
	height:.14rem;
	background:url(../images/right.png) no-repeat center center;
	}
.path-bar li.current a{color:#476e82;} 
.path-bar li:last-child:after{display:none;}
.page-bar{
	}
.pages{
	position:relative;
	text-align:center;
	margin:.4rem 0 .15rem;
	}	 
.pages a,.pages span{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid rgba(0,89,139,.2);
	line-height:23px;
	min-width:26px;
	padding:0 6px;
	margin:0 0 0 5px;
	}	 
.pages a.current,.pages a:hover{
	background:#476e82;
	color:#FFF;
	}	 
.pages span{
	}	 

/*----------------------------------aside---------------------------------*/	
.aside{
	float:left;
	width:18.83333333%;
	}

.side-tit-bar{
	position:relative;
	}	
.side-tit-bar .side-tit{
	position:relative;
	font-size:18px;
	line-height:37px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	background:#151515;
	text-align:center;
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	}	
.side-cate{
	padding:.2rem;
	}	
.side-cate li{
	position:relative;
	line-height:34px;
	font-family:Arial, Helvetica, sans-serif
	}
 
 
.side-cate ul{
	display:none;
	}
.side-cate li a{
	position:relative;
	display:block;
	border-bottom:1px solid #cdd4d8
	}
.side-cate li .icon-cate{
	position:absolute;
	right:0;
	top:0;
	line-height:33px;	
	font-size:12px;
	cursor:pointer;
	color:#8aa1ad;
	}	
.side-cate li .icon-cate.icon-cate-down:before{
	content:'\f067';
	}
.side-cate li .icon-cate.icon-cate-up:before{
	content:'\f068';
	}

.side-cate li.nav-current > a,.side-cate li:hover > a,li.show_li >a{ color:#476e82;}
.side-cate li.nav-current > .icon-cate,.side-cate li:hover > .icon-cate,li.show_li >.icon-cate{ color:#476e82;}

.side-product-items{
	position:relative;
	padding:.4rem 8px;
	}	
.side-product-items .items_content{
	position:relative;
	}
.side-product-items .items_content{
	}
.side_product_item{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	padding:.15rem 0;
	overflow:hidden;
	}
.side_product_item figure{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	}
.side_product_item .item-img{
	position:relative;
	width:.85rem;
	display: table-cell;
    vertical-align: middle;
	padding:0 .2rem 0 0;
	
	}
.side_product_item .item-img img{
	position:relative;
	width:100%;
	border:1px solid #eee;
	}
.side_product_item figcaption{
	display: table-cell;
    vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif
	}
 
.side-product-items .btn-prev,.side-product-items .btn-next{
	position:absolute;
	left:0;
	width:100%;
	height:15px;
	display:block;
	cursor:pointer;
	}
.side-product-items .btn-prev{
	top:20px;
	background:url(../images/side_product_up.png) no-repeat center center;
	}
.side-product-items .btn-next{
	bottom:20px;
	background:url(../images/side_product_down.png) no-repeat center center;
	}
.aside .side-bn{
	max-width:100%;
	margin:0 0 25px 0;
	}		
.aside .side-bn img{
	max-width:100%
	}

/*----------------------------------main---------------------------------*/
.main{
	position:relative;
	width:78.33333%;
	float:right;
	}	
	
.main-tit-bar{
	border-bottom:1px solid #cdd4d8;
	margin:0 0 .3rem;
	overflow:hidden;
	}	
.main-tit-bar .title{
	font-size:.24rem;
	font-family: SourceSansProSemibold ,Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	float:left;
	
	}
.main-tit-bar .share-this{
	float:right;
	}
.main-banner{
	position:relative;
	overflow:hidden;
	border:1px solid rgba(0,89,139,.2);
	}
.main-banner .item,.main-banner .item img{
	position:relative;
	width:100%;
	}
.main-banner .flex-direction-nav,.main-banner .flex-control-nav{ display:none;}
.goods-summary{
	margin:17px 0 25px;
	color: #5d6062;
	line-height:2;
	font-size:13px;
	color:#999;
	}	
.goods-summary p{
	padding:0 0 15px;
	}
.items_list{
	}
.items_list ul{
	width:102.3%;
	}	
/*-------------------------------------------------------- 
													page: single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro{
	position:relative;
	overflow:hidden;
	}	
.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 {
 
	overflow:hidden;
	padding:0px;
}
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}
.product-view .product-image.zoom_remove:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 999;
}
.product-view{
	position:relative;
	width:42%;
	float:left;
	
	}
.product-view .product-image{
	position:relative;
	border:1px solid rgba(0,89,139,.2);
	}
.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:90%;
	margin:0 auto;
	}	
.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 #f5f5f5;
	}	
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 .16rem;
	}	
 .product-view .image-additional li.current img{
	border:2px solid #476e82;
	}
.product-view .image-additional img.popup{display:none;}

.image-additional .owl-carousel .owl-controls .owl-nav{
	opacity:1;
	visibility:visible;
	top:50%;
	width:100%;
	right:auto;
	left:0;
	
	margin:-.14rem 0
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev,.image-additional .owl-carousel .owl-controls .owl-nav .owl-next{
	position:absolute;
	border:none;
 
	}	
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover,.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover{
	background:none;
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:-8%;
	}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next{
	right:-6%;
	}
 
/*product summary*/
.product-summary{ position:relative;width:55%;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,.product-btn-wrap .buy{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	line-height:30px;
	padding:0 15px;
	border-radius:3px;
	background:#476e82;
	border:1px solid #476e82;
	color:#FFF;
	margin:0 20px 0 0;
	}
.product-btn-wrap .buy{
	text-transform:uppercase;
	font-size:18px;
	padding:0 30px;
	}
.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,.product-btn-wrap .buy:hover{
	background:none;
	color:#476e82;
	}	
.product-summary .share-this{
 
	margin:30px 0 0;
	}
/* product detail */
.product-detail{
	position:relative;
	overflow:visible;
 
		
	}
.detail-tabs{
	position:relative;
	}		
.detail-tabs .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;	
	line-height:33px;
	cursor:pointer;
	font-size:16px;
	margin:0 .03rem 0 0;
	padding:0 .18rem;
	text-transform:uppercase;
	font-weight:normal;
	border:1px solid rgba(0,89,139,.2)
	}
.detail-tabs .title.current{
	color:#fff;
	background:#476e82;
	border-color:#476e82;
	}
 
.product-detail .tab-panel-content{
	padding:.3rem 0;
	display:block;
	overflow:hidden
	}
.product-detail .disabled{ display:none;}
/*like product*/
.goods-may-like{
	position:relative;
	margin:.5rem 0 0;
	}
.goods-title-bar{
	}
.goods-title-bar .title{
	font-size:18px;
	text-transform:uppercase;
	}
 
.goods-items{
	width:102%;
	margin:20px 0 0;
	}	

.goods-items.owl-carousel .owl-controls .owl-nav{top:-.5rem; right:2%}
/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list{
	position:relative;
	width:100%;
	}								
.blog-item{
	position:relative;
	width:100%;
	overflow:hidden;
	padding:.2rem .2rem;
	}
.blog-item:nth-child(2n+1){
	background:#f9f9f9;
	}	
.blog-item:before {
    content: "";
	position: absolute;
    left: 0;
    bottom: 0;
	width:100%;
    height: 1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
}							
.blog-item .item-wrap{
	}								
.blog-item .item-img{
	position:relative;
	display:block;
	max-width:2rem;
	margin:0 .2rem 0 0;
	float:left;
	}								
.blog-item .item-img img{
	position:relative;
	width:100%;
	}								
.blog-item .item-info{
	 
	}								
.blog-item .item-info .item-title{
	font-size:16px;
	}								
.blog-item .item-info time{
	display:block;
	font-style:italic;
	margin:8px 0;
	}								
.blog-item .item-info .item-detail{
	}																	
.blog-item .item-info .item-more{
	float:right;
	color:#476e82;
	margin:10px 0 0;
	}
/*-------------------------------------------------------- 
													page: download list
																	------------------------------------------------------*/
.download_list{
	position:relative;
	width:100%;
	}	
.download-item{
	position:relative;
	overflow:hidden;
	padding:.15rem 0;
	margin:0 0 .1rem;
	line-height:.3rem;
	border-bottom:1px solid #eee;
	}	
.download-item .item-img{
	max-width:25px;
	}	
.download-item .item-title{
	position:relative;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
	margin:0 .1rem;
	font-size:16px;
	font-weight:bold;
	}	
.download-item .item-button{
	position:relative;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	*zoom:1;
	float:right;
	line-height:.3rem;
	padding:0 .15rem;
	border:1px solid #ccc;
	background:#eee;
	border-radius:5px;
	cursor:pointer;
	}
.download-item .item-button:before{
	content:"\f019";
	margin:0 .1rem 0 0;
	}	
/*-------------------------------------------------------- 
													page: faq list
																	------------------------------------------------------*/
.faq_list{
	position:relative;
	width:100%;
	}
.faq-item{
	position:relative;
	width:100%;
	overflow:hidden;
	padding:0 .35rem;
	border-bottom:1px solid #eee;
	}

.faq-item .faq-title{
	position:relative;
	font-size:16px;
	line-height:.3rem;
	padding:.15rem 0;
	cursor:pointer;
	}
.faq-item .faq-title:before{
	position:absolute;
	content:"\f067";
	left:-.35rem;
	top:50%;
	margin:-.13rem 0 0;
	border:1px solid #000;
	border-radius:50%;
	width:.2rem;
	height:.2rem;
	text-align:center;
	line-height:.2rem;
	font-size:12px;
	font-weight:normal;
	}
.faq-item .faq-title.show-title:before{
	content:'\f068';
	}
.faq-item .faq-cont{
	margin:0 0 .25rem;
	display:none;
	}
.faq-item:first-child .faq-cont{ display:block;}
@media only screen and (max-width: 1680px){
 html{ font-size:547%;}
}	
@media only screen and (max-width: 1440px){
html{ font-size:479%;}
}	
@media only screen and (max-width: 1366px){
html{ font-size:448%;}
.layout,.nav-bar .nav-wrap,.path-bar .path-nav{width:980px;}
body{min-width:980px;font-size:12px;}
.company-synopses ul,.ad_banner ul{ width:1030px}
.product-items{ width:1010px}
.nav-bar .nav > li > a{ font-size:15px;}
.side-tit-bar .side-tit{ font-size:16px;}
}
@media only screen and (max-width: 1280px){
}
@media only screen and (max-width: 1200px){

}
 		
@media only screen and (max-width: 1024px){
html{ font-size:570%;}
.layout,.nav-bar .nav-wrap,.path-bar .path-nav,.company-synopses ul,.ad_banner ul,.product-items{width:98%;}
body{min-width:98%;}
.items_list ul,.goods-items{ width:100%}
.scrollsidebar,.gotop{ display:none !important;}
} 
@media only screen and (max-width: 950px){
 
.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(../images/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;}
img{max-width:100%;}
.sub-content{
	position:relative;
	display:block;
	right:auto;
	border-radius:0;
	border:none;
	box-shadow:none;
	z-index:99999;
	}

.lang-more{ display:none !important}
.mobile-head-items{
	position:fixed;
	top:0;
	left:0;	
	background:#161622;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:left;
	display:block;
	}
.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;
	}	
.header .head-social,.header .change-language,.nav-bar{ display:none !important;}
.head-wrapper{
	position:relative;
	padding:25px 0 0;
	}
.logo{
	display:block;
	text-align:center;
	float:none;
	} 
.logo img{
	height:auto;
	max-height:1rem;
	} 
.head-social { display:block; text-align:center;margin:0;}
.head-social li{text-align:center; }
.head-social li img{ max-width:.3rem;}
.head-search-form{
	position:relative;
	width:100%;
	height:35px;
	border:1px solid #eee;
	border-radius:8px;
	}
/*nav */

.nav li{
 position:relative;
 display:block;
 width:100%;
 font-size:16px;
}
.nav > li{
 border-bottom: 1px solid #eee;
 line-height:35px;
}
.nav > li:after{
 content: '\f105';
 position: absolute;
 right: 0;
 top:0;
 color:#999;
 font-size:12px;
}
.nav li ul {
 display:block;
 width:100%;
}
.nav li ul li{
 width:auto;
 padding:0 10px;
 font-size:14px;
 text-transform:lowercase;
 line-height:30px;
}
.nav li ul li:before {
 content:"";
 width:3px;
 height:3px;
 background:#999;
 border-radius:50%;
 position:absolute;
 left:0;
 top:15px;
}
.nav li ul li li{
line-height:25px;
font-family: 'SourceSansProLight';
}
.nav li ul li li:before{
display:none;
}	
 
.synopsis-item{ width:50%; margin:0 0 .3rem;}
/* aside */

.aside{ display:none;}
.side-product-items .btn-prev,.side-product-items .btn-next{ display:none;}
.side_product_item{
	display:inline-block;
	vertical-align:top;
	width:50%;
	}

/* main */

.main{width:98%;float:none; margin:0 auto;}

/* product intro */
.video_close{ display:none}
.image-additional li.image-item.current img{ border:none;}
.product-view{
	width:50%;
	float:none;
	margin:0 auto;
	
	}
.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;
	}
/* product 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 */

 
}
@media only screen and (max-width: 768px){

 
}

@media only screen and (max-width: 500px){
.product-item{ width:50%}
.synopsis-item,.ad_banner ul li{ width:100%; margin:0 0 .3rem} 

 
.side_product_item{width:100%;}
.product-view{
	width:100%;
	}
.inquiry-form{ padding:.2rem  .1rem;}
.inquiry-form .inquiry-form-ico{ width:.6rem; right:.1rem; top:.1rem;}
.inquiry-form  input[type="text"].form-input, .inquiry-form textarea.form-text{ width:80%;}
.inquiry-form textarea.form-text{ width:100%;}
.download-item .item-title{ display:block;  margin:.1rem 0;}
.download-item .item-button {
    float: none;
}
 
}

@media only screen and (max-width: 375px){
.product-item{ width:100%}
}
 

.none{display:none;}