









/* clear floating */
.clearfix:after,
.layout:after,
.sys_row:after,
.flex_row:after,
.web_main:after,
.page_main:after,
.nav_wrap .head_nav:after,
.items_list ul:after,
.product_items:after,
.promote_list:after,
.cate_items ul:after,
.web_head .logo:after,
.product-intro:after,
.detail-tabs:after,
.foot_items:after,
.news_cell:after,
.foot_contact_list .contact_item:after,
.index_layer_inner:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.layout,
.sys_row,
.flex_row,
.web_main,
.page_main,
.nav_wrap .head_nav,
.items_list ul,
.product_items,
.promote_list,
.cate_items ul,
.web_head .logo,
.product-intro,
.detail-tabs,
.foot_items,
.news_cell,
.foot_contact_list .contact_item,
.index_layer_inner {
	*zoom: 1;
}

.clear {
	clear: both;
}

/* layout */
body {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow-x: hidden;
}

.layout {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.index_main .layout {
	width: auto;
}

.internal_details .layout,
.company_subscribe .layout {
	width: 1200px;
}

.z9999 {
	z-index: 9999 !important;
}

.hide {
	display: none;
}

.company_subscribe .layout {
	text-align: center;
	margin-top: 85px;
}


/* transition */
.head_nav li a,
.nav_wrap .head_nav li li a,
.nav_wrap .head_nav li ul,
.nav_wrap .head_nav li li>a:before,
.head_nav b:after,
.web_head .btn--search,
.web_head .btn--search:before,
.product_item figure,
.gotop,
.product-item .item-img img,
.product_item .item_img img,
.product_item .item_img a,
.product_item,
.product_item .item_img a:before,
.product_item .item_img a:after,
.product_item .item_img:after,
.product-btn-wrap a,
.web_head,
.change-language .change-language-title a:after,
.newsletter .button,
.mobile-head-item .middle-show-content-wrap,
.product_item figure figcaption,
.foot_item a,
.pages a,
.ad_item figure figcaption .item_more,
.head_sns li img,
.side_product_item .add-friend,
.side_product_item .add-friend:after,
.side-product-items .btn-prev,
.side-product-items .btn-next,
.foot_sns li img,
.blog-item:after {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.head_nav>li>a:before,
.head_nav>li>a:after,
.head-search .search-btn,
.icon-cate,
.index_product .product_item .item_img,
.index_product .product_item .item_img a:before,
.foot_txt_list li a:before,
.web_footer .button:before {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.index_swiper_control .swiper-button-prev:after,
.index_swiper_control .swiper-button-next:after,
.cate_item .item_img img,
.cate_item .item_img:before,
.cate_item .item_info,
.news_cell .cell_img,
.news_cell .cell_img img,
.news_cell .item_title a:before,
.index_product .product_item .item_img a:after {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}







/*--------------------------------------------------------
														page: index
																	------------------------------------------------------*/


.web_main {
	overflow: hidden;
}

.index_main .index_layer_inner {
	padding-left: 5.2%;
	margin-left: 11.5%;
	position: relative;
}

/* title */
.index_hd {
	display: inline-block;
	width: 19%;
	vertical-align: middle;
}



.index_hd .hd_subtit {
	display: inline-block;
	color: #a1a3a8;
	font-size: 14px;
	font-weight: normal;
	padding: .9em 2em;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transform: rotate(-90deg) translateX(-100%);
	-ms-transform: rotate(-90deg) translateX(-100%);
	-o-transform: rotate(-90deg) translateX(-100%);
	transform: rotate(-90deg) translateX(-100%);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	left: 0;
	top: -15px;
}

.index_hd .hd_desc {
	color: #666;
	padding-top: 20px;
	right: 10px;
	margin-top: 20px;
	border-top: 3px solid #fff;
}

.index_hd .hd_more {
	font-size: 18px;
}

.index_hd .hd_more i{
	margin-left: 10px;
}

.index_industry .index_hd .hd_more {
	display: inline-block;
}

/* link_line_anm */
.link_line_anm,
.industry_item .item_title a {
	display: inline-block;
	position: relative;
}

.link_line_anm:before,
.industry_item .item_title a:before {
	content: '';
	display: block;
	width: 0%;
	border-bottom: 1px solid;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.link_line_anm:hover:before,
.industry_item figure:hover .item_title a:before {
	width: 100%;
	left: 0;
	right: auto;
}

/*swiper*/
.index_swiper_control .swiper-button-prev,
.index_swiper_control .swiper-button-next {
	display: inline-block;
	width: 33px;
	height: 36px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: static;
	background: none;
	position: relative;
	margin: auto;
	left: auto;
	right: auto;
	vertical-align: middle;
}

.index_swiper_control .swiper-button-prev:before,
.index_swiper_control .swiper-button-next:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
}

.index_swiper_control .swiper-button-prev:before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAMCAMAAADbCCS1AAAATlBMVEUAAABzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3PjbkCxAAAAGXRSTlMAzCLC+TIYBe7q4ndVP9bOr6WVj4NmSykOyN2QMQAAAE9JREFUGNOF0LcBgEAMA0CBPwdy0v6LUlDb3AiHT5cAy7OROwxXoasRqrCSMkLXMtMJSyLLYAH/oE+k+FEHxMMxN5j8TC72WKyOAtstHooXN0AGjXHl5aMAAAAASUVORK5CYII=);
}

.index_swiper_control .swiper-button-next:before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAMCAMAAADbCCS1AAAAVFBMVEUAAABzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3OZHeFLAAAAG3RSTlMAzCLqwRgE+/fixpJ3Tzgx7tWvpYNmV0IpJArhrEyXAAAAT0lEQVQY04XGtwGAMBADQIFzJiftvycFtZ+rDj0mVsgSXXogsdkzFIhuTa4Gon2iKhgkgVTgH4x9NZLzib5D0W0WXWYhhwaBps8WkqavLy86QAcSI7aeJgAAAABJRU5ErkJggg==);
}

.index_swiper_control .swiper-button-prev+.swiper-button-next {
	margin-left: 43px;
}

.index_swiper_control .swiper-button-prev+.swiper-button-next:after {
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	background-color: #737373;
	position: absolute;
	left: -20px;
	top: 0;
}

@media screen and (min-width: 951px) {
	.index_swiper_control .swiper-button-prev:not(.swiper-button-disabled):hover:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAMCAMAAADbCCS1AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAzCL56sAyd1U/GgTu4+HWzsfFr6WVj4NmSykVDgctBlogAAAAUUlEQVQY04XQtwGAMAwEwAdnTM7x9x+TglriRjh80lBBcy/kCsXR0IQM0TWTroQsWtY7NJZsCw34B6kjR1/KgGcztBEq35OTPpaDoYPudB6CF0i2B9kvuMyFAAAAAElFTkSuQmCC);
	}

	.index_swiper_control .swiper-button-next:not(.swiper-button-disabled):hover:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAMCAMAAADbCCS1AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzCLqwQT798aSdzEa7uPh1a+lg2ZXU0tCPDUpJBUKltDanAAAAFJJREFUGNOFxjcCgCAQBMBVQKI5x/3/Ly2sOaca5CS3Q+ZZ+QcSEyybFaJLk8MN0VRTLSgkLanAPyjzDkd2G/JmxWo0yEo9WUQING0wkER9fnkBDe4IDMn189UAAAAASUVORK5CYII=);
	}
}

.index_swiper_control .swiper-button-next.swiper-button-disabled,
.index_swiper_control .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	filter: alpha(opacity=100);
}

.index_swiper_control .swiper-button-next.swiper-button-disabled:before,
.index_swiper_control .swiper-button-prev.swiper-button-disabled:before {
	opacity: .5;
	filter: alpha(opacity=50);
}

.index_hd .swiper_buttons {
	margin-top: 20px;
}



/*index_product*/
.product_item {
	width: 33.33333333%;
	float: left;
}

.product_item figure {
	border: 1px solid #d7d7d7;
	margin: 0;
	position: relative;
}

.product_item .item_img {
	display: block;
	position: relative;
	width: 100%;
	overflow: visible;
	position: static;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.product_item .item_img {
	*display: inline;
}

.product_item .item_img a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0);
	text-align: center;
}

.product_item .item_img a:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.product_item .item_img img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}



.product_item .item_title a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	padding-bottom: 10px;
	font-size: 18px;
}

.product_item figure {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.product_item figcaption {
	text-align: center;
}

.product_item .item_img,
.product_item .item_img img {
	display: block;
}

.product_item .item_img a:hover:before {
	background-color: #f00;
}

.index_product {
	position: relative;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.index_product:before {
	content: '';
	display: block;
	width: 32.5%;
	height: 100%;
	background-color: #c6bdb4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.index_product:after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	background-color: #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}

.index_product .index_layer_inner {
	padding-top: 110px;
	padding-bottom: 110px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.index_product .index_hd .hd_subtit {
	background-color: rgba(255, 255, 255, .38);
}

.index_product .index_hd .hd_more {
	padding-top: 20px;
}

.index_product .index_bd {
	display: inline-block;
	width: 76%;
	padding-left: 2.5%;
	vertical-align: middle;
}

.index_product .product_slider {
	margin-left: -20px;
	margin-right: -20px;
}

.index_product .product_item {
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: none;
}

.index_product .product_item .item_title a {
	padding-left: 0;
	padding-right: 0;
}

.index_product .product_item .item_title a:before {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	background-color: #f00;
	position: absolute;
	right: 0;
	bottom: 0px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.index_product .product_item figure {
	border: 0;
}

.index_product .product_item .item_info .item_title {
	margin-bottom: 0;
}



.index_product .swiper-button-prev,
.index_product .swiper-button-next {
	opacity: 1;
	filter: alpha(opacity=100);
}

.index_product .product_item figure:hover .item_img {
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	-o-transform: translateY(-5%);
	transform: translateY(-5%);
}

.index_product .product_item figure:hover .item_title a {
	color: #f00;
}

.index_product .product_item figure:hover .item_title a:before {
	width: 100%;
	left: 0;
	right: auto;
}



/*index_industry*/


.index_industry .index_layer_inner {
	padding-top: 200px;
	padding-bottom: 200px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.index_industry .index_hd {
	float: left;
}

.index_industry .index_hd,
.index_industry .index_hd a {
	color: #fff;
}


.index_industry .index_hd .hd_subtit {
	background-color: rgba(255, 255, 255, .26);
	color: #fff;
}

.index_industry .index_hd .hd_title {
	margin:0;
}

.index_industry .index_hd .hd_desc {
	line-height: 2;
	color: #d6d6d6;
	border-top: 0;
	padding-top: 0;
	margin: 0;
}



.index_industry .index_bd {
	width: 71%;
	float: right;
}

.index_industry .industry_slider {
	margin-left: -10px;
	margin-right: -10px;
}

.index_industry .industry_items {
	padding-top: 60px;
	padding-left: 0;
	padding-right: 0;
}

.index_industry .industry_item {
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
	padding: 0 10px;
}

.index_industry .industry_item,
.index_industry .industry_item a {
	color: #fff;
}

.index_industry .industry_item .item_img {
	display: block;
}

.index_industry .industry_item .item_img,
.index_industry .industry_item .item_img a,
.index_industry .industry_item .item_img img {
	display: block;
	width: 100%;
	height: auto;
}


.index_industry .industry_item .item_title,
.index_industry .industry_item .item_desc {
	height: 1.3em;
	line-height: 1.3em;
	overflow: hidden;
	margin:0;
}

.index_industry .industry_item .item_title {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
}


.index_industry .swiper_buttons {
	padding-top: 25px;
}

.index_industry .swiper-button-prev,
.index_industry .swiper-button-next {
	opacity: 1;
	filter: alpha(opacity=100);
}

.index_industry .industry_item .item_img a {
	position: relative;
	overflow: hidden;
}

.index_industry .industry_item .item_img a:before,
.index_industry .industry_item .item_img a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.index_industry .industry_item .item_img a:before {
	-webkit-transform: scale(.3);
	transform: scale(.3);
}

.index_industry .industry_item .item_img a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}

.index_industry .industry_item .item_img a:after {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(.5);
	transform: scale(.5);
	content: "+";
	font-size: 50px;
	color: #fff;
	text-align: center;
}

.index_industry .industry_item .item_img a:hover:after {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: none;
	transform: none;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.index_industry .industry_item .item_img:hover img {
	-webkit-transform: scale(1.2) rotate(8deg);
	-ms-transform: scale(1.2) rotate(8deg);
	-o-transform: scale(1.2) rotate(8deg);
	transform: scale(1.2) rotate(8deg);
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


@-webkit-keyframes pulsate {
	from {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(3)
	}
}

@keyframes pulsate {
	from {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(3)
	}
}






/*public*/
.web_main {
	position: relative;
}






@media only screen and (max-width: 1366px) {

	/*index*/
	.index_hd {
		width: 25%;
	}

	.index_main .index_layer_inner {
		margin-left: 4%;
		padding-left: 6.5%;
	}

	.index_product:before {
		width: 32.7%;
	}

	.index_product .index_bd {
		width: 70%;
	}

	.index_industry .index_layer_inner {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}

@media only screen and (max-width: 1280px) {


	.layout {
		width: 1080px;
	}

	.index_main .layout {
		width: auto;
	}



	/*index*/
	.index_hd .hd_subtit {
		padding: .7em 1.2em;
	}


}

@media only screen and (max-width: 1200px) {

	.index_main .layout {
		width: auto;
	}

	.internal_details .layout,
	.company_subscribe .layout {
		width: 92%;
	}
}

@media only screen and (max-width: 1024px) {

	/*index*/
	.index_product .index_layer_inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/*list*/
	.sys_sub_head .head_title h1 {
		font-size: 42px;
	}

}


@media only screen and (max-width: 950px) {
	body {
		min-width: 100%;
	}

	.z10000 {
		position: relative;
		z-index: 100000;
	}

	/* index */
	.index_main .layout {
		width: 92%;
		margin: 0 auto;
	}

	.index_main .index_layer_inner {
		margin-left: 0;
		margin-right: 0;
	}

	.sys_btn {
		font-size: 14px;
		padding: .8em 2.8em;
	}

	.index_swiper_control {
		background: none;
		padding: 0;
		position: static;
	}

	.index_swiper_control .swiper-pagination {
		display: block;
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 30px;
		text-align: center;
		padding-right: 0;
	}

	.index_swiper_control .swiper-button-prev,
	.index_swiper_control .swiper-button-next {
		height: 28px;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.index_swiper_control .swiper-button-prev+.swiper-button-next:after {
		width: 2px;
	}

	.index_hd {
		display: block;
		width: 100%;
		background-color: #c6bdb4;
		padding: 60px 15px 35px 70px;
	}



	.index_hd .hd_desc {
		padding-top: 12px;
		margin-top: 0;
		border-top: 0;
	}

	.index_hd .hd_subtit {
		padding: .8em .12em;
		font-size: 12px;
		font-weight: bold;
		left: 15px;
	}

	.index_product .index_layer_inner {
		padding: 0 0 120px;
		position: relative;
	}

	.index_product:before,
	.index_product:after {
		display: none;
	}

	.index_product .index_hd .hd_more {
		padding-top: 10px;
	}

	.index_product .index_bd {
		display: block;
		width: 100%;
		padding: 10px 0 0;
	}

	.index_product .product_slider {
		margin-left: -10px;
		margin-right: -10px;
	}

	.index_product .product_item {
		padding: 10px;
		width: 33.33333333%;
	}

	.index_product .product_item .item_title {
		font-size: 16px;
	}

	.index_product .index_hd .swiper_buttons {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 60px;
		text-align: center;
	}

	.index_product .index_swiper_control {
		padding: 0;
	}

	.index_company_intr .layout {
		width: auto;
	}

	.index_company_intr .index_hd {
		padding: 0;
	}

	.index_company_intr .index_layer_inner {
		padding-left: 70px;
	}

	.index_company_intr .company_intr_cont {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.index_industry .index_hd {
		background-color: rgba(255, 255, 255, .2);
		float: none;
	}


	.index_industry .index_hd .hd_desc {
		margin-top: 25px;
	}

	.index_industry .index_hd .hd_more {
		padding-bottom: 5px;
	}

	.index_industry .index_layer_inner {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.index_industry .index_bd {
		width: 100%;
		float: none;
	}

	.index_industry .swiper_buttons {
		padding-top: 45px;
	}

	.index_industry .industry_slider {
		margin-left: -8px;
		margin-right: -8px;
	}

	.index_industry .industry_items {
		padding-top: 25px;
		padding-bottom: 60px;

	}

	.index_industry .industry_item {
		padding-left: 8px;
		padding-right: 8px;
	}



	.index_industry .industry_item .item_desc {
		margin-top: 15px;
	}



	/* main */
	.page_main {
		padding-top: 25px;
	}

	.main {
		width: auto;
		float: none;
		margin: 0 auto;
	}



}





@media only screen and (max-width: 480px) {



	/* index */
	.sys_btn {
		font-size: 12px;
		padding: .5em 1.8em;
	}

	.index_swiper_control .swiper-pagination {
		bottom: 15px;
	}

	.index_swiper_control .swiper-pagination-bullet:before {
		width: 7px;
		height: 7px;
	}

	.index_swiper_control .swiper-pagination-bullet-active:before {
		width: 14px !important;
	}

	.index_swiper_control .swiper-button-prev,
	.index_swiper_control .swiper-button-next {
		width: 25px;
		height: 18px;
	}

	.index_swiper_control .swiper-button-prev:before,
	.index_swiper_control .swiper-button-next:before {
		-webkit-background-size: contain;
		background-size: contain;
	}

	.index_swiper_control .swiper-button-prev+.swiper-button-next {
		margin-left: 30px;
	}

	.index_swiper_control .swiper-button-prev+.swiper-button-next:after {
		left: -16px;
		width: 1px;
	}

	.slider_banner .swiper-pagination {
		bottom: 10px;
	}

	.slider_banner .swiper-pagination-bullet:after {
		width: 6px;
		height: 6px;
		border-width: 2px;
	}

	.index_hd {
		padding: 30px 10px 30px 50px;
	}



	.index_hd .hd_desc {
		font-size: 12px;
	}

	.index_hd .hd_subtit {
		left: 0;
		padding: .5em 1em;
	}

	.index_hd .hd_more .more_arrow:after {
		font-size: 16px;
	}

	.index_product .index_layer_inner {
		padding-bottom: 100px;
	}

	.index_product .index_hd .hd_more {
		font-size: 16px;
	}

	.index_product .product_items {
		margin: -2px;
	}

	.index_product .product_item {
		padding: 2px;
	}

	.index_product .product_item .item_info {
		padding: 10px;
	}

	.index_product .product_item .item_title {
		font-size: 14px;
	}

	.index_product .index_bd {
		padding-top: 20px;
	}

	.index_product .index_hd .hd_more {
		font-size: 14px;
	}




	.index_industry .index_hd .hd_more {
		margin-top: 20px;
	}

	.index_industry .industry_slider {
		margin-left: -2px;
		margin-right: -2px;
	}

	.index_industry .industry_item {
		padding-left: 2px;
		padding-right: 2px;
	}



	.index_industry .industry_item .item_title {
		font-size: 16px;
	}

	.index_industry .industry_item .item_desc {
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-top: 8px;
		margin-right: 5px;
	}



}




/*ie*/
.swiper-container {
	overflow: hidden;
}












/*-------------------------------
			animation  start
			----------------------------------*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes fadeInLeftA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30%, 0, 0);
		-ms-transform: translate3d(-30%, 0, 0);
		transform: translate3d(-30%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftA {
	-webkit-animation-name: fadeInLeftA;
	animation-name: fadeInLeftA
}

@-webkit-keyframes fadeInUpA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30%, 0);
		-ms-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpA {
	-webkit-animation-name: fadeInUpA;
	animation-name: fadeInUpA
}

@-webkit-keyframes fadeInRightA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30%, 0, 0);
		-ms-transform: translate3d(30%, 0, 0);
		transform: translate3d(30%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightA {
	-webkit-animation-name: fadeInRightA;
	animation-name: fadeInRightA
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes OrangePulse {
	from {
		background-color: rgba(210, 174, 109, .2);
		-webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
	}

	50% {
		background-color: rgba(210, 174, 109, 1);
		-webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
	}

	to {
		background-color: rgba(210, 174, 109, .2);
		-webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1);
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}

	40% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	60% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg)
	}

	80% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg)
	}

	40% {
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	60% {
		-webkit-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		transform: rotate(10deg)
	}

	80% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(0);
	}

	25% {
		-webkit-transform: translateY(-20%);
	}

	50% {
		-webkit-transform: translateY(0);
	}

	75% {
		-webkit-transform: translateY(-10%);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes jump {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-20%);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(-10%);
	}

	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes bounceInA {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceInA {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceInA {
	-webkit-animation-name: bounceInA;
	animation-name: bounceInA;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes fadeInDownA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownA {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -20%, 0);
		-ms-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDownA {
	-webkit-animation-name: fadeInDownA;
	animation-name: fadeInDownA
}

@keyframes fadeInA {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeInA {
	-webkit-animation-name: fadeInA;
	animation-name: fadeInA
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	0%,
	40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

/* animate.css */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes zoomInA {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomInA {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.6, .6, .6);
		transform: scale3d(.6, .6, .6)
	}

	50% {
		opacity: 1
	}
}

.zoomInA {
	-webkit-animation-name: zoomInA;
	animation-name: zoomInA
}

/*-------------------------------
			animation  end
			----------------------------------*/


.adweb-pro-latest-products .swiper-button-prev:after,
.adweb-pro-latest-products .swiper-rtl .swiper-button-next:after,
.adweb-pro-news-list .swiper-button-prev:after,
.adweb-pro-news-list .swiper-rtl .swiper-button-next:after {
	display: none;
}
