#yqljbg img {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	max-width: 100%;
    margin: 0px auto;
}
 #yqljbg img:hover {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	max-width: 100%;
    margin: 0px auto;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}



.banner .swiper-slide {

	position: relative;

	overflow: hidden;

}

.banner .swiper-slide img {

	position: absolute;

	left: 50%;

	top: 0;

	z-index: 1;

	width: auto;

	max-width: inherit;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.banner .swiper-button-next, 

.banner .swiper-button-prev {

	top: inherit;

	bottom: 1.8rem;

	z-index: 11;

	width: 100px;

	height: 28px;

    margin-top: 0;

    font-size: 14px;

    line-height: 28px;

    color: #fff;

    text-align: center;

	background: none;

	outline: none;

	background-color: transparent;

}

.banner .swiper-button-prev:after,

.banner .swiper-button-next:after{

	display: none;

}

.banner .swiper-button-next {

    right: 3.38541666666667%;

}

.banner .swiper-button-prev {

    left: 3.38541666666667%;

}

.banner .swiper-button-next .iconfont, 

.banner .swiper-button-prev .iconfont {

    font-size: 16px;

	color: #fff;

	-webkit-transition: transform .3s ease-in-out;

	-moz-transition: transform .3s ease-in-out;

	-ms-transition: transform .3s ease-in-out;

	-o-transition: transform .3s ease-in-out;

	transition: transform .3s ease-in-out;

}

.banner .swiper-button-prev:hover .iconfont {

	-webkit-transform: translateX(-.3rem);

	-moz-transform: translateX(-.3rem);

	-ms-transform: translateX(-.3rem);

	-o-transform: translateX(-.3rem);

	transform: translateX(-.3rem);

}

.banner .swiper-button-next:hover .iconfont {

	-webkit-transform: translateX(.3rem);

	-moz-transform: translateX(.3rem);

	-ms-transform: translateX(.3rem);

	-o-transform: translateX(.3rem);

	transform: translateX(.3rem);

} 

.banner .swiper-pagination-bullet{

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	align-items: center;

    width: 22px;

	height: 22px;

	margin: 0 !important;

	opacity: 1;

	border-radius: 22px;

	border: 1px solid transparent;

	background: transparent;

}

.banner .swiper-pagination-bullet::before{

	content: "";

	display: block;

    width: 6px;

	height: 6px;

    border-radius: 6px;

    background: #bfbfbf;

}

.banner.swiper-container-horizontal>.swiper-pagination-bullets{

	position: absolute;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	left: inherit;

	right: 380px;

	bottom: 1.8rem;

	padding-bottom: 3px;

	font-size: 0;

	width: auto;

}

.banner.swiper-container-horizontal .swiper-pagination-bullet-active{

    border-color: #fff;

}

.banner .swiper-pagination-bullet-active::before{

    background: #fff;

}

.swiper-index {

	position: absolute;

	right: 560px;

	bottom: 1.8rem;

	z-index: 10;

	font-size: 14px;

    line-height: 28px;

    color: #eee;

}

.swiper-active {

	margin-right: .16rem;

	font-weight: bold;

}

.swiper-total {

	margin-left: .16rem

}



.swiper-text {

	position: relative;

	z-index: 3;

	padding: 8rem 0 6.4rem;
	
	text-align: centerï¼›

}

.swiper-zh {

	display: block;

	font-weight: bold;

	font-size: 60px;

	line-height: 80px;

	color: #fff;
	
	text-align: center;

}

.swiper-en {

	display: block;

	margin-bottom: .48rem;

	font-weight: bold;

	font-size: 14px;

	line-height: 35px;

	color: #fff;
	
	text-align: center;

}

.swiper-p {

	width: 580px;

	max-width: 100%;

	margin-bottom: 1.7rem;

	font-size: 16px;

	line-height: 30px;

	color: #eee;max-width:50%;
	
	display: none;

}

.swiper-more {

	display: block;

	width: 200px;

	height: 50px;

	font-size: 14px;

	line-height: 50px;

	color: #fff;

	text-align: center;

	background-color: #da251d;
	
	margin: 0px auto;

}

.swiper-more:hover {

	color: #fff;

}

@media (max-width: 768px){

    .banner .swiper-button-next, 

    .banner .swiper-button-prev{

        display: none;

	}

	
	.banner .swiper-slide img {

	position: absolute;

	left: 50%;

	top: 0;

	z-index: 1;

	width: 100%;

	max-width: 100%;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}
	
	
	.banner.swiper-container-horizontal>.swiper-pagination-bullets{

		right: 0;

		width: 100%;

	}

	.swiper-index {

		right: inherit;

		left: .6rem;

	}

	.swiper-zh {

	font-size: 42px;

}

}



/* 产品分类 */
.productbg{background: url("../images/pcbg.jpg");background-repeat: repeat;clear: both;margin:100px auto;min-height: 900px;}
.index-pro {

    padding: 1.2rem 0 0;
	clear:both;
	height: 800px;
}

.productbg .swiper-container{height:100%;}

.index-pro-top {

	padding: 0 1% 0;

}

.index-pro-top .swiper-wrapper {

	justify-content:flex-end;

	border-bottom: 1px solid #ececec;
	width:80%;
	float: right;

}

.gallery-nav .swiper-slide {

	position: relative;

	/* width: 8.625%; */

	width: auto;

	min-width: 80px;

	padding: .6rem 1.875%;

}

.gallery-nav .swiper-slide img {

	display: block;

	max-width: 100%;

	margin: 0 auto .3rem;

}

.swiper-slide-title {

	font-size: 14px;

	line-height: 24px;

	color: #7d7d7d;

	text-align: center;

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-ms-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.gallery-nav .swiper-slide::before {

	content: "";

	position: absolute;

	left: 50%;

	bottom: -1px;

	width: .7rem;

	height: .12rem;

	margin-left: -.35rem;

	background-color: transparent;

	-webkit-transition: all .3s ease-in-out;

	-moz-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;

}

.gallery-nav .swiper-slide .swiper-img-default {

	display: block;

}

.gallery-nav .swiper-slide .swiper-img-active {

	display: none;

}

.gallery-nav .swiper-slide-thumb-active .swiper-img-default,

.gallery-nav .swiper-slide:hover .swiper-img-default {

	display: none;

}

.gallery-nav .swiper-slide-thumb-active .swiper-img-active,

.gallery-nav .swiper-slide:hover .swiper-img-active {

	display: block;

}

.gallery-nav .swiper-slide-thumb-active .swiper-slide-title,

.gallery-nav .swiper-slide:hover .swiper-slide-title {

	color: #444;

}



.gallery-nav .swiper-slide-thumb-active::before,

.gallery-nav .swiper-slide:hover::before {

	background-color: #da251d;

}





@media (max-width: 992px){

	.index-pro .swiper-wrapper {

		justify-content: flex-start;

	}

}



.swiper-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

	padding: 0rem 0 2rem;

}

.swiper-item img {

	display: block;

	width: 100%;

}

.pro-left {width: 40%;}



.pro-right {width: 59.5%;}

.pro-list {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;/* padding-top: 10px; */}

.pro-item {

	position: relative;

}

.pro-list .pro-item:nth-child(1) {width: 49%;}

.pro-list .pro-item:nth-child(2) {width: 49%;}

.pro-modal {

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100%;

	opacity: 0;
	
	border-radius: 15px;

	background-color: rgba(218,37,29,.6);

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.pro-title {

	padding: 0 .6rem;

	font-size: 24px;

	line-height: 46px;

	color: #fff;

}

.pro-en {

	padding: 0 .6rem;padding: 0 .6rem;padding: 0 .6rem;padding: 0 .6rem;

	margin-bottom: 1.2rem;

	font-size: 36px;

	line-height: 50px;

	color: #fff;

}

.pro-more {

	width: 140px;

	height: 40px;

	font-size: 14px;

	line-height: 38px;

	color: #fff;

	text-align: center;

	border: 1px solid #fff;

	-webkit-transition: all .3s ease-in-out;

	-moz-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;

}

.pro-more:hover {

	color: #313131;

	background-color: #fff;

}

.pro-item:hover .pro-modal {

	z-index: 3;

	opacity: 1;

}

.pro-text {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	flex-direction: column;

	align-items: flex-end;

}

.pro-text h3 {

	padding: .3rem 0;

	font-size: 24px;

	line-height: 40px;

	color: #313131;

	text-align: right;

}

.pro-text p {

	width: 480px;

	max-width: 100%;

	font-size: 14px;

	line-height: 24px;

	color: #959595;

	text-align: right;

}

@media (max-width: 992px){

    .swiper-item {

		flex-wrap: wrap;padding:0 3%;

	}

	.pro-left,

	.pro-right {

		width: 100%;

	}

	.pro-left {

		margin-bottom: .6rem;

	}

}

@media (max-width: 576px){

	.pro-left {

		margin-bottom: 0;

	}

    .pro-list {

		flex-wrap: wrap;

	}

	.pro-item {

		width: 100% !important;

		margin-bottom: .6rem;

	}

}





.iabout {

	position: relative;

	margin-bottom: 2.9rem;

}

.iabout video {

	display: block;

}

.iabout-text {

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: space-between;

	width: 91.66666666666667%;

	padding: 1.4rem 0 1.7rem 8.33333333333333%;

	background-color: #da251d;

	-webkit-transform: translateY(100%);

	-moz-transform: translateY(100%);

	-ms-transform: translateY(100%);

	-o-transform: translateY(100%);

	transform: translateY(100%);

}

.iabout-left {

	width: 30%;

}

.iabout-en {

	display: block;

	font-weight: bold;

	font-size: 24px;

	line-height: 36px;

	color: #fff;

}

.iabout-title {

	font-weight: bold;

	font-size: 30px;

	line-height: 54px;

	color: #fff;

}

.iabout-right {

	width: 62.5%;

}

.iabout-p {

	font-size: 16px;

	line-height: 36px;

	color: #fff;    padding-right:5%;

}

@media (max-width: 992px){

	.iabout-text {

		position: relative;

		left: inherit;

		bottom: inherit;

		flex-wrap: wrap;

		width: 100%;

		padding: 1.4rem 8.33333333333333% 1.7rem;

		margin-top: 0;

		-webkit-transform: translateY(0) !important;

		-moz-transform: translateY(0) !important;

		-ms-transform: translateY(0) !important;

		-o-transform: translateY(0) !important;

		transform: translateY(0) !important;

	}

	.iabout-left,

	.iabout-right {

		width: 100%;

	}

}

@media (max-width: 768px){

	.iabout-text {

		padding: 1.4rem .6rem 1.7rem;

	}

}



.c-items {

	padding-bottom: 1.4rem;

}

.c-item {

	margin-bottom: 2.5rem;

	padding: 1.2rem 0;

	background-color: #f7f6f6;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-inner {

	position: relative;

	padding: 1rem 0;

	text-align: right;

}

.c-item-reverse {

	text-align: left;

}

.c-item-left {

	position: absolute;

	top: 80%;

	left: 0;

	z-index: 10;

}

.c-item-reverse .c-item-left {

	left: inherit;

	right: 0;

}

.c-item-left,

.c-item-right {

	width: 50%;

}

.c-item-right {

	display: inline-block;

	padding: 1.8rem 0;

}

.c-item-title {

	font-weight: bold;

	font-size: 36px;

	line-height: 50px;

	color: #313131;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-sub {

	margin-bottom: .5rem;

	font-weight: bold;

	font-size: 30px;

	line-height: 42px;

	color: #313131;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-type {

	display: block;

	font-weight: bold;

	font-size: 18px;

	line-height: 30px;

	color: #313131;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-p {

	margin-bottom: 1.2rem;

	font-size: 14px;

	line-height: 24px;

	color: #313131;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-more {

	display: inline-block;

	width: 200px;

	height: 50px;

	font-size: 14px;

	line-height: 48px;

	color: #313131;

	text-align: center;

	border: 1px solid #aaa;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}

.c-item-more:hover {

	color: #fff;

	background-color: #aaa;

}

.c-item-reverse .c-item-right {

	text-align: left;

}

.c-item:hover {

	background-color: #da251d;

}

.c-item:hover .c-item-title,

.c-item:hover .c-item-sub,

.c-item:hover .c-item-type,

.c-item:hover .c-item-p {

	color: #fff;

}

.c-item:hover .c-item-more {

	color: #da251d;

	border-color: #fff;

	background-color: #fff;

}

@media (max-width: 1200px){

	.c-item-inner {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		align-items: center;

		padding: 0;

	}

	.c-item-reverse {

		flex-direction: row-reverse;

	}

	.c-item-left {

		position: relative !important;

		left: inherit !important;

		right: inherit !important;

		bottom: inherit !important;

	}

	.c-item-right {

		padding-left: .6rem;

	}

	.c-item-reverse .c-item-right {

		padding-left: 0;

		padding-right: .6rem;

	}

}

@media (max-width: 768px){

	.c-item {

		margin-bottom: 1rem;

	}

	.c-item-inner {

		flex-wrap: wrap;padding: 0 3%;

	}

	.c-item-reverse {

		flex-direction: row-reverse;padding: 0 3%;

	}

	.c-item-left {

		width: 100%;

	}

	.c-item-right {

		width: 100%;

		padding-left: 0 !important;

		padding-right: 0 !important;

	}

	.iabout video {width:100%;}

	.swiper-zh{ line-height:60px;}

}