* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none
}

html {
    font-size: 0.16rem;
}
[v-cloak]{
    display: none;
}
body {font-size: 0.18rem;}
.map_style {
    font-size: 0.14rem;
    color: #333;
    padding-left: 0.2rem;
    /* background: url(../images/addmap.png) no-repeat left center; */
    width: 2rem;
}
.page_demo{
    overflow: hidden;
}

.map_style01 {
    font-size: 0.14rem;
    color: #333;
    padding-left: 0.2rem;
    /* background: url(../images/add02.png) no-repeat left center; */
}
.footconts{
    color: #fff;
}
.p1{
    width: 100%;
    font-size: 0.28rem !important;
}

.a1 {
    position: relative;
}

a {
    color: inherit;
    text-decoration: none;
}

@media only screen and (min-width: 1024px) {
    .phone {
        display: none;
    }

    .head {
        width: 84%;
        height: 1rem;
        background: #fff;
        padding: 0 8%;
        display: flex;
        align-items: center;
    }

    .logo {
        width: 2rem;
        height: 0.7rem;
        position: relative;
    }

    .logo img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .head ul {
        flex: 1;
        display: flex;
        height: 100%;  
        justify-content: flex-end;
        align-items: center;
    }

    .head ul li {
        font-size: 0.18rem;
        color: #000;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        margin-left: 3%;
        font-weight: 500;
    }

    .head_list_ac {
        color: #3562AE;
    }

    .subtitle {
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        color: #767777;
        text-align: center;
        margin-top: 5px;
    }

    .head_list_ac div {
        color: #3562AE;
    }

    .head ul li:hover {
        color: #3562AE;
    }

    .head ul li:hover .subtitle {
        color: #3562AE;
    }

    .banner {
        width: 100%;
        height: 4rem;
        overflow: hidden;
        position: relative;
    }

    img {
        cursor: pointer;
    }

    .banner>img {
        width: 100%;
        height: 100%;
    }

    /* .banner img:hover {
        transition: .5s;
        transform: scale(1.06);
    } */

    .bacon {
        padding: 0 8.4%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        display: flex;
        /* align-items: center; */
        flex-direction: column;
        justify-content: center;
    }

    .btit {
        font-size: 0.48rem;
        font-family: 'SourceHanSansCN, SourceHanSansCN-Bold';
        font-weight: 700;
        color: #fff;
        margin-top: 20px;
    }

    .bstit {
        font-size: 0.36rem;
        color: rgba(255, 255, 255, 0.6);
    }

    .burl {
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        color: #fff;
        display: flex;
        align-items: center;
        margin-top: 0.45rem;
    }

    .burl img {
        width: 0.14rem;
        height: 0.19rem;
        margin-right: 10px;
        position: relative;
        top: 0.04rem;
    }

    /* 底部 */
    .foot {
        width: 100%;
        /* height: 4.33rem; */
        background-image: url(../img/map.png);
        background-size: 100% 100%;
        background-repeat: repeat;
        overflow: hidden
    }

    .footnav {
        width: 84%;
        height: 0.84rem;
        border-bottom: #38334b solid 1px;
        display: flex;
        align-items: center;
        padding: 0 8%;
        justify-content: space-between;
    }

    .footnav ul {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .footnav ul li {
        font-size: 0.18rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        color: #fff;
        margin-right: 3%;
    }

    .fotlogo {
        /* width: 2.56rem; */
        height: 0.56rem;
    }

    .footconts{
        color: #fff;
    }
    .p1{
        width: 100%;
        font-size: 0.28rem !important;
    }

    .footcont {
        width: 84%;
        height: 2.7rem;
        border-bottom: #38334b solid 1px;
        display: flex;
        padding: 0.3rem 8% 0;
        justify-content: space-between;
    }

    .footphone {
        font-size: 0.42rem;
        font-family: "Rajdhani";
        font-weight: bold;
        color: #fff;
    }

    .foottime {
        width: 3.18rem;
        padding: 0.26rem 0 19px 0;
        border-bottom: #38334b solid 1px;
        font-size: 0.18rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        color: #c2c1c1;
    }

    .footinfo {
        color: #c2c1c1;
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        display: flex;
        align-self: center;
        margin-top: 0.2rem;
    }

    .fi1 {
        width: 0.18rem;
        height: 0.2rem;
        margin-right: 0.14rem;
    }

    .fi2 {
        width: 0.22rem;
        height: 0.22rem;
        margin-right: 0.1rem;
    }

    .fi3 {
        width: 0.2rem;
        height: 0.21rem;
        margin-right: 0.11rem;
    }

    .code {
        width: 1.42rem;
        height: 1.42rem;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .ff1 {
        display: flex;
    }

    .ffn {
        height: 0.48rem;
    }

    .ffn:nth-child(1) {
        margin-right: 0.1rem;
    }

    .ffn {
        box-sizing: content-box;
        width: 1.86rem;
        height: 0.15rem;
        background: #172750;
        border: 0.01rem solid #172750;
        padding: 0.15rem 0.24rem;
        color: #c2c1c1;
        font-size: 0.18rem;
        outline: none
    }

    .ffta textarea {
        width: 4.82rem;
        height: 1.16rem;
        background: #172750;
        border: 0.01rem solid #172750;
        outline: none;
        box-sizing: border-box;
        resize: none;
        padding: 0.15rem 0.24rem;
        color: #c2c1c1;
        font-size: 0.18rem;
        line-height: 0.3rem;
        margin-top: 0.08rem;
    }

    .ffta {}

    .ffbtn {
        width: 4.rem;
        height: 0.54rem;
        background: #103e97;
        font-size: 0.18rem;
        font-family: 'Adobe Heiti Std, Adobe Heiti Std-R';
        font-weight: normal;
        line-height: 0.54rem;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ffbtn img {
        width: 0.24rem;
        height: 0.21rem;
        margin-right: 0.1rem;
    }

    .footcorp {
        height: 0.47rem;
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        text-align: center;
        color: #c2c1c1;
        line-height: 0.47rem;
    }
}

@media only screen and (max-width: 1023px) {
    .head {
        height: 1.2rem;
        background: #fff;
        padding: 0 3.4%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .pc {
        display: none;
    }

    .logo {
        width: 2rem;
        height: 0.7rem;
        position: relative;
    }

    .logo img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .navimg {
        width: 0.48rem;
        height: 0.38rem;
    }

    .banner {
        width: 100%;
        height: 3.86rem;
        position: relative;
    }

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

    .foot {
        width: 100%;
        /* height: 7rem; */
        background-image: url(../img/mapp.png);
        background-size: 100% 100%;
        background-repeat: repeat;
        overflow: hidden
    }

    .fotlogo {
        width: 2.16rem;
        height: 0.56rem;
        display: block;
        margin: 0 auto;
        padding-top: 0.4rem;
    }

    .footphone {
        font-size: 0.42rem;
        font-family: "Rajdhani";
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 0.32rem;
    }

    .foottime {
        width: 100%;
        border-bottom: #38334b solid 1px;
        font-size: 0.18rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        color: #c2c1c1;
        text-align: center;
        padding: 0.26rem 0 0.2rem 0;
    }

    .footinfo {
        color: #c2c1c1;
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.2rem;
    }

    .fi1 {
        width: 0.18rem;
        height: 0.2rem;
        margin-right: 0.14rem;
    }

    .fi2 {
        width: 0.22rem;
        height: 0.22rem;
        margin-right: 0.1rem;
    }

    .fi3 {
        width: 0.21rem;
        height: 0.21rem;
        margin-right: 0.11rem;
    }

    .code {
        width: 1.44rem;
        height: 1.44rem;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0.4rem auto 0;
    }

    .code img {
        width: 1.29rem;
        height: 1.29rem;
    }

    .footcorp {
        /* height: 0.82rem; */
        font-size: 0.16rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        text-align: center;
        color: #c2c1c1;
        line-height: 0.82rem;
        border-top: 0.01rem solid #c2c1c1;
        margin-top: 0.35rem;
    }

    .bacon {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        display: flex;
        /* align-items: center; */
        flex-direction: column;
        justify-content: center;
    }

    .btit {
        font-size: 0.48rem;
        font-family: 'SourceHanSansCN, SourceHanSansCN-Bold';
        font-weight: 700;
        color: #fff;
        margin-top: 0.2rem;
        text-align: center;
    }

    .bstit {
        font-size: 0.36rem;
        color: rgba(255, 255, 255, 0.6);
        text-align: center;
    }

    .phlayer {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        display: none
    }

    .ph_nav_bg {
        width: 50%;
        height: 100%;
        background: #0c2f63;
        padding-top: 0.9rem;
        display: inline-block;
    }

    .ph_nav_bg ul li {
        font-size: 0.22rem;
        font-family: 'Source Han Sans CN, Source Han Sans CN-Regular';
        font-weight: 400;
        text-align: center;
        color: #fff;
    }

    .ph_nav_bg ul li div {
        font-size: 0.20rem;
        margin: 0.1rem 0 0.5rem 0;
    }

    .close {
        width: 50%;
        height: 100%;
        display: inline-block;
        float: right;
    }
}