@charset "utf-8";
/*--------------------------head-wrapper---------------------------*/
.head-wrapper
{
	position: relative;
	width: 100%;
	z-index: 10000;
}
.logo, .language, .head-search, .nav-bar .nav
{
	position: relative;
	display: inline-block;
*display:inline;
 *zoom:1;
	vertical-align: top;
	text-align: left;
}
.logo
{
	position: relative;
	float: left;
}
.logo img { position: relative; }
.tasking
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #00d967;
	overflow: hidden;
	display: none;
	z-index: 1;
}
.change-language {  margin: .25rem 0 0 1rem;
}
.head-search
{
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
	z-index: 1;
	margin-top: -15px;
}
.head-search .head-search-form
{
	position: absolute;
	right: 0;
	width: 0;
	height: 30px;
	border-bottom: 1px solid #7a7a7a;
	overflow: hidden;
	z-index: 1;
	-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;
}
.head-search .search-ipt
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	background: none;
	border: none;
	color: #FFF;
}
.head-search-form .search-btn { font-family: 'fontawesome'; }
.head-search .search-btn, .head-search .search-toggle
{
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	border: none;
	background: none;
	color: #7a7a7a;
 font-size: .16rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.head-search .search-toggle { right: 1.8rem; }
.head-search .search-toggle:before
{
	font-family: 'fontawesome';
	content: "\f002";
}
.head-search-show.head-search .head-search-form { width: 100%; }
.nav-bar
{
	position: relative;
 height: .8rem;
	background-color: #fff;
	text-align: right;
}
.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 { color: #00d967; }
.nav-bar .nav > li > a
{
	position: relative;
	display: inline-block;
 height: .8rem;
 line-height: .8rem;
 padding: 0 .15rem;
	text-transform: uppercase;
	color: #1c1c1c;
	font-weight: bold;
 font-size:.15rem;
}
.nav-bar .nav li li { display: block; *display:block;
 line-height:.35rem;
}
.nav-bar .nav li li a
{
 padding: 0 .15rem;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0);
}
.nav-bar .nav ul
{
	width: 2.55rem;
	position: absolute;
 top: .8rem;
 left: .3rem;
	background: rgba(255,255,255,.9);
	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: 2.57rem;
}
.nav-bar .nav ul li:hover >a { color: #00d967; }
.nav-bar .nav li .nav-ico
{
font-size: .12rem;
	left: 50%;
	position: absolute;
	bottom: -15px;
	margin-left: -3px;
}
.nav-bar .nav li .nav-ico:after { content: '\f0d7'; }
.nav-bar .nav li li .nav-ico
{
	position: absolute;
	top: 0;
 right: .1rem;
 line-height: .35rem;
}
.nav-bar .nav li li .nav-ico:after { content: '\f0da'; }
.fixed-nav
{
	position: fixed;
	width: 100%;
	top: 0;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s;
	z-index: 10009;
}
/*--------------------------footer---------------------------*/	
 
.foot-wrapper
{
	position: relative;
	width: 100%;
	z-index: 0;
	background-image: url(../images/foot-bg.jpg);
}
.foot-wrapper, .foot-wrapper a { color: #484848;  line-height: .2rem;
}
.foot-items {
 padding: .4rem 0; line-height: 2.3;  padding-top: .4rem;
}
.foot-items .foot-item
{
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
 *zoom:1;
	padding: 0 1.4rem 0 0;
}
.foot-items .foot-item .foot-tit
{
	position: relative;
	text-transform: capitalize;
 margin: 0 0 .25rem;
	font-weight: normal;
 font-size: .2rem;
	color: #000;
	font-family: 'SourceSansProRegular';
}
.foot-items .foot-item.foot-item-contact { width: 36.25%; }
.foot-items .foot-item.foot-item-news
{
	width: 28%;
	padding: 0;
}
.foot-items .foot-item.foot-item-inquiry { width: 35%; }
.foot-item.foot-item-contact li { position: relative;  padding: 0 0 0 .35rem;
}
.foot-item.foot-item-contact li:before
{
	position: absolute;
	left: 0;
	top: 0;
 font-size: .16rem;
	color: #fff;
 width: .35rem;
	text-align: center;
 line-height: .32rem;
	color: #484848;
}
.foot-item.foot-item-contact li.foot_addr:before { content: "\f041"; }
.foot-item.foot-item-contact li.foot_phone:before { content: "\f015"; }
.foot-item.foot-item-contact li.foot_email:before { content: "\f003" }
.foot-item.foot-item-contact li.foot_fax:before { content: "\f1ac" }
.foot-item.foot-item-contact li.foot_skype:before { content: "\f17e" }
.foot-item.foot-item-news .product-container
{
	position: relative;
	display: block;
	overflow: hidden;
 padding: 0 0 .2rem;
}
.foot-item.foot-item-news .new-item { position: relative;  margin-bottom: .1rem;
}
.foot-item.foot-item-news .new-item:after
{
	content: "";
	background-color: #d2d2d2;
	width: 72.5%;
	height: 1px;
	visibility: visible;
	bottom: 0;
	right: 0;
	position: absolute;
}
.foot-item.foot-item-news .new-item .new-img
{
	display: inline-block;
	width: 23.5%;
	vertical-align: top;
	border: 2px solid #7e7e7e;
	margin-left: 2px;
}
.foot-item.foot-item-news .new-item .new-img img { width: 100%; }
.foot-item.foot-item-news .new-item .new-info
{
	display: inline-block;
	width: 72.5%;
	float: right
}
.foot-item.foot-item-news .new-item time
{
	font-size: 13px;
	font-style: italic;
}
.foot-item.foot-item-news .new-item .title
{
	font-size: 14px;
	font-weight: normal;
 max-height: .4rem;
	overflow: hidden;
}
.foot-item.foot-item-news .new-item .title a { }
.foot-item.foot-item-news .owl-carousel .owl-controls .owl-nav { display: none; }
.foot-item.foot-item-news .owl-carousel .owl-controls .owl-dots { text-align: left; }
.subscribe span { display: block; }
.subscribe .button
{
	display: inline-block;
 line-height: .32rem;
 padding: 0 .1rem;
	border: 2px solid #000;
	background: #000;
	color: #FFF;
	border-radius: 4px;
 margin: .2rem 0;
	cursor: pointer;
	font-weight: bold;
}
.subscribe .button:before
{
	font-family: "fontawesome";
	content: "\f003";
 margin: 0 .05rem 0 0;
}
.subscribe .button:hover
{
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
}
.foot-bottom { background-color: #000; padding: .2rem 0;
}
.copyright
{
	color: #fff;
	display: inline-block;
	float: left;
 line-height: .35rem;
}
.foot-social
{
	display: inline-block;
	float: right;
}
.foot-social { position: relative; }
.foot-social li
{
	position: relative;
	display: inline-block;
	vertical-align: top;
 margin: 0 .35rem 0 0;
}
.foot-social li img { }
/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/
																	
.main_content
{
	z-index: 99;
	position: relative;
	background: #fff;
}
.index-title-bar
{
	position: relative;
	text-align: center;
}
.index-title-bar .title
{
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
 *zoom:1;
 line-height:.6rem;
 font-size:.52rem;
	color: #0d0d0d;
	font-family: 'SourceSansProLight';
	font-weight: 100;
	text-transform: capitalize;
}
.index-title-bar .sub-title
{
 font-size: .16rem;
 line-height: .16rem;
	font-family: 'SourceSansProRegular';
	font-weight: normal;
	color: #252525;
	width: 60%;
	margin: auto;
	margin-top: 17px;
	margin-bottom: 30px;
}
/*company-synopses*/
.index-border-line
{
	border: 1px #d2d2d2 solid;
	position: relative;
padding-top: .7rem;
}
.company-synopses .index-title-bar { padding-bottom:.7rem;
}
.company-synopses
{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.company-synopses ul { width: 100%; }
.synopsis-item
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
*display:inline;
 *zoom:1;
	width: 23%;
	margin: 0 1%;
	z-index: 1;
	vertical-align: top;
	padding-top: 75px;
}
.synopsis-item .item-wrap
{
	position: relative;
	text-align: center;
}
.synopsis-item .item-info { position: relative; }
.synopsis-item .item-info .item-title { margin: 15px 0; }
.synopsis-item .item-info .item-title, .synopsis-item .item-info .item-title a
{
	line-height: 26.4px;
	font-family: 'Gotham Bold';
	font-weight: 100;
	color: #101010;
	letter-spacing: 1px;
	font-size: 24px;
}
.synopsis-item .item-info .item-desc, .synopsis-item .item-info .item-desc a
{
	font-size: 14px;
	line-height: 21px;
	font-family: 'Gotham Light';
	text-align: center;
	color: #959595;
}
.synopsis-item .item-img img { }
.company-synopses .synopsis-item.synopsis-item-hover, .synopsis-item-hover-02
{
	position: relative;
	background-image: url(../images/index.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
}
/*---------------about-us ---------------*/

.about-us { position: relative;  padding: .8rem 0 0;
}
/*product-items*/
.product-container { width: 102.45%; }
.product-items
{
	position: relative;
	width: 100%;
 padding: .8rem 0;
	overflow: hidden;
}
.product-items .items-content
{
	width: 1230px;
	margin: 0 0 0 -15px;
}
.product-item
{
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
 *zoom:1;
	width: 33.333%;
 margin: 0 0 .22rem;
}
.product-items .product-item, .goods-items .product-item
{
	width: 100%;
	margin: 0;
	visibility: visible !important;
}
.product-item .item-wrap
{
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 22px 0 0;
}
.product-items .product-item .item-wrap { }
.product-item .item-img
{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.product-item .item-img img
{
	position: relative;
	width: 100%;
	-moz-transition: 1.5s all ease;
	-o-transition: 1.5s all ease;
	-webkit-transition: 1.5s all ease;
	transition: 1.5s all ease;
}
.product-item .item-img:hover img
{
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}
.product-item .item-info .item-title {
padding: .13rem .2rem .22rem .2rem; text-transform: capitalize;  font-size: .18rem;
}
.product-item .item-info .item-title, .product-item .item-info .item-title a
{
	color: #252525;
	font-family: 'SourceSansProLight';
	font-size: 14px;
	font-weight: 100;
}
.product-items .product-item .item-img .img-shadow {
	background-color: rgba(255,255,255,.3);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.product-items .product-item .item-img .img-shadow:after {
	content: "\f0c1";
	color: #00d967;
	top: 50%;
	left: 50%;
	position: absolute;
	font-size: 35px;
	margin-left: -17px;
	margin-top: -27px;
}
.product-items .product-item:hover .item-img .img-shadow {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/*----------------------------------product-items nav---------------------------------*/
.product-items .owl-carousel .owl-controls .owl-nav { display: none !important;  top: -.7rem;
}
.product-items:hover .owl-carousel .owl-controls .owl-nav { display: block !important; }
/*---------------------------main-product-wrap-------------------------------*/
.main-product-wrap { }
.main-product-wrap .product-item
{
	width: 25%;
	display: inline-block;
}
.main-product-wrap .product-more
{
	color: #fff;
	background-color: #00d967;
	;
	border-color: #00d967;
	;
	border-radius: 25px;
	min-width: 160px;
	line-height: 1.3;
	border-width: 2px;
	border-radius: 40px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	padding: 13px 16px;
	display: table;
	text-align: center;
	margin: auto;
margin-top:.65rem;
}
.main-product-wrap .product-more:hover { background-color: #0dff80; }
/*----------------------------------page nav---------------------------------*/
	
.path-bar
{
	position: relative;
	background: #ebebeb;
 line-height: .33rem;
 margin: 0 0 .25rem 0;
}
.path-bar li
{
	display: inline-block;
	vertical-align: top;
	position: relative;
 font-size: .16rem;
}
.path-bar li:after { content: "/";  margin: 0 .1rem;
 font-size: .18rem;
}
.path-bar li a
{
	color: #2f2f2d;
	font-size: 14px;
	font-family: 'SourceSansProLightIt';
}
.path-bar li.current a { color: #00d967; }
.path-bar li:last-child:after { display: none; }
.page-bar { }
.pages
{
	position: relative;
	text-align: center;
 margin: .4rem 0 .15rem;
}
.pages a
{
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
 *zoom:1;
	border: 1px solid rgba(0,89,139,.2);
	line-height: 25px;
	min-width: 26px;
	padding: 0 8px;
	margin: 0 0 0 5px;
	border-radius: 3px;
}
.pages a.current, .pages a:hover
{
	background: #333333;
	color: #FFF;
}
.pages span
{
	border: 1px solid rgba(0,89,139,.2);
	line-height: 25px;
	min-width: 26px;
	padding: 0 8px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	display: inline-block;
}
/*----------------------------------aside---------------------------------*/	
.aside
{
	float: left;
	width: 225px;
}
.side-tit-bar { position: relative; }
.side-tit-bar .side-tit
{
	position: relative;
font-size: .16rem;
line-height: .37rem;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	background: #000;
padding: 0 .1rem;
}
.side-widget { position: relative;  margin: 0 0 .2rem;
}
.side-cate {  padding: .2rem 0;
}
.side-cate li
{
	position: relative;
	line-height: 33px;
}
.side-cate li {  margin: 0 .15rem;
}
.side-cate > li { border-bottom: 1px solid #d6d6d6; }
.side-cate ul { display: none; }
.side-cate li a
{
	position: relative;
	display: block;
}
.side-cate li .icon-cate
{
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 12px;
	cursor: pointer;
	color: #99abbf;
}
.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: #00d967; }
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate { color: #00d967; }
.side-product-items { position: relative;  padding: .4rem .08rem;
}
.side-product-items .items_content { position: relative; }
.side-product-items .items_content { }
.side_product_item
{
	position: relative;
	display: block;
	width: 100%;
 padding: .12rem 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;
}
.side-product-items .btn-prev, .side-product-items .btn-next
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 15px;
	display: block;
	cursor: pointer;
	opacity: .25;
}
.side-product-items .btn-prev {
 top: .2rem; background: url(../images/side_product_up.png) no-repeat center center; }
.side-product-items .btn-next {
 bottom: .2rem; 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.3%;
	float: right;
 padding-bottom: .8rem;
}
.main-tit-bar
{
	border-bottom: 1px solid rgba(0,89,139,.2);
 margin: 0 0 .12rem;
	overflow: hidden;
}
.main-tit-bar .title
{
 font-size: .22rem;
	text-transform: uppercase;
	float: left;
}
.main-tit-bar .share-this { float: right; }
.main-banner
{
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(0,89,139,.2);
}
.main-banner .item, .main-banner .item img
{
	position: relative;
	width: 100%;
}
.main-banner .flex-control-nav { display: none; }
.main-banner .flex-direction-nav { display: block; }
.main-banner .flex-direction-nav .flex-next {  right: .4rem;
}
.main-banner .flex-direction-nav .flex-prev {  left: .4rem;
}
.goods-summary {  margin: .17rem 0 .25rem;
}
.items_list { }
.items_list ul { width: 102.45%; }
.goods-items .product-item .item-wrap, .items_list ul .product-item .item-wrap
{
	border: 1px solid #d2d2d2;
	padding: 4px;
}
/*-------------------------------------------------------- 
													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
{
	border: 1px solid #eee;
	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: 38%;
	float: left;
}
.product-view .product-image
{
	position: relative;
	padding: 3px;
	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: 2px solid #bbbab9;
}
.product-view .image-additional li a
{
	position: relative;
	display: block;
 padding: 0 .1rem;
}
.product-view .image-additional li.current img { border-color: #00d967; }
.product-view .image-additional img.popup { display: none; }
.image-additional .owl-carousel .owl-controls .owl-nav { top: 50%;  margin: -.1rem 0 0;
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next
{
	position: absolute;
	margin: 0;
	padding: 0;
}
.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: -5%; }
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next { right: -5%; }
/*product summary*/
.product-summary
{
	position: relative;
	width: 58%;
	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: #000;
	border: 1px solid #000;
	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: #000;
}
.product-summary .share-this {  margin: .3rem 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:.16rem;
 margin: 0 .03rem 0 0;
 padding: 0 .18rem;
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
}
.detail-tabs .title.current
{
	color: #fff;
	background: #000;
}
.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 { background-color: #000; }
.goods-title-bar .title
{
 font-size: .16rem;
	text-transform: uppercase;
	font-weight: normal;
 line-height: .33rem;
 padding-left: .17rem;
}
.goods-title-bar .title, .goods-title-bar .title a { color: #fff; }
.goods-items { width: 102.45%;  margin: .2rem 0 0;
}
.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev, .goods-items.owl-carousel .owl-controls .owl-nav .owl-next { color: #fff; }
/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list
{
	position: relative;
	width: 100%;
}
.blog-item
{
	position: relative;
	width: 100%;
	overflow: hidden;
 padding: .2rem 0;
}
.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: .16rem;
}
.blog-item .item-info time
{
	display: block;
	font-style: italic;
 margin: .08rem 0;
}
.blog-item .item-info .item-detail { }
.blog-item .item-info .item-more
{
	float: right;
	color: #00d967;
}
/*-------------------------------------------------------- 
													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: .16rem;
	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: .05rem;
	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: .16rem;
 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: .12rem;
	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: 1600px) {
}
 @media only screen and (max-width: 1550px) {
}
 @media only screen and (max-width: 1366px) {
html { font-size: 600%; }
.side-tit-bar .side-tit {  font-size: .15rem;
}
}
 @media only screen and (max-width: 1280px) {
html { font-size: 570%; }
.layout, .nav-bar .nav-wrap, .path-bar .path-nav { width: 98%; }
body { min-width: 100%; }
.scrollsidebar, .bottomsidebar { display: none; }
.nav-bar, .logo img { }
.nav-bar .nav > li > a {  padding: 0 .2rem;
}
.index-title-bar .title { font-size: .33rem;
line-height: .4rem;
}
.index-title-bar .sub-title
{
	margin-top: 15px;
	margin-bottom: 20px;
}
.product-items .items-content
{
	width: 100%;
	margin-left: 0;
}
.foot-items .foot-item { padding: 0 1rem 0 0; }
.items_list ul, .goods-items { width: 100%; }
.product-container { width: 100%; }
.product-item .item-wrap {  margin: 0 .11rem;
}
.about-us, .index-border-line { padding: .5rem 0 0;
}
.product-items { padding: .5rem 0;
}
.main-product-wrap .product-more {  margin-top: .4rem;
}
}
 @media only screen and (max-width: 1200px) {
.aside { width: 200px; }
}
 @media only screen and (max-width: 1000px) {
.main { width: 76%; }
}
 @media only screen and (max-width: 1024px) {
html { font-size: 550%; }
}
 @media only screen and (max-width: 950px) {
html { font-size: 550%; }
.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 .nav, .change-language, .head-search { display: none !important; }
.nav-bar
{
	padding: 25px 0 0 0;
	height: auto;
}
.logo
{
	display: block;
	text-align: center;
	width: 100%;
}
.head-search-form
{
	position: relative;
	width: 100%;
 height: .35rem;
	border: 1px solid #000;
}
.head-search-form .search-ipt
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
 height:.35rem;
	background: none;
	border: none;
 padding: 0 .1rem;
}
.head-search-form .search-btn
{
	position: absolute;
	top: 0;
	right: 0;
 width: .35rem;
 height: .35rem;
	background: none;
	border: none;
}
/*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; }
/*---------index------*/
.about-us, .index-border-line { padding: .3rem 0 0;
}
.product-items { padding: .3rem 0;
}
.main-product-wrap .product-more {  margin-top: .25rem;
}
.company-synopses ul { width: 100%; }
.foot-items .foot-item { padding: 0; }
.foot-items .foot-item.foot-item-contact, .foot-items .foot-item.foot-item-news, .foot-items .foot-item.foot-item-inquiry { width: 50%;  margin: 0 0 .2rem;
}
.foot-items .foot-item.foot-item-contact {  padding: 0 .2rem 0 0;
}
/* 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-items .product-item { visibility: visible !important; }
/* product intro */

.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) {
.main-product-wrap .product-item { width: 50%; }
.synopsis-item { width: 48%; }
.copyright, .foot-social
{
	display: block;
	float: none;
	text-align: center;
	padding: 1% 0;
}
}
 @media only screen and (max-width: 640px) {
.product-items {  padding: .3rem 0 .5rem 0;
}
.main_content, .index-about-wrap {  padding-bottom: .3rem;
}
.foot-items {  padding: .3rem 0 0 0;
}
.synopsis-item
{
	width: 48%;
	margin: 1%;
}
.foot-item.foot-item-news .new-item time {  line-height: .23rem;
}
}
 @media only screen and (max-width: 500px) {
.logo img { }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { display: none; }
.flex-control-paging li a {  width: .1rem;
 height: .1rem;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {  width: .12rem;
 height:.12rem;
}
.blog-item .item-img { max-width: 1.5rem;  margin: 0 .15rem 0 0;
}
.product-item { width: 100%; }
.synopsis-item
{
	width: 100%;
	border-bottom: 1px #d2d2d2 solid;
	padding: 7% 0;
}
.company-synopses .synopsis-item.synopsis-item-hover, .synopsis-item-hover-02 { background-image: none; }
.foot-items .foot-item.foot-item-contact, .foot-items .foot-item.foot-item-news, .foot-items .foot-item.foot-item-inquiry { width: 100%; }
.foot-items .foot-item.foot-item-contact { 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; }
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 320px) {
.synopsis-item, .product-item { width: 100% }
.main-product-wrap .product-item { width: 100%; }
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { margin-bottom: 10px; }
}
 @media only screen and (max-width: 950px) {
.change-language-cont
{
	top: auto !important;
*top: auto !important;
	padding: 0 !important;
	width: 100% !important;
	text-align: left !important;
}
.sub-content
{
	position: relative !important;
	display: block !important;
	right: auto !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 99999 !important;
}
.change-language-title { display: none !important; }
.change-language-cont ul li
{
	width: 25% !important;
	margin: 0 !important;
	border: none !important;
	;
}
}
 @media only screen and (max-width: 768px) {
.change-language-cont ul li { width: 33.33333% !important; }
}
 @media only screen and (max-width: 640px) {
.change-language-cont ul li { width: 50% !important; }
}
 @media only screen and (max-width: 320px) {
.change-language-cont ul li { width: 50% !important; }
}
.none { display: none; }