@charset "UTF-8";
body{min-width: 1350px;}
.w1300{width: 1300px;height: auto; margin: 0 auto;}
.zt-top{width: 100%; height: auto; background:#F7F7F7 url(2024-cwhy-bg-red.png) no-repeat center top;}
.zt-logo{width: 372px; height: 70px; float: left;margin-top: 25px;}
.zt-wza{float: right; text-align: right; color: #fff;margin-top: 25px;}
.zt-wza a{color: #fff; padding: 0 4px;}
.zt-title{width: 914px; height: 107px; float: left; margin: 40px 193px 20px 193px;}

.cwhy-time{width: 100%; height: 50px; float: left; line-height: 50px; text-align: center; color: #fff; font-size: 32px; background: url(2024-cwhy_time_bg.png) no-repeat center;}
.cwhy-con{margin-top: 30px; float: left; margin-bottom: 30px;}
.cwhy-con-l{float: left;width: 840px; height: 416px; background: url(2024-cwhy-con_bg.png) no-repeat center top;background-size: 100% 100%;}
.cwhy-con-l-tit{width: 520px; height: 60px; line-height: 60px; float: left;background: #D03023;border-radius: 8px; margin-left: 160px; margin-top: 35px; font-size: 20px; font-weight: bold;text-align: center;}
.cwhy-con-l-tit a{color: #fff;}
.cwhy-con-l-text{float: left; margin-top: 20px;text-indent: 2em;line-height: 40px; padding: 0 30px; font-size: 18px;display: block;}
.cwhy-con-l-text a{color: #B33A41;}

.cwhy-con-r{width: 430px; height: 416px; float: left; margin-left: 30px; padding: 0 28px; background: url(2024-cwhy-rl-bg.png) center top;background-size: 100% 100%;}
.cwhy-con-r-tit{width: 200px; height: 60px; line-height: 60px; float: left; margin-top: 35px; margin-left: 87px;background: #D03023;border-radius: 8px;text-align: center;font-weight: bold;font-size: 20px;color: #fff;}
.cwhy-con-r-rl{width: 100%;height: 300px; margin-top: 15px; float: left;}
.sc-calendar{width: 100%;height: 280px!important;text-align: center;font-family: "Microsoft Yahei";color: #4A4A4A;box-shadow: 2px 4px 5px #bdbdbd;border-width: 1px 0 0 1px;border-color: #E6E4E0;border-style: solid;float: left;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;font-size: 16px;}
.sc-item{height: 40px!important;}
.item-nolunar{padding-top: 10px!important;}
.sc-body{height: 87%!important;}



.p1{margin-top: 30px;}
.p1-tit{border-left: 4px solid #D03023;box-sizing: border-box; padding-left: 20px;height: 24px;line-height: 24px;font-size: 24px;font-weight: bold;}
.p1-box{width: 100%; margin-top: 20px; height: 450px; float: left;/* background: url(2024-cwhy-hyjd-bg.png) center top; background-size: 100% 100%; */padding: 35px 30px;}
.p1-box .hd{float: left;}
.zcgkj-tit{width: 490px;height: 100%;margin-left: 20px;}
.zcgkj-tit li{width: 100%;height: 60px;line-height: 60px;float: left;font-size: 18px;position: relative;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); margin-bottom: 17px;}
.zcgkj-tit li a{color: #333;display: block;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zcgkj-tit li.on{background: #D03023;}
.zcgkj-tit li.on a{color: #fff;}
.zcgkj-tit li.on:before{position: absolute;content: "";border-left: 15px solid #B33A41;border-top: 10px solid transparent;border-bottom: 10px solid transparent;right: -10px;top: 20px;}
.p1-box .bd{float: right;}
.zcgkj-con-img{width: 650px;height: 370px;float: left;}
.zcgkj-con-img a{display: block;width: 100%;height: 100%;}
.zcgkj-con-img img{width: 100%;height: 100%;}

.p4{width: 100%;height: auto;margin-top: 30px;}
.p4-ztzl-con{width: 1300px; height: 180px; float: left; margin-top: 30px; margin-bottom: 30px; position: relative; overflow: hidden;}
.p4-ztzl-con .swiper-slide{width: 310px; height: 180px; float: left; margin-right: 13px;border: solid 1px #e5e5e5;line-height: 53px;}
.p4-ztzl-con .swiper-slide img{width: 100%; height: 180px;}
.p4-ztzl-con .swiper-slide p{position: absolute;width: 40px;height: 40px; background: url(zcjd-sp-ico.png) no-repeat;top: 70px;left: 130px;z-index: 10; background-size: 100%;}
.p4-ztzl-con .swiper-container{display: flex;}
.p4-ztzl-con .swiper-button-next, .p4-ztzl-con .swiper-button-prev{top: 50%!important;background-color: rgba(255,255,255,0.7);background-size: 50%;}
.p4-ztzl-con .swiper-button-next:after, .p4-ztzl-con .swiper-button-prev:after{font-size: 20px!important;}


.p5{width: 100%; height: auto; margin-top: 30px;}
.p5 ul li{width: 640px; height: 120px; float: left; margin-left: 20px;overflow: hidden;}
.p5 ul li:nth-child(1){margin-left: 0;}
.p5 ul li img{width: 100%; height: 100%;}




.zt-foot{width: 100%; height: 200px; background: #D03023;margin-top: 50px;}
.zt-foot-l{width: 700px; height: 130px; float: left; margin-top: 38px; line-height: 40px; color: #fff;}
.zt-foot-l a{color: #fff; margin-right: 10px;}
.zt-foot-r{width: 500px;height: 62px;float: left;margin-top: 78px;}
.zt-foot-r span{margin-right: 15px;}
.zt-foot-r span img{height: 55px;}


@media screen and (max-width: 768px){
body{min-width: 100%;}
.zt-top{background-size: 250%;}
.w1300{width: 100%;}
.zt-logo{width: 60vw;height: auto;margin-top: 8vw;}
.zt-logo img{width: 100%;}
.zt-wza{margin-top: -16vw;width: 60vw;font-size: 3vw;}
.zt-title{width: 80vw;height: auto;margin: 4vw 10vw 2vw;}
.zt-title img{width: 100%; height: auto;}
.cwhy-time{height: 10vw;line-height: 10vw;font-size: 5vw;background-size: 150%;}
.cwhy-con{margin-top: 3vw;margin-bottom: 3vw;width: 100%;}
.cwhy-con-l{width: 100%;height: auto;}
.cwhy-con-l-tit{width: 80%;height: 10vw;line-height: 10vw;margin-left: 10%;margin-top: 9vw;font-size: 4vw;}
.cwhy-con-l-text{margin-top: 0vw;line-height: 8vw;padding: 4vw;font-size: 4vw;}
.cwhy-con-r{width: 100%; height: auto; padding: 0;margin-left: 0;}
.cwhy-con-r-tit{width: 60%;height: 10vw; line-height: 10vw;margin-top: 9vw;font-size: 4vw;margin-left: 20%;}
.cwhy-con-r-rl{height: 70vw;margin-top: 2vw;}
.sc-calendar{width: 96%!important;margin-left: 1%;height: 60vw !important;font-size: 3vw!important;}
.sc-actions{width: 32%!important;}
.p1{margin-top: 3vw;}
.p1-tit{font-size: 5vw;}
.p1-box{margin-top: 3vw;height: auto;padding: 0;}
.zcgkj-tit{width: 96%;margin-left: 2%;}
.zcgkj-tit li{height: 10vw;line-height: 10vw;font-size: 4vw;margin-bottom: 2vw;}
.zcgkj-tit li.on:before{    top: 2.5vw;}
.zcgkj-con-img{width: 100%;height: 60vw;}
.p1-box .bd{float: unset;}

.p4{margin-top: 3vw;}
.p4-ztzl-con{width: 100%;height: 28vw;margin-top: 3vw;margin-bottom: 3vw;}
.p4-ztzl-con .swiper-slide{height: auto; margin-right: 0;line-height: 8vw;}
.p4-ztzl-con .swiper-slide img{height: 28vw;}
.p4-ztzl-con .swiper-slide p{width: 8vw;height: 8vw;top: 10vw;left: 45%;}
.p4-ztzl-con .swiper-slide p br{display: none;}

.p5{margin-top: 3vw;}
.p5 ul li{width: 98%; height: 20vw; margin: 1vw 1%!important;}


}