@charset "utf-8";
.head-wrapper {
	position: relative;
	width: 100%;
	z-index: 10000
}
.qwert{
	font-family:SourceSansProLight;
}

.index-title-bar.div{
	text-align:right;
}
.change-language,.head-contact li,.head-search,.head-social,.head-social li,.logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left
}
.topbar {
	position: relative;
	text-align: right;
	padding: .2rem 0;
	z-index: 1
}
.head-contact {
	float: left
}
.head-email,.head-phone {
	padding: 0 0 0 .29rem;
	margin: 0 0 0 .35rem;
	line-height: .4rem;
	font-style: normal;
	line-height: .36rem
}
.head-email:before,.head-phone: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(/uploads/ac8713cd.png)
}
.head-email:before {
	width: .2rem;
	height: .13rem;
	margin: -.07rem 0 0;
	background-image: url(/uploads/7c786a0b.png)
}
.head-search,.head-search .search-btn,.head-search-form .search-ipt {
	-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(img/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: 0 0;
	float: left;
	text-indent: 1em
}
.head-search-form .search-btn {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(img/search_btn.png) no-repeat center center;
	border: 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0
}
.head-search-show .head-search-form {
	box-shadow: 0 0 1em rgba(0,0,0,.15);
	display: block\9;
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	visibility: visible
}
.head-search-show .search-toggle {
	background-image: url(img/search_btn_close.png);
	background-size: 45% auto
}
.change-language {
	margin: .02rem 0 0 .1rem!important
}
.change-language-info .language-icon {
	font-size: 12px!important;
	color: #9dc93e!important;
	right: 0!important
}
.change-language-info .change-language-title {
	padding-right: 18px!important
}
.header {
	position: relative;
	background: #9dc93e;
	height: auto
}
.logo {
	position: relative
}
.logo img {
	position: relative;
	height: 1.05rem
}
.head-social {
	float: right;
	margin: .43rem 0 0
}
.head-social li {
	margin: 0 0 0 .23rem
}
.head-social li a {
	color: #fff
}
.head-social li img {
	max-width: 25px
}
.nav-bar {
	position: relative;
	background: #FFF
}
.nav-bar .nav {
	text-align: center
}
.nav-bar .nav li {
	position: relative;
	display: block;
	text-align: left
}
.nav-bar .nav>li {
	display: inline-block;
	vertical-align: top
}
.nav-bar .nav>li>a {
	position: relative;
	display: block;
	height: .76rem;
	line-height: .76rem;
	padding: 0 .25rem;
	font-family: SourceSansProBold;
	font-size: 16px;
	text-transform: uppercase;
	overflow: hidden;
	color: #363636
}
.nav-bar .nav>li>a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 0;
	height: 100%;
	background: rgba(237,237,237,.3)
}
.nav-bar .nav>li.nav-current>a:before,.nav-bar .nav>li:hover>a:before {
	left: 0;
	width: 100%
}
.nav-bar .nav li li {
	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);
	color: #000
}
.nav-bar .nav ul {
	width: 255px;
	position: absolute;
	top: .76rem;
	left: 0;
	background: rgba(237,237,237,.3);
	text-align: left;
	display: none;
	z-index: 999;
	background-color: #fff
}
.fixed-nav.nav-bar .nav ul ul,.nav-bar .nav ul ul {
	top: 0;
	left: 257px
}
.nav-bar .nav ul li:hover>a {
	color: #9dc93e
}
.nav-bar .nav li .nav-ico {
	margin: 0 0 0 6px;
	font-size: 12px
}
.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;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s
}
.foot-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #222
}
.subscribe {
	position: relative;
	background: #626262;
	overflow: hidden
}
.subscribe .layout {
	padding: .67rem 0 .67rem 1.38rem;
	background: url(img/inquiry.png) no-repeat left center
}
.subscribe span {
	position: relative;
	display: block;
	width: 70.333%;
	font-size: 16px;
	color: rgba(163,163,163,1)
}
.subscribe:hover span {
	color: #FFF
}
.email.inquiryfoot.ad_inquiryfoot,.subscribe .button {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -.2rem 0 0;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	height: .4rem;
	line-height: .4rem;
	padding: 0 .42rem 0 .15rem;
	cursor: pointer;
	border: 2px solid #fff;
	text-transform: uppercase;
	overflow: hidden
}
.email.inquiryfoot.ad_inquiryfoot:after,.subscribe .button:after {
	content: "";
	position: absolute;
	width: 11px;
	height: 10px;
	top: .15rem;
	right: .17rem;
	background: url(img/inq_arrow.png) no-repeat center center
}
.email.inquiryfoot.ad_inquiryfoot::before,.subscribe .button::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 150%;
	background: rgba(255,255,255,.5);
	content: '';
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}
.email.inquiryfoot.ad_inquiryfoot:hover::before,.subscribe .button:hover::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)
}
.subscribe:before {
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
	content: '';
	background: #9dc93e;
	position: absolute;
	left: -150%;
	top: 0;
	width: 100%;
	height: 100%;
	transform: skew(-30deg,0deg);
	-webkit-transform: skew(-25deg,0deg);
	-moz-transform: skew(-25deg,0deg);
	-o-transform: skew(-25deg,0deg);
	-ms-transform: skew(-25deg,0deg)
}
.subscribe:after {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
	content: '';
	background: #fff;
	position: absolute;
	left: -150%;
	top: 0;
	width: 100%;
	height: 100%;
	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: 0 0 100px 39px #fff
}
.subscribe:hover:before {
	left: -30%
}
.subscribe:hover:after {
	left: -30%;
	opacity: 0
}
.foot-items {
	position: relative;
	padding: .65rem 0;
	background-image: url(/uploads/8303c9c1.jpg)
}
.foot-items,.foot-items a {
	color: rgba(255,255,255,.8)
}
.foot-item .foot-tit {
	position: relative;
	font-size: 18px;
	font-family: SourceSansProBold;
	text-transform: uppercase;
	margin: 0 0 .2rem;
	color: rgba(124,124,124,1)
}
.foot-item {
	position: relative;
	display: inline-block;
	vertical-align: top
}
.foot-item-contact {
	width: 26%;
	padding: 0 5% 0 0
}
.foot-item-contact li {
	position: relative;
	line-height: 1.8;
	margin: 0 0 .1rem
}
.foot-item-contact li span {
	color: rgba(124,124,124,1)
}
.foot-item-news {
	width: 34%;
	padding: 0 5% 0 0
}
.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(img/arrow.png) no-repeat left top;
	background-size: cover
}
.foot-item-news .new-item time {
	font-style: italic;
	display: block;
	margin: 0 0 .1rem;
	color: rgba(124,124,124,1)
}
.foot-item-news .new-item h3 {
	font-weight: 400;
	font-size: 14px
}
.foot-item-news .owl-carousel .owl-controls .owl-dots {
	text-align: left;
	bottom: -.2rem
}
.foot-item-list {
	width: 40%
}
.foot-item-list li {
	vertical-align: top;
	text-align: left;
	margin: 0 0 15px
}
.foot-item-list li:after {
	margin: 0 10px;
	color: rgba(124,124,124,1)
}
.copyright {
	color: rgba(124,124,124,1);
	font-size: 12px;
	margin: .3rem 0 0
}
.page_content {
	padding: 0 0 .8rem
}
.index-title-bar {
	text-align: center;
	padding: .53rem 0 .35rem
}
.index-title-bar .title {
	position: relative;
	font-family: SourceSansProBold;
	font-size: .28rem
}
.index-title-bar .title .a{
	position: relative;
	font-family: SourceSansProBold;
	font-size: .28rem
	}
.company-synopses {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #e0e0e0;
	padding: 0 0 .7rem
}
.company-synopses ul {
	position: relative;
	width: 103.5%
}
.synopsis-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	padding: 0 .42rem 0 0
}
.synopsis-item .item-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
	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,.4) 100%);
	background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.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:hover .item-img {
	opacity: .6
}
.synopsis-item .item-img img {
	position: relative;
	width: 100%;
	margin: 0 0 .3rem;
	-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 .item-info {
	position: relative;
	text-align: center
}
.synopsis-item .item-info .item-title {
	position: relative;
	font-size: .28rem;
	font-family: SourceSansProBold;
	text-align: center
}
.synopsis-item .item-info .item-title,.synopsis-item .item-info .item-title a {
	color: #626262
}
.synopsis-item .item-info .item-detail {
	position: relative;
	font-size: 16px;
	text-align: left;
	margin: .1rem 0 .1rem
}
.synopsis-item .item-info .item-more {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px 0 9px;
	height: 18px;
	line-height: 18px;
	background: #9dc93e;
	border-radius: 5px;
	color: #FFF;
	letter-spacing: 1px
}
.synopsis-item .item-info .item-more:after {
	content: "";
	width: 15px;
	height: 8px;
	background: url(img/right.png) no-repeat center center;
	position: absolute;
	right: 12px;
	top: 6px
}
.index-product {
	position: relative;
	padding: 0 .34rem .3rem;
	border-bottom: 2px solid #e0e0e0
}
.product-items {
	position: relative
}
.product-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	margin: 0 0 .1rem
}
.product-items .product-item {
	margin: 0 0 .2rem
}
.product-items .product-item {
	width: 100%
}
.product-item .item-wrap {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 .2rem 0 0
}
.product-items .product-item .item-wrap {
	margin: 0 .12rem
}
.product-item .item-img {
	position: relative;
	display: block;
	width: 100%;
	background: #000
}
.product-item .item-img img {
	position: relative;
	width: 100%;
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s
}
.product-item .item-wrap:hover .item-img img {
	opacity: .6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}
.product-item .item-img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
	content: '';
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
}
.product-item:hover .item-img::after {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
}
.product-item .item-info {
	position: relative;
	padding: .1rem
}
.product-items .product-item .item-info {
	padding: .2rem
}
.product-item .item-info .item-title {
	position: relative;
	font-size: 16px
}
.product-item .item-more {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}
.index_partner {
	position: relative;
	width: 100%
}
.partner_items {
	position: relative;
	width: 101.83%
}
.partner_item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin: 0 0 .22rem
}
.partner_item:hover img {
	opacity: .6
}
.partner_item .item-img {
	position: relative;
	width: 100%;
	padding: 0 .22rem 0 0
}
.partner_item .item-img img {
	position: relative;
	width: 100%
}
.path-bar {
	position: relative;
	line-height: .33rem;
	margin: 0 0 .5rem;
	background: #faf8f8
}
.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: #9dc93e
}
.path-bar li:last-child:after {
	display: none
}
.pages {
	position: relative;
	text-align: right;
	margin: .3rem 0 0
}
.pages a,.pages span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	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: #9dc93e;
	color: #FFF;
	border-color: #9dc93e
}
.aside {
	float: left;
	width: 20.4%
}
.side-tit-bar {
	position: relative
}
.side-tit-bar .side-tit {
	position: relative;
	font-size: 18px;
	text-transform: uppercase;
	font-family: SourceSansProbold
}
.side-widget {
	position: relative;
	margin: 0 0 20px
}
.side-cate {
	padding: .18rem .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(img/up.png) no-repeat center center
}
.side-cate li .icon-cate.icon-cate-up {
	background: url(img/down.png) no-repeat center center
}
.side-product-items {
	position: relative;
	padding: .4rem 8px
}
.side-product-items .items_content {
	position: relative
}
.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%
}
.side_product_item figcaption {
	display: table-cell;
	vertical-align: middle;
	font-family: SourceSansProLight,Helvetica,sans-serif
}
.side-product-items .btn-next,.side-product-items .btn-prev {
	position: absolute;
	left: 0;
	width: 100%;
	height: 15px;
	display: block;
	cursor: pointer
}
.side-product-items .btn-prev {
	top: 20px;
	background: url(img/side_product_up.png) no-repeat center center
}
.side-product-items .btn-next {
	bottom: 20px;
	background: url(img/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 {
	position: relative;
	width: 75%;
	float: right
}
.main-tit-bar {
	margin: 0 0 .25rem;
	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-control-nav,.main-banner .flex-direction-nav {
	display: none
}
.goods-summary {
	padding: .3rem 0 .35rem
}
.goods-summary p {
	padding: 0 0 15px
}
.items_list {
	position: relative
}
.items_list ul {
	width: 102%
}
.product-intro {
	position: relative;
	overflow: hidden
}
.cloud-zoom-lens {
	border: 1px solid #eee;
	cursor: move
}
.cloud-zoom-title {
	font-family: SourceSansProLight,Helvetica,sans-serif;
	position: absolute!important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 10px;
	top: 0
}
.cloud-zoom-big {
	overflow: hidden;
	padding: 0
}
.cloud-zoom-loading {
	color: #fff;
	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: #9dc93e
}
.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-next,.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev {
	position: absolute;
	border: none;
	background: 0 0;
	color: #000
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover,.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover {
	background: 0 0
}
.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 {
	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 .buy,.product-btn-wrap .email,.product-btn-wrap .pdf {
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background: #9dc93e;
	border: 1px solid #9dc93e;
	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 .buy:hover,.product-btn-wrap .email:hover,.product-btn-wrap .pdf:hover {
	background: 0 0;
	color: #9dc93e
}
.product-summary .share-this {
	margin: 30px 0 0
}
.product-detail {
	position: relative;
	overflow: visible
}
.detail-tabs {
	position: relative
}
.detail-tabs .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 33px;
	cursor: pointer;
	font-family: SourceSansProBold;
	font-size: 16px;
	margin: 0 .07rem 0 0;
	padding: 0 .18rem;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #c5c5cb;
	background: #FFF
}
.detail-tabs .title.current {
	color: #fff;
	background: #9dc93e;
	border-color: #9dc93e
}
.product-detail .tab-panel-content {
	padding: .3rem 0;
	display: block;
	overflow: hidden
}
.product-detail .disabled {
	display: none
}
.goods-may-like {
	position: relative;
	margin: .5rem 0 0
}
.goods-title-bar .title {
	font-family: SourceSansProBold;
	font-size: 18px;
	text-transform: uppercase
}
.goods-items {
	width: 102%;
	margin: .25rem 0 0
}
.goods-items .product-item {
	width: 100%
}
.goods-items.owl-carousel .owl-controls .owl-nav {
	left: auto;
	right: .2rem;
	top: -.53rem;
	width: auto
}
.goods-items.owl-carousel .owl-controls .owl-nav .owl-next,.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev {
	position: relative;
	left: auto;
	right: auto;
	margin: 0 0 0 7px
}
.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-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 .item-title {
	font-size: 16px
}
.blog-item .item-info time {
	display: block;
	font-style: italic;
	margin: 8px 0
}
.blog-item .item-info .item-more {
	float: right;
	color: #9dc93e;
	margin: 10px 0 0
}
.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;
	vertical-align: top;
	margin: 0 .1rem;
	font-size: 16px;
	font-weight: 700
}
.download-item .item-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	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
}
.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: 400
}
.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,.path-bar .path-nav {
		width: 980px
	}
	body {
		min-width: 980px;
		font-size: 15px
	}
	.company-synopses ul,.partner_items {
		width: 100%
	}
	.synopsis-item {
		padding: 0 .21rem
	}
	.partner_item .item-img {
		padding: 0 .11rem
	}
	.nav-bar .nav>li>a,.path-bar li {
		font-size: 15px
	}
	.gotop,.product-item .item-info .item-title {
		font-size: 14px
	}
	.foot-item .foot-tit,.side-cate li,.side-tit-bar .side-tit {
		font-size: 16px
	}
	.side-cate li li {
		font-size: 12px
	}
}
@media only screen and (max-width:1024px) {
	html {
		font-size: 570%
	}
	.layout,.nav-bar .nav,.path-bar .path-nav {
		width: 98%
	}
	body {
		min-width: 98%
	}
	.goods-items,.items_list ul {
		width: 100%
	}
	.gotop,.scrollsidebar {
		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,.6);
		position: absolute;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999
	}
	.mobile-ico-close {
		width: 30px;
		height: 30px;
		background: #fff url(img/mobile_close.png) center center no-repeat;
		background-size: 50% auto;
		position: absolute;
		right: -35px;
		top: 0
	}
	img {
		max-width: 100%
	}
	.sub-content {
		position: relative;
		display: block;
		right: auto;
		border-radius: 0;
		border: none;
		box-shadow: none;
		z-index: 99999
	}
	.lang-more {
		display: none!important
	}
	.mobile-head-items {
		position: fixed;
		top: 0;
		left: 0;
		background: #161622;
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: left;
		display: block
	}
	.mobile-head-item {
		float: left;
		width: 45px
	}
	.mobile-head-item.mobile-head-aside {
		float: right
	}
	.mobile-head-item .title {
		width: 100%;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		text-align: center;
		color: #FFF
	}
	.mobile-head-item .title a {
		position: relative;
		display: block;
		color: #FFF
	}
	.mobile-head-item.mobile-head-home .title a:before {
		content: '\f015'
	}
	.mobile-head-item.mobile-head-nav .title:before {
		content: '\f0c9'
	}
	.mobile-head-item.mobile-head-language .title:before {
		content: "\f1ab"
	}
	.mobile-head-item.mobile-head-search .title:before {
		content: "\f002"
	}
	.mobile-head-item.mobile-head-social .title:before {
		content: "\f007"
	}
	.mobile-head-item.mobile-head-aside .title:before {
		content: "\f060"
	}
	.mobile-head-item .main-content-wrap {
		background: #FFF;
		top: 0;
		display: block;
		z-index: 99999
	}
	.mobile-head-item .main-content-wrap .content-wrap {
		overflow-y: scroll;
		height: 100%;
		padding: 15px 10px
	}
	.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
		overflow-y: hidden
	}
	.mobile-head-item .side-content-wrap {
		position: fixed;
		display: block;
		left: -70%;
		width: 70%;
		height: 100%
	}
	.mobile-head-item .middle-content-wrap {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden
	}
	.mobile-head-item .middle-show-content-wrap {
		top: 30px;
		visibility: visible;
		opacity: 1
	}
	.header .head-social,.nav-bar,.topbar {
		display: none!important
	}
	.head-wrapper {
		padding: 25px 0 0
	}
	.header {
		height: auto;
		z-index: 0
	}
	.logo {
		position: relative;
		display: block;
		text-align: center
	}
	.logo img {
		max-height: .8rem
	}
	.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 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 .flex-direction-nav {
		display: none!important
	}
	.index-product {
		padding: 0 0 .3rem
	}
	.product-item .item-img {
		background: 0 0
	}
	.product-item .item-img::after {
		display: none
	}
	.index-product .owl-carousel .owl-controls .owl-dots {
		bottom: 0
	}
	.partner_item {
		width: 25%
	}
	.foot-item-contact,.foot-item-list,.foot-item-news {
		width: 50%;
		margin: 0 0 .3rem;
		padding: 0 .3rem 0 0
	}
	.product-item {
		width: 33.3333%
	}
	.aside {
		display: none
	}
	.side-product-items .btn-next,.side-product-items .btn-prev {
		display: none
	}
	.side_product_item {
		display: inline-block;
		vertical-align: top;
		width: 50%
	}
	.main {
		width: 98%;
		float: none;
		margin: 0 auto
	}
	.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 {
		position: relative;
		width: 100%;
		float: none
	}
	.product-summary .share-this {
		float: none;
		margin: 30px 0
	}
	.tab-content-wrap .tab-panel-wrap,.tab-content-wrap .tab-title-bar {
		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
	}
}
@media only screen and (max-width:768px) {
	.blog-item .item-img {
		max-width: 1.5rem
	}
}
@media only screen and (max-width:500px) {
	.flex-control-nav {
		bottom: 0
	}
	.flex-control-paging li a {
		width: 6px;
		height: 6px
	}
	.synopsis-item {
		width: 100%
	}
	.partner_item {
		width: 33.333%
	}
	.subscribe .layout {
		padding: 1.2rem 0 .3rem;
		text-align: center;
		background-position: center 10px
	}
	.subscribe span {
		width: 100%
	}
	.subscribe .button {
		position: relative;
		top: auto;
		right: auto;
		margin: .2rem 0 0
	}
	.foot-item-contact,.foot-item-list,.foot-item-news {
		width: 100%;
		padding: 0
	}
	.product-item {
		width: 50%
	}
	.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) {
	.partner_item {
		width: 50%
	}
	.product-item {
		width: 100%
	}
}
.none {
	display: none
}
.index_partner_logo{
}
.index_partner_logo .fl-col-group {
	float: left;
	width: 50%;
	text-align: center;
}
.index_partner_logo .fl-col-group .fl-heading-text{
	
}
.change-language-cont ul li{
	width:32% !important
}
.mousetrap , .cloud-zoom-big{display: none !important;} 




/*----------------Custom style strat------------------*/
.content_box{
    position: relative;
}
.content_box h2{
    position: relative;
    background-color: #9bc93f !important;
    width: max-content;
    color: white;
    line-height: 35px;
    z-index: 2;
}
.content_box h2 > span{
    text-transform: capitalize;
    padding: 2px 12px 2px 10px; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.content_box h2:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    height: 100%;
    width: 50%;
    background-color: #9bc93f;
    z-index: -1;
    background-image:none !important;
}
.content_box:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 33px;
    max-height: 33px;
    padding-right: .2rem;
    width: 100%;
    height: 33px;
    background-color: #759730;
    text-align: right;
    z-index: 0;
    color: #ffffff;
    text-transform: uppercase;
}
.content_box:before{
    content: '';
    position: absolute;
    left: 13px;
    bottom: 0;
    width: 25%;
    background-color: #00544b;
    height: 54%;
    z-index: 1;
}
.content_box h2:after , .content_box h2 after , .content_box:before , .content_box h2 span{
    display:block;
}
.content_box h2:after , .content_box:before , .content_box h2 > span{
    transform: skewX(-25deg) !important;
    -ms-transform: skewX(-25deg) !important;
    -moz-transform: skewX(-25deg) !important;
    -webkit-transform: skewX(-25deg) !important;
    -o-transform: skewX(-25deg) !important;
}
.content_box h2{
    transform: skewX(25deg) !important;
    -ms-transform: skewX(25deg) !important;
    -moz-transform: skewX(25deg) !important;
    -webkit-transform: skewX(25deg) !important;
    -o-transform: skewX(25deg) !important;
}
@media only screen and (max-width:500px){
    .content_box:after{
        content: '';
    }
    .content_box h2 , .content_box:before{
        width: 45%;
    }
    .content_box h2 span {
        font-size: 15px !important;
    }
}
/*------------------Custom style end----------------*/