.section {

	display: flex;

	justify-content: center;

	align-items: center;

}



#section-1 .con {

	width: 66.6vw;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;
	
	

}

#section-1.active .con{
    
}


#section-1 .con .zz-text {

	text-align: center;

	color: rgba(255, 255, 255, 1);

	font-family: Microsoft YaHei;

	font-size: 40px;

	font-weight: bold;

	letter-spacing: 2px;

	padding: 5px 0px 5px 0px;

	margin-bottom: 30px;

	position: relative;
	
	opacity: 0;
	transform: translateY(150px);
	transition: opacity 1.5s ease, transform 1.5s ease;
}

#section-1.active .con .zz-text{
	opacity: 1;
	transform: translateY(0);
}

#section-1 .con .top1 {

	display: block;

	height: 118px;

}



#section-1 .con .top2 {

	display: block;

	height: 34px;

}



#section-1 .con .zz-text::before {

	position: absolute;

	width: 50px;

	height: 5px;

	background-color: rgba(217, 0, 27, 1);

	left: 50%;

	margin-left: -25px;

	bottom: -10px;

	content: '';

}



#section-1 .con .zz-comp-content {

	text-align: center;

	color: rgba(255, 255, 255, 1);

	font-family: PingFang SC;

	font-size: 18px;

	line-height: 1.9;
	
		position: relative;
	
	opacity: 0;
	transform: translateY(150px);
	transition: opacity 1s ease-out, transform 1s ease-out;

}

#section-1.active .con .zz-comp-content{
	opacity: 1;
	transform: translateY(0);
}

#section-1 .con .zz-comp-code {

	position: relative;

	height: 100px;

	margin-top: 50px;

}





.mouse {

	position: absolute;

	left: 49.5%;

	bottom: 10px;

	text-align: center;

	z-index: 1;

}



.mouse em {

	position: relative;

	display: block;

	width: 22px;

	height: 35px;

	background: url(https://f.cdn-static.cn/68564_16677161401572.png?attname=ico04.png) no-repeat center;

	margin: auto;

}



.mouse em:before {

	content: "";

	position: absolute;

	left: 10px;

	top: 7px;

	width: 2px;

	height: 10px;

	background: #fff;

	animation: spinoffPulse2 3.5s infinite linear;

}



 .swiper-container {

        width: 100%;

        height: 100%;

		 

}

.swiper-wrapper{

	display: flex;

	align-items: stretch;

}

.swiper-slide {

	

	flex-grow: 1; 

	text-align: center;

	font-size: 18px;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}



.swiper-slide .img{

	height: 100%;

	overflow: hidden;

}



@-webkit-keyframes spinoffPulse2 {

	0% {

		opacity: 1;

	}



	10% {

		opacity: 1;

	}



	20% {

		opacity: 0;

	}



	30% {

		opacity: 1;

	}



	40% {

		opacity: 1;

	}



	50% {

		opacity: 1;

	}



	60% {

		opacity: 0;

	}



	70% {

		opacity: 1;

	}



	80% {

		opacity: 0;

	}



	90% {

		opacity: 1;

	}



	100% {

		opacity: 1;

	}

}



.mouse b {

	color: #fff;

	font-size: 14px;

	margin: 6px 0;

	display: block;

}



.mouse hr {

	position: relative;

	display: block;

	width: 8px;

	height: 30px;

	border: none;

	margin: auto;

	overflow: hidden;

}



.mouse hr:before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0px;

	width: 7px;

	height: 30px;

	background: url(https://f.cdn-static.cn/68564_16677164936132.png?attname=line08.png) no-repeat center;

	animation: spinoffPulse3 2s infinite linear

}



@-webkit-keyframes spinoffPulse3 {

	0% {

		bottom: 0;

	}



	10% {

		bottom: 3px;

	}



	20% {

		bottom: 0px;

	}



	30% {

		bottom: 3px;

	}



	60% {

		bottom: 0px

	}



	100% {

		bottom: 3px;

	}

}





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

	.mouse {

		left: 45%;

	}

}



.mainbody {

	z-index: 15;

	position: relative;

}



#section-2 {

	background-image: url(http://p.cdn-static.cn/74256_16825130423652.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: inherit;

	background-size: cover;

}



#section-2 .mainbody {

	width: 66.6vw;

	padding: 0 32px 0px 32px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.title {

	color: rgba(255, 255, 255, 1);

	z-index: 10;

}



.title h2 {

	text-align: center;

	font-size: 33px;

	line-height: 1.5;

	font-weight: normal;

	margin-bottom: 10px;

}



.title .des {

	text-align: center;

	font-size: 16px;

	line-height: 2;

	    color: rgba(64, 64, 64, 1);

}



#section-2 .title .des{

	color: #fff;

}



#section-2 .main {

	margin-top: 30px;

}



#section-2 .main ul {

	width: 100%;

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	margin-bottom: 40px;

}



#section-2 .main li {

	width: 20%;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	color: #fff;

	font-size: 14px;

	margin-bottom: 25px;
	top:0;
	position: relative;

}

#section-2 .main li:hover{
	top:-15px;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out; 
	-ms-transition:all 1s ease-in-out;   
	transition:all 1s ease-in-out;   
}

#section-2 .main li .img {

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}



#section-2 .main li .img img {

	width: 35%;

	object-fit: contain;

	max-height: 100%;

}



#section-2 .main li .tit {

	line-height: 2em;

}



#section-2 .more {

	display: inline-table;

	font-size: 14px;

	color: rgba(255, 255, 255, 1);

	background: rgba(210, 7, 19, 1);

	border: 0px solid rgba(210, 7, 19, 1);

	margin: 0px 0px 0px 0px;

	border-radius: 50px 50px 50px 50px;

	padding: 12px 35px 12px 35px;
	border: 1px solid rgba(210, 7, 19, 1);

}



#section-2 .more:hover{

	color: rgba(210, 7, 19, 1);

	background-color: #fff;

	border: 1px solid rgba(210, 7, 19, 1);

}



#section-3 {

	background-image: url(http://p.cdn-static.cn/74256_168181140489710.jpg?imageView2/2/w/2000/q/75);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: inherit;

	background-size: cover;

}



#section-3 .mainbody {

	width: 84vw;

	padding: 0 32px 0px 32px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



#section-3 .items{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 30px;

	margin-bottom: 50px;

}



#section-3 .item {

	box-sizing: border-box;

	width: 30%;

	border: 1px solid rgba(0, 0, 0, 0.1);

	padding: 30px 10px 30px 10px;

	background: rgba(255, 255, 255, 1);

	border-radius: 20px 20px 20px 20px;

	overflow: hidden;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	margin: 1.6%;

}

#section-3 .item:hover{
	border: 1px solid rgba(210, 7, 19, 1);
}

#section-3 .item .img {

	margin: 0 15px;
	
	overflow: hidden;

}



#section-3 .item .img img{

	width: 100%;

	height: auto;

}

#section-3 .item:hover .img img{
	transform: scale(1.2);
	transition: transform 1s ease-in-out;
}



#section-3 .more {

	display: inline-table;

	font-size: 14px;

	color: rgba(255, 255, 255, 1);

	background: rgba(210, 7, 19, 1);

	margin: 0px 0px 0px 0px;

	border-radius: 50px 50px 50px 50px;

	padding: 12px 35px 12px 35px;
	
	border: 1px solid rgba(210, 7, 19, 1);

}

#section-3 .more:hover{

	color: rgba(210, 7, 19, 1);

	background-color: #fff;

	border: 1px solid rgba(210, 7, 19, 1);

}

#section-3 .tit{

	color: rgba(0, 0, 0, 1);

	    font-size: 16px;

	    line-height: 1.5;

	    text-align: center;

		margin-top: 15px;

}



#section-3 .item:hover .tit{

	color: rgba(210, 7, 19, 1);

}



#section-3 .dec{

	    margin-top: 6px;

	    color: #999;

	    font-size: 14px;

	    line-height: 1.5;

	    text-align: center;

}



#section-3 .title,

#section-7 .title {

	color: rgba(0, 0, 0, 1);

}



#section-4 {

	background-image: url(http://p.cdn-static.cn/74256_16823945308883.jpg?imageView2/2/w/2000/q/75);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: inherit;

	background-size: cover;

}



#section-4 .zz-bg {

	z-index: 1;

}



#section-4 .zz-bg>.zz-bg-color{

	    background: rgba(0, 0, 0, 0.7);

}



#section-4 .title .des{

	color: #fff;

}



#section-4 .mainbody{

	width: 83.3vw;

	text-align: center;

}



#section-4 .main{

	display: flex;

	justify-content: space-around;

	align-items: center;

	margin-top: 30px;

	margin-bottom: 30px;

}



#section-4 .img{

	width: 100%;

}



#section-4 .img img{

	width: 100%;

	height: auto;

}



#section-4 .main .zz-column{

	padding: 0 30px;

}



#section-4 .zz-column:nth-child(1) .des{

	color: rgba(255, 255, 255, 1);

	    font-size: 14px;

	    line-height: 1.9;

	    text-align: right;

}



#section-4 .zz-column:nth-child(3) .des{

	color: rgba(255, 255, 255, 1);

	    font-size: 14px;

	    line-height: 1.9;

	    text-align:left;

}



#section-4 .zz-column:nth-child(1) .text-body{

	text-align: right;

}



#section-4 .zz-column:nth-child(3) .text-body{

	text-align: left;

}



#section-4 .zz-column:nth-child(1) .text-body .title{

	    color: rgba(255, 255, 255, 1);

	    font-size: 20px;

	    line-height: 2.6;

	    text-align: right;

}



#section-4 .zz-column:nth-child(3) .text-body .title{

	    color: rgba(255, 255, 255, 1);

	    font-size: 20px;

	    line-height: 2.6;

	    text-align: left;

}



#section-4 .zz-column:nth-child(1) .text-body .title .content{

	display: flex;

	align-items: center;

	justify-content: flex-end;

}



#section-4 .zz-column:nth-child(3) .text-body .title .content{

	display: flex;

	align-items: center;

	justify-content: flex-start;

}



#section-4 .zz-comp-list__item{

	margin-bottom: 15px;

}



#section-4 .more {

	display: inline-table;

	font-size: 14px;

	color: #fff;

	background-color:transparent;

	border: 1px solid #fff;

	margin: 0px 0px 0px 0px;

	border-radius: 50px 50px 50px 50px;

	padding: 12px 35px 12px 35px;

}

#section-4 .more:hover{

	color: rgba(210, 7, 19, 1);

	background-color: #fff;

	border: 1px solid rgba(210, 7, 19, 1);

}



#section-5 {

	background-image: url(http://p.cdn-static.cn/74256_16825958252333.jpg?imageView2/2/w/2000/q/75);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: inherit;

	background-size: cover;

}



#section-5 .title .des{

	color: #fff;

}

#section-5 .swiper-pagination{

	bottom:10px;

}

#section-5 .swiper-wrapper{

	margin-bottom:50px;

}

#section-5 .main{

	width: 83.3vw;

	text-align: center;

	margin-top: 50px;

}

#section-5 .main .swiper-slide a{

	display: flex;

	flex-direction: column;

	width: 100%;

	height: 100%;

}

#section-5 .main .swiper-slide .text{

	margin-left:12px;

	margin-right: 12px;

	background: #fff;

	box-sizing: border-box;

	padding: 12px;

	margin-top:-3vw;

	z-index: 100;

	text-align:left;
	
	position: relative;
	
	top:0;

}
#section-5 .main .swiper-slide .text:hover{
    top:-15px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out; 
	-o-transition:all .5s ease-in-out; 
	-ms-transition:all .5s ease-in-out;   
	transition:all .5s ease-in-out;   
}

#section-5 .main .swiper-slide .text:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #D20713!important;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10000;
    -webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out; 
	-o-transition:all .5s ease-in-out; 
	-ms-transition:all .5s ease-in-out;   
	transition:all .5s ease-in-out;  
}
#section-5 .main .swiper-slide .text:hover:after{
    width: 100%;
}

#section-5 .main .swiper-slide .text h3{

	   color: #333;

	    font-size: 18px;

	    line-height: 1.5;

	    text-align: inherit;

		font-weight: normal;

		margin-bottom: 10px;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp:1;

		-webkit-box-orient: vertical;

}

#section-5 .main .swiper-slide .text .dec{

	 overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient: vertical;

	color: #999;

	    font-size: 14px;

	    line-height: 1.5;

	    text-align: inherit;
	    margin-bottom: 10px;

}

#section-5 .main .swiper-slide .pic{

	width: 100%;

	height:20.8vw!important;

	position: relative;

	overflow: hidden;
	
	top:0;

}

#section-5 .main .swiper-slide .pic:hover{
	top:-15px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out; 
	-o-transition:all .5s ease-in-out; 
	-ms-transition:all .5s ease-in-out;   
	transition:all .5s ease-in-out;   
}

#section-5 .main .swiper-slide .pic .bg{

	background-color: rgba(0, 0, 0, 0.22);

	position:absolute;

	z-index: 10;

	left: 0;

	top:0;

	width:100%;

	height:100%;

}



#section-5 .main .swiper-slide .img{

	text-align: center;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -50%;

	z-index: 5;

}



#section-5 .main .swiper-slide .pic .ico{

	width:5vw;

	height:5vw;

	position: absolute;

	top:50%;

	margin-top: -2.5vw;

	left:50%;

	margin-left:-2.5vw;

	z-index: 30;

	

}

#section-5 .main .swiper-slide .pic .ico img{

	width: 100%;

	height:100%;

}





#section-5 .main .swiper-slide .img img{

	width: auto;

	height: 100%;

}

#section-7 .main{

	width: 90vw;

	margin: 30px auto;

}

#section-7  .index_tab{

        width: 100%;

        height: 45px;

        display: flex;

        justify-content: center;

        align-items: center;

		margin-bottom: 20px;

    }

#section-7 .index_tab a{

        color: rgba(210, 7, 19, 1);

            font-size: 14px;

            border-radius: 60px 60px 60px 60px;

            padding: 5px 15px 5px 15px;

            border: 1px solid rgba(210, 7, 19, 1);

            background: rgba(255, 255, 255, 1);

			line-height: 2;

			    display: inline-block;

				margin: 0 10px;

    }

#section-7  .index_tab a:hover{

        color: rgba(255, 255, 255, 1);

            background: rgba(210, 7, 19, 1);

            border: 1px solid rgba(255, 255, 255, 1)!important;

    }

#section-7   .cur{

        color: rgba(255, 255, 255, 1)!important;

            background: rgba(210, 7, 19, 1)!important;

            border: 1px solid rgba(255, 255, 255, 1)!important;

    }

#section-7  .index_cont{

        width: 100%;

    }

#section-7  .index_cont .list{

        display: none;

        text-align: center;

        padding: 20px;

		

    }

#section-7 .list .items{

	width: 100%;

	display: flex;

	justify-content: space-around;

}

#section-7   .selected{

        display: block !important;

    }

#section-7 .list .items .item{

	width: 31%;

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

	    border-radius: 15px;

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

		    border-radius: 15px;

			overflow: hidden;
			border: 1px solid #ffffff;

}

#section-7 .list .items .item .img{

	width: 100%;

	height: 17vw;

	overflow: hidden;
	
	background-color: #fff;

}

#section-7 .list .items .item .img img{

	width: auto;

	height: auto;
	
	min-width: 100%;
	
	min-height: 100%;

}

#section-7 .list .items .item:hover .img img{
    transform: scale(1.2);
    transition: transform 1s ease-in-out;
}

#section-7 .list .items .item .tit{

	text-align: left;

	    color: rgba(51, 51, 51, 1);

	    font-size: 18px;

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp: 1;

		-webkit-box-orient: vertical;

		padding-bottom: 0px;

		padding-top: 0px;

		line-height: 2em;

}



#section-7 .list .items .item .info{

	padding-top: 15px;

	padding-left: 15px;

	padding-right: 15px;

	padding-bottom: 5px;

	border-bottom: 1px solid rgba(191, 191, 191, 0.33);

}

#section-7 .list .items .item:hover{
    border: 1px solid rgba(210, 7, 19, 1);
    background-color: rgba(210, 7, 19, 1);
}

#section-7 .list .items .item:hover .other{
    color: #fff;
}

#section-7 .list .items .item:hover .tit{
    color: #fff;
}
#section-7 .list .items .item:hover .dec{
    color: #fff;
}


#section-7 .dec{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	color: rgba(153, 153, 153, 1);

	    font-family: Microsoft YaHei;

	    font-size: 14px;

	    line-height: 1.5;

		text-align: left;

		margin-top: 5px;

		margin-bottom: 10px;

}

#section-7 .list .items .item .other{

	display: flex;

	justify-content: space-between;

	align-items: center;

	color: rgba(153, 153, 153, 1);

	    font-family: Microsoft YaHei;

	    font-size: 14px;

	    line-height: 1.5;

		padding-left: 15px;

		padding-right: 15px;

		padding-top: 15px;

		padding-bottom: 15px;

}

#section-6 {

	background-image: url(http://p.cdn-static.cn/74256_1682048208552.png?imageView2/2/w/2000/q/75);

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: inherit;

	background-size: cover;

}

#section-6 .title .des{

	color: #fff;

}

#section-6 .main .items{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#section-6 .mainbody{

	width: 83.3vw;

	text-align: center;

}

#section-6 .main{

	margin-top: 35px;

	margin-bottom: 70px;

}

#section-6 .main .items .item{

	width: 20%;

	box-sizing: border-box;

	padding: 0 36px;
	
	position: relative;
	
	top:0;

}

#section-6 .main .items .item:hover{
	top:-15px;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out; 
	-ms-transition:all 1s ease-in-out;   
	transition:all 1s ease-in-out;   
}

#section-6 .main .items .item img{

	width: 100%;

	height: auto;

}

#section-6 .main .items .item .tit{

	font-size: 18px;

	color: #fff;

	line-height: 2em;

}

#section-6 .more {

	display: inline-table;

	font-size: 14px;

	color: rgba(255, 255, 255, 1);

	background: rgba(210, 7, 19, 1);

	border: 0px solid rgba(210, 7, 19, 1);

	margin: 0px 0px 0px 0px;

	border-radius: 50px 50px 50px 50px;

	padding: 12px 35px 12px 35px;
	
	border: 1px solid rgba(210, 7, 19, 1);

}

#section-6 .more:hover{

	color: rgba(210, 7, 19, 1);

	background-color: #fff;

	border: 1px solid rgba(210, 7, 19, 1);

}

#section-7 {}



.fp-watermark {

	display: none;

}



.zz-bg {

	z-index: -1;

}



.zz-bg,

.zz-bg-color,

.zz-bg-media,

.zz-bg-img {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	overflow: hidden;

}



.zz-bg>.zz-bg-color {

	background: rgba(0, 0, 0, 0.3);

}



.zz-bg-color {

	z-index: 1;

}



.zz-bg-media .video-background {

	-o-object-fit: cover;

	object-fit: cover;

	position: absolute;

	top: 50%;

	left: 50%;

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

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

}



video {

	max-width: 100%;

}



#section-6 .zz-bg {

	z-index: 1;

}



#section-6 .zz-bg>.zz-bg-color {

	background: rgba(0, 0, 0, 0.6);

}



#section-5 .zz-bg {

	z-index: 1;

}



#section-5 .zz-bg>.zz-bg-color {

	background: rgba(0, 0, 0, 0.59);

}



#section-8.fp-table{

	justify-content: flex-end;

}



#fp-nav ul li a span, .fp-slidesNav ul li a span{

	background-color: #fff;

}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{

	background-color: #D20713;

}

#fp-nav ul li, .fp-slidesNav ul li{

	margin: 12px;

}



.swiper-pagination-bullet-active{

	background-color: #D20713!important;

}



@media screen and (max-width: 750px) { 
	#section-1 .con{
		width: 80vw!important;
	}

	#section-1 .con .zz-text{

		font-size: 31px!important;

		letter-spacing: 1px;

	}

	#section-1 .con .zz-comp-content{

		font-size:16px!important;

	}
	
	#section-1 .zz-bg-media .video-background{
		display:none;
	}
	#section-1 .zz-bg-media{
		   background-image: url(http://p.cdn-static.cn/74256_16817134852912.png);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-attachment: inherit;
	    background-size: cover;
	}
	#section-2{
		background-image: url(http://p.cdn-static.cn/74256_1682515547257.png);
	}

	.title h2{

		font-size:24px!important;

	}

	.title .des{

		font-size:14px!important;

		padding: 0 1rem!important;

	}

	#section-2 .swiper {

	        width: 100%;

	        height: 100%;

	      }

	

	#section-2 .swiper-slide {

		text-align: center;

		font-size: 1rem;

		

		/* Center slide text vertically */

		display: -webkit-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		-webkit-justify-content: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		-webkit-align-items: center;

		align-items: center;

		flex-direction: column;

	  }



	#section-2 .swiper-slide img {

		display: block;

		width: 60%;

		height: auto;

		object-fit: cover;

	  }

	#section-2 .swiper-slide .tit{

		font-size:14px;

		color:#fff;

		padding: 10px 5px;

	}

	#section-2 .mainbody{

		width:90vw!important;

	}

}