@import url("global.css");

html{font-size: 18px;overflow-x: hidden;}

.banner{width:100%;background: #c00 url(../images/bannerbg2.jpg) no-repeat top center; background-size: cover;}
.banner_con{max-width:1240px;height:600px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding:40px 0 0 15px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h2{position:relative;margin-top: 50px;z-index: 10;}

.section{padding-top: 25px;}
.section .wal{width:100%;max-width:1240px;margin:0 auto;}
.section h2{margin-bottom: 35px; text-align: center;}

.section01{padding-top: 35px;}
.pic_news{width:50%;}
.slideBox{ width:100%; height:430px; overflow:hidden; position:relative;}
.slideBox .swiper-pagination{right: 10px;bottom:15px;width:auto;text-align: right;}
.slideBox .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;width:12px;height: 12px;}
.slideBox .swiper-pagination .swiper-pagination-bullet-active{ background: #f00;}

.slideBox .swiper-button-prev,.slideBox .swiper-button-next{ position: absolute;top:50%;transform: translateY(-50%); display:block;  width:40px; height:88px;cursor:pointer; z-index: 3;} 
.slideBox .swiper-button-prev{left:0;background:url("../images/prev_btn.png") no-repeat;background-size: cover;}
.slideBox .swiper-button-next{right: 0; background:url("../images/next_btn.png") no-repeat;background-size: cover;} 

.slideBox .swiper-slide{position:relative;flex-wrap: wrap;overflow: hidden;}
.slideBox .swiper-slide img{ width:100%; height:100%; position: relative; z-index: 0;transition: all ease-in 0.4s;object-fit: cover;}
.slideBox .swiper-slide .news_info{padding:10px;box-sizing: border-box;background:rgba(0,0,0,0.6); width:100%;position: absolute;bottom:0;z-index:2;padding-left: 15px;}
.slideBox .swiper-slide  .news_info a{display:block;width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: normal; font-size: 1rem;line-height: 2;color: #fff;}

.news{width:47.5%;  text-align: left; padding:0px;}
.news li{display: flex;justify-content: space-between;padding:17px 0 17px 24px;background:url(../images/icon.png) left center no-repeat; border-bottom: 1px dotted #999; overflow: hidden;transition: all ease-in 0.3s;font-size: 1rem;color: #555;}
.news li a{margin-right:1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .date{color: #666; font-size: 0.9rem;white-space: nowrap;}


.section02_box{padding:60px 0;background: #c00 url(../images/bg_seciton02.jpg) no-repeat top center;background-size: 100% 100%;}
.yicheng{display: flex;justify-content: space-between;flex-wrap: wrap;}
.yicheng dl{width: 48.5%;background-color: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 10px rgba(211,17,35,0.6);}
.yicheng dt{padding:20px 0;background-color: #c00;display: flex;flex-direction: column;justify-content: center;color: #fff;align-items: center;text-align: center;}
.yicheng dt h5{font-size: 1.3rem;color: #ffe5a9;font-weight: bold;}
.yicheng dt em{margin-top:10px;font-size: 1.1rem;padding-left:30px;background: url(../images/time2.png) no-repeat left center;background-size: auto 90%;}
.yicheng dt i{display:inline-block;width:20px;height:20px}
.yicheng dd{margin: 20px 20px 30px 30px;padding-right:10px;height: 400px;overflow-y: auto;}
.yicheng dd p{margin-bottom: 10px;line-height: 1.5;}

.seciton_kv p{margin-top:10px;border-radius: 20px;overflow: hidden;}
.kv_banner{border-radius: 20px;width:100%;}
@keyframes myScale {
	0%{
	    transform: scale(1);
	}
	50%{
	    transform: scale(1.03);
	}
	100%{
	    transform: scale(1);
	}
}
.kv_banner:hover{animation: myScale 1s linear infinite;}

.list_zc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list_zc ul li{box-sizing:border-box;padding:1em;width:32%;margin-bottom: 2%;border: 1px solid #e3e3e3;background-color: #f5f5f5;border-radius: 6px;overflow: hidden;}
.list_zc.col_ab ul li{display: flex;align-items: center;}
.list_zc ul li a{display: block; line-height: 1.6;}
.list_zc li .date{margin-right:15px;border-radius: 10px;width: 70px;height: 70px;flex-shrink:0;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #e16257;color:#fff;line-height: 1;}
.list_zc li .date em{margin-bottom:3px;font-size: 0.9rem;}
.list_zc li .date span{font-size: 1.2rem;}


.section04{padding-bottom: 50px;}
.effect{position: relative;z-index: 1;}
.leftLoop01{padding-bottom: 30px;} 
.effect .swiper-button-prev{transform: translate(-200%,-50%);}
.effect .swiper-button-next{transform: translate(200%,-50%);}
.swiper-button-next.swiper-button-red{background:url(../images/next_red.png) no-repeat;background-size:100% 100%}
.swiper-button-prev.swiper-button-red{background:url(../images/prev_red.png) no-repeat;background-size:100% 100%}

.leftLoop01 .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center;}
.leftLoop01 .swiper-pagination span{margin:0 6px;display: inline-block;width: 30px;height: 8px;font-size: 0;background-color: rgba(0, 0, 0, 0.5);border-radius: 8px;transition: all ease 0.3s;cursor: pointer;opacity: 0.8;}
.leftLoop01 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #c00;width:60px;opacity: 1;}
.leftLoop01 .slide_img li dl{padding:12px;border-radius: 15px;background-color: #fff}
.leftLoop01 .slide_img li dt{width:100%;height:260px;border-radius: 10px 10px 0 0;overflow: hidden;}
.leftLoop01 .slide_img li dt img,.leftLoop01 .slide_img li dt video{width:100%; height:100%;border-radius: 10px 10px 0 0;transition: all ease-in 0.3s;object-fit: cover;}
.leftLoop01 .slide_img li dt:hover img{transform: scale(1.05);}
.leftLoop01 .slide_img li dd {padding:0.5em;background:#f5f5f5;text-align: center;font-size:1.2rem;}
.leftLoop01 .slide_img li:hover dd{color: #333;}

.foot{padding:50px 0 !important;background-color: #c00 !important;color: #fff;}
.footer a:link,.footer a:visited{color:#fff}
.footer .w1200{width:1200px;margin:0 auto}
.foot_nav {padding-bottom: 20px;}
.footer .zf01{top:70px}
.footer .zf02 a{margin-right:15px}

@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px;}
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px;}
}
@media (min-width:1980px){
	.section .wal,.banner_con{max-width:1680px;}
}
@media (min-width:1800px){
	.banner{background-size:contain;}
}
@media (max-width:1400px){
  .effect .swiper-button-white{display: none;}
}


@media (max-width:1080px){
html{font-size: 18px;}
.banner{height: 50vw; background-size: cover;}
.banner_con{width:100%;height: 100%;}
.banner_con .logo{padding:30px 0 0 15px;}
.banner_con h2{width:100%;text-align: center;}
.banner_con h2 img{width:60%}
.section{padding: 0;}
.section h2{margin-bottom: 20px;}
.section h2 img{max-width:120%;transform: translateX(-6%);}
.section .wal{width:96%; margin:2%}

.section01{padding-top: 15px;}
.pic_news,.news{width:100%}
.news li{display: flex;justify-content: space-between;background-position: left 20px;}
.news .date{font-size: 1rem;}

.slideBox,
.slideBox .bd ul li,
.slideBox .bd ul li img{width:100%;height:60vw}
.slideBox .bd ul li{position:relative}

.leftLoop01{margin-top:20px;height:auto}
.list_zc{padding: 1rem;}
.list_zc ul li{width:49%}

.seciton_kv{padding:0}
.seciton_kv .kv_banner{margin-top: 0;}
.footer .w1200{width:100%}
}

@media (max-width:640px){
html{font-size: 16px;}
.banner{height: 60vw;}
.banner_con .logo{padding:20px 0 0 15px;}
.banner_con .logo img {width: 80%;}
.banner_con h2 img{width:80%}
.section h2{font-size: 1.6rem;}
.section h2 img{max-width: 200%;transform: translateX(-25%);}
.slideBox .swiper-slide  .news_info a{width:75%}
.slideBox .swiper-button-prev,.slideBox .swiper-button-next{display: none;}
.section02_box{padding: 20px 0;}
.yicheng dl{width:100%}
.yicheng dl:first-child{margin-bottom: 15px;}
.yicheng dd{height: auto;margin-right: 0;}
.news li a{white-space: normal;}
.list_zc{padding: 0.5em;}
.list_zc ul li,.list_zc.col_ab ul li,.list_tj ul li{width:100%}
.seciton_kv p{margin:20px 5px 10px;border-radius: 10px;overflow: hidden;}
.kv_banner{width:150%;transform: translateX(-17%);}
.section04{padding-bottom: 30px;}
}