@charset "utf-8";

/* 轮播图 */
.index-banner{width: 100%;height:780px;position:relative;z-index:1; transition: all 1s;-webkit-transition: all 1s; }
.index-banner .swiper-wrapper,.index-banner  .swiper-slide{height:100%;}
.index-banner .swiper-wrapper .swiper-slide a{display: block;width: 100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;}
@media (max-width:1620px){.index-banner{height: 700px;}}
@media (max-width:1356px){.index-banner{height: 600px;}}
@media (max-width:1080px){
	.index-banner{
		height: 580px;
	}
}
@media (max-width:900px){.index-banner{height: 480px;}}
@media (max-width:800px){.index-banner{height: 400px;}}
@media (max-width:700px){.index-banner{height: 350px;}}
@media (max-width:600px){.index-banner{height: 320px;}.index-banner .swiper-wrapper .swiper-slide a{background-position: left;}}
@media (max-width:560px){.index-banner{height: 290px;}}
@media (max-width:490px){.index-banner{height: 250px;}}
/* 轮播图 分页器 */
.swiper-pagination-bullet {
	opacity: 1;
	width: 24px;
	height: 24px;
	padding: 9px;
	position: relative;
	margin: 0px 10px !important;
	background-color: transparent;
}

.swiper-pagination-bullet:focus {
	outline: none;
}

.swiper-pagination-bullet:before {
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	overflow: hidden;
	border-radius: 50%;
	/* border: 2px solid #fff; */
	background-color: #fff;
}

.swiper-pagination-bullet-active:before {
	background-color: #d10208;
}

.swiper-pagination-bullet-active .circleright {
	animation: move 5.2s infinite linear;
}

.swiper-pagination-bullet-active .circleleft {
	animation: move1 5.2s infinite linear;
}

.circle {
	width: 12px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}

.left {
	left: 0px;
}

.right {
	right: 0px;
}

.circleright {
	width: 24px;
	height: 24px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-radius: 50%;
	right: 0;
	transform: rotate(45deg);
}

.circleleft {
	width: 24px;
	height: 24px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	border-radius: 50%;
	transform: rotate(45deg);
}

@keyframes move {
	0% {
		transform: rotate(45deg)
	}

	50%,
	100% {
		transform: rotate(225deg)
	}
}

@keyframes move1 {

	0%,
	50% {
		transform: rotate(45deg)
	}

	100% {
		transform: rotate(225deg)
	}
}

@media screen and (max-width:991px) {
	.swiper-pagination-bullet {
		width: 18px;
		height: 18px;
		padding: 6px;
	}

	.swiper-pagination-bullet:before {
		width: 6px;
		height: 6px;
		border-width: 1px;
	}

	.circle {
		width: 9px;
		height: 18px;
	}

	.circleright,
	.circleleft {
		width: 18px;
		height: 18px;
		border-width: 1px;
	}
}

.banner-box .banner-content {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	padding-top: 120px;
}

@media screen and (max-width: 767px) {
	.banner-box {
		padding-top: 48px;
		background: #181818;
	}

	.banner-box .videoBox {
		max-height: 400px;
	}

	.banner-box .videoBox video {
		width: auto;
		height: 400px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.banner-box .banner-content {
		bottom: auto;
		top: 15%;
		padding-top: 0;
		margin-top: -50px;
	}
	.swiper-pagination-bullet{margin: 0 4px;}
}

/* 关于我们 */
.home-about{padding: 80px 0;}
.home-about .main2{background-image: url(../images/home-aboutback.png);background-position: right top;background-repeat: no-repeat;}

.home-about .center{width: 100%;display: flex;justify-content: space-between;}
.home-about .center .left-img{position: relative;width: 46%;padding-top: 46px;}
.home-about .center .left-img img{display: block;object-fit: cover;margin-left: auto;width: 100%;height: 100%;transition: all .4s linear;-webkit-transition: all .4s linear;}
.home-about .center .left-img .right-bot{width: 24px;height: 56px;position: absolute;bottom: -28px;right: -12px;z-index: 8;}
.home-about .center .right-text{text-align: left;width: 46%;display: flex;flex-direction: column;}
.home-about .center .right-text p{font-size: 16px;line-height: 36px;color: #333333;font-family: 'Arial';}
.home-about .center .right-text h6{font-size: 16px;line-height: 28px;color: #969696;font-family: 'Arial';}
.home-about .center .left-img:hover img{transform: scale(1.02);}
.home-about .center .left-img:hover .right-bot{bottom: -18px;}
@media (max-width:1366px) {
	.home-about .center .right-text p{line-height: 30px;}
}
@media (max-width:769px) {
	.home-about{padding: 40px 0;}
	.home-about .main2{background-size: 70%;}
	.home-about .center .right-text{width: 50%;}
	.home-about .center .right-text p{font-size: 14px;line-height: 24px;}
	.home-about .center .right-text h6{font-size: 14px;line-height:20px ;}
}
@media (max-width:480px) {
	.home-about .center .left-img{margin:2% 0;padding-top: 0;}
	.home-about .center{flex-direction: column;}
	.home-about .center .left-img{width: 100%;}
	.home-about .center .right-text{width: 100%;}
	.home-about .center .right-text p{font-size: 12px;line-height: 22px;}
	.home-about .center .right-text h6{font-size: 12px;line-height: 20px;}
}
/* 产品 */
.home-pro .swiper{margin-top: 60px;overflow: hidden;}
.home-pro .title{display: flex;justify-content: space-between;}
.home-pro .right{display: flex;}
.swiper-button-prev-pro{cursor: pointer;background: url(../images/swiper-left.png);background-size: cover;width: 56px;height: 56px;}
.swiper-button-next-pro{cursor: pointer;background: url(../images/swiper-right.png);background-size: cover;width: 56px;height: 56px;margin-left: 20px;}
.home-pro .swp-pro{position: relative;width: 100%;height: 100%;transition: all .4s linear;-webkit-transition: all .4s linear;}
.home-pro .swp-pro img{display: block;object-fit: cover;width: 100%;height: 100%;object-fit: cover;}
.home-pro .swp-pro .pro-text{position: absolute;bottom: 60px;left: 60px;}
.home-pro .swp-pro .pro-text h4{font-size: 36px;font-weight: bold;text-align: left;line-height: 46px;color: #fff;font-family: 'Arial';}
.home-pro .swp-pro:hover{transform: scale(0.98);}
@media (max-width:1366px) {
	.home-pro .swp-pro .pro-text h4{font-size: 28px;line-height: 30px;}
	.home-pro .swp-pro .pro-text{left: 34px;}
	.home-pro .swiper{margin-top: 30px;}
}
@media (max-width:1080px) {
	.home-pro .swp-pro .pro-text h4{font-size: 20px;line-height: 24px;}
	.home-pro .swp-pro .pro-text{bottom: 40px;}
	.swiper-button-prev-pro{width: 40px;height: 40px;}
	.swiper-button-next-pro{width: 40px;height: 40px;}
	.swiper-button-next-pro{margin-left: 10px;}
}
@media (max-width:769px) {
	.home-pro .swp-pro .pro-text h4{font-size: 16px;line-height: 20px;}
	.home-pro .swp-pro .pro-text{left: 14px;bottom: 20px;}
}

/* 大图 */
.big-img{width: 100%;height: auto;margin: 60px 0;}
.big-img img{display: block;width:100%;height: 100%;object-fit: cover;}

@media (max-width:769px) {
	.big-img{height: 300px;margin: 20px 0;}
}
/* 新闻 */
.news{margin-bottom: 126px;}
.news .title .right{display: flex;}
.new-box{margin-top: 60px;width: 100%;overflow: hidden;}
.news .swiper-slide{width: 100%;justify-content: space-between;align-items: unset;}
.news .new-left{text-align: left;height: auto;display: flex;flex-direction: column;width: 38%;}
.news  .more-btn{margin-top: auto;margin-left: unset;}
.news .new-left h3{font-size: 28px;text-align: left;line-height: 36px;color: #000;font-family: 'Arial';}
.news .new-left h5{font-size: 16px;line-height: 32px;margin: 30px 0 40px 0;color: #969696;font-family: 'Arial';display: flex;align-items: center;}
.news .new-left h5 img{display: block;width: 18px;height: 18px;object-fit: cover;margin-right: 12px;}
.news .new-left p{font-size: 16px;line-height: 32px;color: #969696;font-family: 'Arial';}
.news .new-right{width: 55%;}
.news .new-right img{width: 100%;height: 100%;display: block;object-fit: cover;}

@media (max-width:1366px) {
	.new-box{margin-top: 30px;}
}
@media (max-width:1280px) {
	.news .new-left h5{margin: 20px 0;}
}
@media (max-width:1080px) {
	.news .new-left h5{line-height: 20px;margin: 10px 0;}
	.news .new-left h3{font-size:20px ;line-height: 28px;}
	.news .new-left p{line-height: 24px;}
	.news{margin-bottom: 10%;}
}
@media (max-width:769px) {
	.news .swiper-slide{flex-direction: column;}
	.news .more-btn{margin: 20px 0;}
	.news .new-left{width:100%;}
	.news .new-right{width: 100%;}
}