@font-face {
	font-family: 'HarmonyOS_Sans_Regular';
	src: url(../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf);
}
@font-face {
	font-family: 'HarmonyOS_Sans_Medium';
	src: url(../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Medium.ttf);
}
..bottom{ background: #fff}
/* index */
.logo_70{ padding: 4% 0; position: absolute; width: 100%; z-index: 101}
.logo_70 img{ max-width: 120px; width:18%}
.index .more{width: 180px; line-height: 60px; background-color: #d7000f!important; color: #fff; font-size: .16rem; display: inline-block; background: url(../images/next-icon.png) no-repeat 83.33% center; padding-left: 3.66%; border-radius: 100px;}
.index .bottom{background-color: #fff;}
@media(max-width: 640px){
    .index .more{width: 120px; line-height:38px;}
}
.index .title{font-size: .3rem;font-family: 'HarmonyOS_Sans_Medium';}
.index .entitle{font-size: .18rem; font-family: 'HarmonyOS_Sans_Regular';}

.index-banner{position: relative;}

.index .slick-dots{ position: absolute; bottom:2%}
.index .slick-prev{left: 20px;}
.index .slick-next{right: 20px;}

.index-banner .wap{display: none;}
@media(max-width: 1024px){
.index-banner .pc{display: none;}
.index-banner .wap{display: block;}
}
@media(max-width: 640px){
.index-banner .slick-dots{bottom: 20px;}
}

.index-part1{background-repeat: no-repeat; background-position: right top; background-size:37.5%}
.index-part1 .left{padding: 7.5% 8.75% 12.5% 0; width: 65%; float: left;}
.index-part1 .info{padding-top: 7.69%;}
.index-part1 .tit-box{width: 24%; display: inline-block; vertical-align: top;}
.index-part1 .box{width: 75%; display: inline-block; font-family: 'HarmonyOS_Sans_Regular'; text-align: justify; line-height: 2.2; font-size: .16rem;}
.index-part1 .txt{padding-bottom: 3%; border-bottom: 1px solid #999;}
.index-part1 .entitle{color: #ccc;}
.index-part1 .right{width: 35%; float: right; padding-top: 15.625%;}
.index-part1 .more{margin-top: 11.49%;}
.index-part1 ul{ width: 80%; margin: auto;  color: #fff;}
.index-part1 li{width: 50%; float: left; padding: 0 8.9%; margin-bottom: 14.28%;}
.index-part1 .count{font-size: .36rem; font-family: 'Oswald'; font-weight: bold; display: inline-block; position: relative; transition: all .3s;}
.index-part1 .count::before{content: '+'; font-size: .18rem; font-weight: bold; position: absolute; right: -15px; top: 0; transition: all .3s;}
.index-part1 li:hover .count{color: #d7000f;}
.index-part1 li:hover .count::before{color: #d7000f;}
.index-part1 .tit{font-size: .16rem; padding-bottom: 8.19%; border-bottom: 1px solid rgba(255, 255, 255, .5);}

@media(max-width: 1400px) {
    .index-part1 .left img{max-width: 350px;}
    .index-part1 li{padding: 0 9%;}
}
@media(max-width: 1024px){
    .index-part1{ background-size:cover; padding-top:4%; background-position: right bottom;}
	.index-part1 .left img{max-width: 250px;}
    .index-part1 .tit-box{display: block; width: 100%;}
    .index-part1 .box{width: 100%; display: block;}
	.index-part1 .left,
	.index-part1 .right{ float: none; width: 100%;}
	.index-part1 .left{ background: #fff; padding: 5%}
	
}
@media(max-width: 768px){
    .index-part1 .txt{padding-top: 8%;}
    .index-part1 .more{margin-top: 8%;}
    .index-part1 li{margin-bottom: 7%;}
    .index-part1 .right{padding: 8% 0;}
    .index-part1 li:last-child{margin-bottom: 0;}
    .index-part1 .left img{width: 60%; max-width: none;}
	.index-part1 ul{ width: 90%}
}
@media(max-width: 480px){
    .index-part1 .txt{line-height: 2;}
}

.index-part2{background-color: #f9f9f9; padding: 4.16% 0 5.52%; overflow: hidden;}
.index-part2 .title{color: #333;}
.index-part2 .entitle{color: #999; padding-bottom: 1.25%;}
.index-part2 .swiper-container{overflow: visible!important; cursor: default!important; padding-bottom: 5%;}
.index-part2 .swiper-pagination{bottom: 0!important;}
.index-part2 .swiper-pagination::before{content: ''; width: 100%; height: 1px; background-color: #ddd; left: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.index-part2 .swiper-pagination-bullet{opacity: 0; height: 3px; background-color: #555; margin: 0!important; display: inline-block!important; border-radius: 0!important; transition: all .3s; transform: translateY(-4px);}
.index-part2 .swiper-pagination-bullet-active{opacity: 1;}
.index-part2 .swiper-button-next,
.index-part2 .swiper-button-prev{bottom: calc(100% + 22px)!important; top: auto!important; width: 55px; height: 55px; transition: all .3s; border-radius: 100px; background: none}
.index-part2 .swiper-button-next{right: 60px!important;/* background: url(../images/next-icon01.png) no-repeat center;*/}
.index-part2 .swiper-button-prev{left: auto!important; right: 120px!important;/* background: url(../images/prev-icon01.png) no-repeat center;*/}
/*.index-part2 .swiper-button-next:hover{background: url(../images/next-icon.png) no-repeat center #d7000f; border-color: #d7000f;}
.index-part2 .swiper-button-prev:hover{background: url(../images/prev-icon.png) no-repeat center #d7000f; border-color: #d7000f;}*/

.index-part2 .swiper-button-prev:before,
.index-part2 .swiper-button-next:before{ content: ''; width: 0; height:0; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; border: solid 10px transparent;}
.index-part2 .swiper-button-prev:before{border-right-color: #000; margin-left:12px;}
.index-part2 .swiper-button-next:before{border-left-color: #000; margin-right:12px;}
.index-part2 .swiper-button-prev:hover,
.index-part2 .swiper-button-next:hover{background-color: rgba(0,0,0,0.2)}
.index-part2 .swiper-button-prev:hover:before{border-right-color: #fff;}
.index-part2 .swiper-button-next:hover:before{border-left-color: #fff;}

.index-part2 ul{margin: 0 -10px!important;}
.index-part2 li{width: 100%; max-width: 500px; padding: 0 10px;}
.index-part2 .pic{padding-top: 130%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; transition: all .3s;
    filter: contrast(80%) brightness(130%) grayscale(100%);;
}
.index-part2 .swiper-slide-active .pic,
.index-part2 li:hover .pic{filter: none}
.index-part2 .content{position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 12%; color: #fff; font-size: .24rem;}
.index-part2 .content .entit{white-space: nowrap; letter-spacing: -1px;}
.index-part2 .content .more{opacity: 0; transition: all .3s; position: absolute; bottom: 12%; left: 12%;}
.index-part2 .swiper-slide-active .more,
.index-part2 li:hover .more{opacity: 1;}
@media(max-width: 960px){
    .index-part2 li{max-width: 400px;}
    .index-part2 .content{padding: 8%;}
    .index-part2 .content .more{bottom: 8%; left: 8%;}
    .index-part2 .swiper-button-next,.index-part2 .swiper-button-prev{width: 40px; height: 40px; bottom: calc(100% + 10px)!important;}
    .index-part2 .swiper-button-prev{right: 50px!important;}
    .index-part2 .swiper-button-next{right: 0!important;}
}
@media(max-width: 640px){
    .index-part2{padding-top: 8%;}
    .index-part2 li{max-width: 300px;}
    .index-part2 .swiper-container{padding-bottom: 8%;}
}

.index-part3{position: relative; font-family: 'HarmonyOS_Sans_Regular';}
.index-part3 .tit-box{position: absolute; top: 96px; left: 0; color: #fff; z-index: 10; width: 100%;}
.index-part3 .entitle{color: rgba(255, 255, 255, .5);}
.index-part3 li{position: relative;}
.index-part3 li img{width: 100%}
.index-part3 .content{position: absolute; width: 100%; bottom: 120px; left: 0; color: #fff;}
.index-part3 .tit{font-size: .24rem; padding-top: 2%; position: relative;}
.index-part3 .tit::before{content: ''; position: absolute; top: 0; left: 0; width: 360px; height: 1px; background-color: #fff;}
.index-part3 .txt{font-size: .16rem; padding: 2% 0 3%; line-height: 2; font-family: 'HarmonyOS_Sans_Light';}
.index-part3 .wap{display: none;}
@media(max-width: 1200px){
    .index-part3 .tit-box{top: 6%;}
    .index-part3 .content{bottom: 17%;}
    .index-part3 .slick-prev{bottom: 2%; top: auto; left: .3rem;}
    .index-part3 .slick-next{bottom: 2%; top: auto; left: calc(.3rem + 60px); right: auto;}
}
@media(max-width: 1024px){
    .index-part3 .tit::before{width: 300px;}
    .index-part3 .wap{display: block; width: 100%;}
    .index-part3 .pc{display: none;}
}

.index-part4{background-color: #f8f8f8; padding: 5.2% 0 6.45%;}
.index-part4 .tit-box{padding-bottom: 0.75%; margin-bottom: 1.75%; position: relative;}
.index-part4 .entitle{color: #999;}
.index-part4 .tit-box .more1{position: absolute; top: 0; bottom: 0; right: 0;padding-right:40px; margin: auto; height: 30px; line-height:30px; color: #333; font-size: .16rem; font-family: 'HarmonyOS_Sans_Light';  transition: all .3s;}
.index-part4 .tit-box .more1:after{content: ''; position: absolute; right: 0; width:30px; height:30px;background: url(../images/next-icon01.png) no-repeat center center;border-radius: 100px;border: 1px solid #999;}
.index-part4 .tit-box .more1:hover{color: #d7000f; }
.index-part4 .tit-box .more1:hover:after{border-color:#d7000f; background-color: #d7000f; background-image: url(../images/next-icon.png);}

.index-part4 .left{float: left; width: 50%;}
.index-part4 .pic a{ display: block; width: 100%; padding-top: 66.75%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.index-part4 .content{width: 90%; float: right; background-color: #fff; padding: 8.25% 16.25% 5.75% 6.25%; margin-top: -11.875%; position: relative;}
.index-part4 .slick-dots li button{background-color: #999;}
.index-part4 .slick-dots li.slick-active button{background-color: #d7000f}
.index-part4 .slick-dots{width: 84.5%; text-align: left; left: auto; right: 0; bottom: 26%;}
.index-part4 .tit{font-size: .18rem; color: #333; padding: 0 8.14% 1% 0; font-family: 'HarmonyOS_Sans_Regular';}
.index-part4 .txt{font-size: .16rem; color: #999; font-family: 'HarmonyOS_Sans_Light'; line-height: 1.8; padding-right: 8.14%;}
.index-part4 .date{position: absolute; width: 16.25%; right: 0; top: 50%; transform: translateY(-50%); text-align: center; border-left: 1px solid #eee;}
.index-part4 .day{font-size: .48rem; font-family: 'HarmonyOS_Sans_Regular'; color: #333;}
.index-part4 .ym{font-size: .16rem; color: #999;}
.index-part4 .right{width: 50%; float: left; padding-left: 1.25%;}
.index-part4 .right li{background-color: #fff; margin-bottom: 2.56%;}
.index-part4 .right li a{display: block; padding: 8.333% 25% 8.97% 6.41%; position: relative;}
.index-part4 .tit1{font-size: .18rem; font-family: 'HarmonyOS_Sans_Regular'; color: #333; padding-bottom: 2%;}
.index-part4 .txt1{font-size: .16rem; color: #999; font-family: 'HarmonyOS_Sans_Light'; line-height: 1.8;}
.index-part4 li a:hover .tit1,
.index-part4 li a:hover .day,
.index-part4 .content:hover .day{ color: #d7000f}
@media(max-width: 1024px){
    .index-part4 .left,
    .index-part4 .right{width: 100%; float: none;}
    .index-part4 .left{margin-bottom: 2.56%;}
}

@media(max-width: 640px){
    .index-part4 .content{width: 100%; float: none; margin-top: 0;}
    .index-part4 .slick-dots{width: 95%; bottom: 23%;}
}
@media(max-width: 480px){
    .index-part4 .slick-dots{bottom: 26%;}
}