.cwhy-main{background-image:url(../../dist/images/banner.png);background-repeat:no-repeat;background-size:100%;background-color:#f3f8ff}@media (max-width:768px){.cwhy-main{background-size:200%}}.cwhy-main .main_banner .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:21px}@media (max-width:450px){.cwhy-main .main_banner .top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.cwhy-main .main_banner .top .left img{max-width:100%}.cwhy-main .main_banner .top .right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:450px){.cwhy-main .main_banner .top .right{margin-top:20px}}.cwhy-main .main_banner .top .right a{display:block;background-color:#fff;padding:3px 11px;margin-left:26px;font-size:12px;font-weight:700;color:#637b9f}.cwhy-main .main_banner .top .right .zzms{background-color:#e09010;color:#fff;margin-left:0}.cwhy-main .banner-title{margin-top:145px;text-align:center}@media (max-width:768px){.cwhy-main .banner-title{margin-top:10%}}.cwhy-main .banner-title img{max-width:100%}.cwhy-main .main_content{background:#fff;border:1px solid #eaebfd;border-radius:5px;-webkit-box-shadow:0 0 15px 0 rgba(97,125,191,.08);box-shadow:0 0 15px 0 rgba(97,125,191,.08);padding:54px 50px;margin-top:111px;margin-bottom:82px}@media (max-width:768px){.cwhy-main .main_content{padding:20px}}.cwhy-main .main_content .area1 .area1-title{height:37px;background:#dee8ff;position:relative}@media (max-width:768px){.cwhy-main .main_content .area1 .area1-title{height:auto}}.cwhy-main .main_content .area1 .area1-title .middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 50px;z-index:99}@media (max-width:768px){.cwhy-main .main_content .area1 .area1-title .middle{display:none}}.cwhy-main .main_content .area1 .area1-title .middle::before{content:"";position:absolute;top:28%;left:0;width:100%;border-top:54px solid #3861f4;border-left:15px solid transparent;border-right:15px solid transparent;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cwhy-main .main_content .area1 .area1-title .middle .middle-item{position:relative;top:-8px}.cwhy-main .main_content .area1 .area1-title .middle .middle-item span{font-size:30px;font-weight:800;color:#fff;letter-spacing:.9px}@media (min-width:768px){.cwhy-main .main_content .area1 .area1-title .middle-top{position:absolute;top:-8px;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:17px;background-color:red;padding:0 52px;z-index:0;background-color:#244bd6}}@media (max-width:768px){.cwhy-main .main_content .area1 .area1-title .middle-top{background-color:#244bd6;text-align:center;padding:10px}}.cwhy-main .main_content .area1 .area1-title .middle-top span{font-size:30px;letter-spacing:.9px}@media (max-width:768px){.cwhy-main .main_content .area1 .area1-title .middle-top span{color:#fff}}.cwhy-main .main_content .area1 .area1-list{margin-top:20px}.cwhy-main .main_content .area1 .area1-list ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px}.cwhy-main .main_content .area1 .area1-list ul li{width:-webkit-calc(100% / 4);width:-moz-calc(100% / 4);width:calc(100% / 4);padding:0 20px;margin-top:20px}@media (max-width:992px){.cwhy-main .main_content .area1 .area1-list ul li{width:-webkit-calc(100% / 2);width:-moz-calc(100% / 2);width:calc(100% / 2);margin-bottom:20px}}@media (max-width:500px){.cwhy-main .main_content .area1 .area1-list ul li{width:-webkit-calc(100% / 1);width:-moz-calc(100% / 1);width:calc(100% / 1)}}.cwhy-main .main_content .area1 .area1-list ul li a{display:block}.cwhy-main .main_content .area1 .area1-list ul li a img{width:100%;height:186px;object-fit:cover}@media (max-width:1400px){.cwhy-main .main_content .area1 .area1-list ul li a img{height:110px}}@media (max-width:992px){.cwhy-main .main_content .area1 .area1-list ul li a img{height:186px}}@media (max-width:768px){.cwhy-main .main_content .area1 .area1-list ul li a img{height:auto}}.cwhy-main .main_content .area1 .paging_1{text-align:center;padding-top:15px}.cwhy-main .main_content .area1 .paging_1 .layui-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-limits .ui-select{display:none!important}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-limits select{display:block!important;opacity:1!important}.cwhy-main .main_content .area1 .paging_1 .layui-disabled{display:none}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-curr,.cwhy-main .main_content .area1 .paging_1 a{display:block;margin-right:5px;width:32px;height:30px;line-height:30px;text-align:center;padding:0}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-next,.cwhy-main .main_content .area1 .paging_1 .layui-laypage-prev{width:auto;height:30px;line-height:30px;padding:0 15px}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-limits{height:32px}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip{height:32px;line-height:32px;font-size:0}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip button,.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip input{font-size:12px;height:32px;border:.5px solid #a2a2a2}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip .layui-input:hover{border:.5px solid #a2a2a2!important}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip .layui-input:focus{border-color:#4874f6!important}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip input{width:69px;padding:0;margin:0}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-skip button{color:#707070;background-color:#ebe9e9;margin-left:5px;padding:0 14px}.cwhy-main .main_content .area1 .paging_1 a,.cwhy-main .main_content .area1 .paging_1 select{border:.5px solid #a2a2a2;padding:0}.cwhy-main .main_content .area1 .paging_1 select{height:30px}.cwhy-main .main_content .area1 .paging_1 .layui-laypage a:hover{color:#4874f6}.cwhy-main .main_content .area1 .paging_1 input:focus,.cwhy-main .main_content .area1 .paging_1 select:focus{border-color:#4874f6!important}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-spr{width:30px;height:30px;margin-right:5px;padding:0;border:.5px solid #a2a2a2}.cwhy-main .main_content .area1 .paging_1 .layui-laypage-last{width:50px}.cwhy-main .main_content .area1 .paging_1 .layui-laypage .layui-laypage-count,.cwhy-main .main_content .area1 .paging_1 .layui-laypage .layui-laypage-limits,.cwhy-main .main_content .area1 .paging_1 .layui-laypage .layui-laypage-refresh,.cwhy-main .main_content .area1 .paging_1 .layui-laypage .layui-laypage-skip{margin-left:5px;margin-right:5px}.cwhy-main .main_content .area1 .paging_1 .layui-laypage>:first-child{margin-left:0!important}.cwhy-main .main_content .area1 .paging_1 .layui-laypage>:last-child{margin-left:0!important;margin-right:0!important}.cwhy-main .main_content .area2{margin-top:60px}.cwhy-main .main_content .area2 .smdbk-area{height:101px;background-image:url(../../dist/images/spdbk.png);background-repeat:no-repeat;background-size:100% 100%;position:relative}.cwhy-main .main_content .area2 .smdbk-area a{display:block;width:155px;height:45px;border-radius:23px;background-color:#7099cf;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:45px;position:absolute;left:53%;bottom:20px}@media (max-width:500px){.cwhy-main .main_content .area2 .smdbk-area a{left:50%}}
