@charset "utf-8";
/*--------------------------------------------------------------------------------head-wrapper-------------------------------------------------------------------------*/
.head-wrapper {
	position: relative;
	width: 100%;
	z-index: 10000;
	margin-top: 15px;
}
.page-head {
	position: relative;
	height: 156px;
	background: #8d9aa2;
}
.logo, .head-contact, .head-contact .head-phone, .head-contact .head-email, .nav-wrap, .change-language, .head-search {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	text-align: left;
}
.logo {
	position: relative;
	float: left;
}
.logo img {
	position: relative;
	max-height: 110px;
}
.head-top {
	height: 80px;
}
/*============================================================
					change-language
============================================================*/
.change-language {
	margin: 25px 0 0 20px;
	text-align: right;
	float: right !important;
}
.change-language-info .language-icon:before {
	font-size: 12px;
}
/*============================================================
					head-contact
============================================================*/
.head-contact {
	font-size: 14px;
	line-height: 80px;
	float: right;
}
.head-contact, .head-contact a {
	color: #abcc26;
}
.head-contact .head-phone, .head-contact .head-email {
	padding: 0 0 0 34px;
	margin: 0 15px 0 0;
}
.head-contact .head-phone:before, .head-contact .head-email:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4;
	width: 30px;
	height: 40px;
	font-size: 20px;
	line-height: 80px;
}
.head-contact .head-phone:before {
	content: "\f095";/*content: "\f2a0";*/
}
.head-contact .head-email:before {
	content: "\f003";
}
/*============================================================
					nav-bar
============================================================*/
.nav-bar {
	position: relative;
	background-color: #abcc26;
	margin-top: 15px;
	width: 100%;
}
.nav-bar .nav-wrap {
	position: relative;
	height: 77px;
}
.nav-bar .nav li, .nav-bar .nav li a {
	position: relative;
	display: block;
	text-align: left;
	color: #ffffff;
}
.nav-bar .nav > li {
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.nav-bar .nav > li:last-child {
	border-right: none;
}
.nav-bar .nav > li:hover > a, .nav-bar .nav > li.nav-current > a {
}
.nav-bar .nav > li > a {
	height: 77px;
	line-height: 77px;
	font-size: 16px;
	padding: 0 0 0 30px;
	z-index: 1;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
.nav-bar .nav > li:hover >a {
	color: #ffffff;
	background: #fd8505;
}

.nav-bar .nav > li > a:after {
	content: "";
	visibility: visible;
	display: inline-block;
	background-color: #9ed555;
	height: 30px;
	width: 1px;
	margin-left: 30px;
	vertical-align: middle;
}
.nav-bar .nav li .nav-ico {
	position: absolute;
	top: 0;
	line-height: 77px;
	right: 4px;
	font-size: 12px;
	z-index: 10
}
.nav-bar .nav li .nav-ico:after {
	content: '\f0d7';
}
.nav-bar .nav li li {
	display: block;
 *display:block;
	line-height: 40px;
}
.nav-bar .nav ul {
	width: 225px;
	position: absolute;
	top: 77px;
	left: 0;
	background: #abcc26;
	text-align: left;
	display: none;
	z-index: 9;
}
.nav-bar .nav li li a {
	padding: 0 30px;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: .5px;
	background: #abcc26;
}
.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul {
	top: 0;
	left: 227px;
}
.nav-bar .nav ul li:hover >a {
	color: #ffffff;
	background: #fd8505;
}
.nav-bar .nav li li .nav-ico {
	right: 10px;
	line-height: 40px;
}
.nav-bar .nav li li .nav-ico:after {
	content: '\f0da';
}
.fixed-nav.nav-bar .nav-wrap {
	display: none;
}
/*============================================================
					head-search
============================================================*/
.head-search-wrap {
	position: relative;
	float: right;
	margin-top: 23px;
}
.head-search-wrap .search-title {
	width: 30px;
	height: 30px;
	background-position: -365px 6px;
	cursor: pointer;
	float: right;
	position: absolute;
	right: 30px;
}
.head-search-wrap.wrap-hide .search-title {
	background-position: -239px 2px;
}
.head-search {
	width: 1100px;
	height: 30px;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.head-search .search-ipt {
	position: absolute;
	left: 40px;
	top: 0;
	width: 800px;
	height: 30px;
	background: none;
	border: none;
	font-size: 16px;
}
.head-search .search-btn {
	position: absolute;
	left: 0;
	top: 4px;
	width: 30px;
	height: 30px;
	border: none;
	background-color: transparent;
	background-position: -305px 2px;
}
/*---------------------------------------------------------------------------------------------footer-----------------------------------------------------------------------*/	
.foot-wrapper {
	position: relative;
	width: 100%;
	background: #eff8e7;
	padding: 80px 0 0;
	font-size: 14px;
}
.foot-wrapper, .foot-wrapper a {
	color: #333333;
}
.foot-items {
	padding: 35px 0 20px;
}
.foot-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.foot-item.foot-item-contact {
	width: 420px;
	float: right;
	text-align: center;
}
.foot-item.foot-item-contact .foot-cont {
	margin-top: 20px;
	margin-right: 20px;
}
.foot-item.foot-item-contact .foot-addr {
	font-size: 20px;
}
.foot-item.foot-item-contact .foot-email{
	font-size: 20px;
	color: #abcc26;
	line-height: 2em;
}
.foot-item.foot-item-contact .foot-phone .foot-fax {
	font-size: 20px;
}

.foot-item.foot-item-contact .foot-phone:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4;
	width: 30px;
	height: 40px;
	font-size: 40px;
	font-size: 36px;
	color: #abcc26;
}
.foot-item.foot-item-contact .foot-phone:before {
	content: "\f095";/*content: "\f2a0";*/
}
.foot-item.foot-item-contact ul li {
	position: relative;
	line-height: 28px;
	margin: 0 20px 0 0;
}
.foot-item.foot-item-inquiry {
	width: 420px;
	float: right;
	margin-right: 153px;
	background: #dbf1c0;
	text-align: center;
	padding: 0 40px;
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
	position: relative;
	width: 420px;
	height: 53px;
	line-height: 53px;
	background: #fff;
	color: #bdbdbd;
	font-style: italic;
	border: 1px solid #d3d3d3;
	margin: 40px 0 0 0;
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn {
	position: relative;
	font-size: 16px;
	padding: 0 30px;
	height: 53px;
	border: none;
	background: #abcc26;
	color: #ffffff;
	display: block;
	border-radius: 5px;
	margin: 25px 0 35px 0;
}
.foot-send-ipt {
	cursor: pointer;
	float: right;
	margin-top: 38px;
}
.foot-send-ipt img {
	display: inline-block;
}
.footer {
	position: relative;
	line-height: 30px;
	padding: 50px 0;
	background-color: #abcc26;
	text-align: center;
	margin-top: 95px;
}
.footer:before {
	content: '';
	height: 30px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	background: transparent;
	z-index: 1;
	background-image: url(../img/demo/footer_after_bg.png);
}
.copyright {
	color: #ffffff;
}
.copyright a{
	color: #ffffff;
}
.copyright a:hover {color: #ffffff;}
.copyright a:active {color: #ffffff;}
.foot-social {
	margin-top: 15px;
}
.social-cont {
	display: inline;
}
.foot-social li {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	margin: 0 0 0 10px;
}
.foot-social li a {
	display: block;
}
.foot-social li img {
	max-width: 18px;
}
/*--------------------------------------------------------------------------------------------index-----------------------------------------------------------------------------*/	
.index-layout {
	position: relative;
	width: 100%;
	padding: 0 0 70px;
}
.page-end {
	position: absolute;
	width: 216px;
	height: 26px;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -108px;
	background: url(../img/btn-opener.png) no-repeat center center;
	z-index: 999;
}
.main-title {
	font-size: 42px;
	line-height: 1.3;
	color: #000;
	text-align: center;
	font-weight: 100;
	position: relative;
}
.main-title p {
}
.main-title:before {
	background-color: #abcc26;
	width: 52px;
	height: 6px;
	content: "";
	visibility: visible;
	display: block;
	margin: auto;
	position: absolute;
	left: 50%;
	margin-left: -26px;
	top: -20px;
}
/*============================================================
				company-synopses-wrap
============================================================*/
.synopsis-item .item-wrap .item-img{

	width:500px;
	height:211px;

	}
.synopsis-item .item-wrap .item-img { position: relative; overflow: hidden; display: block;  display: table-cell; vertical-align: middle; text-align: center; }
.synopsis-item .item-wrap .item-img img { position: relative; max-width: 100%; max-height: 100%; }
.company-synopses-wrap {
	position: relative;
	width: 100%;
	padding: 76px 0 0 0;
}
.company-synopses {
	position: relative;
	margin: 20px 0 0 0;
}
.company-synopses-wrap:after {
	left: auto;
}
.synopsis-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
 *display:inline;
 *zoom:1;
	width: 400px;
	background-color: #f3fbee;
	z-index: 1;
	vertical-align: top;
}
.synopsis-item:hover {
	transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	box-shadow: 0 10px 20px rgba(0,0,0,.3);
	z-index: 2;
}
.synopsis-item:nth-child(2n) {
	background-color: #f4fbe9;
}
.synopsis-item .item-wrap {
	position: relative;
	overflow: hidden;
}
.synopsis-item .item-info {
	position: relative;
	text-align: center;
	margin: 20px 0 32px 0;
}
.synopsis-item .item-text {
	width: 75%;
	margin: auto
}
.synopsis-item .item-info a {
	color: #616161;
	font-size: 18px;
	line-height: 1.7;
	display: block;
}
.synopsis-item .item-more {
	text-decoration: none;
	line-height: 1;
	display: table;
	max-width: 100%;
	padding: 17px 29px;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	border: 2px solid #abcc26;
	color: #abcc26;
	margin: auto;
	margin-bottom: 60px;
}
.synopsis-item .item-more:hover {
	background-color: #abcc26;
	color: #fff;
}
/*==================================================================================
				            		about us
=================================================================================*/
.about-us-wrap {
	position: relative;
	width: 100%;
	padding: 75px 0 80px 0;
	    margin-bottom: 50px;
    background-attachment: fixed;
}
.about-us {
	position: relative;
	width: 100%;
}
.about-us .title {
	font-size: 58px;
	line-height: 1.3;
	color: #ffffff;
	text-align: left;
}
.about-us .title:before {
	display: none;
}
.about-us .title p {
	font-size: 47px;
	margin-bottom: 25px;
}
.about-us .about-detail {
	position: relative;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	font-size: 20px;
	line-height: 1.7;
	color: #fff;
	letter-spacing: .5px;
}
.about-us .read-more {
	font-size: 20px;
	padding: 15px 35px;
	color: #abcc26;
	background-color: #ffffff;
	float: right;
	margin-top: 25px;
}
.about-us .read-more:hover {
	color: #ffffff;
	background-color: #abcc26;
	border-radius: 35px;
}
/*==================================================================================
								main-product-wrap
=================================================================================*/
.main-product-wrap {
	position: relative;
	width: 100%;
	padding: 75px 0 0;
}
.main-product-wrap .product-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 25%;
	border: 1px #eeeeee solid;
	box-sizing: border-box;
	float: left;
}
.product-items {
	margin: 80px 0 0 0;
}
.product-item .item-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center
}
.product-item .pd-img{

	width:806px;
	height:356px;

	}
.product-item .pd-img { position: relative; overflow: hidden; display: block;  display: table-cell; vertical-align: middle; text-align: center; }
.product-item .pd-img img { position: relative; max-width: 100%; max-height: 100%; }
.product-item .pd-info {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
	opacity: 1;
	visibility: visible;
}
.product-item:hover .pd-info {
	opacity: 1;
	visibility: visible;
}
.product-item .pd-info .pd-name {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 20px;
	font-size: 18px;
	text-transform: uppercase;
}
.product-item .pd-info, .product-item .pd-info a {
	color: #252525;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 18px;
	padding: 12px 0;
}
.product-item .pd-info .pd-more {
	position: relative;
	display: block;
	margin: 15px 0 0;
	width: 100%;
	height: 36px;
	background: url(../img/pd-more.png) no-repeat center center;
}
.container-item .pd-info{ position:absolute; bottom:-100%; left:0; opacity:1; background-color:rgb(125,200,25,.7); 
-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;}
.container-item .pd-info .pd-name{ display:block;}
.container-item:hover .pd-info{ opacity:1; bottom:0;	visibility: visible;}
.product-item .pd-info, .product-item .pd-info a {
	 font-size:18px;}

/*--------------------------------------------------------------------------------------------page------------------------------------------------------------------------------------*/


/*==============================================================
							path-bar
============================================================*/
.path-bar {
	    position: relative;
    width: 100%;
    line-height: 35px;
    margin: 0 0 25px 0;
    background: #f3fbee;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 20px;
    margin-top: -42px;
}
.path-bar li:after {
content: ".";
position: absolute;
display: block;
overflow: hidden;
right: 0;
top: -11px;
line-height: 40px;
font-size: 35px;
color: #000;
}
.path-bar .path-nav {
}
.path-bar li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #999;
	font-size: 16px;
	text-transform: uppercase;
}
.path-bar li a {
	display: block;
	padding: 0 25px;
	color: #08292b;
}
.path-bar li:hover a, .path-bar li.current a {
	color: #abcc26;
}
.path-bar li:last-child:after {
	content: '';
}
/*===============================================================
							aside
================================================================*/
.aside {
	float: left;
	width: 235px;
}
.side-tit-bar {
	position: relative;
}
.side-tit-bar .side-tit {
	position: relative;
	font-size: 16px;
	line-height: 37px;
	color: #fff;
	background: #abcc26;
	padding: 0 20px;
}
.side-widget {
	position: relative;
}
.side-widget .side-hide {
	padding: 15px 0;
}
.side-cate ul li {
	position: relative;
	line-height: 30px;
}
.side-cate ul li li {
	margin: 0 18px;
}
.side-cate ul li a {
	position: relative;
	display: block;
	padding: 0 13px;
}
.side-cate ul li li a {
	border-bottom: 1px solid #e8e9eb;
	padding: 0 15px;
}
.side-cate ul li li a:before {
	display: none;
}
.side-cate-menu li .side-ico {
	position: absolute;
	right: 0;
	top: 5px;
	color: #99abb7;
	font-size: 12px;
	cursor:pointer;
}
.side-cate ul li>ul{ }
.side-cate-menu li .icon-cate-down:before {
	content: '\f067';
}
.side-cate-menu li .icon-cate-up:before {
	content: '\f068';
}
.products-scroll-list-wrap {
	position: relative;
}
.products-scroll-list {
	position: relative;
	padding: 15px 0 0;
}
.products-scroll-list li {
	padding: 0 0 25px;
	display: block;
	overflow: hidden;
}
.products-scroll-list li img {
	width: 60px;
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 12px 0 0;
	border-radius: 2px;
}
.products-scroll-btn-prev, .products-scroll-btn-next {
	position: relative;
	width: 100%;
	height: 19px;
	display: block;
	z-index: 999
}
.products-scroll-btn-prev {
	background: url(../img/icons-prev.png) no-repeat center center;
	margin: 10px 0 0;
}
.products-scroll-btn-next {
	background: url(../img/icons-next.png) no-repeat center center;
	margin: -10px 0 20px;
}
.side-bn {
	max-width: 100%;
	margin: 0 0 25px 0;
}
.side-bn img {
	max-width: 100%
}
/*===========================================================*/
.main {
	position: relative;
	width: 933px;
	display: block;
	float: right;
}
.main-tit-bar {
	overflow: hidden;
	line-height: 45px;
}
.main-tit-bar .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	font-size: 30px;
	text-transform: uppercase;
}
.main-tit-bar .title, .main-tit-bar .title a {
	color: #2f2f2f
}
.main-tit-bar .share-this {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}
.main-banner {
	position: relative;
	display: block;
	margin: 0 0 10px;
}
.main-banner img {
	position: relative;
	width: 100%;
}
/*列表页产品*/
.product-list {
	margin: 40px 0 0;
}
.product-list, .certificate-list, .video-list, .download-list, .faq-list {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.product-list ul, .certificate-list ul, .video-list ul {
	position: relative;
	width: 110%;
}
.product-list .product-item {
	padding: 3px;
	border: 1px #eeeeee solid;
	width: 289px;
	margin-bottom: 20px;
	float: left;
	margin-right: 20px;
}
.product-list .product-item .pd-img img {
	position: relative;
	max-width: 100%;
	max-height: 100%;

}
.product-list .product-item:nth-child(4n) {
}
.product-list .product-item:nth-child(3n) {
	margin: 0 0px 20px 0;
}
.download-list ul {
}
.download-list ul li {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 30px;
	padding: 30px 0 10px;
	border-bottom: 1px solid #E9E9E9;
}
.download-list ul li .download-cont {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	float: left;
}
.download-list ul li .download-cont .download-pic {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 25px;
	height: 25px;
	overflow: hidden;
}
.download-list ul li .download-cont .download-pic img {
	max-width: 25px;
	max-height: 25px;
}
.download-list ul li .download-cont .download-detail {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	margin: 0 15px;
	font-size: 18px;
}
.download-list ul li .download-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-left-color: #C1C1C1;
	border-right-color: #C1C1C1;
	border-top-color: #C9C9C9;
	border-bottom-color: #A5A5A5;
	border-radius: 5px;
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
	background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
	background: -o-linear-gradient(top, #F1F1F1, #DADADA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
}
.download-list ul li .download-button a {
	position: relative;
	display: block;
	padding: 0 12px 0 40px;
	color: #0A0A0A;
	background-image: url(../img/icons08.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;
}
.faq-list ul {
}
.faq-list ul li {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 24px;
	border-bottom: 1px solid #E9E9E9;
	color: #3D3D3D;
}
.faq-list ul li .faq-title {
	position: relative;
	padding: 20px 0 16px 42px;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}
.faq-list ul li .faq-title b {
	position: absolute;
	left: 1px;
	top: 20px;
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
}
.faq-list ul li .faq-title b.faq-down {
	background: url(../img/icons10.png) no-repeat center center;
}
.faq-list ul li .faq-title b.faq-up {
	background: url(../img/icons09.png) no-repeat center center;
}
.faq-list ul li .faq-title h2 {
	font-weight: normal;
	font-size: 18px;
}
.faq-list ul li .faq-cont {
	position: relative;
	padding: 0 0 30px 42px;
	font-size: 14px;
}
/*列表页面下面的页数按钮*/

.page-bar {
	position: relative;
	display: block;
	margin: 20px 0;
	text-align: right;
}
.page-bar .pages {
	display: inline-block;
}
.pages a, .pages span {
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	border: 1px solid #cfcfcf;
	height: 23px;
	line-height: 23px;
	padding: 0 9px;
	margin: 0 4px;
	vertical-align: middle;
	background: #ffffff;
	border-radius: 3px;
}
.pages span, .pages span a {
	text-transform: uppercase;
}
.pages span {
	margin: 0 10px;
}
.page-count {
}
.pages .page-prev {
	margin: 0 10px 0 10px;
}
.pages .page-next {
	margin: 0 0 0 15px;
}
.pages a.current, .pages a:hover {
	background: #abcc26;
	color: #FFF;
}
.pages a:hover {
	text-decoration: none;
}
.blog-list {
	background: #fff;
	padding: 0 0 80px;
	margin: 0 auto 15px;
}
.blog-list .blog-item {
	padding: 20px 0;
	position: relative;
	margin: 0 auto 3px;
}
.blog-list .blog-item .blog-img {
	float: left;
	width: 200px;
	height: auto;
	margin: 0 20px 8px 0;
}
.blog-list .blog-item .blog-tit {
	font-size: 16px;
}
.blog-list .blog-item .blog-meta {
	display: block;
	color: #aaa;
}
.blog-list .blog-item .blog-meta span {
	display: inline;
	padding: 0 15px 0 0;
}
.blog-list .blog-item .blog-summary {
	padding: 8px 0;
	color: #999;
}
.blog-list .blog-item .readmore {
	display: block;
	text-align: right;
	font-size: 14px;
}
.blog-list .blog-item .readmore:hover a {
	color: #1F5792;
}
.blog-list .blog-item .readmore i {
	font-size: 14px;
}
.blog-list .blog-item:hover {
	background: #fafafa;
}
.blog-list .blog-item:hover img {
	opacity: 0.8;
}
.blog-list .blog-item:before {
	content: "";
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-top: 1px double #2f2f2f;
	border-bottom: 1px double #2f2f2f;
	;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
}
/* product photos */
.product-intro {
	position: relative;
	display: block;
}
.product-title {
	font-size: 24px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 28px;
	color: #1a1926;
}
.cloud-zoom-lens {
	border: 1px solid #eee;
	cursor: move;
}
.cloud-zoom-title {
	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 {
	position: relative;
	width: 319px;
	float: left;
}
.product-view .product-image {
	border: 1px solid #eee;
}
.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: 100%;
}
.product-view .image-additional li {
	position: relative;
	width: 100%;
	margin: 0 23px 0 0;
}
.product-view .image-additional li.single {
	display: none;
}
.product-view .image-additional li img {
	position: relative;
	width: 100%;
	border: 1px solid #eee;
}
.product-view .image-additional li a {
	position: relative;
	display: block;
	padding: 0 8px;
}
.product-view .image-additional li.current img {
	border-color: #2f2f2f;
}
.product-view .image-additional img.popup {
	display: none;
}
.image-additional .owl-nav {
	display: inline;
	position: absolute;
	top: 50%;
	margin: -8px 0 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.image-additional .owl-prev, .image-additional .owl-next {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background-repeat: no-repeat;
}
.image-additional .owl-prev {
	left: -10px;
}
.image-additional .owl-next {
	right: -10px;
}
.image-additional .owl-prev:before {
	content: "\f053";
}
.image-additional .owl-next:before {
	content: "\f054";
}
/* product summary */
.product-summary {
	position: relative;
	width: 580px;
	float: right;
}
.product-summary .product-meta {
	line-height: 25px;
}
.product-summary .product-meta h3 {
	margin: 0 0 10px;
	font-size: 16px;
}
.product-btn-wrap {
	position: relative;
	margin: 20px 0 0;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background: #abcc26;
	color: #FFF;
	margin: 0 20px 0 0;
}
.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 {
	background:#fd8505;
	color: #ffffff;
}
.product-summary .share-this {
	float: right;
	margin: 30px 0 0;
}
.product-detail {
	position: relative;
	overflow: visible;
	margin: 50px 0 0;
}
.detail-tabs {
	position: relative;
}
.detail-tabs:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: #d5d5d5;
}
.detail-tabs .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	font-size: 16px;
	padding: 0 25px;
	line-height: 30px;
	cursor: pointer;
	overflow: hidden;
	font-size: 16px;
	margin: 0 3px 0 0;
	background: #abcc26;
	color: #fff;
}
.detail-tabs .title.current {
	color: #FFF;
	background: #7bb801;
}
.product-detail .detail-panel {
	padding: 20px 0;
	display: block;
	overflow: hidden
}
.product-detail .disabled {
	display: none;
}
.goods-tbar {
}
.goods-tbar .title {
	position: relative;
	font-size: 16px;
	line-height: 45px;
	background: #abcc26;
	color: #ffffff;
	padding: 0 20px;
}
.goods-may-like {
	position: relative;
	margin: 40px 0 70px;
}
.goods-items-wrap {
	position: relative;
	width: 100%;
}
.goods-items {
	position: relative;
	width: 954px;
	margin: 20px 0 0;
}
.goods-items .owl-nav {
	display: inline;
	position: absolute;
	top: -53px;
	right: 18px
}
.goods-items .owl-prev, .goods-items .owl-next {
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background: none;
	font-size: 20px;
}
.goods-items .owl-prev:before {
	content: "\f104";
}
.goods-items .owl-next:before {
	content: "\f105";
}

/*--------------------------------------------------------------------@media screen and (max-width: 769px)-----------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
/* layout */


body, .container {
	width: 100%;
	min-width: inherit;
}
.layout, .header, .nav-bar .nav-wrap, .banner-list, .bottom-service, .social-layout, .foot-wrapper .foot-img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.head-wrapper, .foot-wrapper, .nav-bar {
	max-width: 100%;
	min-width: inherit;
}
.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(../img/mobile_close.png) center center no-repeat;
	background-size: 50% auto;
	position: absolute;
	right: -35px;
	top: 0;
}
img {
	max-width: 100%;
}
a:visited {
	color: #333;
}
.owl-carousel {
	padding: 0 0 30px;
}
/* box sizing */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.owl-carousel {
	padding: 0 0 30px;
}
.sub-content {
	position: relative;
	display: block;
	right: auto;
	border-radius: 0;
	border: none;
	box-shadow: none;
	z-index: 99999;
}
.scrollsidebar, .bottomsidebar {
	display: none;
}
.gotop {
	display: none;
	visibility: hidden;
}
/* ===================================================

 * header 

 * --------------------------------------------------- */

 
.mobile-head-items {
	position: fixed;
	top: 0;
	left: 0;
	background: #161622;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left
}
.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-bar .nav, .topbar .head-contact, .topbar .change-language, .nav-bar .head-search, .foot-wrapper .foot-social {
	display: none;
}
.head-wrapper {
	position: relative;
	top: auto;
}
/*logo*/
.logo {
	display: block;
	text-align: center;
	padding: 0;
	float: none;
}
.logo img {
	max-width: 50%;
	max-height: 60px;
}
/*head-search*/
.head-search .search-ipt {
	width: 100%;
	display: block;
}
.head-search {
	width: 90%;
	display: block;
	margin: auto;
	position: relative;
	border-bottom: 1px solid #333;
}
.head-search .search-btn {
	z-index: 9;
	height: 31px;
}
/*nav */

.nav li {
	position: relative;
	display: block;
	width: 100%;
}
.nav li ul {
	display: block;
	width: 100%;
}
.nav li ul li {
	width: auto;
	padding: 0 10px;
	display: inline-block;
}
.nav li ul img {
	display: block;
	display: none;
}
.nav>li{ border-bottom:1px solid #eee; line-height:2.75em;}
.nav>li:after {
    content: '\f105';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2.75em;
}
.nav > li > ul > li > a{
    display: block;
    position: relative;
    padding-left: 1em;
    float: none;
    font-weight: bold;
}
.nav > li > ul > li{ display:block;}
.nav>li>ul>li>ul{ margin-left:5%;}
.nav > li > ul > li > a:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top:1.35em; 
}
/* foot-social */
.foot-social {
	margin-top: 0;
}
.mobile-head-item .foot-social {
	text-align: center
}
/* translate */

.transall {
	display: block;
	width: 100%;
	float: none;
}
/*head-wrapper*/
.head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body, .head-wrapper .prisna-wp-translate-dropdown-body:hover {
	background: none!important;
	border: 0!important;
	box-shadow: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-container, .head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body {
	height: auto!important;
}
.head-wrapper .prisna-wp-translate-dropdown-body {
	float: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language, .head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow {
	display: none!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll {
	display: block!important;
	height: auto!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list p {
	width: 50%;
	display: inline!important;
	;
	float: left!important;
}
.head-wrapper .prisna-wp-translate-dropdown-languages-list {
	display: block!important;
}
.transall .prisna-wp-translate-dropdown-current-language {
	display: none!important;
}
/* ===================================================

 * footer 

 * --------------------------------------------------- */
.layout {
	width: 98%;
	margin: 0 auto;
}
.rev_slider_wrapper {
	height: auto !important;
	margin-top: 2%;
}
.page-head {
	display: none !important;
}
.foot-wrapper {
	margin-top: 30px;
}
.foot-item.foot-item-inquiry, .foot-item.foot-item.foot-item-news, .foot-item.foot-item-contact, .foot-item.foot-item-Company {
	width: 80%;
	float: none;
	margin-bottom: 3%;
	margin-left: 10%;
}
.foot-item.foot-item-contact .foot-phone:before {
	left: 15%;
}
.footer {
	padding: 20px 0 50px;
	margin-top: 30px;
}
.foot-item.foot-item-contact .foot-cont {
	margin-top: 0;
}
.foot-item.foot-item-contact .foot-email, .foot-item.foot-item-contact .foot-addr {
	font-size: 16px;
}
.foot-item.foot-item-contact .foot-phone {
	font-size: 24px;
	margin-top: 2px;
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
	width: 100%;
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn {
	height: 38px;
}
.mobile-contact {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 9999;
	height: 38px;
	line-height: 38px;
	background: #161622;
}
.mobile-contact, .mobile-contact a {
	color: #FFF
}
.head-contact {
	display: block;
	width: 100%;
	margin: 0;
}
.head-contact .head-phone, .head-contact .head-email {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: 0;
	text-align: center;
	line-height: 38px;
	color: #FFF;
	padding: 0;
}
.head-contact .head-phone:before, .head-contact .head-email:before {
	display: none;
}
.head-contact .head-phone {
	background: #ff6600;
}
.foot-social .sccial-tit {
	display: block;
	line-height: 30px;
	margin: 15px 0 0;
	color: #111111;
	font-size: 18px;
	font-weight: normal;
}
.foot-social li {
	margin: 0 1%;
	padding: 7px;
	background: #abcc26;
}
/* ===================================================

 * for:homepage 

 * --------------------------------------------------- */
.index-layout {
	padding: 0 0 30px;
}
.main-title {
	font-size: 36px;
}
.main-title p {
	font-size: 30px;
}
.main-title:before {
	top: -10px;
}
.company-synopses {
	position: relative;
	margin: 4% 0;
}
.synopsis-item:nth-child(2n) {
	background-color: #f4fbe9;
	box-shadow: 0 10px 20px rgba(0,0,0,.3);
	transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	box-shadow: 0 10px 20px rgba(0,0,0,.3);
	z-index: 2;
}
.synopsis-item {
	width: 33.333%;
}
.synopsis-item .item-text {
	width: 80%;
}
.synopsis-item .item-info .item-title a {
	line-height: 1.5em;
}
.synopsis-item .item-img {
	float: none;
}
.synopsis-item .item-info {
	position: relative;
	float: none;
	width: 100%;
	max-height: 6em;
	overflow: hidden;
}
.synopsis-item .item-info .item-title {
	font-size: 18px;
}
/* about-us-wrap*/
.about-us-wrap {
	padding: 30px 0;
	margin: 0;
}
.about-us {
	position: relative;
	width: 100%;
}
.about-us .title {
	font-size: 36px;
}
.about-us .title p {
	font-size: 30px;
}
.about-us .about-detail {
	display: block;
	width: auto;
	float: none;
}
/*main-product-wrap*/
.main-product-wrap {
	padding: 30px 0 0 0;
}
.main-product-wrap .product-items {
	width: 99%;
	margin: auto;
	margin-top: 4%;
}
.main-product-wrap .product-item {
	width: 25%;
	margin: 0;
	height: auto;
}
.product-item:nth-child(4n) {
	margin: 0;
}
.product-item .item-wrap {
	width: 100%;
	margin: 0 auto;
}
/*product-item .pd-info*/
.product-item .pd-info {
	position: relative;
	display: block;
	height: auto;
	opacity: 1;
	visibility: visible;
}
.product-item .pd-info .pd-name {
	display: block;
	height: auto;
	padding: 10px;
	font-size: 16px;
}
/*.product-item .item-wrap, .product-item .pd-img, .product-slides .product-item .item-wrap, .product-wrap .product-item .item-wrap, .product-slides .product-item .pd-img, .product-wrap .product-item .pd-img {
	display: block;
	width: 100%;
	height: auto;
}*/
/*.product-item .pd-img img, .product-slides .product-item .pd-img img, .product-wrap .product-item .pd-img img {
	width: 100%;
	max-width: none;
	max-height: none;
}*/
.product-item .pd-info, .product-item .pd-info .pd-name, .product-slides .product-item .pd-info, .product-wrap .product-item .pd-info, .product-slides .product-item .pd-info .pd-name, .product-wrap .product-item .pd-info .pd-name {
	height: auto;
}
/*.product-list*/

.product-list .product-item {
	width: 31%;
	margin: 1%;
}
.product-list .product-item:nth-child(4n), .product-list .product-item:nth-child(3n) {
	margin: 1%;
}
.company-synopses-wrap {
	padding: 30px 0 0 0;
}
/* ===================================================

 * for:product list 

 * --------------------------------------------------- */


/* aside */

.aside {
	display: none;
}
.side-head-search {
	width: 100%;
}
.side-head-search .search-ipt {
	width: 100%;
}
.side-tit-bar {
	position: relative;
}
.side-tit-bar .side-tit {
	font-size: 16px;
	line-height: 30px;
}
.side-widget {
	margin: 0 0 30px;
}
.side-cate ul li {
	line-height: 30px;
}
.products-scroll-btn-prev, .products-scroll-btn-next {
	display: none;
}
.products-scroll-list li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0 1%;
}
.products-scroll-list li img {
	width: 100%;
	float: none;
	margin: 0;
}
/* main */

.main {
	width: 98%;
	float: none;
	padding: 0;
	margin: 0 auto;
}
.main-tit-bar {
	margin: 30px 0 10px;
}
.main-tit-bar .title {
	font-size: 20px;
}
.product-list ul, .certificate-list ul, .video-list ul {
	position: relative;
	width: 100%;
}
.page-bar .pages {
	display: block;
	float: none;
	text-align: center
}
.pages a, .pages span {
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border-radius: 2px;
	font-size: 12px;
}
/* ===================================================

 * for:product detail 

 * --------------------------------------------------- */

/* product intro */

.product-title {
	font-size: 20px;
	margin: 30px 0 10px 0;
}
.product-view {
	width: 100%;
	float: none;
}
.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 summary */
.product-summary {
	position: relative;
	width: 100%;
	float: none;
}
.product-summary .share-this {
	float: none;
	margin: 30px 0;
}
/* 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 {
	margin: 0 0 15px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}
/* Customers Also Bought */

.goods-items {
	width: 100%;
}
.goods-may-like {
    position: relative;
    margin: 40px 0 3%;
}
/*goods-items-wrap*/
.goods-items-wrap .product-item, .goods-items-wrap .product-item, .product-wrap .product-item {
	width: 98%;
}
/* ===================================================

 * for:blog 

 * --------------------------------------------------- */

.blog-list .blog-item {
	padding: 15px;
	border-bottom: 1px solid #ddd;
}
.blog-list .blog-item:last-child {
	border: 0;
}
.blog-list .blog-item:hover {
	background: none;
}
.blog-list .blog-item:before {
	left: 15px;
	right: 15px;
	display: none;
}
.blog-list .blog-item .blog-img {
	display: block;
	max-width: 100%;
	float: none;
}
.blog-list .blog-item .blog-tit {
	font-size: 16px;
	line-height: 1.3em;
	padding: 6px 0 0;
	font-weight: normal;
}
.blog-list .blog-item .blog-meta {
	padding: 6px 0 0;
}
.blog-list .blog-item .blog-summary {
	padding: 0;
	margin: 8px 0;
	height: 80px;
	line-height: 20px;
	overflow: hidden;
}
.blog-list .blog-item .readmore {
	display: none;
}
.main .blog-article {
	padding: 5px 10px;
}
/*----------------inquiry-form--------------------------*/

.inquiry-form {
	padding: 15px;
}
.inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {
	width: 100%;
}
.faq-list ul li .faq-cont {
	font-size: 14px;
	padding-bottom: 15px;
}
.faq-list ul li .faq-title {
	padding-bottom: 30px;
}
}

/*-----------------------------------------------------------------------@media screen and (max-width: 641px)---------------------------------------------------------------------*/
@media screen and (max-width: 641px) {
.foot-items {
	padding: 35px 0 0;
}
.foot-item.foot-item-inquiry, .foot-item.foot-item-news, .foot-item.foot-item-contact {
	width: 80%;
	padding: 2%;
}
.foot-item.foot-item-contact .foot-phone:before {
	display: none;
}
.foot-item .foot-tit {
	line-height: 30px;
	margin: 15px 0 0
}
.foot-social, .copyright {
	float: none;
}
.company-synopses {
	margin: 0
}
.synopsis-item, .synopsis-item .item-wrap {
	width: 100%;
}
.synopsis-item .item-img {
	float: none;
	margin: auto;
	display: table;
}
.synopsis-item:nth-child(2n) {
	background-color: #f4fbe9;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	z-index: 2;
}
.synopsis-item .item-wrap {
	padding: 10px;
}
.synopsis-item .item-info .item-title {
	font-size: 20px;
}
.synopsis-item .item-info .item-detail {
	font-size: 16px;
}
.about-us-wrap {
	padding: 50px 0;
}
.about-us .about-detail .title {
	font-size: 20px;
}
.about-us .about-detail .title:after {
	display: none;
}
.main-product-title .title, .product-slides-title .title {
	font-size: 20px;
}
.main-product-wrap .product-item {
	width: 50%;
}
.product-item, .product-wrap .product-item, .product-list .product-item, .product-wrap .product-ite {
	width: 48%;
}
.product-item .pd-info .pd-name, .product-wrap .product-item .pd-info .pd-name {
	font-size: 12px
}
.products-scroll-list li {
	display: block;
	width: 100%;
	margin: 0 0 20px;
}
.products-scroll-list li img {
	max-width: 65px;
	float: left;
	margin: 0 15px 0 0;
}
.download-list ul li {
	border-bottom: none;
}
.download-list ul li .download-cont {
	display: block;
	float: none;
	margin: 0 0 20px;
}
.download-list ul li .download-button {
	float: none;
}
/*.product-list*/

.product-list .product-item {
	width: 48%;
	margin: 1%;
}
}

@media screen and (max-width:320px){
	.product-item .pd-img{


	height:108px;

	}
	}
/*-----------------------------------------------------------------------------------other--------------------------------------------------------------------------------------------*/
.bottomsidebar .bottomcontent {
	background: #abcc26 !important;
}

.cpfldlcolor{ COLOR: #abcc26; font-weight:bold}
.cpflxlcolor{ COLOR: #abcc26;font-weight:bold}	
