body {
    font-family: 'Microsoft YaHei', sans-serif;
}



#home img {
    height: 783px;
    width: 100%;

}


.bg {
    background: url("../assets/images/message_a_header.jpg") no-repeat center;
    background-size: cover;
    height: 783px;
}

.screen1 h1 {
    position: absolute;
    color: #fefefe;
    margin-top: 14%;
    font-size: 432%;
    font-weight: bold;
    margin-left: 3%;
}

.screen1 p {
    position: absolute;
    color: #fdfafa;
    margin-top: 22%;
    font-size: 150%;
    width: 30%;

    /* font-weight: 200; */
    margin-left: 4%;
}

@media (min-width: 768px) {
    .container {
        padding-left: 100px;
        padding-right: 100px;
        margin: 0;
        width: 100%;
    }
    .screen1 h1 {
        position: absolute;
        color: #fefefe;
        margin-top: 230px;
        font-size: 432%;
        font-weight: bold;
        margin-left: 2.5%;
        min-width: 1000px;
    }

    .screen1 p {
        position: absolute;
        color: #fdfafa;
        margin-top: 375px;
        font-size: 150%;
        width: 45%;
        margin-left: 3%;
        min-width: 490px;
    }

    .screen-2_div_item {
        min-width: 1080px;
        margin: 0 auto;
    }


}

@media (max-width: 767px) {


    .screen1 {
        position: absolute;
        font-size: 20%;
    }

    .screen1 h1 {
        font-size: 28px;
        width: 290px;
        font-weight: bold;
        margin-left: 2px;
        margin-top: 232px;
    }

    .bg {
        background-size: cover;
        height: 500px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 15px;
        color: #d9d6d6;
    }

    .screen1 p {
        width: 300px;
        font-size: 13px;
        margin-top: 326px;
        margin-left: 2px;
    }
}

/*sreen2*/

@media (min-width: 768px) {


    .screen2 {
        /*background-color: #D1D1D1;*/
        height: auto;
        /*padding-bottom: 5%;*/
        margin: 0 auto;
        background-color: #f7f7f7;
    }

    .screen2_wrap {
        width: 75%;
        margin: 0 auto;

    }

    .screen-2_item {

        width: 100%;
        margin: 0 auto;
        margin-top: -6%;
        border-radius: 10px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 100px;
        padding-top: 30px;
        color: black;
        /*display: inline-block;*/
        font-size: 20px;
        font-family: "Hiragino Sans GB";
        /*border-bottom: 1.5px dashed gray;*/
        /*background-color: #fefefe;*/
        background: linear-gradient(to bottom,  #fefefe,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7);

    }

    .row {
        margin: 0 auto;
    }

    .screen-2.container {
        margin: 0 auto;
    }

    .screen-2_item_pic {
        width: 20%;
    }

    .screen2 img {
        width: 100%;
        float: left;
        margin-bottom: 25px;

    }
}


@media (max-width: 767px) {


    .screen2 {
        /*background-color: #D1D1D1;*/
        height: auto;
        /*padding-bottom: 5%;*/
        margin: 0 auto;
        background-color: #f7f7f7;
    }

    .screen2_wrap {
        width: 75%;
        margin: 0 auto;

    }

    .screen-2_item {

        width: 100%;
        margin: 0 auto;
        margin-top: -6%;
        border-radius: 5px;
        padding-left: 18px;
        padding-right: 18px;
        padding-bottom: 20px;
        padding-top: 15px;
        color: black;
        /*display: inline-block;*/
        font-size: 12px;
        font-family: "Hiragino Sans GB";
        /*border-bottom: 1.5px dashed gray;*/
        /*background-color: #fefefe;*/
        background: linear-gradient(to bottom, #fefefe, #ebebeb, #ebebeb, #ebebeb, #ebebeb, #ebebeb, #ebebeb);

    }

    .row {
        margin: 0 auto;
    }

    .screen-2.container {
        margin: 0 auto;
    }

    .screen-2_item_pic {
        width: 80%;
    }

    .screen2 img {
        width: 100%;
        float: left;

    }


    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        max-width: 150%;
    }

    .screen2 img {
        /*width: 105px;*/
        /*height: 90px;*/
        margin-bottom: 10px;
    }

    .screen2_wrap {
        width: 100%;
        background-color: #8985851c;

    }


    .screen-2_div_item {

        border-radius: 2px;
        border: transparent;
        margin-bottom: 0;
    }

}.header__nav-item:hover{
    color: #0193de;
    font-family: PingFangSC-Medium;
}
.header__nav-item_status_active{
    color: #fff;
    font-family: PingFangSC-Medium;
}
.header__nav-item_status_active::after{
    content:'';
    /*border-bottom: 5px solid #fff;*/
    /*border-width: 50px;*/
    display: block;
    width: 93px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color:#fff;

}
.header__nav-item:hover{
    color: #0193de;
    font-family: PingFangSC-Medium;
}
.header__nav-item_status_active{
    color: #fff;
    font-family: PingFangSC-Medium;
}
.header__nav-item_status_active::after{
    content:'';
    /*border-bottom: 5px solid #fff;*/
    /*border-width: 50px;*/
    display: block;
    width: 93px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color:#fff;

}
/*fonter*/
.main_menu_bg {
    margin-top: 0px;
    background-color: transparent;
    z-index: 300;
    /* box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); */
    background-color: rgba(34, 61, 97, 0.4);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    /*height: 76px;*/
}