/*页面标题样式*/

.page-title h4{

	font-size: 18px;

	line-height: 1;

}

.page-title h2{

	font-size: 45px;

	margin-top: 20px;

	line-height: 1;

}

.page-title p{

	line-height: 2;

    margin-top: 20px;

    color: #808080;

    text-align-last: center;

}

/*banner*/

.banner {

	overflow: hidden;

	margin-top: 90px;

}

.ban-box ul li{

	height: 650px;

	background-size: cover !important;

}

.ban-box .ban-col{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	padding: 0 40px;

}

.ban-box .ban-col .content{

	max-width: 640px;

}

.ban-box .ban-col .pic{

	max-width: 610px;

}

.ban-box .ban-col .content h2{

	font-size: 70px;

	line-height: 1.3;

	color: #1a1a1a;

}

.ban-box .ban-col .content h4{

	font-size: 20px;

	line-height: 36px;

	margin: 30px 0 60px;

	color: #333;

}

.ban-box ul li.swiper-slide-active .ban-col .content h2{

	animation-name: fadeInUp;

	animation-duration: 1.2s;

	animation-delay: 0.2s;

	animation-fill-mode: both;

}



.ban-box ul li.swiper-slide-active .ban-col .content h4{

	animation-name: fadeInUp;

	animation-duration: 1.2s;

	animation-delay: 0.4s;

	animation-fill-mode: both;

}

.ban-box ul li.swiper-slide-active .ban-col .content a{

	animation-name: fadeInUp;

	animation-duration: 1.2s;

	animation-delay: 0.5s;

	animation-fill-mode: both;

}

.ban-box ul li.swiper-slide-active .ban-col .pic{

	animation-name: fadeInRight;

	animation-duration: 1.2s;

	animation-delay: 0.4s;

	animation-fill-mode: both;

}

.ban-box .swiper-pagination{

	width: 100%;

	left: 0;

	bottom: 30px !important;

	font-size: 0;

	text-align: center;

}

.ban-box .swiper-pagination span{

	width: 12px;

	height: 12px;

	border: 1px solid #fff;

	background: none;

	opacity: 1;

	margin: 0 10px !important; 

	position: relative;

}

.ban-box .swiper-pagination span:before{

	content: "";

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%) scale(0);

}

.ban-box .swiper-pagination span.swiper-pagination-bullet-active:before{

	transform: translate(-50%,-50%) scale(1);

}



/*关于我们*/

.about{

	padding: 120px 0;

}

.about .left{

	width: 680px;

}

.about .left ul{

	margin-top: 40px ;

}

.about .left ul li{

	width: calc((100% - 40px) / 2);

	height: 400px;

	overflow: hidden;

	position: relative;

	z-index: 0;

}

.about .left ul li img{

	object-fit: cover;

	width: 100%;

    height: 100%;

}

.about .left ul li.pic1{

	position: relative;

	border-radius: 0 0 0 60px;

	margin-top: 40px;

}

.about .left ul li.pic2{

	position: relative;

	border-radius: 0 60px 0 0;

	margin-bottom: 40px;

}

.about .left ul li:hover img{

	transform: scale(1.1);

}

.about .left ul li.pic1 .circle{

  position:absolute;

  left:50%;

  top:50%;

  transform: translate(-50%,-50%);

  z-index:2;

}

.indexmv{

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99999999;

	width: 100%;

	height: 100%;

	background: rgba(7,16,26,0.9);

}

.indexmv video{

	display: block;

	width: 60%;

}

.indexmv .mvclose{

	position: absolute;

	right: 80px;

	top: 80px;

	background: linear-gradient(180deg, #e5801f , #d6222b);

	width: 50px;

	height: 50px;

	border-radius: 4px;

	cursor: pointer;

}

.about .right{

	width: calc(100% - 790px);

}

.about .right .content h2{

	font-size: 16px;

	color: #1a1a1a;

	line-height: 2;

	text-align: justify;

}

.about .right .content h4{

	color: #808080;

	line-height: 2;

	font-size: 15px;

	margin: 30px 0;

	text-align: justify;

}

.about .right ul li{

	display: flex;

	align-items: flex-start;

	width: calc((100% - 40px) / 2);

	padding: 24px 0;

	border-bottom: 1px solid #dbdbdb;

}

.about .right ul li i{

	width: 32px;

	height: 32px;

	border-radius: 50px;

	background: #d6222b;

}

.about .right ul li h2{

	padding-left: 16px;

	font-size: 18px;

	line-height: 32px;

	color: #1a1a1a;

	width: calc(100% - 32px);

}

.about .right dl{

	margin-top: 60px;

}

/*产品系列*/

.product{

	padding-top: 120px;

	position: relative;

	z-index: 0;

}

.product:before{

	content: "";

	height: 350px;

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	z-index: -2;

    background: url(../images/proBg.jpg) no-repeat center;

	background-attachment: fixed;

}

.product:after{

	content: "";

	position: absolute;

	width: 100%;

	height: 350px;

	left: 0;

	top: 0;

	z-index: -1;

	background: url(../images/bot.png) rgba(0,0,0,0.9);

    opacity: 0.8;

}

.product .list li .content{

	width: calc((100% - 100px) / 2);

}

.product .list li .content .summary p{

	margin: 30px 0 50px;

	line-height: 2;

}

.product .list li .pic{

	display: block;

	width: calc((100% - 100px) / 2);

	border-radius: 20px;

	height: 380px;

}



.product .list li .pic img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.product .pic:hover img{

	transform: scale(1.1);

}

.product .switch{

	position: absolute;

	width: calc((100% - 100px) / 2);

	bottom: 0;

	left: 0;

	z-index: 10;

}

.product .switch .swiper-pagination,

.product .switch .swiper-button-prev,

.product .switch .swiper-button-next,

.product .switch .swiper-scrollbar{

	position: unset !important;

	margin: 0;

}

.product .switch .swiper-pagination{

	width: auto;

}

.product .switch .swiper-pagination .current{

	font-size: 36px;

	line-height: 32px;

	color: #d6222b;

}

.product .switch .swiper-pagination .total{

	font-size: 18px;

	line-height: 20px;

	color: #808080;

}

.product .switch .swiper-pagination i{

	padding: 0 5px;

}

.product .switch .swiper-button-prev,

.product .switch .swiper-button-next{

	width: 48px;

	height: 48px;

	border-radius: 4px;

	border: 2px solid #CCCCCC;

	background: none;

}

.product .switch .swiper-button-prev{

	margin-right: 10px;

}

.product .switch .swiper-button-prev svg path,

.product .switch .swiper-button-next svg path{

	fill: #333;

}

.product .switch .swiper-button-prev:hover,

.product .switch .swiper-button-next:hover{

	background: #d6222b;

	border-color: #d6222b;

}

.product .switch .swiper-button-prev:hover svg path,

.product .switch .swiper-button-next:hover svg path{

	fill: #fff;

}

.product .switch .swiper-scrollbar{

	width: 100%;

	height: 4px;

	background: #e5e5e5;

	margin-top: 16px;

}

.product .switch .swiper-scrollbar .swiper-scrollbar-drag{

	background: #d6222b;

}

/*新闻资讯*/

.news{

	padding: 120px 0 60px;

}

.news .list{

	margin: 0 -30px;

	padding: 60px 0;

}

.news .list li{

	padding: 0 30px;

}

.news .list li .shadow{

	border-radius:30px 4px 4px;

	background: #FFFFFF;

	box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);

	padding: 40px 40px 50px 0;

}

.news .list li .pic{

	border-radius: 0 0 30px 0;

	height: 280px;

}

.news .list li .pic img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.news .list li .content{

	padding-left: 40px;

	margin-top: -20px;

	z-index: 2;

	position: relative;

}

.news .list li .content h6{

	font-size: 14px;

	line-height: 40px;

	margin-bottom: 30px;

	width: 110px;

	border-radius: 4px 0 0;

	background: #d6222b;

}

.news .list li .content h2{

	color: #1A1A1A;

	font-size: 20px;

	line-height: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

}

.news .list li .content p{

	font-size: 14px;

	color: #808080;

	line-height: 28px;

	margin: 16px 0 32px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

}

.news .list li .pic:hover img{

	transform: scale(1.1);

}

.news .list li .content h2:hover{

	color: #e5801f;

}

.news .swiper-pagination{

	position: unset;

	font-size: 0;

	display: none;

}

.news .swiper-pagination span{

	border-radius: 4px;

	margin: 0 10px;

}

.news .swiper-pagination span.swiper-pagination-bullet-active{

	width: 50px;

	background: #d6222b;

}

@media only screen and (max-width: 1600px) {

	/*banner*/

	.ban-box .ban-col{

		padding: 0 80px;

	}

	.ban-box .ban-col .content {

	    max-width: 720px;

	}

	.ban-box .ban-col .content h2 {

	    font-size: 60px;

	}

	.ban-box .ban-col .pic {

	    max-width: 520px;

	}

	/*关于我们*/

	.about{

		padding: 100px 0;

	}

	/*新闻资讯*/

	.news{

		padding: 100px 0 60px;

	}

}

@media only screen and (max-width: 1440px) {

	/*首页标题样式*/

	.page-title h4{

		font-size: 16px;

	}

	.page-title h2{

		font-size: 40px;

	}

	.page-title p{

		line-height: 26px;

	    margin-top: 16px;

	}

	/*banner*/

	.banner {

	    margin-top: 80px;

	}

	.ban-box ul li {

	    height: 520px;

	}

	.ban-box .ban-col .content {

	    max-width: 500px;

	}

	.ban-box .ban-col .pic {

	    max-width: 440px;

	}

	.ban-box .ban-col .content h2 {

	    font-size: 50px;

	}

	.ban-box .ban-col .content h4 {

	    font-size: 18px;

	    line-height: 32px;

	}

	/*关于我们*/

	.about{

		padding: 80px 0;

	}

	.about .left{

		width: 600px;

	}

	.about .left ul li {

    	width: calc((100% - 30px) / 2);

    	height: 360px;

    }

	.about .left ul li.pic1 {

	    border-radius: 0 0 0 40px;

	    margin-top: 30px;

	}

	.about .left ul li.pic2 {

	    border-radius: 0 40px 0 0;

	    margin-bottom: 30px;

	}

	.about .right {

	    width: calc(100% - 670px);

	}

	.about .right .content h4 {

	    font-size: 14px;

	    margin: 20px 0;

	}

	.about .right ul li {

	    padding: 20px 0;

	}

	.about .right ul li i {

	    width: 30px;

	    height: 30px;

	}

	.about .right ul li i svg{

	    width: 16px;

	    height: 16px;

	}

	.about .right ul li h2 {

	    padding-left: 12px;

	    line-height: 30px;

	    width: calc(100% - 30px);

	}

	.about .right dl {

	    margin-top: 50px;

	}

	.indexmv video {

	    width: 80%;

	}

	.indexmv .mvclose {

	    right: 30px;

	    top: 30px;

    }

    /*产品系列*/

   .product {

	    padding-top: 80px;

	}

   .product:before,

   .product:after{

	    height: 275px;

    }

    .product .list li .content{

		width: calc((100% - 80px) / 2);

	}

	.product .list li .content .summary p{

		margin: 20px 0 40px;

	}

	.product .list li .pic{

		width: calc((100% - 80px) / 2);

		height: 320px;

	}

	.product .switch {

	    width: calc((100% - 80px) / 2);

	}

	

	/*新闻资讯*/

	.news {

	    padding: 80px 0 40px;

	}

	.news .list {

	    margin: 0 -20px;

	    padding: 50px 0;

	}

	.news .list li {

	    padding: 0 20px;

	}

	.news .list li .shadow {

	    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);

	    padding: 40px 40px 40px 0;

	}

	.news .list li .pic {

	    height: 240px;

	}

	.news .list li .content {

		padding-left: 30px;

	    margin-top: -18px;

	}

	.news .list li .content h6 {

		width: 100px;

	    font-size: 14px;

	    line-height: 36px;

	}

	.news .list li .content h2 {

	    font-size: 18px;

	}

	.news .list li .content p {

    	margin: 12px 0 28px;

    }

}

@media only screen and (max-width: 1200px) {

	/*首页标题样式*/

	.page-title h4{

		font-size: 14px;

	}

	.page-title h2{

		font-size: 36px;

	}

	.page-title p{

		line-height: 24px;

	    margin-top: 12px;

	}

	/*banner*/

	.banner {

	    margin-top: 80px;

	}

	.ban-box ul li {

	    height: 420px;

	}

	.ban-box .ban-col{

		padding: 0 40px;

	}

	.ban-box .ban-col .content {

	    max-width: 420px;

	}

	.ban-box .ban-col .pic {

	    max-width: 360px;

	}

	.ban-box .ban-col .content h2 {

	    font-size: 42px;

	}

	.ban-box .ban-col .content h4 {

	    font-size: 16px;

	    line-height: 30px;

	    margin: 20px 0 50px;

	}

	.ban-box .swiper-pagination {

	    bottom: 20px !important;

	}

	/*关于我们*/

	.about{

		padding: 70px 0;

	}

	.about .left{

		width: 440px;

	}

	.about .left .page-title h2{

		line-height: 1.4;

	}

	.about .left ul {

	    margin-top: 20px;

	}

	.about .left ul li {

    	width: calc((100% - 20px) / 2);

    	height: 300px;

    }

	.about .left ul li.pic1 {

	    border-radius: 0 0 0 30px;

	    margin-top: 20px;

	}

	.about .left ul li.pic2 {

	    border-radius: 0 30px 0 0;

	    margin-bottom: 20px;

	}

	.about .right {

	    width: calc(100% - 500px);

	}

	.about .right .content h2 {

	    font-size: 14px;

	}

	.about .right .content h4 {

	    margin: 10px 0;

	}

	.about .right ul li {

	    padding: 16px 0;

	}

	.about .right ul li i {

	    width: 24px;

	    height: 24px;

	}

	.about .right ul li i svg{

	    width: 14px;

	    height: 14px;

	}

	.about .right ul li h2 {

	    padding-left: 10px;

	    font-size: 16px;

	    line-height: 24px;

	    width: calc(100% - 24px);

	}

	.about .right dl {

	    margin-top: 40px;

	}

	/*产品系列*/

   .product {

	    padding-top: 70px;

	}

   .product:before,

   .product:after{

	    height: 285px;

    }

    .product .list li .content{

		width: calc((100% - 60px) / 2);

	}

	.product .list li .pic{

		width: calc((100% - 60px) / 2);

	}

	.product .switch {

	    width: calc((100% - 60px) / 2);

	}

	/*新闻资讯*/

	.news {

	    padding: 70px 0 30px;

	}



	.news .list li .pic {

	    height: 240px;

	}

	.news .list li .content {

	    padding-left: 40px;

	}

	.news .list li .shadow {

	    padding: 40px 40px 50px 0;

	}

}

@media only screen and (max-width: 900px) {

	/*首页标题样式*/

	.page-title h2{

		font-size: 32px;

		margin-top: 16px;

	}

	/*banner*/

	.banner {

	    margin-top: 70px;

	}

	.ban-box ul li {

	    height: 320px;

	}

	.ban-box .ban-col{

		padding: 0 20px;

	}

	.ban-box .ban-col .content {

	    max-width: 360px;

	}

	.ban-box .ban-col .pic {

	    max-width: 260px;

	}

	.ban-box .ban-col .content h2 {

	    font-size: 32px;

	}

	.ban-box .ban-col .content h4 {

	    line-height: 26px;

	    font-size: 14px;

	    margin: 15px 0 40px;

	}

	/*关于我们*/

	.about{

		padding: 60px 0;

	}

	.about .left,

	.about .right {

	    width: 100%;

	}

	.about .left .page-title h2 {

    	line-height: 1;

	}

	.about .left ul {

	    margin-top: 30px;

	}

	.about .left ul li {

    	height: 420px;

    }

	.about .right{

		margin-top: 30px;

	}

	.about .right .content h2 {

	    font-size: 16px;

	}

	/*产品系列*/

   .product {

	    padding-top: 60px;

	}

    .product:before,

   	.product:after{

	    height: 470px;

    }

    .product .list li .content,

	.product .list li .pic,

	.product .switch {

	    width: 100%;

	}

	.product .list li .content .summary p {

	    margin: 20px 0 30px;

	}

	.product .list li .pic {

		margin-top: 40px;

	    border-radius: 10px;

	    height: auto;

	}

	.product .switch {

	    position: unset;

	    margin-top: 30px;

	}

	/*新闻资讯*/

	.news {

	    padding: 60px 0;

	}

	.news .list {

		margin: 0 -15px;

	    padding: 40px 0;

	}

	.news .list li {

	    padding: 0 15px;

	}

	.news .list li .shadow {

		border-radius: 20px 4px 4px;

	    padding: 30px 30px 35px 0;

	    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);

	}

	.news .list li .pic {

	    height: 220px;

	}

	.news .list li .content {

	    padding-left: 30px;

	}

	.news .list li .content p {

	    line-height: 26px;

	}

	.news .list li .content h2 {

	    font-size: 16px;

	}

	.news .swiper-pagination {

	    display: block;

	}

}



@media only screen and (max-width: 767px) {

	/*首页标题样式*/

	.page-title h2{

		font-size: 24px;

	}

	/*banner*/

	.banner {

	    margin-top: 60px;

	}

	.ban-box ul li {

	    height: 440px;

	}

	.ban-box .ban-col{

		padding: 0;

	}

	.ban-box .ban-col .content {

	    max-width: 100%;

	}

	.ban-box .ban-col .content h2 {

	    font-size: 28px;

	}

	.ban-box .ban-col .content h4 {

	    margin: 10px 0 20px;

	}

	.ban-box .ban-col .pic {

	    max-width: 80%;

	    margin: 20px auto 10px;

	}

	.ban-box .ban-col .content a{

		display: none;

	}

	.ban-box .swiper-pagination {

	    bottom: 12px !important;

	}



	/*关于我们*/

	.about{

		padding: 50px 0;

	}

	.about .left,

	.about .right {

	    width: 100%;

	}

	.about .left ul {

	    margin-top: 15px;

	}

	.about .left ul li {

		width: calc((100% - 16px) / 2);

    	height: 240px;

    }

    .about .left ul li.pic1 {

	    border-radius: 0 0 0 20px;

	    margin-top: 16px;

	}

	.about .left ul li.pic2 {

	    border-radius: 0 20px 0 0;

	    margin-bottom: 16px;

	}

	.about .right{

		margin-top: 20px;

	}

	.about .right .content h2 {

	    font-size: 15px;

	    line-height: 28px;

	}

	.about .right .content h4 {

	    margin: 10px 0;

	    line-height: 24px;

	}

	.about .right ul li {

	    padding: 15px 0;

	    width: calc((100% - 16px) / 2);

	}

	.about .right ul li h2 {

	    font-size: 14px;

	}

	.about .right dl {

	    margin-top: 25px;

	}

	.indexmv .mvclose {

	    width: 44px;

	    height: 44px;

	    border-radius: 2px;

	}

	/*产品系列*/

   .product {

	    padding-top: 50px;

	}

   .product:before,

   	.product:after{

	    height: 370px;

    }

    .product .list li .content,

	.product .list li .pic,

	.product .switch {

	    width: 100%;

	}

	.product .list li .content .summary p {

	    margin: 16px 0 24px;

	}

	.product .list li .pic {

		margin-top: 30px;

	    border-radius: 4px;

	}

	.product .switch {

	    margin-top: 20px;

	}

	.product .switch .swiper-button-prev,

	.product .switch .swiper-button-next {

	    width: 44px;

	    height: 44px;

	    border-radius: 2px;

	}

	.product .switch .swiper-button-prev svg,

	.product .switch .swiper-button-next svg{

	    width: 14px;

	    height: 14px;

	}

	

	/*新闻资讯*/

	.news {

	    padding: 50px 0;

	}

	.news .list {

		margin: 0 -10px;

	    padding: 30px 0 30px;

	}

	.news .list li {

	    padding: 0 10px;

	}

	.news .list li .shadow {

		border-radius: 10px 4px 4px;

	    padding: 20px 20px 30px 0;

	    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

	}

	.news .list li .pic {

	    height: 220px;

	}

	.news .list li .content {

	    padding-left: 20px;

	}

	.news .list li .content h6 {

	    margin-bottom: 20px;

	}

	.news .list li .content p {

	    line-height: 24px;

	    margin: 12px 0 20px;

	}

    .news .swiper-pagination span.swiper-pagination-bullet-active {

	    width: 40px;

	}

	.news .swiper-pagination span {

		width: 6px;

		height: 6px;

	    margin: 0 5px;

	}

}