﻿@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	
	 
	}
.header{ position:relative;text-align:right;height:1.63rem; z-index:99;}

.head-contact li,.logo,.head-social,.head-social li,.change-language{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left; 
	}
.logo{
	position:absolute;
	left:0;
	top: .18rem;
}
.logo img{
	position:relative;
	height:1rem;
	}
.change-language{margin:.27rem 0 0 !important;}
.change-language-info .language-icon{top:7px !important;} 
.change-language-title span{color:inherit !important;} 

.wml-banner-img{ margin: 0 auto; height: auto; position: relative; }
.wml-banner-img img{ width: 100%; height: auto; display: block; }

.head-social{
	float:right;
	margin:.43rem 0 0
	}
.head-social li{
	margin:0 0 0 .1rem;
	}
.head-social li img{ max-width:25px;}
.nav-bar{
	position:relative;
	background:#282c48;
	z-index:98
	}
	/*
.nav-bar:before {
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    content: '';
     background: #63d7ea; 
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
	z-index:0;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);}
.nav-bar:after {
	    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    content: '';
    background: #fff;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    clear:both;
	z-index:0;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
    box-shadow: 0px 0px 100px 39px #fff;}
 
.nav-bar:hover:before{ left: -30%;}
.nav-bar:hover:after{ left: -30%; opacity: 0;}
.nav-bar:hover .nav > li > a:after{
 
	border-left-color:rgba(255,255,255,.2);
	background:#4ac7dc
	}	*/
.nav-bar .nav{
	position:relative;
	z-index:1;
	}
 
.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 a{color:#fff;}
.nav-bar .nav > li > a{
	position:relative;
	display:block;
	height:.7rem;
	line-height:.7rem;
	padding:0 .38rem;
	font-family: 'SourceSansProBold';
	font-size:16px;
	text-transform:uppercase;
	overflow:hidden;
 
	}
.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;
	right:0;
	top:.16rem;
	width:1px;
	height:.39rem;
	border-left:1px solid #393d5d;
	background:#1d213b
	}	
.nav-bar .nav > li:last-child > a:after{ display:none;}		
.nav-bar .nav > li > a:before {
    content: '';
    background: #66c4d3;
    opacity: 0.8;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
}	
.nav-bar .nav > li:hover > a:before,.nav-bar .nav > li.nav-current > a:before{
	left:-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:.7rem;
	left:0;
 
	text-align:left;
	display:none;
	z-index:999;
	 
	background: #66c4d3;
	}
.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 5px;
	}
 .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:.17rem;
	}
.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;border-radius:8px;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:before{content:'';display:block;width:10000px;height:.6rem;background-color:#fff;opacity:.85;position:absolute;right:-1000px;top:0;z-index:99999999;}*/
.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); background-size:45% auto;}
/*--------------------------footer---------------------------*/	
.foot-wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#282c48;
	}

.foot-items{
	position:relative;
	padding:.5rem 0 .4rem;
	}
.foot-items,.foot-items a{ color:rgba(255,255,255,1)}
.foot-item .foot-tit{
	position:relative;
	font-size:.2rem;
	font-family: 'SourceSansProBold';
	text-transform:uppercase;
	margin:0 0 .15rem;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.foot-item-contact{
	width:37%;
	padding:0 15% 0 0
	}

.foot-item-contact li{
	position:relative;
	 padding:0 0 0 .35rem;
	 margin:0 0 .1rem;
	 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)
	}
 
.foot-item-news{
	width:38%;
	padding:0 10% 0 0;
	}
.foot-item-news .new-item{
	position:relative;
	overflow:hidden;
	}
.foot-item-news .new-item img{
	position:relative;
	width:1.05rem;
	border:2px solid #ffffff;
	float:left;
	margin:0 .25rem 0 0;
	}
.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:right; bottom:-.35rem;}
.foot-item-subscribe{
	width:25%;
	}
 .subscribe{
	position:relative;	
}

.subscribe span{
	position:relative;
	display:block;
	line-height:2;
	}
.subscribe .button{
	position:relative;
    display: inline-block;
    vertical-align:top;
	padding:0 .44rem 0 .18rem;
	line-height:25px;
	color:#FFF;
	text-transform:uppercase;
	border-bottom:2px solid #000;
	background:#63d7ea;
	border-radius:12px;
	margin:.25rem 0 0;
	cursor:pointer;
  
}
.subscribe .button:after{
	content:"";
	position:absolute;
	width:.11rem;
	height:.11rem;
	background:url(../images/arrow.png) no-repeat center center;
	top:.07rem;
	right:.19rem;
	
	}
.subscribe .button:hover{
	padding:0 .40rem 0 .14rem;
}
.copyright{
	position:relative;
	text-align:center;
	padding:.17rem 0;
	line-height:.3rem;
	color:rgba(255,255,255,.5);
	font-size:12px;
	}
	.copyright a{ color: #8c90ab; }
.copyright:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background:#1c2038;
	border-top:1px solid #363a5a;
	font-family: 'SourceSansProLight';
	}
/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/
																	
.page_content{
	padding:0 0 .8rem;
	} 
.banner_flexslider{
	background:#282c48;
	}
.banner_flexslider li.item:before {
    content: '';
    background: #282c48;
    opacity: .6;
    position: absolute;
    right:-50%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform:skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
}
.banner_flexslider li:hover.item:before{opacity:.8}
.banner_flexslider li.item{
	position:relative;
	display:block;
	overflow:hidden;
	}
.banner_flexslider img{
	width:100%;
	}	
.banner_flexslider li.item .banner_info{
	position:absolute;
	width:50%;
	height:100%;
	right:0;
	top:0;
	text-align:right;
	z-index:10;
 
	}
.banner_flexslider li.item .banner_info:before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
	}
.banner_flexslider li.item .banner_info,.banner_flexslider li.item .banner_info a{ color:#FFF;}	
.banner_flexslider li.item .banner_info .wrap{
	display: inline-block;
    vertical-align: middle;
    height: auto;
    width: 100%;
	padding:0 25% .65rem 10%;
    box-sizing: border-box;
	}
.banner_flexslider li.item .banner_info .title{
	font-size:.48rem;
	}	
.banner_flexslider li.item .banner_info .text{
	font-size:.2rem;
	margin:.3rem 0 .7rem;
	
	}	
.banner_flexslider li.item .banner_info .more{
	font-size:.2rem;
	}
.banner_flexslider li.item .banner_info .more a{
	position:relative;
	display:inline-block;
	border:2px solid #63d7ea;
	line-height:.4rem;
	padding:0 .4rem;
	border-radius:30px;
	background:#63d7ea;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
.banner_flexslider li.item .banner_info .more:hover a{ padding:0 .5rem;}	
.index-title-bar{
	text-align:center;
	padding:.5rem 0;
	}
.index-title-bar .title{
	position:relative;
	font-family: 'SourceSansProBold';
	font-size:.48rem;
	text-transform:uppercase;
	}	
.company-synopses{
	}	
.company-synopses ul{
	position:relative;
	}
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:33.33333%;
	overflow:hidden;
	}
.synopsis-item .item-wrap{
	position:relative;
	width:100%;
 	}


.synopsis-item .item-img{
	position:relative;
	z-index:1
	}
.synopsis-item .item-img img{
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: auto;
    display: block;
	}
.synopsis-item:hover .item-img img{
	-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
	}
.synopsis-item .item-info{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:2;
	}
.synopsis-item .item-info:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
	}
.synopsis-item .item-img:after,.synopsis-item .item-img:before{
	content: '';
    background: #282c48;
    opacity: .6;
    position: absolute;
    left:-60%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: skew(-35deg, 0deg);
	-webkit-transform: skew(-35deg, 0deg);
    -moz-transform: skew(-35deg, 0deg);
    -o-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
.synopsis-item .item-img:before{
	top:auto;
	left:auto;
	bottom:0;
	right:-150%;
	 background: #66c4d3;
	}
.synopsis-item:hover .item-img:before{ right:60%;}
.synopsis-item:hover .item-img:after{ left:-150%;}
.synopsis-item .item-info .wrap{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:84%;
	margin:0 0 0 8%;
	}
	
.synopsis-item .item-info .item-title{
	font-family: 'SourceSansProLight';
	font-size:.36rem;
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 .5rem;
	}
.synopsis-item .item-info .item-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	line-height:26px;
	padding:0 12px;
	color:#FFF;
	background:#66c4d3;
	border-radius:5px;
	font-family: 'SourceSansProLight';
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
.synopsis-item:hover .item-info .item-more{ background:#282c48;}
.about-us{
	position:relative;
 	height:5.7rem;
	overflow:hidden
	}
.about-us,.about-us a{ color:rgba(255,255,255,1);}
.about-us:hover,.about-us:hover a{ color:rgba(255,255,255,1);}
 
.about-us .about-info{
     position: absolute;
	 height:100%;
    z-index: 5;
	left:50%;
	top:0;
	margin:0 0 0 -600px;
	letter-spacing:2px
	
	}
.about-us:before,.about-us:after{
	content: '';
    background: #282c48;
    opacity: .6;
    position: absolute;
    left: -40%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-35deg, 0deg);
    -webkit-transform: skew(-35deg, 0deg);
    -moz-transform: skew(-35deg, 0deg);
    -o-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.about-us:after{
	top:auto;
	left:auto;
	bottom:0;
	right:-150%;
	 background: #66c4d3;
	}
.about-us:hover:after{ right:40%;}
.about-us:hover:before{ left:-150%;}
.about-us:hover .about-info:before{
	 background:#66c4d3;
	}
.about-us .about-info:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
	
	}
.about-us .about-info .wrap{
	position:relative;
	 height: auto;
    width:55%;
	display:inline-block;
	vertical-align:middle;
	
	}
	.about-us .about-info .wrap-about{ width: 40%;display: inline-block; vertical-align:middle; margin-left: 4%; }
	.about-us .about-info .wrap-about img{ width: 100%; height: auto; display: block; }
.about-title{
	font-family: 'SourceSansProBold';
	font-size:.48rem;
	text-transform:uppercase;
	margin:0 0 .3rem
	}
.about-us .about-info .about-detail{
 
	font-size:.2rem;
	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 #fff;
	color:#fff;
	border-radius:.2rem;
	margin:.25rem 0 0;
	font-size:16px;
	}
.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_bg{background:rgba(40,44,72,.1);}
.index-product{
	position:relative;
	margin:.6rem 0 0;
	overflow:hidden
	}
.product-items{
	position:relative;
	width:1230px;
	margin:0 auto .58rem;
	}
.product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	text-align:center;
}
.product-items .product-item{ width:100%;}
.product-item .item-wrap {
	position:relative;
	margin:0 .22rem .22rem 0;
	border:1px solid #adafb9;
	overflow:hidden
}
.product-items .product-item .item-wrap{margin:0 .15rem;}
.product-item .item-img{
	position:relative;
	}
.product-item .item-img img{
	position:relative;
	width:100%;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
.product-item:hover .item-img img{
	-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
	}
.product-item .item-info{
	position:relative;
	
	} 
.product-item .item-info{
	position:relative;
	height:.6rem;
	background:#292d49;
	padding:0 .15rem;
	}
.product-items .product-item .item-info{
	height:.8rem;
	}
.product-item .item-info .item-title{
	position:relative;
	display:inline-block;
	width:80%;
	vertical-align:middle;
	font-size:16px;
	z-index:4
	}
.product-items .product-item .item-info .item-title{font-size:.2rem;}
.product-item .item-info:before{
	position:relative;
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
	}
.product-item .item-info,.product-item .item-info a{ color:#FFF; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}	
.product-item .wrap{ position:relative;}
 
.product-item .wrap:before{
	    content: '';
     background: #63d7ea; 
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
	    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
	}
.product-item .wrap:after{
	content: '';
    background: #fff;
    position: absolute;
    left: 150%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
   
	opacity:.3
	
	}
.product-item:hover .wrap:before{
	left:-30%
	}
.product-item:hover .wrap:after{
	left:-150%;
	}
.index_follow{
 
	}
.index_follow .follow_container{
	width:102%;
	}
.index_follow .big_img,.follow_item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:40%;
	padding:0 .24rem .24rem 0;
	}
.big_img_item{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
	visibility:hidden;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}
.big_img_item.current{
	opacity:1;
	visibility:visible;
	}
.index_follow .big_img_item img{
	position:relative;
	width:100%;
	padding-right:.24rem
	}
.follow_items{
	width:100%;
	padding:0;
	padding:0 0 .34rem
	}
.follow_item{
	width:20%;
	}
.follow_item .item_wrap{
	position:relative;
	overflow:hidden
	}
.follow_item .item_img img{
	position:relative;
	width:100%;
	 -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}
.follow_item:hover .item_img img{
	-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);
 
	}
.follow_item .item_more	{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	color:#FFF;
	text-transform:capitalize;
	font-size:36px;
	z-index:3;
	padding:.2rem 0 0 .15rem;
	opacity:0;
	visibility:hidden;
	 -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	} 
.follow_item .item_wrap:before{
	content: '';
    background: #282c48;
    opacity: .6;
    position: absolute;
    left: -150%;
    top: 0;
    width: 100%;
    height: 100%;
	z-index:2;
    transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    -moz-transform: skew(-40deg, 0deg);
    -o-transform:skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}
.follow_item:hover .item_more{
	opacity:1;
	visibility:visible;
	padding-top:.1rem;
	}
.follow_item:hover .item_wrap:before{
	 left: -95%;
	}
/*----------------------------------page nav---------------------------------*/
	
.path-bar{
	position:relative;
	line-height:.33rem;
	margin: 0rem 0 .45rem;
	background:#bfc1d0;
	}	
.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:#63d7ea;} 
.path-bar li:last-child:after{display:none;}
.page-bar{
	}
.pages{
	position:relative;
	text-align:right;
	margin:.3rem 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:#63d7ea;
	color:#FFF;
	border-color:#63d7ea
	}	
.pages span{
	}	 

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

.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:#282c48;
	text-align:center;
	font-family: 'SourceSansProBold';
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	}	
.side-cate{
	padding:.2rem 0;
	}	
.side-cate li{
	position:relative;
	line-height:34px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 .2rem;
	}
.side-cate li li:before{
	content:"";
	position:absolute;
	left:-.15rem;
	top:14px;
	width:.05rem;
	height:.05rem;
	background:#bfc1d0;
	} 
.side-cate li li:hover:before,.side-cate li li.nav-current:before{ background:#63d7ea} 
.side-cate ul{
	display:none;
	}
.side-cate li a{
	position:relative;
	display:block;
	border-bottom:1px solid #c6c6cc
	}
.side-cate li .icon-cate{
	position:absolute;
	right:0;
	top:0;
	line-height:33px;	
	font-size:12px;
	cursor:pointer;
 
	}	
.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:#63d7ea;}
.side-cate li.nav-current > .icon-cate,.side-cate li:hover > .icon-cate,li.show_li >.icon-cate{ color:#63d7ea;}

.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 #c6c6cc;
	}
.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:75%;
	float:right;
	padding-bottom: .2rem;
	}	
	
.main-tit-bar{
 
	margin:0 0 .15rem;
	overflow:hidden;
	}	
.main-tit-bar .title{
	font-size:.24rem;
	font-family: 'SourceSansProBold';
	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:.3rem 0 .35rem;
 
	}	
.goods-summary p{
	padding:0 0 15px;
	}
.items_list{
	position:relative;
 	padding-bottom: .2rem;
	}
.items_list ul{
	width:102%;
	}	

/*-------------------------------------------------------- 
													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:43%;
	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:#63d7ea;
	}
.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;
	background:none;
	color:#000
 
	}	
.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:#63d7ea;
	border:1px solid #63d7ea;
	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:#63d7ea;
	}	
.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-family: 'SourceSansProBold';
	font-size:16px;
	margin:0 .07rem 0 0;
	padding:0 .18rem;
	text-transform:uppercase;
	font-weight:normal;
	border:1px solid #c5c5cb;
	background:#FFF
	}
.detail-tabs .title.current{
	color:#fff;
	background:#282c48;
	border-color:#282c48;
	}
 
.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-family: 'SourceSansProBold';
	font-size:16px;
	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:#63d7ea;
	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,.path-bar .path-nav,.fixed-nav .nav{width:980px;}
body{min-width:980px;font-size:12px;}
.product-items{ width:1000px}
.about-us .about-info{ margin:0 0 0 -490px}
.nav-bar .nav > li > a{ font-size:15px}
.gotop,.product-item .item-info .item-title{ font-size:14px;}
.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,.path-bar .path-nav,.fixed-nav .nav{width:98%;}
body{min-width:98%;}
.product-items,.index_follow .follow_container,.items_list ul,.goods-items{ width:100%}
.scrollsidebar,.gotop{ display:none !important;}
.about-us{ height:auto;}
.about-us .about-info{ position: relative; }
.about-us .about-info .wrap-about{ display: none; }
.about-us .about-info .wrap{ padding: .15rem; }
.about-us .about-info{ margin:0 ; left:1%; width:98% }
.banner_flexslider li.item .banner_info .wrap {
    padding: 0 10% .35rem 5%;
}
.banner_flexslider li.item .banner_info .title{ font-size:.3rem}
.banner_flexslider li.item .banner_info .text {
    font-size: .18rem;
    margin: .2rem 0 .4rem;
}
.banner_flexslider li.item .banner_info .more a{ line-height:.35rem; padding:0 .35rem}
.flex-control-nav {
    position: absolute;
    bottom: .1rem;
    text-align: center;
    z-index: 99;
    right: 5%;
}
} 
@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;
	}	
.nav-bar,.header .head-social,.header .change-language{ display:none !important;}
.head-wrapper{padding:25px 0 0;}
.header{ height:auto; z-index:0;}
.logo{
	position:relative;
	width:100%;
	text-align:center;
	z-index:-1;
	top: 0;
	} 
.logo img{
	max-height:1rem;
	} 
.head-search{
	width:100%;
	}
.head-social{ float:none; margin:0;}	
.head-search-form{ position:relative;width:100%; height:35px; border:1px solid #ccc; border-radius:5px;}
/*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;
}	
.banner_flexslider li.item:before{
	right:0;
	    transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);}
.banner_flexslider li.item .banner_info {
    width: 100%;
    text-align: left;
	text-align:center
}
.banner_flexslider li.item .banner_info .wrap{ padding:25px; } 
.about-us .about-info .wrap {
    width: 90%;
	margin: auto;
}
.index-title-bar .title{ font-size: .3rem; }
.about-us .about-info .wrap-about{ width: 90%; margin: .15rem auto;}
.about-us:before{
	 transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
	left:0
	}
.about-us:after{ display:none}
.foot-item-contact,.foot-item-news,.foot-item-subscribe{ width:50%; margin:0 0 .3rem; padding:0 .3rem 0  0;}
.product-item{ width:33.3333%}
/* 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){
.flex-control-paging li a{ width:7px; height:7px;}
 .banner_flexslider li.item .banner_info .title{ font-size:16px;}
 .banner_flexslider li.item .banner_info .text{ font-size:14px;
  margin:10px 0;}
  .banner_flexslider li.item .banner_info .more a{ line-height:30px; font-size:16px; padding:0 15px; border-radius:0}
  .banner_flexslider li.item .banner_info .wrap{ padding:5px;} 
.synopsis-item{ width:100%; }
.foot-item-contact,.foot-item-news,.foot-item-subscribe{ width:100%; padding:0;}
.product-item{ width:50%}
.product-item .item-wrap {
 
    margin:.11rem ;
}
.product-items .product-item .item-info,.product-item .item-info{ height:auto; padding:10px 0;}
.product-item .item-info:before{ display:none}
.about-us .about-info{
	position:relative;
	}
.about-us .about-info .wrap{ width:100%;}
.about-us .about-info .wrap-about{ display: block; }
.index_follow .big_img{
	display:none
	}
 .follow_items{ width:100%;  }
 .follow_item{ width:50%;padding:.12rem ;} 
.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){
.product-item{ width:100%}
}
 

.none{display:none;}
