.headline_menu a{text-decoration: none;}
.headline_menu a:hover{text-decoration: none;color: #e62129;}
.bottomline .menu a{text-decoration: none;color: #333;}
.mobile_content{display: none;}
.mobile_banner_content{display: none;}

.bk{position: fixed;top: 0%;left: 0;width: 100vw;height: 100vh;background-color:rgba(0, 0, 0, 0.2);display: none;}







body,html{margin:0!important;width:100%;overflow-x: hidden;}
.banner_content{position:relative;font-size:0;width:19.2rem}
.banner_content div{font-size:.44rem;color:#fff;position:absolute;bottom:1.12rem;left:1.88rem;font-weight:100}
.banner_content img{width:100%}
.bigbox{width: 15.44rem;margin: auto;padding: 0.9rem 0;display: flex;flex-wrap: wrap;}
.bigbox .sbox:not(:nth-of-type(3n)){margin-right: 0.37rem;}
.bigbox .sbox{width: 4.9rem;background: #f4f4f4;margin-bottom: 0.65rem;}
.bigbox .sbox .s-top{display: flex;align-items:center}
.bigbox .sbox .s-top .s-left{font-size: 0;width: 1.22rem;
height: 1.22rem;display: flex;align-items: center;justify-content: center;}
.bigbox .sbox .s-top .s-left img{width: 0.49rem;}
.bigbox .sbox .s-top .s-right .title{font-size: 0.18rem ;color: #333;}
.bigbox .sbox .s-top .s-right .desc{font-size: 0.14rem ;color: #999;padding-top: 0.06rem;}
.bigbox .sbox .s-bottom{width: 100%;display: flex;}
.bigbox .sbox .s-bottom .lo{background: #233579;width: 50%;font-size: 0;}
.bigbox .sbox .s-bottom .lo a{display: flex;align-items: center;justify-content: center;cursor: pointer;width: 100%;text-decoration: none;}
.bigbox .sbox .s-bottom .lo >div:nth-child(1){width: 0.2rem;}
.bigbox .sbox .s-bottom .lo div img{width: 100%;}
.bigbox .sbox .s-bottom .lo div:nth-child(2){font-size: 0.14rem;color: #fff;line-height: 0.55rem;padding-left: 0.15rem;}



.bigbox .sbox .s-bottom .dl{background: #25b27e;width: 50%;font-size: 0;}
.bigbox .sbox .s-bottom .dl a{display: flex;align-items: center;justify-content: center;cursor: pointer;width: 100%;text-decoration: none;}
.bigbox .sbox .s-bottom .dl >div:nth-child(1){width: 0.25rem;}
.bigbox .sbox .s-bottom .dl div img{width: 100%;}
.bigbox .sbox .s-bottom .dl div:nth-child(2){font-size: 0.14rem;color: #fff;line-height: 0.55rem;padding-left: 0.15rem;}




.popup input{border: none;}

.popup{width: 4.21rem;
/* height: 2.18rem; */
border: 1px solid #e3e3e3;position: fixed;
/* top: 5rem; */
top:calc((100% - 2.3rem) / 2);
left:0;background: #fff;z-index: 2;right: 0;margin: auto;}
.popup .p-top{background: #f2f6fd;}
.popup .p-top .p-s-top{display: flex;align-items:center;justify-content: space-between;width: 90%;margin: auto;}
.popup .p-top .p-s-top .title{font-size: 0.14rem;color: #666;line-height: 0.47rem;}
.popup .p-top .p-s-top .close{font-size: 0;width: 0.2rem;cursor: pointer;}
.popup .p-top .p-s-top .close img{font-size: 0;width: 100%;}
.popup .p-bottom .p-middle{width:90%;margin: auto;font-size: 0;display: flex;align-items: center;margin-top: 0.25rem;justify-content:space-between}
.popup .p-bottom .p-middle .p-s-left{font-size: 0.16rem;color: #333;}
.popup .p-bottom .p-middle input{width: 3rem;line-height: 0.4rem;background: #eee;border-radius: 5px;font-size: 0.16rem;}
.popup .p-bottom .p-middle input:focus{border: none;outline:none;}
.popup .p-bottom .p-s-bottom{font-size: 0;display: flex;justify-content: space-evenly;width: 60%;margin: 0.4rem auto 0.26rem auto;}
.popup .p-bottom .p-s-bottom input
{font-size: 0.16rem;width: 1rem;line-height: 0.4rem;border-radius: 5px;}
.popup .p-bottom .p-s-bottom input:nth-child(1){color: #fff;background: #3498ff;margin-right: 10px;}

@media screen and (min-width:770px) and (max-width:1250px){
    .popup .p-top .p-s-top .title{font-size: 14px;line-height: 40px;}
    .popup .p-top .p-s-top .close{width: 20px;}
    .popup .p-bottom .p-middle .p-s-left{font-size: 16px;}
    .popup{width: 350px;top: calc((100% - 180px) / 2);}
    .popup .p-bottom .p-middle input{width: 240px;font-size: 16px;line-height:30px;}
    .popup .p-bottom .p-s-bottom input{font-size: 16px;width: 80px;line-height: 30px;}
    .popup .p-bottom .p-s-bottom{margin: 0.45rem auto 0.26rem auto;}
    .popup .p-bottom .p-middle{margin-top: 0.35rem;}
}


@media screen and (max-width:770px){
    .top,.banner_content{display: none;}
    .mobile_content{display: block;}
    .mobile_banner_content{display: block;position: relative;width: 100%;}
    .mobile_banner_content div{position: absolute;bottom: 0.5rem;left: 0.3rem;font-size: 40px;color: white;}
    .mobile_banner_content img{width: 100%;}
    .bigbox{width: 95%;}
    .bigbox .sbox:not(:nth-of-type(3n)){margin-right: 0;}
    /* .popup{top: 35%;} */
    .bigbox .sbox{width: 48%;}
    .bigbox .sbox:nth-of-type(odd){margin-right: 4%;}
    .bigbox .sbox .s-top .s-right .desc{width: 95%;}

}
@media screen and (max-width:760px){
    .bigbox .sbox:nth-of-type(odd){margin-right: 0;}
    .popup{width: 320px;top: calc((100% - 150px) / 2);}
    .popup .p-top .p-s-top .title{font-size: 14px;line-height: 45px;}
    .popup .p-top .p-s-top .close{width: 18px;}
    .popup .p-bottom .p-middle .p-s-left{font-size: 14px;}
    .popup .p-bottom .p-middle input{width: 210px;line-height: 25px;}
    .popup .p-bottom .p-s-bottom input{font-size: 14px;width: 85px;line-height: 30px;}
    .popup .p-bottom .p-s-bottom{padding:0.4rem  auto;}
    .bigbox{width: 100%;justify-content: center;height: max-content;}
    .bigbox .sbox .s-top .s-right .title{font-size: 16px;}
    .bigbox .sbox .s-top .s-right .desc{font-size: 14px;width:100%}
    .bigbox .sbox .s-bottom .dl div:nth-child(2),.bigbox .sbox .s-bottom .lo div:nth-child(2){font-size: 14px;line-height:40px;}
    .bigbox .sbox .s-top .s-left{width: 80px;height: 80px;}
    .bigbox .sbox{width: 90%;}
    .popup .p-bottom .p-middle input{font-size: 14px;}
    
}