/*通用*/
body {
    margin: 0 auto;
}
.ub{display: -webkit-box;display: -webkit-flex;display: flex;}
.ub-hh{flex-wrap: wrap}
.ub-f1{-webkit-box-flex:1;-webkit-flex: 1;flex: 1}
.ub-f2{-webkit-box-flex:2;-webkit-flex: 2;flex: 2}
.ub-f3{-webkit-box-flex:3;-webkit-flex: 3;flex: 3}
.ub-f4{-webkit-box-flex:4;-webkit-flex: 4;flex: 4}
/*水平*/
.ub-h{-webkit-box-orient: horizontal;-webkit-flex-flow: row;flex-flow: row}
/*垂直*/
.ub-v{webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column}
/*水平居中*/
.ub-hc{justify-content: center}
/*垂直居中*/
.ub-vc{align-items: center}

.but{
    border: none;
    color: #fff;
    background: #db011a;
    margin-right: 5px;
    padding:3px 10px;
    border-radius:2px;
    font-size: 15px;
    text-decoration:none;
    cursor:pointer;
}
/*#zxkf{
    position: fixed;right: 5px; bottom:200px;width:80px;height:80px
}
#zxkf>div{
    margin-top: -24px;
    font-size: 12px;
    letter-spacing:2px;
}*/
a{
    text-decoration:none;
    color: #000;
}
.translate,.xiaoshou{
    cursor:pointer;
}
.gywm{
    width: 200px;
    background: red;
    background: url('/static/img/gywm.png');
    background-size: 100% 100%;
    margin: 30px auto;
    text-align: center;
    margin-bottom: 20px;
}
.c7272{
    color: #727272
}

.slxh{
    margin-top: 20px;
    background: url('/static/img/3.png');
    background-size: 100% 100%;
    padding: 40px 0 60px 0;
    color: #fff;
    text-align: center;
}
.slxh1{
    font-size: 20px;
    font-weight: bold;
}

/*手机*/
@media (max-width: 568px) {
    .wi70{
        padding:0 10px;
    }
    .sjyc{
        display: none;
    }
    .top-bj{
        background: url('/static/img/1.png');
        background-size: 100% 100%;
        padding: 10px 0 90px 0;
    }
    .xzapp{
        margin-top:-50px;
    }
    .amg{
        background: #fff;
        padding:5px;
        box-shadow: #eee 0px 4px 5px 0px;
    }
    .lineh{
        font-size: 16px;
       line-height: 30px;
    }
    .amg1 img{
        height:30px;
        margin-right: 3px;
    }
    .fs22{
        font-size: 20px;
    }
    .fs15{
        font-size: 11px;
    }
    .hh{
        flex-wrap: wrap
    }
    .bjek{
       padding:20px 0;border: 1px solid #db011a;background: #db011a;border-radius: 5px;text-align: center;color: #fff;
       width: 45%;
        margin-left:3%;
        margin-top: 10px;
    }
    .bjek>img,.yjjd>img{
        width: 50px;
    }
    .yjjd{
        width: 45%;
        padding:20px 0;border: 1px solid #db011a;border-radius: 5px;text-align: center;
        margin-left:3%;
        margin-top: 10px;
    }
    .xscz{
        flex-wrap: wrap;
    }
    .xscz1{
        -webkit-box-flex:1;-webkit-flex: 1;flex: 1;
        margin: 20px 10px;
        box-shadow: #eee 0px 3px 6px 2px;

    }
    .xscz2{
        background: url('/static/img/4.png');background-size: 100% 100%; text-align: center;color: #fff;padding:15px 5px;
        font-size: 18px;
    }
    .xscz3{
        padding:3px;
        text-align: center;
    }
    .fot{
        padding:20px 0;

    }
    .fot2{
        padding-bottom: 10px;
    }
    .fot3{
        margin-bottom: 5px;
    }
    .fot4{
        padding-bottom: 10px
    }
    .guzhi{
        display: none;
    }
}
/*PC*/
@media (min-width: 569px) {
    .lineh{
        font-size: 18px;
        margin-top: 5px;
    }
    .wi70{
        width: 70%;
        margin: 0 auto;
    }
    .mw900{
        max-width: 900px;
        margin: 0 auto;
    }
    .pcjc{
        display: none;
    }
    .but{
        border: none;
        color: #fff;
        background: #db011a;
        margin-right: 5px;
        padding: 10px 20px;
        border-radius:2px;
        text-decoration:none;
        cursor:pointer;
    }
    .top-bj{
        background: url('/static/img/1.png');
        background-size: 100% 100%;
        padding:40px 0 120px 0;
    }
    .xzapp{
        margin-top:-60px;
    }
    .amg{
        background: #fff;
        padding:10px 20px;
        box-shadow: #eee 0px 4px 5px 0px;
    }
    .amg1 img{
        height:60px;
        margin-right:10px;
    }
    .fs22{
        font-size:22px;
        margin-top: 3px;
    }
    .fs15{
        font-size: 14px;
    }
    .pc-gywm{
        -webkit-box-flex:1;-webkit-flex: 1;flex: 1
    }
    .bjek{
        padding:20px 0;border: 1px solid #db011a;background: #db011a;border-radius: 5px;text-align: center;color: #fff;
        -webkit-box-flex:1;-webkit-flex: 1;flex: 1;
    }
    .yjjd{
        padding:20px 0;border: 1px solid #db011a;border-radius: 5px;text-align: center;
        -webkit-box-flex:1;-webkit-flex: 1;flex: 1;
        margin-left: 20px;
    }
    .mt10{
        margin-top: 15px
    }
    .xscz{
        padding:20px;
    }
    .xscz-cn-top{
        background: url('/static/img/4.png');
        background-size: 100% 100%;
        text-align: center;
        color: #fff;
        padding: 20px;
    }
    .xscz1{
        -webkit-box-flex:1;-webkit-flex: 1;flex: 1;
        box-shadow: #eee 0px 3px 6px 2px;
        margin: 20px;
    }
    .xscz2{
        background: url('/static/img/4.png');background-size: 100% 100%; text-align: center;color: #fff;padding:20px 5px;
    }
    .xscz3{
        padding:10px 20px;
    }
    .fot{
        padding:40px 0 10px 0
    }
    .fot1{
        display: -webkit-box;display: -webkit-flex;display: flex;
    }
    .fot4{
        padding-bottom: 20px
    }

}
@media (max-width: 300px) {
    .amg1{
        margin-top: 10px;
    }
}