html {
    font-size: 2vw;
}

body {
    margin : 0;
    padding: 0;
    width  : 100%;

}

.box {
    position: relative;
}

.img {
    width : 100%;
    height: auto;
}

.m-head {
    position  : absolute;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 128px;
    background: #1B6B86;
}

.m-top {
    max-width: 1560px;
    height   : 128px;

    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin         : 0 auto;

}

.logo {
    width : 253px;
    height: 65px;
}

.top {
    /* position       : absolute;
    top            : 3%;
    right          : 24px; */
    /* width          : 43%; */
    /* border      : 1px solid aqua; */
    display        : flex;
    justify-content: space-around;
    align-items    : center;
}

.foot{
    display: flex;
    justify-content: center;
    align-items    : center;
    height: 300px;
}

.foot .line{
    background-color: silver;
}

.link{
    color: silver;
}

.a1,
.a2,
.a3 {
    /* width: 260px; */
    height     : 64px;
    font-size  : 16px;
    display    : block;
    line-height: 64px;
    /* padding : 0 20px; */
    /* border  : 1px solid orange; */
}

.a1 {
    text-align: right;
}

.a2 {
    text-align: center;
}


a {
    font-size      : 24px;
    font-family    : Roboto, Roboto;
    font-weight    : 400;
    color          : #FFFFFF;
    line-height    : 48px;
    color          : #FFFFFF;
    text-decoration: none;
}

.line {
    margin    : 0 24px;
    background: #FFFFFF;
    width     : 1px;
    height    : 16px;
}


.content {
    position       : absolute;
    top            : 36%;
    left           : 0;
    right          : 0;
    max-width      : 1560px;
    min-width      : 1200px;
    /* width       : 33%; */
    margin         : 0 auto;
    /* height      : 100px; */
    display        : flex;
    justify-content: center;

}

.icon0 {
    width: 617px;
}

.m-text0 {
    margin-right: 110px;
}

.text {
    font-size    : 28px;
    font-family  : PingFang SC, PingFang SC;
    font-weight  : 400;
    color        : #FFFFFF;
    line-height  : 45px;
    margin-bottom: 96px;

}

.btn-box {
    display        : flex;
    justify-content: flex-start;
}

.btn {
    display        : flex;
    align-items    : center;
    width          : 268px;
    height         : 79px;
    background     : #FFFFFF;
    border-radius  : 12px 12px 12px 12px;
    justify-content: center;
    margin         : 0 24px 0 0;

}

.apple {
    height      : 44px;
    width       : 44px;
    margin-right: 16px;
}

.txt {

    font-size  : 20px;
    font-family: Roboto, Roboto;
    font-weight: 500;
    color      : #222F3F;
}

.txt1 {
    font-size    : 14px;
    font-family  : Roboto, Roboto;
    font-weight  : 500;
    color        : #222F3F;
    margin-bottom: -22px;
}


.headLine {
    font-size  : 44px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color      : #5A636D;
    line-height: 52px;
}

.subTitle {
    font-size  : 28px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color      : #5A636D;
    line-height: 45px;
    margin-top : 16px;
}

.sel {
    width     : 64px;
    height    : 64px;
    margin-top: 48px;
}

.icon1 {
    width: 924px;
}


.flex1 {
    max-width      : 1560px;
    min-width      : 1200px;
    height         : 693px;
    display        : flex;
    justify-content: center;
    margin-top     : 54px;
    margin-bottom  : 95px;
    margin         : 60px auto;

}

.m-text1 {
    width         : 660px;
    margin-top    : 95px;
    /* margin-left: 245px; */
}


.flex2 {
    max-width      : 1560px;
    min-width      : 1200px;
    height         : 647px;
    background     : #F2F6F9;
    border-radius  : 40px 40px 40px 40px;
    margin         : 0 auto;
    display        : flex;
    justify-content: center;
}

.icon2 {
    position: relative;
    top     : -28px;
    width   : 553px;
}

.m-text2 {
    width      : 660px;
    margin-top : 105px;
    margin-left: 110px;
}



.flex3 {
    max-width      : 1560px;
    min-width      : 1200px;
    display        : flex;
    justify-content: center;
    margin-top     : 136px;
    margin         : 60px auto;
}

.m-text3 {
    width       : 660px;
    margin-top  : 145px;
    margin-right: 154px;
}

.icon3 {
    width: 500px;
    margin-left: -30px;
}

#selectBox {
    font-size: 16px;
}

select {
    border          : none;
    background-color: #1B6B86;
    color           : #ffffff;
    outline         : none;
}

@media screen and (max-width:1350px) {

    .m-text3,
    .icon2 {
        margin-left: 20px;
    }
}

@media screen and (max-width:1650px) {

    .m-text1,
    .m-text0,
    .m-top {
        margin-left: 20px;
    }
}

.m-bg {
    width          : 100%;
    height         : 100%;
    background     : url('img_bg_top.jpg') no-repeat;
    background-size: 100% 100%;
}