body{min-width: 320px;}
.relative{position: relative;}
.absolute{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.lazy{background: url(../images/loading.gif) no-repeat center center;background-size: 24px;}
.w1050{width: 1050px;margin-left: auto;margin-right: auto;}
.w1060{width: 1060px;margin-left: auto;margin-right: auto;}
.w850{width: 850px;margin-left: auto;margin-right: auto;}
.fontSize{font-size: 0;}
.padding-val{padding-top: 130px;padding-bottom: 70px;}

.page404 .container{
	margin: 200px 0;

    text-align: center;
}
.page404 h3{
	font-size: 32px;
	line-height: 1.8;
}
.page404 h4{
	font-size: 18px;
    line-height: 1.6;
}

/*index*/
.index-banner .small-pic{display: none;}
.swiper-index1{width: 100%;height: 600px;}
.swiper-index1 .swiper-slide .swipervideo{pointer-events: none;}
.swiper-index1 .swiper-slide-next,
.swiper-index1 .swiper-slide-prev{cursor: pointer;}
.swiper-index1 .cont{width: 950px;overflow: hidden;position: absolute;top: 50%;right: 0;left: 0;margin-top: -53.5px;margin-right: auto;margin-left: auto;color: #fff;z-index: 20;pointer-events: none;}
.swiper-index1 h2{ transition: transform .4s;pointer-events: none;transform: translateY(140px);letter-spacing: 6px;font-size: 80px;color: #fff;overflow: hidden;}
.swiper-index1 p{  transition: transform .7s;display: inline-block;transform: translateY(170px);letter-spacing: 3px;color: #fff;font-size: 30px;overflow: hidden;pointer-events: all;}
.swiper-index1 .cont a{display: inline-block;}
.swiper-index1 .swiper-slide img { margin-top: 78px;transition: all .5s;width: 100%;height: 444px;z-index: 10;}
.swiper-index1 .swiper-slide-active img{height: 600px;object-fit: cover;margin-top: 0 !important;}
.swiper-index1 .swiper-slide-active h2{ transition-delay: 2.5s; transform: translateY(0);}
.swiper-index1 .swiper-slide-active p{ transition-delay: 2.5s; transform: translateY(0);}
.swiper-index1 .swiper-slide-active .swipervideo{pointer-events: all;}
.swiper-index1 .swiper-button-white{transition: background .5s;width: 23px;}
.swiper-index1 .swiper-button-prev.swiper-button-white{ background: url(../images/icon-02.png) no-repeat center center;left: 28px;}
.swiper-index1 .swiper-button-next.swiper-button-white{ background: url(../images/icon-03.png) no-repeat center center;right: 28px;}
.swiper-index1 .swiper-button-prev.swiper-button-white:hover{background-image: url(../images/icon-04.png);}
.swiper-index1 .swiper-button-next.swiper-button-white:hover{background-image: url(../images/icon-05.png);}
.swiper-index1 div.swiper-pagination.swiper-pagination-bullets{bottom: 70px;}
.swiper-index1 span.swiper-pagination-bullet{ background-color: transparent;opacity: 0.7;width: 6px;height: 6px;border: 1px solid #ffffff;}
.swiper-index1 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}




/*ad*/
.swiper-index12{width: 100%;height: 600px;}
.swiper-index12 .swiper-slide .swipervideo{pointer-events: none;}
.swiper-index12 .swiper-slide-next,
.swiper-index12 .swiper-slide-prev{cursor: pointer;}
.swiper-index12 .cont{width: 950px;overflow: hidden;position: absolute;top: 50%;right: 0;left: 0;margin-top: -53.5px;margin-right: auto;margin-left: auto;color: #fff;z-index: 20;pointer-events: none;}
.swiper-index12 h2{ transition: transform .4s;pointer-events: none;transform: translateY(140px);letter-spacing: 6px;font-size: 80px;color: #fff;overflow: hidden;}
.swiper-index12 p{  transition: transform .7s;display: inline-block;transform: translateY(170px);letter-spacing: 3px;color: #fff;font-size: 30px;overflow: hidden;pointer-events: all;}
.swiper-index12 .cont a{display: inline-block;}
.swiper-index12 .swiper-slide img { margin-top: 78px;transition: all .5s;width: 100%;height: 444px;z-index: 10;}
.swiper-index12 .swiper-slide-active img{height: 600px;object-fit: cover;margin-top: 0 !important;}
.swiper-index12 .swiper-slide-active h2{transform: translateY(0);}
.swiper-index12 .swiper-slide-active p{transform: translateY(0);}
.swiper-index12 .swiper-slide-active .swipervideo{pointer-events: all;}
.swiper-index12 .swiper-button-white{transition: background .5s;width: 23px;}
.swiper-index12 .swiper-button-prev2.swiper-button-white{ background: url(../images/icon-02.png) no-repeat center center;left: 28px;}
.swiper-index12 .swiper-button-next2.swiper-button-white{ background: url(../images/icon-03.png) no-repeat center center;right: 28px;}
.swiper-index12 .swiper-button-prev2.swiper-button-white:hover{background-image: url(../images/icon-04.png);}
.swiper-index12 .swiper-button-next2.swiper-button-white:hover{background-image: url(../images/icon-05.png);}
.swiper-index12 div.swiper-pagination.swiper-pagination-bullets{bottom: 70px;}
.swiper-index12 span.swiper-pagination-bullet{ background-color: transparent;opacity: 0.7;width: 6px;height: 6px;border: 1px solid #ffffff;}
.swiper-index12 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;}

.home .content{padding-top: 12px;padding-bottom: 58px;}

#video-full{width: 100%; height: 100%;}
@media (min-width: 769px){
	.home .swiper-index1 .swiper-slide{width: 1050px;height: 100%;}
	.swiper-index1 .swiper-slide img { position: absolute;top: 0;left: 0; bottom: 0;object-fit: cover;}

}


@media (max-width: 1600px){
	.swiper-index1 h2{height: auto;font-size: 70px;}}

@media (max-width: 1440px){
	.swiper-index1 .swiper-slide-active img,
	.swiper-index1{height: 444px;}
	.swiper-index1 .swiper-slide img{margin-top: 33px;}
}


@media (max-width: 2100px){
	/*.swiper-index1 .cont{width: 650px;}*/
	.swiper-index1{height: 680px;}
	.swiper-index1 .swiper-slide{width: 1366px;height: 640px;}
	.swiper-index1 .swiper-slide img{height: 640px;margin-top: 20px;}
	.swiper-index1 .swiper-slide-active{
		filter: gray;
		transition: filter 1.5s;
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: gray;
	}
	.swiper-index1 .swiper-slide-active img{height: 680px;margin-top: 0;}
}

@media (max-width: 768px){
	.swiper-index1{height: 480px;}
	.swiper-index1 .swiper-slide{width: 100%;height: auto;}
	.swiper-index1 .swiper-slide img, 
	.swiper-index1 .swiper-slide-active img{height: auto;margin-top: 0;}
	.swiper-index1 div.swiper-pagination.swiper-pagination-bullets{bottom: 34px;}
	.swiper-index1 .swiper-button-prev.swiper-button-white,
	.swiper-index1 .swiper-button-next.swiper-button-white{top: auto;bottom: 20px;}
	.swiper-index1 .cont{width: 290px;top: 90px}
	.swiper-index1 h2{font-size: 40px;letter-spacing: 2px;}
	.swiper-index1 p{font-size: 16px;letter-spacing: 1px;}
	.index-banner .small-pic{display: block;}
	.index-banner .larze-pic{display: none;}

	.swiper-index1 .swiper-button-prev.swiper-button-white,
	.swiper-index1 .swiper-button-next.swiper-button-white{background-size: 16px 28px;}


	.swiper-index12{height: 380px;}
	.swiper-index12 .swiper-slide{width: 100%;height: 380px;}
	.swiper-index12 .swiper-slide img,
	.swiper-index12 .swiper-slide-active img{height: auto;max-height:380px;margin-top: 0;}
	.swiper-index12 div.swiper-pagination.swiper-pagination-bullets{bottom: 34px;}
	.swiper-index12 .swiper-button-prev.swiper-button-white,
	.swiper-index12 .swiper-button-next.swiper-button-white{top: auto;bottom: 20px;}
	.swiper-index12 .cont{width: 290px;top: 90px}
	.swiper-index12 h2{font-size: 40px;letter-spacing: 2px;}
	.swiper-index12 p{font-size: 16px;letter-spacing: 1px;}
	.index-banner .small-pic{display: block;}
	.index-banner .larze-pic{display: none;}

	.swiper-index12 .swiper-button-prev.swiper-button-white,
	.swiper-index12 .swiper-button-next.swiper-button-white{background-size: 16px 28px;}

}