.flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.banner{
	position: relative;
}
.banner2{
	position: absolute!important;
	bottom:20px;
	left:20px;
	width:300px;
}
.banner2 .swiper-slide{
	border:2px solid #fff;
	cursor: pointer;
}
.index-pagination{
	width:50px!important;
	top:calc(50% - 50px)!important;
	right: 10%!important;
	bottom:auto!important;
	left:auto!important;
}
.index-pagination .swiper-pagination-bullet{
	width:10px;
	height:10px;
	background: #fff;
	opacity:1;
	box-sizing: border-box;
	display: block;
	margin: 20px!important;
	position: relative;
}
.index-pagination .swiper-pagination-bullet:after{
	content: '';
	display: none;
	position: absolute;
	top:-10px;
	left:-10px;
	z-index: 1;
	width:30px;
	height:30px;
	border-radius: 50%;
	border:2px solid #fff;
	box-sizing: border-box;
}

.index-pagination .swiper-pagination-bullet-active:after{
	display: block;
}

/*mouse*/
.mouse-index{
	position:absolute;
	bottom:100px;
	left:50%;
	width:60px;
	margin-left:-30px;
	z-index:9999;
	cursor:pointer
}
.mouse{
	width:14px;
	margin:40px auto 0;
	position:relative;
}
.mouse-ncon{
	margin-top:70px;
}
.mouse_line {
    width: 1px;
    height: 60px;
    background: #fff;
    margin:10px auto;
}
.mouse_pinyin{
	font-size:14px;
	font-family:Arial;
	text-align:center;
	color:#fff;
	margin-top:5px;
}
#mouse{
	width:14px;
	margin:0 auto;
}
.mouse {
  position: relative;
  width: 14px;
  height: 22px;
  border-radius: 30px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.mouse:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-animation: scroll 1s infinite alternate;
          animation: scroll 1s infinite alternate;
}

@-webkit-keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}
@keyframes scroll {
  100% {
    -webkit-transform: translate(-50%, 8px);
            transform: translate(-50%, 8px);
  }
}


@media(max-width:1000px){
	.mouse-index{
		display: none;
	}
	.banner2{
		display: none;
	}
}
.s1{
	padding-top:150px;
	padding-bottom:50px;
}
.s1-left{
	width:50%;
}
.s1-right{
	width:calc(50% - 100px);
	background-image: url(../index/s1img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.s1p1{
	font-size:48px;
	font-weight:800;
	color:#333333;
}
.s1p1 span{
	color:#cd1507;
}
.s1p2{
	font-size:18px;
	font-weight:400;
	color:#666666;
	margin-top:40px;
	line-height: 2;
	/*text-align: justify;*/
}
.s1 .blog-button{
	margin-top:40px;
}
.s1i{
	width:100%;
	margin-top:90px;
}
.s1icon{
	width:50%;
}
.s1p3{
	margin-top:20px;
	font-size:18px;
	color:#666666;
}
.s1p3 span{
	font-size:36px;
	font-weight:800;
	padding-right:10px;
}
.s1p4{
	margin-top:15px;
	font-size:16px;
	color:#666666;
}
.s1-right{
	position: relative;
}
.s1-right-img{
	position: absolute;
	bottom:0;
	right:0;
	max-width:calc(100% - 100px);
}
.s1r-icon{
	width:250px;
	height:200px;
	font-size:16px;
}
.s1r-icon .s1p5{
	width:100%;
	text-align: center;
}
.s1r-icon1{
	background: #cd1507;
	color:#fff;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	position: absolute;
	left:-250px;
	bottom:0;
}

.s1r-icon2{
	background: rgb(255,255,255,0.8);
	color:#666666;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	position: absolute;
	left:0px;
	bottom:200px;
}
.s1r-icon2:hover{
	color:#000;
	background: #fff;
}
.s1r-icon1:hover{
	background: #000;
	color:#fff;
}

.s1icon img{
	transition:1s;
}
.s1icon:hover img{
	transform: rotateY(180deg);
}
	
@media(max-width:1000px){
	.s1{
		padding:30px 0;
	}
	.s1-left{
		width:100%;
	}
	.s1-right{
		width:100%;
		margin-top:30px;
	}
	.s1i{
		margin-top:20px;
	}
	.s1p1{
		font-size:28px;
	}
	.s1p2{
		font-size:16px;
	}
	.s1r-icon{
		position: relative;
		left:auto;
		bottom:auto;
		margin:30px auto;
	}
}
.s2top{
	background: #fff;
}
.s2top-tab{
	width:46%;
	padding:20px 0;
	box-sizing: border-box;
	cursor: pointer;
}
.s2top-left{
	display: flex;
	align-items:center;
	position: relative;
	margin:0;
}
.s2top-left p{
	font-size:48px;
	font-weight:800;
	color:#2a2a2a;
	position: relative;
	z-index: 2;
	/* padding-left: 5px; */
}
.s2top-left span{
	font-size:110px;
	font-weight:400;
	color:#e9e9e9;
	position: absolute;
	top:0;
	z-index: 1;
	line-height: 1;
	font-family:"bebas";
}
.s2top-right{
	position: relative;
	z-index: 3;
}
.s2bottom{

}
.cp1 .index-container,.cp2 .index-container{
	padding-top:50px;
	/* padding-bottom:50px; */
	position: relative;
}
.cpimg{
	position: relative;
	max-width: 50%;
}
.cptext{
	width:50%;
	display: flex;
	flex-wrap: wrap;
	flex-direction:column;
	justify-content:end;
}
.s2img1{
	position: relative;
	z-index:3;
}
.s2bg{
	position: absolute;
	max-height: 100%;
	top:50px;
	left:50px;
	z-index:2;
}
.s2p1{
	height:100px;
	line-height: 100px;
	padding:0 50px 0 80px;
	background: linear-gradient(90deg,rgba(205,21,7,1),rgba(255,255,255,0));
	font-size: 50px;
	font-weight: 800;
	color:#fff;
}
.s2text{
	text-align: right;
	position: absolute;
	right:0;
	top:50px;
}
.s2p2{
	display: block;
	margin-top:80px;
	font-size:18px;
	color:#666666;
}
.s2p3{
	display: block;
	margin-top:50px;
	font-size:16px;
	color:#000000;
	font-weight:800;
}
.s2p3c img{
	display:block;
	margin:0 auto;
	transition:1s;
}
.s2p3c:hover img{
	transform: rotateY(180deg);
}
.s2p3c div{
	margin-top:25px;
	text-align: center;
}
.s2p4{
	display:inline-block;
	margin-top:40px;
	background: #000000;
	border-left: 5px solid #f0ac1d;
	color:#fff;
	height:50px;
	line-height: 50px;
	width:185px;
	text-align:center;
}

.s2icon{
	transform: translate(0px,-2px);
	transition:1s;
}
.s2p4:hover .s2icon{
	transform: translate(5px,-2px);
}
.s2 .blog-button{
	margin-top:100px;
	/* margin-bottom:100px; */
}
.cp1tab{
	cursor:pointer;
}

.cp2tab{
	cursor:pointer;
}
.cp1tab .swiper-slide img,.cp2tab .swiper-slide img{
	/* filter: grayscale(100%); */
}

.cp1tab .swiper-slide-thumb-active img,.cp2tab .swiper-slide-thumb-active img{
	/* filter: grayscale(0%); */
	opacity: 0.6;
}
.s2con1{
	display: block;
}
.s2con2{
	display: none;
}
.c2b{
	padding-top:20px;
	padding-bottom:20px;
}
.c2b img{
	max-width:150px;
	margin: 0 auto;
	display: block;
}
@media(max-width:1000px){
	.s2top-tab{
		width:50%;
	}
	.s2top-left{
		width:100%;
	}
	.s2top-right{
		padding:0 20px;
		
	}
	.s2top-left p{
		font-size:20px;
		padding-left:0;
		width:100%;
	}
	.s2top-left span{
		font-size:30px;
	}
	.cptext{
		width:100%;
	}
	.s2p3c{
		width:25%;
		margin-bottom:20px;
	}
	.s2p3c img{
		max-width:100%;
	}
	.cpimg{
		width:100%;
		max-width:100%;
		transform: translate(0, 0);
	}
	.c2b img{
		width:100%;
	}
	.s2text{
		position: relative;
		top:0;
	}
	.s2bg{
		top: -20px;
	}
	.s2text{
		width:100%;
	}
	.s2p1{
		font-size:20px;
		padding:0;
		text-align: center;
		height: 50px;
		line-height: 50px;
	}
	.s2p2{
		display: none;
	}
	.s2p4{
		margin: 0px auto ;
	}
	.s2 .blog-button{
		margin:15px 0;
}
	.cp1 .container, .cp2 .container{
		padding-bottom: 10px;
	}
}
.s3{
	position: relative;
}
.s3bg-list{
	width:100%;
	height:auto;
	position: relative;
}
.s3bg-list .s3bg{
	position: absolute;
	top:0;
	left:0;
	z-index:2;
}
.s3bg-list .s3bg-hover{
	position: relative;
	z-index:9;
}
.s3content{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 20;
}
.s3 .container{
	width:100%;
	height:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:start;
	align-items:center;
	align-content:center;
}
.s3-left{
	width:100%;
	max-width:500px;
	color:#fff;
	width: 500px;
	height: 500px;
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	transition: all 1s ease 0s;
	animation: circle 100s linear 0s infinite;
}
.s3-right{
	width:100%;
	max-width:600px;
	color:#fff;
	padding-left: 100px;
}
.s3p2{
	transition: 1s;
	font-size:16px;
	line-height: 2;
	text-align: justify;
	display: none;
}
.s3p2 p{
	font-size:36px;
	font-weight:800;
}
.s3p2-hover{
	display: block;
}
.s3p1:nth-child(1){
	transform: rotate(90deg) skewY(0deg);
	transform-origin: calc(100% + 4px) -4px;
}
.s3p1:nth-child(2){
	transform: rotate(180deg) skewY(0deg);
	transform-origin: calc(100% + 4px) -4px;
}
.s3p1:nth-child(3){
	transform: rotate(270deg) skewY(0deg);
	transform-origin: calc(100% + 4px) -4px;
}
.s3p1:nth-child(4){
	transform: rotate(360deg) skewY(0deg);
	transform-origin: calc(100% + 4px) -4px;
}
.s3p1{
	cursor: pointer;
	z-index: 40;
	width: 50%;
	height: 50%;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
}
.s3p1-hover{
	background: #cd1608;
}
.s3-left-c{
	position: relative;
}
.s3p1_pa {
    width: 230px;
    height: 230px;
    background: #fff;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	font-size:30px;
	font-weight:800;
	color:#333;
	line-height: 2;
}
.moreBtn {
    color: #fff;
    z-index: 40;
    cursor: pointer;
    transition: all 1s ease 0s;
    position: absolute;
    max-width: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-word;
	font-size:20px;
}
@media (min-width:900px) {
    @keyframes circle {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }
    @keyframes circle1 {
        0% {
            transform: rotate(-90deg)
        }
    
        100% {
            transform: rotate(-450deg)
        }
    }
	@keyframes circle2 {
	    0% {
	        transform: rotate(180deg)
	    }
	
	    100% {
	        transform: rotate(-180deg)
	    }
	}
	@keyframes circle3 {
	    0% {
	        transform: rotate(90deg)
	    }
	
	    100% {
	        transform: rotate(-270deg)
	    }
	}
    @keyframes circle4 {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(-360deg)
        }
    }

}


.s3p1 .moreBtn1 {
	animation: circle1 100s linear 0s infinite;
    left:calc(50% - 30px);
    top:calc(50% - 15px);
}
.s3p1 .moreBtn2{
	animation: circle2 100s linear 0s infinite;
    left:calc(50% - 30px);
    top:calc(50% - 15px);
}
.s3p1 .moreBtn3{
	animation: circle3 100s linear 0s infinite;
    left:calc(50% - 30px);
    top:calc(50% - 15px);
}
.s3p1 .moreBtn4{
	animation: circle4 100s linear 0s infinite;
	left:calc(50% - 30px);
	top:calc(50% - 15px);
}

@media(max-width:1000px){
	.s3{
		display: none;
	}
}

.s4{
	padding:50px 0;
}
.s4p1{
	font-size:48px;
	font-weight:800;
	color:#333333;
}
.s4p1 span{
	color:#cd1507;
}
.s4bottom{
	background: #eff0f0;
	padding:50px 80px;
	position: relative;
	margin-top:50px;
}
.s4bottom-con{
	margin-top:30px;
}
.s4p2{
	font-size:20px;
	color:#333333;
	font-weight:800;
}
.s4-more{
	color:#cd1507;
}
.s4bottom-right{
	width:50%;
	box-sizing: border-box;
	padding:20px;
	background: #fff;
}
.s4bottom-left{
	width:50%;
}
.s4a{
	width:100%;
}
.s4p3{
	font-size: 20px;
	color:#000000;
	font-weight: 800;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s4p4{
	margin-top:20px;
	line-height: 1.5;
	font-size:16px;
	color:#666666;
	font-weight:400;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s4next{
	width: 60px !important;
	height:60px !important;
	border-radius: 50%!important;
	background: #fff;
}
.s4next:after{
	font-size:18px!important;
	color:#000;
}
.s4prev{
	width: 60px !important;
	height:60px !important;
	border-radius: 50%!important;
	background: #fff;
}
.s4prev:after{
	font-size:18px!important;
	color:#000;
}
.s4top{
	position: relative;
	justify-content: end!important;
	width:100%;
}
.s4top-left{
	width:400px;
	background: #cd1507;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*相对父元素水平居中*/
	align-items:center; /*相对父元素垂直居中*/
	align-content:center;
	padding:50px 0;
}
.s4top-list{
	text-align: center;
	width:100%;
	display: block;
	font-size:24px;
	font-weight:400;
	color:#fff;
	padding:20px 0;
	box-sizing: border-box;
	border-right:5px solid #cd1507;
}
.s4top-list:hover{
	color:#fff;
	font-weight:800;
	border-right:5px solid #fff;
}
.s4top-c{
	width:60%;
	max-width:900px;
}
.s4top-d{
	width:40%;
	background: #eff0f0;
	color:#666666;
	padding:50px 30px;
	box-sizing: border-box;
	margin-bottom:80px;
	position: relative;
}
.s4top-left{
	position:absolute;
	left:0;
	bottom:0;
	z-index:9;
}
.s4top-right{
	width:calc(100% - 320px);
}
.s4p5{
	font-size: 20px;
	color:#000000;
	font-weight: 800;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media(max-width:1700px){
	.s4p3{
		-webkit-line-clamp:1;
	}
	.s4p4{
		-webkit-line-clamp:2;
	}
}
.s4p6{
	margin-top:20px;
	line-height: 1.5;
	font-size:16px;
	color:#666666;
	font-weight:400;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.s4a1{
	display:flex;
	flex-wrap:wrap;
	align-content:flex-end;
	align-items:end;
	position: relative;
}
.s4a1 .blog-button{
	position: absolute;
	bottom:-25px;
	left:25px;
}
@media(max-width:1000px){
	.s4p3{
		-webkit-line-clamp:2;
	}
	.s4p4{
		-webkit-line-clamp:3;
	}
	.s4top-left{
		display: none;
	}
	.s4bottom{
		padding:30px;
	}
	.s4bottom-left{
		width:100%;
	}
	.s4bottom-right{
		width:100%;
	}
	.s4prev{
		width: 30px !important;
		height: 30px !important;
	}
	.s4next{
		width: 30px !important;
		height: 30px !important;
	}
	.s4top-right{
		width:100%;
	}
	.s4top-c{
		width:100%;
	}
	.s4top-d{
		width:100%;
	}
}