﻿
.sec2{ display:block;
	position: relative; padding-bottom:90px;
}
.sec2 .swiper-container{
	width: 100%;
}
.sec2 .inner{
	position: relative; top:0; margin-top:-64px;
	z-index: 1;
	width: 84%;
	max-width: 84%;
}
.sec2 .swiper-slide{ padding-bottom:97px;}
.sec2 .text{ display:block;
	position: absolute;
	right: 0;
	bottom: 0;
	width:670px;
}
.sec2 .text li{
	padding:50px 55px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}
.sec2 .text li.active{
	
	z-index: 1;
}
.sec2 .text li:before{ float:left; width:0; height:100%; content:''; position:absolute; left:0; top:0;background:#d82225;}
.sec2 .text li.active:before{
	width:100%; 
    -webkit-transition:  all 0.5s 0.2s;
	transition:  all 0.5s 0.2s;
}
.sec2 .text li:after{ float:left; width:144px; height:231px; content:''; position:absolute; right:42px; bottom:70px; background:url(../img/main29.png) center bottom no-repeat; background-size:100% auto; opacity:0;-webkit-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;}
.sec2 .text li.active:after{
	-webkit-transition:  all 1s 0.7s;
	transition:  all 1s 0.7s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity:0.1;
}
.sec2 .text .logo{
	-webkit-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	width:150px;
}
.sec2 .text li.active .logo{
	-webkit-transition:  all 1s 0.4s;
	transition:  all 1s 0.4s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.sec2 .text h5{ width:560px;
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	line-height: 64px; height:192px; overflow:hidden;
	margin:22px 0 11px 0;
	-webkit-transform: translateX(15%);
	transform: translateX(15%);
	opacity: 0;
	
}
.sec2 .text li.active h5{
	-webkit-transition:  all 1s 0.5s;
	transition:  all 1s 0.5s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.sec2 .swiper-prev,.sec2 .swiper-next{
	vertical-align: middle;
	cursor: pointer;
	width:32px;
}
.sec2 .swiper-next{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.sec2 .swiper-pagination{
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.sec2 .swiper-pagination .swiper-pagination-bullet{
	font-size: 16px;
	color: #000000;
	width: auto;	
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin:0 12px;
	background-color: transparent;
}
.sec2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	color: #d82225;
}
/*20221108start*/
@media screen and (min-width:1921px) {
.sec2 .swiper-slide{ padding-left:7px; padding-right:7px;}
.sec2 .text{ right:7px;}

}
/*20221108end*/

@media only screen and (max-width:1600px) {
	.sec2 .text h5{
		font-size: 30px; line-height:44px; height:132px; width:400px;
	}
    .sec2 .text li:after{ width:100px;}
	
}
@media screen and (max-width:1400px) {
    .sec2 .text li{ padding:40px 40px;}
	.sec2 .text h5{
		font-size: 24px; line-height:38px; height:114px; width:310px; margin:15px 0 0 0;
	}
     .sec2 .text li:after{ right:30px; bottom:55px; width:80px;}
}

@media screen and (max-width:1024px) {
	.sec2{
		 padding-bottom:25px;
	}
    .sec2 .swiper-slide{ padding-bottom:40px;}
	.sec2 .swiper-container.img{
		
	}
	.sec2 .inner{
		width: 92%;
		max-width:92%; margin-top:-24px;
	}
    .sec2 .web{ display:none;}
	.sec2 .text{
		width: 60%;
	}
	.sec2 .text li{
		padding:15px;
	}
     .sec2 .text li:after{ right:15px; bottom:45px; width:40px;}
    .sec2 .text .logo{ width:100px;}
	.sec2 .text h5{ width:auto;
		font-size:15px; line-height:21px; margin:0;
		height:63px;
	}
	.sec2 .swiper-prev,.sec2 .swiper-next{
		width:24px;
	}
	.sec2 .swiper-pagination{
		margin: 0 2px;
	}

	.sec2 .swiper-pagination .swiper-pagination-bullet{
		font-size:14px; margin:0 5px;
	}

}



.sec3{ display:flex; position:relative;}
.sec3 .list{flex-wrap:wrap; display: flex;width:100%; background:#fff;}
.sec3 .list ul{flex-wrap:wrap; display: flex; width:100%;}
.sec3 .list ul li{ display:block; width:50%; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.sec3 .list ul li a{ display:block; width:100%; position:relative; padding:26px 25px;}
.sec3 .list ul li h5{ display:block; width:100%; color:#282828; font-size:18px; line-height:28px; overflow:hidden; max-height:56px; letter-spacing:1px; }
.sec3 .list ul li a:hover h5{ color:#da2126; }
.sec3 .list ul li time{ display:inline-block; padding:0 7px; text-align:center; color:#fff; font-size:14px; line-height:24px; background:#da2126; border-radius:3px; margin:5px 0 13px 0; }
.sec3 .list ul li h4{ display:block; width:100%; color:#000000; font-weight:bold; font-size:26px; line-height:38px; max-height:76px; overflow:hidden; padding:0 14.46%; }
.sec3 .list ul li a:hover h4{ color:#da2126; }
.sec3 .list ul li font{flex-wrap:wrap; display: flex; align-items: center; flex-direction:column; justify-content:center; width:180px; height:176px; text-align:center; color:#b7282d; font-size:18px; line-height:1; background:url(../img/main6.png) center repeat #fff; border-right:1px solid #f0f0f0;}
.sec3 .list ul li font span{ font-size:60px; font-weight:bold; display:block; margin-bottom:1px;width:180px;}
.sec3 .list ul li:first-child{ width:100%;}
.sec3 .list ul li:first-child a{ padding:0 !important; display: flex; align-items: center; }

@media screen and (max-width:1600px) {
.sec3 .list ul li h4{ padding:0 10%;}
}
@media screen and (max-width:1024px) {
.sec3 .list ul li a{ padding:12px 15px;}
.sec3 .list ul li time{ font-size:12px; line-height:22px; margin:5px 0 6px 0;}
.sec3 .list ul li h5{ font-size:15px; line-height:25px; max-height:50px; letter-spacing:0;}
.sec3 .list ul li h4{ font-size:16px; line-height:26px; max-height:52px; margin:0; padding:0 15px; }
.sec3 .list ul li font{ width:80px; height:96px; padding:0; font-size:14px;}
.sec3 .list ul li font span{width:80px; font-size:30px; margin-bottom:4px;}

}
@media screen and (max-width:767px) {
.sec3 .list ul li{ width:100%; }

}

.sec4{ display:flex; margin-bottom:100px; position:relative;}
.sec4 .list{ float:left;  width:100%; background:#fff;}
.sec4 .list .slick-list{ padding:0 1px;}
.sec4 .list ul{ float:left;  width:100%; padding:80px 52px 53px 52px;}
.sec4 .list li{ float:left; width:33.33%; position:relative; z-index:1;}
.sec4 .list li a{ float:left; width:100%; padding:0 45px 70px 45px;}
.sec4 .list li:hover{ z-index:3;}
.sec4 .list li:before{ float:left; width:0; height:5px; content:''; position:absolute; left:0; z-index:1;  bottom:0; background:#d82225;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sec4 .list li:hover:before{ width:100%;}
.sec4 .list li:after{ float:left; box-sizing:border-box; content:''; z-index:1; background:#fff; position:absolute; left:-1px; bottom:5px; border:1px solid #eeeeee; height:-webkit-calc(100% - 75px); height:-moz-calc(100% - 75px); height:calc(100% - 75px); width:-webkit-calc(100% + 2px); width:-moz-calc(100% + 2px); width:calc(100% + 2px);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sec4 .list li:hover:after{ z-index:2; opacity:1; box-shadow:0 0 45px rgba(0,0,0,0.1); border:1px solid #fff;}
.sec4 .list li i{ display:block; position:relative; z-index:3; width:100%; line-height:0; overflow:hidden;}
.sec4 .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.sec4 .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sec4 .list ul li h4{ position:relative; z-index:3; display:block; width:100%; color:#282828; font-weight:bold; font-size:20px; line-height:32px; height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:30px 0 20px 0; }
.sec4 .list ul li time{ position:relative; z-index:3; display:block; width:100%; color:#a6a6a6; font-size:14px; line-height:24px; background:url(../img/main4.png) left center no-repeat; padding-left:24px; }
.sec4 .list .slick-arrow{ width:40px; height:40px; top:100%; background:url(../img/main7.png) left center no-repeat; background-size:100% 100%;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); margin-top:34px; z-index:1;}
.sec4 .list .slick-arrow:hover{ background:url(../img/main8.png) left center no-repeat; background-size:100% 100%;}
.sec4 .list .slick-prev{ left:53px;}
.sec4 .list .slick-next{ right:53px;-webkit-transform: translate(0,0) rotate(180deg);-ms-transform: translate(0,0) rotate(180deg);transform: translate(0,0) rotate(180deg); }

/*20221031start*/
.sec4-1{flex-wrap:wrap; margin-bottom:0;}
/*20221031end*/
.sec4-1 .list ul{flex-wrap:wrap; display: flex; padding:10px 3.45% 45px 3.45%;}
.sec4-1 .list li{flex-wrap:wrap; display: flex; align-items: flex-end; margin-top:65px;}
.sec4-1 .list li a{ padding:0 36px 60px 36px;}
.sec4-1 .list li:after{ height:-webkit-calc(100% - 65px); height:-moz-calc(100% - 65px); height:calc(100% - 65px);}
.sec4-1 .list ul li h4{ font-size:18px; line-height:26px; height:52px; margin:26px 0 12px 0;}
.sec4-1 .list ul li .time{ margin-top:22.6%;}

@media screen and (max-width:1600px) {
.sec4 .list li a{ padding:0 30px 55px 30px;}
.sec4 .list li:after{ height:-webkit-calc(100% - 50px); height:-moz-calc(100% - 50px); height:calc(100% - 50px);}
.sec4 .list ul li h4{ font-size:18px; line-height:30px; height:60px; margin:20px 0 15px 0; }

.sec4-1 .list li a{ padding:0 25px 50px 25px;}
.sec4-1 .list ul li h4{ font-size:16px; line-height:24px; height:48px;}


}
@media screen and (max-width:1024px) {
.sec4{ margin-bottom:30px;}
.sec4 .list ul{ padding:25px 15px 20px 15px;}
.sec4 .list li a{ display:block; width:100%; position:relative; padding:0 15px 30px 15px;}
.sec4 .list ul li h4{ font-size:16px; line-height:26px; height:52px; margin:15px 0 10px 0; }
.sec4 .list .slick-arrow{ width:24px; height:24px; margin-top:20px;}
.sec4 .list .slick-prev{ left:15px;}
.sec4 .list .slick-next{ right:15px; }


/*20221031start*/
.sec4-1{ margin-bottom:0;}
/*20221031end*/
.sec4-1 .list ul{ padding:10px 15px 20px 15px;}
.sec4-1 .list li{ margin-top:15px;}

}
@media screen and (max-width:767px) {
.sec4 .list li{ width:100%;}


.sec4-1 .list ul .li:after{ height:100%;}
.sec4-1 .list ul .li a{ padding-top:5px;}
.sec4-1 .list ul li .time{ margin-top:5%;}


}



.sec5{ display:flex;position:relative;}
.sec5 .box{ float:left; width:100%; background:#fff;}
.sec5 .list{ float:left; width:100%; line-height:0;}
.sec5 .list li{ float:left; width:10%;}
.sec5 .list li a{ float:left; width:100%; overflow:hidden;}
.sec5 .list li a img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.sec5 .list li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sec5  .ul{ float:left; width:100%;}
.sec5  .ul li{ float:left; width:100%; position:relative;}
.sec5  .ul li a{ float:left; width:100%; border-bottom:1px solid #f0f0f0;}
/*20221108start*/
.sec5  .ul li i{ position:relative; padding-bottom:50%; display:block; width:100%; line-height:0; overflow:hidden;}
.sec5  .ul li i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); min-height:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.sec5  .ul li a:hover img{ -ms-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);}
/*20221108end*/
.sec5  .ul li h4{ position:relative; z-index:3; display:block; width:100%; color:#282828; font-weight:bold; font-size:24px; line-height:36px; height:72px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; padding:0 40px; margin:28px 0; }
.sec5  .ul li h5{ display:block; width:100%; color:#282828; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.sec5  .ul li time{ display:block; width:100%; color:#a6a6a6; font-size:14px; line-height:24px; }
.sec5  .ul li a:hover h4{ color:#d82225;}
.sec5  .ul li a:hover h5{ color:#d82225;}
.sec5  .ul li font{flex-wrap:wrap; display: flex; align-items: flex-end; justify-content:flex-end; flex-direction:column; width:130px; height:166px; position:absolute; left:-130px; top:0; padding:16px 25px; text-align:center; color:#282828; font-size:18px; line-height:1; background:url(../img/main6.png) center repeat #fff;}
.sec5  .ul li font span{ font-size:24px; font-weight:bold; display:block; margin-bottom:2px;}
.sec5  .newsL{ float:left; width:50%; padding-right:130px; border-right:1px solid #f0f0f0;}
.sec5  .newsL .Title{ padding:70px 0; border-right:1px solid #f0f0f0;}
.sec5  .newsL .More{ border-right:1px solid #f0f0f0; padding:44px 0;}
.sec5  .newsL .ul{width:-webkit-calc(100% + 130px); width:-moz-calc(100 + 130px); width:calc(100% + 130px);}
.sec5  .newsL .ul li{ padding-right:130px;}
.sec5  .newsL .ul li a{ border-right:1px solid #f0f0f0;}
.sec5  .newsL .ul li font{ align-items: flex-start; top:48%; margin-top:-83px; left:100%; margin-left:-130px; }
.sec5  .newsL .slick-dots{ width:9px; left:auto; right:105px; bottom:auto; top:0;}
.sec5  .newsL .slick-dots li{ width:9px; height:9px; border-radius:50%; border:1px solid #9a9a9a; padding:0 !important; background:#fff; margin:0 0 6px 0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.sec5  .newsL .slick-dots li.slick-active{ border:1px solid #666666; background:#666666; }
.sec5  .newsR{ float:left; width:50%; padding-left:130px;}
.sec5  .newsR .ul li a{ position:relative; padding:20px 40px; border-left:1px solid #f0f0f0;}
.sec5  .newsR .ul li a::after{ float:left; width:2px; height:0; content:''; position:absolute; left:0; top:0; background:#d82326;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sec5  .newsR .ul li a:hover::after{ height:100%;}
.sec5  .newsR .ul li:first-child a{ padding:67px 0 0 0;}
.sec5  .newsR .ul li font{ border-bottom:1px solid #f0f0f0;}

@media screen and (max-width:1600px) {
.sec5  .newsR .ul li:first-child a{ padding:52px 0 0 0;}

}
@media screen and (max-width:1024px) {
.sec5 .ul li h4{ font-size:16px; line-height:26px; height:52px; padding:0 15px; margin:15px 0;}
.sec5 .ul li h5{ font-size:15px; line-height:25px;}
.sec5 .ul li font{  width:60px; height:80px; left:-60px; padding:10px 12px; font-size:14px;}
.sec5 .ul li font span{ font-size:24px;}
.sec5 .newsL{ padding-right:60px;}
.sec5 .newsL .Title{ padding:47px 0;}
.sec5 .newsL .More{ padding:30px 0;}
.sec5 .newsL .ul{width:-webkit-calc(100% + 60px); width:-moz-calc(100 + 60px); width:calc(100% + 60px);}
.sec5 .newsL .ul li{ padding-right:60px;}
.sec5 .newsL .ul li font{ margin-top:-40px; left:100%; margin-left:-60px; }
.sec5 .newsL .slick-dots{ right:41px;}
.sec5 .newsR{ padding-left:60px;}
.sec5 .newsR .ul li a{ padding:10px 15px;}
.sec5 .newsR .ul li:first-child a{ padding:25px 0 0 0;}

}
@media screen and (max-width:767px) {
.sec5 .list li{ width:20%;}
.sec5 .ul li font{ height:auto; width:60px; top:25px; left:0; background:url(../img/main6.png) center repeat rgba(255,255,255,0.8);}
.sec5 .newsL{ width:100%; padding-right:0; border-right:none;}
.sec5 .newsL .Title{ padding:25px 0;}
.sec5 .newsL .More{ padding:25px 0;}
.sec5 .newsL .ul{ width:100%;}
.sec5 .newsL .ul li{ padding-right:0;}
.sec5 .newsL .ul li a{border-right:none;}
.sec5 .newsL .ul li font{ margin-top:0; left:100%;top:0; margin-left:-60px; }
.sec5 .newsL .slick-dots{ right:-12px;}
.sec5 .newsR{ width:100%; padding-left:0;}

}
