@charset "UTF-8";
body{min-width: 1350px;background: url(2024-wzs-cwhy-bg.jpg) no-repeat center top;}
.w1300{width: 1300px;height: auto; margin: 0 auto;}
.cwhy-top{width: 100%; height: 435px; }
.cwhy-logo{width: 287px; height: 72px; float: left;margin-top: 25px;}
.cwhy-wza{text-align: right; color: #fff;margin-top: 25px;}
.cwhy-wza a{color: #fff; padding: 0 4px;}
.cwhy-title{width: 925px; height: 150px; float: left; margin: 70px 174px;}
.cwhy-con{width: 100%;overflow: hidden;background: #fff;height: 480px;padding-bottom: 30px; background: url(../images/20224-importx.png) no-repeat center;background-size: 100% 100%;}
.cwhy-con-tit{width: 700px;margin: 80px auto 20px;display: block;background: #48a7f3;color: #fff;font-weight: bold;font-size: 30px;line-height: 56px;text-align: center;height: 56px;}
.cwhy-con-tit a{color: #fff;}
.cwhy-con-time{text-align: center;color: #fff;font-size: 20px;}
.cwhy-con-box{width: 1000px;height: 220px;background: #D2E6FA;border-radius: 15px;padding: 25px;margin: 30px auto 0;}
.cwhy-con-box-t{line-height: 32px;text-align: justify;font-size: 18px;}
.cwhy-con-box-more{width: 800px;margin: 0 auto;}
.cwhy-con-box-more .btn{display: inline-block;border-radius: 20px;line-height: 40px;width: 196px;text-align: center; margin: 30px 100px 16px;color: #2F6EA2; border: 1px solid #2F6EA2;}
.cwhy-con-box-more .btn:hover{text-decoration: none;background: #2F6EA2;color: #ffffff;}
.cwhy-hyhg{width: 100%;margin: 0 auto;}
.cwhy-hyhg-tit{margin-top: 30px;width: 98%;height: 142px;text-align: center;background: url(../images/2024-cwhyTitle_bg.png) no-repeat center;background-size: 100%;margin-left: 1%; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.cwhy-hyhg-tit a{display: block;font-size: 24px;color: #fff;font-weight: bold;background: #48A7F3;border-radius: 30px;padding: 13px 78px;    margin-top: 35px;width: 660px;float: left;margin-left: 307px;}
.cwhy-hyhg-con{width: 98%;margin-left: 1%;background-color: #F2F7FF;padding-bottom: 10px;min-height: 100px;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.cwhy-hyhg-con ul{margin-top: 20px;}
.cwhy-hyhg-con ul li{width: 350px;height: 80px;float: left;border: #2F6EA2 solid 1px;background: #fff;margin: 10px 37px;}
.cwhy-hyhg-con ul li a{display: block; font-size: 18px; text-align: center; line-height: 80px;}
.cwhy-hyhg-con ul li a:hover{color: #2F6EA2;}
.cwhy-hyhg-con .more{margin-top: 20px;margin-bottom: 20px;float: right;}
.cwhy-hyhg-con .more a{margin-right: 40px;}




@media screen and (max-width: 768px){
body{min-width: 100%;background-size: 200%;}
.w1300{width: 100%;}
.cwhy-logo{width: 60vw;height: auto;margin-top: 3vw;}
.cwhy-logo img{width: 100%;}
.cwhy-wza{display: none;}
.cwhy-title{width: 80vw;height: auto; margin: 3vw 10vw 3vw;}
.cwhy-title img{width: 100%;height: auto;}
.cwhy-top{height: 45vw;}
.cwhy-con{padding-bottom: 3vw;height: 115vw;}
.cwhy-con-tit{width: 80vw;margin: 7vw auto 3vw;font-size: 4vw;line-height: 10vw;height: 10vw;}
.cwhy-con-time{font-size: 4vw;}
.cwhy-con-box{width: 94%;height: 78vw;border-radius: 2vw;    padding: 4vw;    margin: 3vw auto 0;}
.cwhy-con-box-t{line-height: 8vw;font-size: 3.5vw;}
.cwhy-con-box-more{width: 100%;}
.cwhy-con-box-more .btn{border-radius: 4vw;line-height: 8vw;width: 25%;margin: 3vw 12%;font-size: 3vw;}
.cwhy-hyhg-tit{margin-top: 3vw;height: 15vw;background-size: 100% 100%;}
.cwhy-hyhg-tit a{color: #48A7F3;font-size: 5vw;background: none;padding: 0;margin: 0;width: 100%;line-height: 12vw;}
.cwhy-hyhg-con ul li {width: 98%;height: 10vw;line-height: 10vw;margin: 2vw 1%;}
.cwhy-hyhg-con ul li a{font-size: 4vw;line-height: 10vw;}






}