@charset "UTF-8";

@media screen and (max-width:1850px){
    .model{
        margin:0 5%;
    }
}
@media screen and (max-width:1800px){
    .xin .left img,
    .xin .right img{
        width: 40%;
    }
    .xin .p{
        height: 186px;
    }
    .story .p{
        height: 171px;
    }
    .xin .last img{
        width: 32%;
    }
    .story-rel+p{
        padding-left:1vw;
    }
    .xin .left img.story-rel{
        width: 32%;
    }
}
@media screen and (max-width:1650px){
    .title-pic{
        margin:30px auto;
    }
    .store .store-pic{
        width: 100%;
    }
    .profits-item h1{
        font-size: 30px;
        right: 5%
    }
    .profits-item li{
        font-size: 1.7vw;
    }
    .profits-item li span{
        width: 165px;
    }
    .process{
        padding:0 6%;
    }
    .model li h6{
        font-size: 1.9vw;
    }
    .model li h6+div{
        font-size: 1.2vw;
    }
    .model .item .flag{
        width:35%;
    }
    .guide-box h1{
        font-size: 2.6vw;
        margin-bottom: 2vw;
    }
    .guide-box h1~p{
        font-size: 1.2vw;
    }
    .agent-item.left,.agent-item.right{
        background-size: 34%;
    }
}

@media screen and (max-width:1550px){
    .flow,.store{
        padding :0 3vw;
    }
    .process li .detail{
        width: 50%;
        height: 90px;
    }
    .process li .topic h1,
    .process li .topic p{
        font-size: 2.9vw;
        white-space: nowrap;
    }
    .process li .detail p{
        font-size: 1.1vw;
    }
    .guide-item{
        padding: 0 5%;
    }
    .guide .title{
        margin:30px auto;
    }
    .describe{
        padding-left: 3.7vw;
    }
    .agent-item.bottom img{
        top:-29px;
    }
}
@media screen and (max-width:1500px){
    .con.brand img{
        width:95%;
    }
    #body .table h1{
        font-size: 40px;
    }
    #body .table div{
        font-size: 20px;
    }
    #body .table p{
        padding-bottom: 25px;
        font-size: 18px;
    }#body .table p:first-child{
         padding-top: 25px;
     }
    #map form{
        right: 80px;
        padding:28px;
    }
    .advantage {
        font-size: 19px;
        padding:0 50px 34px;
    }
    .advantage img{
        width: 100%
    }
    .advantage .item-sub-t,
    .advantage .item-t{
        width: auto;
    }
    .advantage .pics2{
        padding: 20px;
    }
    .advantage .pics2 li img{
        width: 80%;
    }
    .advantage .pics1 img{
        /* width:auto; */
        /* height: 150px; */
    }
    .call .bottom .con{
        width: 90%;
    }
    .call .bot-left p{
        font-size: 25px;
    }
    .call .bot-right ul li{
        font-size: 18px;
    }
    .dynamic ul img{
        width:150px;
        height: 150px;
        margin-right:40px;
    }
    .dynamic ul div{
        width: calc(100% - 190px);
    }
    .dynamic ul li{
        padding:35px 16px;
    }
    .dynamic ul h1{
        padding-bottom:16px;
    }
    .dynamic ul p{
        margin-top:8px;
        margin-bottom:12px;
    }
    .dynamic ul b{
        font-size: 22px;
    }
    .vi div{
        background-size: 40%;
    }
    .profits-item li span{
        width: 145px;
    }
    .sup-item2 h1{
        border-radius: 14px;
    }
}
@media screen and (max-width:1450px){
    .agent-item.right{
        padding-right: 10%;
    }
}
@media screen and (max-width:1400px){
    .model li.category pre{
        padding:0 5px;
    }
    .agent-item.top>img{
        width: 90%;
    }
    .agent-item{
        padding-bottom:55px;
        padding-top: 30px;
    }
    .agent-item.right{
        padding-bottom:0;
        margin-bottom:55px
    }
    .agent-item h1{
        font-size: 35px;
    }
    .agent-item .b-con{
        padding:50px 30px;
    }
}
@media screen and (max-width:1350px){
    .intro-title .title{
        width: 114px;
        font-size: 18px;
    }
    .vi{
        margin-top: 90px;
    }
    .flow,.store{
        padding: 0 2vw;
    }
    .flow .title{
        width: 90%
    }
    .flow .item img{
        width: 80%;
    }
    .flow .item div,
    .store .item div{
        font-size: 18px;
    }
    .profits-item li img{
        width:45px;
    }
    .profits-item li p{
        padding-left: 11px;
    }
    .guide .item-t{
        max-height: 60px;
        /* width: auto; */
        max-width: 100%;
    }
    .guide-item>p{
        font-size: 20px;
    }
    .xin .p {
        height: 130px;
        padding: 0 10px;
    }
    .xin .left img, .xin .right img{
        width: 37%;
    }
    .xin>div{
        padding: 50px 0;
    }
}
@media screen and (max-width:1250px){
    #map form {
        right: 50px;
    }
    #map form *{
        width: 290px;
        height: auto;
        font-size: 33px;
    }
    #map form h1{
        margin-bottom: 24px;
        font-size: 65px;
    }
    #map form .pho{
        margin:18px 0;
    }
    #code .code-right{
        width:150px;
        height: 150px;
    }
    #code .code-left p{
        font-size: 18px;
    }
    #code .code-left img{
        max-height: 80px;
    }

    .call .bot-left p{
        font-size: 22px;
        padding: 10px 11px;
    }
    .call .bot-right ul li{
        font-size: 16px;
    }

    .vi div{
        padding-top: 61px;
        padding-bottom: 51px;
    }
    .profits-item li span{
        width: 104px;
    }
    .agent-item .b-con h1.two{
        margin-top:25px;
    }
}
@media screen and (max-width:1200px){
    #tel p{
        font-size: 33px;
    }
    #nav .nav li{
        width: 110px;
        height: 110px;
        font-size: 33px;
    }
    .advantage{
        padding: 0px 1.9vw 34px;
        font-size: 18px;
    }
    .store .item div,
    .flow .item div{
        font-size: 16px;
    }
}
@media screen and (max-width:1100px){
    #body .table h1 {
        font-size: 36px;
    }

    .model li h6{
        font-size:19px;
    }
    .model li h6+div{
        font-size: 13px;
    }
    .intro.container{
        padding:36px 1.2%;
    }
    .intro .xin{
        padding: 0 10px;
    }
    .xin .left img{
        right:-20px;
    }
}
@media screen and (max-width:1025px){
    .profits-item li{
        font-size: 19px;
    }
    .process li .detail p{
        font-size: 12px;
    }
    .process li .topic h1,
    .process li .topic p{
        font-size: 30px
    }
    .guide-box .pad{
        padding:10px !important;
    }
    .guide-box h1{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .guide-box h1~p{
        font-size: 13px;
    }
    .support h1{
        font-size:30px;
    }
    .sup-item2 li{
        font-size:25px;
    }
    .sup-item1 p, .sup-item2 p{
        font-size:13px;
    }
    .story .last{
        height: 150px;
    }
    .describe{
        font-size: 13px;
        padding-left: 38px
    }
    .agent-item p{
        font-size: 13px;
    }
    .agent-item b{
        font-size: 20px;
    }
}