/*通用样式*/
html,body{
    margin: 0px;
    padding: 0px;
    height:100%;
    overflow: hidden;

    background: #fff;

    font-family: "微软雅黑", "黑体";
    color: #000000;
    text-align: center;
}

@media screen and (min-height: 480px){

}

@media screen and (max-height: 480px){

}

.header{
    width: 100%;
    height: 45px;

    line-height: 41px;

    font-size: 20px;
    color: #fff;

    background: #0070c0;
    border: 1px solid #0070c0;
}

.main{
    width: 100%;
    height: calc(100% - 60px);

    overflow-y: auto;
	  overflow-x: hidden;

    text-align: center;

    position: relative;
}

    .main .benner{
        width: 100%;
        height: 0;
        padding-bottom: 39.2%;

        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    .main .benner.benner_1{
        background-image: url(../images/banner/1.jpg);
    }

    .main .benner.benner_2{
        background-image: url(../images/banner/2.jpg);
    }

    .main .benner.benner_3{
        background-image: url(../images/banner/3.jpg);
    }

    .main .benner.benner_4{
        background-image: url(../images/banner/4.jpg);
    }

    .main .benner.benner_5{
        background-image: url(../images/banner/5.jpg);
    }

.footer{
    width: 100%;
    height: 60px;
    background: #2b2c36;
    border: 1px solid #3c3d46;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

    .footer .menu_btn{
        width: calc(100% / 5);
        height: 60px;

        color: #a6a6a6;

        float: left;
    }

        .footer .menu_btn .img{
            width: 24px;
            height: 22px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;

            margin: 10px auto 0px auto;
        }

        .footer .menu_btn .img.img_1{
            background-image: url(../images/btn/index.png);
        }

        .footer .menu_btn .img.img_2{
            background-image: url(../images/btn/investment.png);
        }

        .footer .menu_btn .img.img_3{
            background-image: url(../images/btn/service.png);
        }

        .footer .menu_btn .img.img_4{
            background-image: url(../images/btn/case.png);
        }

        .footer .menu_btn .img.img_5{
            background-image: url(../images/btn/contact.png);
        }

        .footer .menu_btn .img.img_6{
            background-image: url(../images/btn/news.png);
        }



        .footer .menu_btn .icon-box{
          width: 24px;
          height: 24px;
          margin: 8px auto 0px;
          color: #fff;
        }
        .footer .menu_btn .iconfont{
          font-size: 22px;
        }

        .footer .menu_btn .text{
            width: 100%;
            height: 24px;

            line-height: 20px;
            font-size: 12px;
            color: #fff;
        }

    /* .footer .menu_btn.selected{
        color: #df1c25;
    } */
    .footer .menu_btn.selected .icon-box,.footer .menu_btn.selected .text{
        color: #0070c0;
    }



        .footer .menu_btn.selected .img.img_1{
            background-image: url(../images/btn/index_selected.png);
        }

        .footer .menu_btn.selected .img.img_2{
            background-image: url(../images/btn/investment_selected.png);
        }

        .footer .menu_btn.selected .img.img_3{
            background-image: url(../images/btn/service_selected.png);
        }

        .footer .menu_btn.selected .img.img_4{
            background-image: url(../images/btn/case_selected.png);
        }

        .footer .menu_btn.selected .img.img_5{
            background-image: url(../images/btn/contact_selected.png);
        }
        .footer .menu_btn.selected .img.img_6{
            background-image: url(../images/btn/news_selected.png);
        }