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

.navbar-default {
    background-color: transparent;
    color: #272727;
}

.navbar-toggle {
    border: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #665c5c;
}

.navbar-toggle .icon-bar {
    height: 2.5px;
}

.navbar-default .navbar-toggle:hover {
    background-color: lightgrey;
}

#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: 20%;
        font-size: 432%;
        font-weight: bold;
        margin-left: 2.5%;
    }

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

    .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: 246px;
        font-weight: bold;
        margin-left: 2px;
        margin-top: 232px;
    }

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



    .screen1 p {
        width: 34%;
        width: 208px;
        font-size: 13px;
        margin-top: 277px;
        margin-left: 2px;
    }}

/*sreen2*/

@media (min-width: 768px) {


.screen2 {
    /*background-color: #D1D1D1;*/
    height: auto;

    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: 150px;
    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: -webkit-linear-gradient(top, #fefefe, #f7f7f7);   !*Safari5.1 Chrome 10+*!*/
    background: linear-gradient(to bottom,  #fefefe,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7,  #f7f7f7);
    /*background: -o-linear-gradient(top, #fefefe, #f7f7f7);  !*Opera 11.10+*!*/

}

.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: 50px;
        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;

}
/*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;*/
}