html,
body {
    height: 100%;
    width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #474157;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

#mainbody {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    /*height: calc(100vh - 280px);*/
    background: url(../img/indexbg) 100% no-repeat;
    background-size: 100% 100%;
}

#mainbody .main-box{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    /*height: 100%;*/
    flex: 1;
}

#mainbody h4 {
  
    font-size: 20px;
    font-family: FZLTCHK;
    font-weight: normal;
    color: #000000;
}
#mainbody .city-off-tit{
    margin-top: 62px;
}

#mainbody .city {
    margin-top: -8px;
    margin-bottom: 15px;
}

#mainbody .city .label{
    /*width: 125px;*/
    width: 22%;
    height: 45px;
    border-radius: 22px;
    display: inline-block;
    margin-top: 47px;
    margin-left: 3%;
    padding: 13px 0;
    font-size: 20px;
    cursor: pointer;
}
#mainbody .city .label:nth-of-type(4n+1){
	margin-left: 0;
}
#mainbody .city-on .label{
    background: #D0E6FF;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #0975F0;
    
}
#mainbody .city-on .label:hover{
    background: #0975F0;
    color: #ffffff;
}
#mainbody .city-off .label{
    background: rgba(0,0,0,0.1);
    font-family: AlibabaPuHuiTiR;
    font-weight: 400;
    color: #000000;
}
#mainbody .city-off .label:hover{
    background: #A5BDD8;
}

@media (max-height: 500px) {
    #mainbody {
        height: inherit;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    .navbar-default {
        background-color: #f1f6fd;
        border-color: #f1f6fd;
    }

    .navbar-default .navbar-collapse {
        background: #f1f6fd;
        box-shadow: 5px 9px 5px rgba(0, 0, 0, 0.07);
    }

    #mainbody {
        height: unset;
    }

    #mainbody .index-text {
        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody .index-gallery {
        padding: 30px 0 50px 0;
    }

    #mainbody .index-text h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }
}
.logo-box{
    align-items: center;
    justify-content: center;
    /*margin: 80px 0;*/
}
.logo-box .logo-pic{
    width: 527px;
    height: 68px;
    background: url(../img/logo-index.png) 0rem -0.027rem no-repeat;
    background-size: 100% 100%;
}
#map{
    /*height: 600px!important;*/
}
/*footer {*/
   
/*    height: 280px;*/
/*}*/
.footer-nav{
    height: 160px;
    background: url(../img/footer-nav) 100% no-repeat;
    background-size: 100% 100%;
}
.footer-nav .container{
    height: 100%;
}
.footer-nav .nav-item{
    flex: 1;
    height: 100%;
    color: rgba(255,255,255,1);
    font-size: 44px;
    letter-spacing: 3.3846168518066406px;
    font-family: DINCondensed-Bold;
    white-space: nowrap;
}
.footer-nav .nav-item .tit,.footer-nav .nav-item a{
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
    letter-spacing: 1px;
    margin-top: 18px;
}
.footer{
    height: 142px;
    background-color: #222222;
    padding: 20px 0;
    color: rgba(255, 255, 255, 0.3);
}
.footer a{
    color: rgba(255, 255, 255, 0.3);
}
.footer p {
    font-size: 14px;
    /*margin: 0;*/
    text-align: left;
}

.mobile{background:url(/assets/img/SketchPngad751c65c97ab466bf1a9f8ac99b21a8d3cf8fcb78f6274794143afca22bcba9)
    		100% no-repeat;background-size:100% 100%;}
.mobile .main{min-height:100vh;}
.mobile .main .content{flex: 1;justify-content: space-evenly;};
.mobile .logo-box{margin:0 auto;}
.mobile .logo-pic{width: 166px;
    height: 33px;background:url(/assets/img/SketchPng23ce04788c2ae24ef646e16ed17b2c215831eec134636428ed1aa6bdef495e08) 0rem -0.027rem no-repeat;background-size:100% 100%}
.mobile .logo-desc{color:rgba(255,255,255,1);font-size: 14px;margin-left:8px}
.mobile .item-box{text-align:center}
.mobile .item-box .item{width:40%;background-color:rgba(22,86,158,1);display:inline-block;margin-left:16px;margin-top:26px;box-shadow:0px 2px 4px 4px rgba(22,86,158,0.1);cursor: pointer;}
.mobile .item-box .item:nth-of-type(2n+1){margin-left:0}
.mobile .item-box .item:nth-of-type(1),.mobile .item-box .item:nth-of-type(2){margin-top:0;}
.mobile .item-box .item .item-icon{display:inline-block;width:100%;height:36px;background:url(/assets/img/SketchPngb0ce31f117e28aaf4ddbe4c18ca5577acc4cd60f0c1086d189319532d578e7db) -4px 0px no-repeat;background-size:100% 100%}
.mobile .item-box .item .item-name{color:rgba(255,255,255,1);font-size: 18px;font-weight:600;letter-spacing:3.3846168518066406px;font-family:PingFangSC-Semibold;text-align:left;display:inline-block;width:100%;margin-left:0.471rem}
.mobile .item-box .item .item-image{display:inline-block;width:100%;height:150px;padding:8px;box-sizing:border-box}
.mobile .item-box .item .item-image .image{display:inline-block;width:100%;height:100%;background-image:url(/assets/img/dcfcf075a85e4e0698461502db166d4b_mergeImage.png);background-size:100% 100%}
.mobile .count-box{width:100%;padding:10px 0;background:linear-gradient(90deg,#16569E 0%,#408EE7 100%)}
.mobile .count-box .item{flex:1;text-align:center}
.mobile .count-box .item .num{font-size:14px;font-family:DINCondensed-Bold,DINCondensed;font-weight:500;color:#FFFFFF;letter-spacing:3px}
.mobile .count-box .item .txt{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFFFFF;line-height:33px;letter-spacing:1px}
.mobile .footer-box{background:#0E1F3D}
.mobile .footer-box .content-phone{text-align:center;margin-top:20px}
.mobile .footer-box .content-phone .weixin{margin:10px auto;background-image: url(/assets/img/b50681dd58a84632947f75f07a1e0e0b_mergeImage.png);
    width: 80px;
    height: 80px;
    border: 1px solid rgba(151,151,151,1);}
.mobile .footer-box .content-phone span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#FFFFFF;line-height:20px;letter-spacing:1px}
.mobile .footer-box .content-phone .contact{
    display: block;
    background-color: transparent;
    border-color: #d7d7db;
    font-size: 14px;
    color: #d7d7db;
    text-decoration-line: none;
    border: 1px solid;
    width: 52%;
    margin: 0 auto;
    padding: 6px 10px;
    border-radius: 37px;
    margin-top: 5px;}
.mobile .footer-box .content-box{width:95%;margin:20px auto;margin-bottom:40px}
.mobile .footer-box .content-box p,.mobile .footer-box .content-box p a{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#919193;line-height:20px;letter-spacing:1px}