.wrap {
    width: 100%;
    height: 100vh;
    background-image: url('../../img/bg2.png');
    overflow: hidden;
}

.main_left {
    width: 30%;
    height: 100%;
    float: left;
}

.left_upper {
    width: 100%;
    height: 31vh;
    padding: 1px;
    padding: 1px;
    box-sizing: border-box;
}


.leftupper_nav {
    width: 80%;
    text-align: center;
    color: #FFC139;
    background-color: #1B484E;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 35px auto;
}

.leftupper_highchart {
    width: 80%;
    height: 28vh;
    margin: 0 auto;
    margin-top: -4vh;
    text-align: center;
}
.content_middle {
    width: 100%;
    height: 30vh;

}
/*中间 上*/
.contents_upper {
    width: 100%;
    height: 31vh;
    padding: 1px;
    padding: 1px;
    box-sizing: border-box;

}
.contentsupper_nav {
    width: 60%;
    text-align: center;
    color: #FFC139;
    background-color: #1B484E;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 35px auto;
}

.consupperb_navs {
    width: 60%;
    text-align: center;
    color: #FFC139;
    background-color: #1B484E;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 35px auto;
    /*margin-top: -4vh;*/
}

.contentsupper_highchart {
    width: 60%;
    height: 6vh;
    margin: 0 auto;
    margin-top: -4vh;
    text-align: center;

}
.consupperb_navs {
    width: 60%;
    text-align: center;
    color: #FFC139;
    background-color: #1B484E;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 35px auto;
}

.consupperb_highcharts {
    width: 60%;
    height: 5vh;
    margin: 0 auto;
    margin-top: -4vh;
    text-align: center;
   
}



.contents_middle {
    width: 100%;
    height: 30vh;
}

.contentsmiddle_nav {
    width: 60%;
    height: 40px;
    text-align: center;
    color: #F8BC38;
    line-height: 40px;
    font-size: 18px;
    background-color: #1B484E;
    margin: 0 auto;
}

.contentsmiddle_highchart {
    width: 60%;
    height: 28vh;
    margin: 0 auto;
}

/*中下*/
.contents_lower {
    width: 100%;
    height: 35vh;
    overflow: hidden;
}

.contentslower_nav {
    width: 60%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #F8BC38;
    background-color: #1B484E;
    margin: 0 auto;
}

.contentslower_highchart {
    width: 60%;
    height: 25vh;
    margin: 0 auto;
    color: coral;
    
}





.left_middle {
    width: 100%;
    height: 30vh;
}



.leftmiddle_nav {
    width: 80%;
    height: 40px;
    text-align: center;
    color: #F8BC38;
    line-height: 40px;
    font-size: 18px;
    background-color: #1B484E;
    margin: 0 auto;
}

.leftmiddle_highchart {
    width: 80%;
    height: 28vh;
    margin: 0 auto;
}

.left_lower {
    width: 100%;
    height: 35vh;
    overflow: hidden;
}

.leftlower_nav {
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #F8BC38;
    background-color: #1B484E;
    margin: 0 auto;
}

.leftlower_highchart {
    width: 80%;
    height: 25vh;
    margin: 0 auto;
    color: coral
}


.content {
    width: 40%;
    height: 100%;
    float:left;
 
  
}
main_content {
    width:25%;
    height:100%;
    text-align:center;


}

.content_nav {
    width: 100%;
    height: 15vh;
}

.contentnav_nav {
    width: 100%;
    height: 10vh;
    margin-top: -2vh;
    text-align: center;
}

.contentnav_highchart {
    width: 20%;
    /*height: 5vh;*/
    /*text-align: center;*/
    color: azure;
}


.content_upper {
    width: 85%;
    height: 12vh;
    text-align: center;
    margin-left: 8%;
}

.upper_left {
    width: 45%;
    height: 15vh;
    float: left;
}

.contentupperleft_nav {
    width: 100%;
    height: 40px;
    color: azure;
    line-height: 40px;
    font-size: 18px;
    background-color: #1B484E;
}


.upper_right {
    width: 45%;
    height: 15vh;
    float: right;
}

.contentupperright_nav {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: azure;
    background-color: #1B484E;
}



.middle_img {
    width: 100%;
    height: 10vh;
    margin: 0 auto;
    background: url(../../img/bg3.png)no-repeat top center;
    background-size: 100%;
}

.content_lower {
    width: 100%;
    height: 20vh;
    color: #F8BC38;
    font-size: 18px;
}

.main_right {
    width: 30%;
    height: 100%;
    float: right;
}

.right_upper {
    width: 100%;
    height: 31vh;
    padding: 1px;
    box-sizing: border-box;
}


.rightupper_nav {
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #F8BC38;
    background-color: #1B484E;
    margin: 35px auto;
}

.rightupper_highchart {
    width: 100%;
    height: 34vh;
    margin: 0 auto;
    margin-top: -4vh;
}


.right_middle {
    width: 100%;
    height: 30vh;
}

.rightmiddle_nav {
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #F8BC38;
    background-color: #1B484E;
    margin: 0 auto;
}

.rightmiddle_highchart {
    width: 90%;
    height: 28vh;
    margin: 0 auto;
}

.right_lower {
    width: 100%;
    height: 35vh;
}

.rightlower_nav {
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #F8BC38;
    background-color: #1B484E;
    margin: 0 auto;
}

.rightlower_highchart {
    width: 80%;
    height: 26vh;
    margin: 0 auto;
}

.contentupperright_p {
    text-align: center;
    color: #66BBF8;
    font-size: 20px;
    margin-top: 6vh;
}

.contentupperright_b {
    font-size: 40px;
}

.contentupperleft_p {
    width: 100%;
    margin-top: 6vh;
    color: #F8BC38;
    font-size: 20px;
    text-align: center;
}

.contentupperleft_b {
    font-size: 40px;
}

.contentnav_p {
    margin-top: 2vh;
    color: azure;
    font-size: 41px;
}

.contentnav_b {
    font-size: 48px;
    color: #F8BC38;
    font-family: sans-serif;
}

.contentupperleft_font {
    height: 8vh;
    width: 100%;
}

.contentupperright_font {
    height: 8vh;
    width: 100%;
}

.contentlower_p {
    font-size: 18px;
}

.p_marquee {
    font-size: 16px;
}
.btn-group {
    width:100%;
    display:flex !important;
}
.btn-group div{
    width:30%;
}
    .btn-group div a {
        display:block;
        width:460px;
        font-size:18px;
        margin:0 auto;
    }