@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	}
.header{
	text-align:right;
	} 
.logo{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
/*.logo:before {
        content: '';
    display: block;
    width: 15px;
    height: 300%;
    background-color: rgba(255,255,255,.4);
    position: absolute;
    left: 0;
    top: -100%;
    transform: rotate(50deg);
    transform-origin: 0 center;
    -webkit-animation: logoAnim 1.5s linear infinite;
    animation: logoAnim 1.5s linear infinite;
	z-index:2
}*/
.logo img{
	position:relative;
	height:1.64rem;
	z-index:1;
	}
.change-language{
	margin:.05rem 0 0 .1rem !important;
	}
.change-language-info .change-language-title{ padding-right:18px !important;}
.change-language-info .language-icon{ font-size:12px; right:0 !important; top:7px !important; color:#fbb11d}
.change-language-info:hover .language-icon{color:#fbb11d !important;}
.head-contact,.head-phone,.head-email,.change-language,.head-search,.nav{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:left; 
	}
.head-contact{ font-style:normal; margin:.1rem 0 0; z-index:1;}
.head-phone,.head-email,.head-phone a,.head-email a { color:rgba(0,0,0,.5)}
.head-phone,.head-email{
	padding:0 0 0 .29rem;
	margin:0 0 0 .35rem;
	line-height:.4rem;
	}
.head-phone:before,.head-email:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	background-repeat:no-repeat;
	background-position: left center;
	background-size:cover;
	}
.head-phone:before{
	width:.17rem;
	height:.17rem;
	margin:-.09rem 0 0;
	background-image:url(../images/tel.png);
	}
.head-email:before{
	width:.2rem;
	height:.13rem;
	margin:-.07rem 0 0;
	background-image:url(../images/email.png);
	}
.head-search{
	width:2.75rem;
	height:29px;
	line-height:29px;
	border:1px solid #eeeeee;
	background:#f4f4f4;
	border-radius:6px;
	margin:.2rem 0 .07rem;
	}
.head-search .search-ipt{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:none;
	background:none;
	padding:0 10px;
	}
.head-search .search-btn{
	position:absolute;
	width:42px;
	height:100%;
	right:0;
	top:0;
	background:url(../images/search_btn.png) no-repeat center center;
	border:none;
	}
.nav-bar{
	position:relative;
	border-bottom:2px solid #e1e1e1;
	}
.index-head-wrapper .nav-bar{ border:none;}
.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:#fbb11d;}	
.nav-bar .nav > li > a{
	position:relative;
	display:inline-block;
	height:.58rem;
	line-height:.58rem;
	padding:0 .38rem;
	font-size:18px;
	text-transform:uppercase;
	font-family: 'SourceSansProBold';
	
	}	
.nav-bar .nav > li:first-child > a{
	padding-left:0;
	}
.nav-bar .nav > li:last-child > a{
	padding-right:0;
	}
/*.nav-bar .nav > li:hover > a {
    transform: rotate(5deg) scale(1.1);
	-webkit-transform: rotate(5deg) scale(1.1);
	-moz-transform: rotate(5deg) scale(1.1);
}

.nav-bar .nav > li:hover >a:before,.nav-bar .nav > li:hover >a:after{
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	
    opacity: 1;
    width: 20px;
	visibility:visible
}

.nav-bar .nav > li >a:before, .nav-bar .nav > li >a:after {
    opacity: 0;
    border-top: 1px solid #fbb11d;
    content: '';
    display: block;
    position: relative;
    z-index:  1;
    margin: auto;
    width: 0px;
}

.nav-bar .nav > li >a:before {
    top: 0px;
    transform: rotate(120deg) translateY(-50%) translateX(-50%);
	-webkit-transform: rotate(120deg) translateY(-50%) translateX(-50%);
	-moz-transform: rotate(120deg) translateY(-50%) translateX(-50%);
}

.nav-bar .nav > li >a:after {
    top: 5px;
    transform: rotate(-60deg) translateY(-50%) translateX(-50%);
	-webkit-transform: rotate(-60deg) translateY(-50%) translateX(-50%);
	-moz-transform: rotate(-60deg) translateY(-50%) translateX(-50%);
}*/
.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:.58rem;
	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 12px;
	font-size:12px;
	color:#fbb11d;
	}
 .nav-bar .nav li  .nav-ico:after{
	content:"\f0d7";
	}
.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:'\f0da';
	}	
 
 
.fixed-nav{
		position: fixed;
		width:100%;
		top:0;
		left:0;
		-webkit-transition: top .5s;
		-moz-transition: top .5s;
		-o-transition: top .5s;
		transition: top .5s;
		border:none;
		background:#FFF;
	}
.fixed-nav .nav{
	display:block;
	text-align:right;
	}
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	}
.subscribe{
	position:relative;
	background:#333333;
	margin:.4rem 0 .74rem;
	padding:.25rem 0 .2rem;
	
}
.subscribe .title{
	position: relative;
	font-family: 'SourceSansProBold';
	font-size:.36rem;
	color:#fbb11d;
	text-transform:uppercase;
	width:60.5%;
}
.subscribe span{
	position:relative;
	display:block;
	width:60.5%;
	font-size:16px;
	color:rgba(255,255,255,.8);
	line-height:2;
	}
.subscribe .button{
	position:absolute;
	right:0;
	top:50%;
	margin:-.2rem 0 0;
 display: inline-block;
 vertical-align:top;
 font-family: 'SourceSansProBold';
	font-size:.24rem;
	color:#fff;
	height:.41rem;
	line-height:.41rem;
	padding:0 .18rem;
	border-radius:.08rem;
	background:#fbb11d;
	cursor:pointer;
}

.subscribe .button:hover{
	padding:0 .28rem;
}
.foot-items{
	position:relative;
	background:#151515;
	border-top:.11rem solid #fbb11d;
	padding:.45rem 0;
	}
.foot-items,.foot-items a{ color:rgba(255,255,255,.7)}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.foot-item-social{
	width:40%
	}
.foot-item-news{
	width:38%;
	padding:0 10% 0 0;
	}
.foot_logo{
	}
.foot_logo img{
	height:.71rem;
	}	
.foot-social{
	position:relative;
	margin:.3rem 0 ;
	}
.foot-social li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0 .09rem .09rem 0;
	}
.foot-social li img{
	max-width:.38rem;
	}
.copyright{ color:rgba(255,255,255,.3); font-size:12px;}
.foot-item-news .new-item{
	position:relative;
	padding:0 0 .1rem .32rem;
	}
.foot-item-news .new-item:before{
	content:"";
	position:absolute;
	left:0;
	top:5px;
	width:.13rem;
	height:.13rem;
	background:url(../images/arrow.png) no-repeat left top;
	background-size:cover;
	}
.foot-item-news .new-item time{ font-style:italic; display:block; margin:0 0 .1rem;}
.foot-item-news .new-item h3{ font-weight:normal; font-size:14px;}
.foot-item-news .owl-carousel .owl-controls .owl-dots{ text-align:left; bottom:-.2rem;}
.foot-item-contact{
	width:22%
	}
.foot-item .foot-tit{
	position:relative;
	font-size:.18rem;
	color:#ffffff;
	text-transform:uppercase;
	margin:0 0 .15rem;
	}
.foot-item-contact li{
	position:relative;
	 padding:0 0 0 .35rem;
	 margin:0 0 .05rem;
	 line-height:2
	}
.foot-item-contact li:before{
	content:"";
	position:absolute;
	left:0;
	top:.07rem;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover
	}
.foot-item-contact li.foot_addr:before{
	width:.16rem;
	height:.2rem;
	background-image:url(../images/foot_addr.png)
	}
.foot-item-contact li.foot_phone:before{
	width:.17rem;
	height:.17rem;
	background-image:url(../images/foot_tel.png)
	}
.foot-item-contact li.foot_email:before{
	width:.2rem;
	height:.13rem;
	background-image:url(../images/foot_email.png)
	}
.foot-item-contact li.foot_skype:before{
	width:.19rem;
	height:.19rem;
	background-image:url(../images/foot_skype.png)
	}
 

/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/
																	
.page_content{
	padding:0 0 .4rem;
	} 
.company-synopses{
	position:relative;
	width:100%;
	overflow:hidden;
	}	
.company-synopses ul{
	position:relative;
	padding:.73rem 0;
	}
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.33333%;
	padding:0 4.2%;
	}
.synopsis-item .item-wrap{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	text-align:center;
 	}
.synopsis-item .item-wrap: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);
	}
.synopsis-item .item-wrap:hover:before{
	-webkit-animation: shine 1s;
  animation: shine 1s;
	}
.synopsis-item .item-wrap .item-link{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:3;
	}
.synopsis-item .item-img{
	position:relative;
	z-index:2;
	}
.synopsis-item .item-img img{
	position:relative;
	width:100%;
	border-radius:100%;
	margin:0 0 .25rem;
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease;
	}
.synopsis-item:hover .item-img img{border-radius:.2rem}
.synopsis-item .item-info{
	position:relative;
	}
.synopsis-item .item-info .item-title{
	position:relative;
	font-size:.24rem;
	font-family: 'SourceSansProBold';
	}
.synopsis-item .item-info .item-detail{
 position:relative;
	line-height:1.7;
	padding:.15rem 0 .25rem;
	}
.synopsis-item .item-info .item-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0 .28rem;
	height:24px;
	line-height:24px;
	background:#fbb11d;
	border-radius:5px;
	color:#FFF;
	}
.about-us{
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	text-align:center;
	overflow:hidden;
	padding:1.3rem 0;
	}
.about-us,.about-us a{ color:rgba(255,255,255,.8);}
.about-us:hover,.about-us:hover a{ color:rgba(255,255,255,1);}
.about-us:before {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    height: 150%;
    left: -30%;
    position: absolute;
    top: -15%;
    transform: rotate(45deg);
    width: 80px;
    z-index: 2;
    -webkit-animation: lightLine 3s linear infinite forwards;
    -moz-animation: lightLine 3s linear infinite forwards;
    animation: lightLine 3s linear infinite forwards;
}
.about-us .about-info{
	}
.about-us .about-info .about-detail{
	font-family: 'SourceSansProBold';
	font-size:.24rem;
	line-height:2;
	}
.about-us .about-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	height:.32rem;
	line-height:.3rem;
	padding:0 .59rem 0 .24rem;
	border:1px solid #fbb11d;
	color:#fbb11d;
	border-radius:.2rem;
	margin:.45rem 0 0;
	font-size:16px;
	}
.about-us:hover .about-more{color:#fbb11d;}
.about-us .about-more:after{
	content:"";
	position:absolute;
	top:0;
	right:.19rem;
	width:.24rem;
	height:100%;
	background:url(../images/more.png) no-repeat right center;
	background-size:100% auto;
	
	}
.about-us .about-more:hover{
	padding:0 .69rem 0 .34rem;
	}
.about-us .about-more:hover:after{ right:.25rem} 
 
.index-title-bar{
	text-align:center;
	padding:.6rem 0 .4rem;
	}
.index-title-bar .title{
	position:relative;
	font-family: 'SourceSansProBold';
	font-size:.36rem;
	}
.index-product{
	}
.product-items{
	position:relative;
	}
.i-product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	margin:0 0 .15rem;
 
}
.i-product-item .item-wrap {
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#FFF;
}
.i-product-item .item-img{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	background:#000;
	}

.i-product-item .item-img img{
	position:relative;
	width:100%;
	}
.i-product-item .item-wrap:hover .item-img img{
	
	} 
.i-product-item .item-info{
	position:relative;
	padding:.15rem;
	} 
.i-product-item .item-info .item-title{
	position:relative;
	font-size:.2rem;
	text-transform:uppercase;
	}
.i-product-item .item-img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.i-product-item:hover .item-img::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
.i-product-item:hover .item-img img{ opacity:.5; webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);}
 
.i-product-item  .item-more {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	letter-spacing: 2px;
	opacity:0;
	transition: opacity 0.45s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	color:#FFF;
	font-size:16px;
	z-index:333
}
.i-product-item  .item-more:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.i-product-item:hover  .item-more {
	opacity:1;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*----------------------------------page nav---------------------------------*/
	
.path-bar{
	position:relative;
	line-height:.33rem;
	margin:.3rem 0 .45rem;
	background:#f4f4f4;
	}	
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:16px;
	text-transform:uppercase;
	}
.path-bar li:after{
	content:"-";
	margin:0 .15rem;
 
	}
.path-bar li.current a{color:#fbb11d;} 
.path-bar li:last-child:after{display:none;}
.page-bar{
	}
.pages{
	position:relative;
	text-align:right;
	margin:.4rem 0 0;
	}	 
.pages a,.pages span{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid #cfcfcf;
	line-height:.31rem;
	min-width:.26rem;
	padding:0 .12rem;
	margin:0 0 0 .09rem;
	border-radius:2px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');

background: -moz-linear-gradient(top, #fefefe, #ececec);

background: -o-linear-gradient(top,#fefefe, #ececec);

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec));
	}	 
.pages a.current,.pages a:hover{
	background:#fbb11d;
	color:#FFF;
	border-color:#fbb11d
	}	
.pages span{
	}	 

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

.side-tit-bar{
	position:relative;
	border-bottom:2px solid #e3e3e3;
	}	
.side-tit-bar .side-tit{
	position:relative;
	font-size:18px;
	text-transform:uppercase;
	font-family: 'SourceSansProSemibold';
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	}	
.side-cate{
	padding:.2rem .11rem;
	}	
.side-cate li{
	position:relative;
	line-height:32px;
	font-family: 'SourceSansProSemibold';
	font-size:18px;
	margin:0 .09rem;
	}
.side-cate li li{font-family: 'SourceSansProRegular';line-height:28px; font-size:14px;} 
 
.side-cate ul{
	display:none;
	overflow:visible !important
	}
.side-cate li a{
	position:relative;
	display:block;
	}
.side-cate li .icon-cate{
	position:absolute;
	left:-.16rem;
	top:11px;
	cursor:pointer;
	width:9px;
	height:9px;
	}	
.side-cate li li .icon-cate{ top:9px;}
.side-cate li .icon-cate.icon-cate-down{
	background:url(../images/up.png) no-repeat center center;
	}
.side-cate li .icon-cate.icon-cate-up{
	background:url(../images/down.png) no-repeat center center;
	}

/*.side-cate li.nav-current > a,.side-cate li:hover > a,li.show_li >a{ color:#fbb11d;}*/
 

.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:.8rem;
	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-size:13px;
	}
 
.side-product-items .btn-prev,.side-product-items .btn-next{
	position:absolute;
	left:0;
	width:100%;
	height:15px;
	display:block;
	cursor:pointer;
	opacity:.5
	}
.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:75%;
	float:right;
	}	
	
.main-tit-bar{
	    border-bottom: 2px solid #e3e3e3;
	margin:0 0 .3rem;
	overflow:hidden;
	}	
.main-tit-bar .title{
	font-size:18px;
	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{
	padding:.2rem 0 .25rem;
 border-bottom: 2px solid #e3e3e3;
	}	
.goods-summary p{
	padding:0 0 15px;
	}
.items_list{
	position:relative;
	margin:.28rem 0 0;
	}
.items_list ul{
	width:101%;
	}	
.product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	text-align:center;
	padding:0 .08rem .08rem 0; 
}
.product-item .item-wrap {
	position:relative;
	background:#f4f4f4;
	overflow:hidden;
	padding:.12rem .12rem 0 .12rem;
}
.product-item .item-img{
	position:relative;
	}

.product-item .item-img img{
	position:relative;
	width:100%;
	z-index:10
	}
.product-item .item-wrap:hover .item-img img{
	
	} 
.product-item .item-info{
	position:relative;
	padding:.12rem 0;
	z-index:10;
	} 
.product-item .item-info .item-title{
	position:relative;
	font-size:16px;
	text-transform:uppercase;
	}
.product-item .item-wrap:after{
		content:'';
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:200%;
		left:0;
		
		background:rgba(251,177,29,1);
		-webkit-transition:all 0.8s ease;
		transition:all 0.8s ease;
		z-index:9
		}	
.product-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(251,177,29,0.99) 100%);
	background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(251,177,29,0.99) 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#fbb11d', GradientType=0);
	-webkit-transition:all 0.8s ease;
	transition:all 0.8s ease;
	z-index:9
}
.product-item .item-wrap:hover:after{
		top:0
		}
.product-item .item-wrap:hover:before{
		top:-100%
		}
.product-item .item-wrap:hover .item-title,.product-item .item-wrap:hover .item-title a{ color:#FFF;}	
/*-------------------------------------------------------- 
													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:2px solid #e1e1e1;
	}
.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:3px solid transparent;
	}	
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 .16rem;
	}	
 .product-view .image-additional li.current img{
	border-color:#fbb11d;
	}
.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:#fbb11d;
	border:1px solid #fbb11d;
	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:#fbb11d;
	}	
.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:18px;
	margin:0 .07rem 0 0;
	padding:0 .18rem;
	text-transform:uppercase;
	font-weight:normal;
	border:1px solid #e3e3e3
	}
.detail-tabs .title.current{
	color:#fff;
	background:#fbb11d;
	border-color:#fbb11d;
	}
 
.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:101%;
	margin:20px 0 0;
	}	
.goods-items .product-item{ width:100%;}
.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:#fbb11d;
	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,.fixed-nav .nav{width:980px;}
body{min-width:980px;font-size:12px;}
.change-language{ margin-top:0  !important}
.nav-bar .nav > li > a{ font-size:16px; padding:0 .3rem;}
.gotop,.product-item .item-info .item-title{ font-size:14px;}
.side-tit-bar .side-tit,.side-cate li,.main-tit-bar .title,.detail-tabs .title,.inquiry-form-wrap .inquiry-form-title,.goods-title-bar .title{ font-size:16px;}
.side-cate li li{ font-size:12px;}
}
@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,.fixed-nav .nav{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-contact,.header .nav-bar,.header .head-search{ display:none !important;}
.head-wrapper{padding:25px 0 0;}
.logo{
	position:relative;
	width:100%;
	text-align:center;
	z-index:-1;
	} 
.logo img{
	max-height:1rem;
	} 
.head-search{
	width:100%;
	}
	
/*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;
}	
.tp-bullets.hidebullets{ opacity:1;}
.synopsis-item{ width:50%; margin:0 0 .3rem;}
.synopsis-item .item-img img{ width:auto; max-width:100%;}
.i-product-item,.product-item{ width:33.3333%;}
.subscribe .title,.subscribe span{ width:100%;}
.subscribe .button{ position:relative; top:auto; right:auto; margin:.2rem 0;}
.foot-item-social,.foot-item-news,.foot-item-contact{ 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{
	}
}
@media only screen and (max-width: 768px){
.blog-item .item-img{max-width:1.5rem}
}

@media only screen and (max-width: 500px){
.tp-bullets.simplebullets .bullet.selected{ width: .12rem;height: .12rem; }
.synopsis-item{ width:100%; }
.i-product-item,.product-item{ width:50%;}
.foot-item-social,.foot-item-news,.foot-item-contact{ width:100%; padding:0}
 
.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;}
.partner-items li{ width:25%;}
}

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

.none{display:none;}