#main-page{
    .header{
        .header-belt{
            .menu-bar{
                nav{
                    .menu{
                        .menu__item{
                            
                        }
                    }
                }
            }
        }
    }
    @media only screen and(min-width: 769px){
        .header{
            .header-belt{
                .logo{
                    top: 1rem;
                    img{
                        max-width: 75%;
                    }
                }
                .menu-bar{
                    nav{
                        .menu{
                            padding: 0;
                            .menu__item{
                                width: 10%;
                                line-height: 93px;
                                transition: background-color 0.5s;
                                &:hover{
                                    background: #28476D;
                                    a{
                                        color: #fff;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .header--collapsed{
            .header-belt{
                .logo{
                    top: 1rem;
                    img{
                        max-width: 70%;
                    }
                }
                .menu-bar{
                    nav{
                        .menu{
                            padding: 10/16rem 0;
                            .menu__item{
                                width: 10%;
                                line-height: 93px;
                            }
                        }
                    }
                }
            }
        }
    }
    .img-responsive{
        position: fixed;
        width: 100%;
    }
    @media only screen and(max-width: 768px){
        .img-responsive{
            position: relative;
            width: 100%;
        }
    }
    .wrapper{
        position: relative;
        z-index: 99;
        width: 100%;
        background: none;
        .container{
            padding-top: 35%;
        }
        @media only screen and(max-width: 768px){
            .container{
                padding-top: 5%;
            }
        }
        .news-container{
            .news{
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
                padding: 20/16rem 0;
                background: #19304d;
                .ab_sec1_con{
                    background: #19304d;
                    .news-c{
                        .news_top{
                            top: 0;
                            padding: 1rem 0;
                            P{
                                color: #fff;
                                font-size: 24/16rem;
                                text-align: center;
                            }
                            h2{
                                font-size: 24/16rem;
                                color: #fff;
                                letter-spacing: 1/16rem;
                                text-align: center;
                                line-height: 3rem;
                            }
                        }
                        .news_center{
                            padding-bottom: 1/16rem;
                            width: 100%;
                            float: left;
                            background: #ebe8e8;
                            margin-bottom: 2/16rem;
                            position: relative;
                            .newsleft{
                                float: left;
                                padding-top: 5%;
                                width: 8.4%;
                                text-align: center;
                                span{
                                    font-size: 11/16rem;
                                    color: #212020;
                                    line-height: 3rem;
                                }
                                p{
                                    font-size: 40px;
                                    color: #212020;
                                    margin: 0;
                                }
                            }
                            a{
                                .news_img{
                                    width: 33.33%;
                                    float: left;
                                    position: relative;
                                    z-index: 2;
                                    .mask{
                                        width: 100%;
                                        height: 100%;
                                        position: absolute;
                                        top: 0;
                                        background: rgba(0,0,0,0.6);
                                        display: none;
                                    }
                                    span{
                                        position: absolute;
                                        top: 50%;
                                        left: 40%;
                                        z-index: 9;
                                        margin-left: -42/16rem;
                                        margin-top: -7/16rem;
                                        opacity: 0;
                                        filter: alpha(opacity=0);
                                        -moz-opacity: 0;
                                        -khtml-opacity: 0;
                                        -webkit-opacity: 0;
                                        -webkit-transition: 0.3s linear;
                                        -moz-transition: 0.3s linear;
                                        -ms-transition: 0.3s linear;
                                        -o-transition: 0.3s linear;
                                        transition: 0.3s linear;
                                    }
                                }
                                .newsright{
                                    width: 58%;
                                    float: left;
                                    padding-top: 3%;
                                    h4{
                                        font-size: 24/16rem;
                                        color: #19304d;
                                        text-align: right;
                                        width: 80%;
                                        margin: 0 auto;
                                        letter-spacing: 2/16rem;
                                    }
                                    @media (max-width: 1199px) and (min-width: 992px){
                                        h4 {
                                            font-size: 20/16rem;
                                            width: 90%;
                                        }
                                    }
                                    @media (max-width: 991px) and (min-width: 768px){
                                        h4{
                                            font-size: 18/16rem;
                                            width: 90%;
                                        }
                                    }
                                    @media (max-width: 767px){
                                        h4 {
                                            width: 90%;
                                            font-size: 13px;
                                            line-height: 22px;
                                        }
                                    }
                                    p{
                                        font-size: 14/16rem;
                                        color: #212020;
                                        line-height: 26/16rem;
                                        text-align: right;
                                        width: 80%;
                                        margin: 0 auto;
                                        letter-spacing: 2/16rem;
                                        margin-top: 20/16rem;
                                        height: 78/16rem;
                                        overflow: hidden;
                                    }
                                }
                            }
                        }
                    }
                    .page{
                        font-size: 0px;
                        text-align: center;
                        margin-top: 50/16rem;
                        .pagination{
                            display: inline-block;
                            padding-left: 0;
                            margin: 50/16rem 0 20/16rem;
                            border-radius: 4/16rem;
                            a {
                                font-size: 1/16rem;
                                color: #000;
                                text-decoration: none;
                                padding: 6/16rem 12/16rem;
                                margin-right: 1/16rem;
                                background: #ebe8e8;
                                transition: color .6s,border-color .6s,background-color .6s,border .6s;
                                &:hover{
                                    color: #ebe8e8;
                                    background: #19304d;
                                }
                            }
                            @media (max-width: 767px){
                                a {
                                    float: left;
                                    margin-bottom: 3px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    footer{
        .content-belt{
            max-width: 100%;
           .footer{
               .footer-user-options{
                   color: #1c4b95;
               }
           }
        } 
    }
    #divR{
        width: 55px;
        height: 343px;
        right: 0px;
        position: fixed;
        z-index: 10000;
        top: 180/16rem;
        background: url(../img/youce_icon.png);
        background-position-y: 1px;
        background-repeat: no-repeat;
        a{
            display: inline-block;
            width: 56/16rem;
            height: 56/16rem;
            float: left;
            margin-bottom: 1/16rem;
            background-color: none;
        }
        .divRzx{
            &:hover{
                background: url(../img/02.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
        .divRqq{
            &:hover{
                background: url(../img/01.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
        .divRtell{
            &:hover{
                background: url(../img/03.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
        .divWechat{
            &:hover{
                background: url(../img/04.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
        .divRaddre{
            &:hover{
                background: url(../img/05.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
        .backto_top{
            &:hover{
                background: url(../img/06.png);
                background-position-y: 1px;
                background-repeat: no-repeat;
            }
        }
    }
}