html{font-size:62.5%;}
body {font:normal 100% Arial,sans-serif;font-size:14px; font-size:1.4rem; } 

@charset 'utf-8';
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,p{margin:0;padding:0;}
i,em{font-style:normal;}
b,strong{font-weight:normal;}
u,a{text-decoration: none;}

ul,li,ol{list-style:none;}
img{border:0;display:block;}
input{outline:none;}
html{height: 100%;}
body{font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
.clear_fix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;}

#max_box {
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*横杠*/
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    opacity: 0
}


/* 遮罩 */
body.active {
    overflow-x: hidden;
    overflow-y: hidden
}

.overlay {
    background-color: transparent;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 25px;
    z-index: 100
}



/*导航*/
#father_nav {
    width: 100%;
    height: 8rem;
    background: rgba(51, 51, 51, 1);
    margin-bottom: 0;
}

#top_con {
    width: 100%;
    height: 8rem;
    display: block;
    position: relative;
    margin: 0 auto;
    position: absolute;
}



#logo {
    float: left;
    height: 100%;
    margin-left: 25rem;
}

#logo p {
    display: flex;
    line-height: 8rem;
    margin: 0;
    height: 100%;
    align-items: center;
}

#logo p img {
    display: inline-block; 
    width: 127px;
    height: 32px;
}


#top_right {
    float: right;
    height: 100%;
    color: rgba(255, 255, 255, 1);
}

#top_right>a {
    text-decoration: none;
    height: 100%;
    margin: 10px 0;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 8rem;
    padding: 0 10px;
}



.navsClass {
    float: left;
    margin-left: 5%;
    margin-top: 3rem;
}

.navsClass a.active_nav{
   
    background: rgba(255, 229, 0, 1);
    color: rgba(51, 51, 51, 1);
    border-radius: 15px;
}
.navsClass li{
    width: 90px;
    height: 30px;
    float: left;
}

.navsClass li a{
    display: inline-block;
    width: 100%;
    height: 30px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
}
#navs{
    /* transition:all .25s ease-out;
    -webkit-transition:all .25s ease-out; */
}


/* 底部 */
#foot_box {
    width: 100%;
    height: 15rem;
    background: rgba(51, 51, 51, 1);
    display: inline-block;
}

.foot_con {
    width: 100%;
    height: 10rem;
    margin: 0 auto;
    padding-top: 2rem;
}

.foot_con .foot_logo {
    float: left;
    /* width: 35%; */
    /* height: 100%; */
    line-height: 150px;
    margin: 0;
    position: absolute;
}

.foot_con .foot_logo img {
    display: inline-block;
    /* width: 149px;
    height: 38px; */
}

.foot_con .text_bot {
    float: left;
    width: 100%;
    /* height: 100%; */
    padding-top: 40px;
    position: absolute;
    display: contents;
    margin: 0 auto;

}

.foot_con .text_bot span {
    display: block;
}

.foot_con .text_bot span:nth-child(1) {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    text-align: center;
}

.foot_con .text_bot span:nth-child(2) {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 30px;
    text-align: center;
}
.foot_con .text_bot span:nth-child(3) {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 20px;
    text-align: center;
}
.foot_con .text_bot span:nth-child(3) i{
    margin: 0 10px;
}

/*大于768*/
.navbar-toggle{
    display: none;
}

/* @media (max-width: 768px) { */
/* @media (max-width: 1000px) { */
@media (max-width: 70rem) {


    .overlay {
        display: none
    }
    .navbar-toggle{
        display: block;
        position: relative;
    }

    /*LOGO变换位置*/
    #logo{
        float: right;
    }

    /*导航*/
    #father_nav {
        height: 7rem;
    }

    #top_con {
        height: 7rem;
    }
    .navsClass a.active_nav{

        border-radius: 0px;
    }
    

    /**从左向右**/
    /*手机版*/
    .navsClass{
        position: absolute;
        width: 100%;
        transition:all .50s ease-out;
        -webkit-transition:all .50s ease-out;
        margin-top:7rem;
        margin-left: 0;
        line-height: 0rem;
        z-index: 0;
        /* opacity: 1; */
        /* display: none; */

    }
    .navsClass li{
        width: 100%;
        height: 5rem;
        float: initial;
        background:rgba(51, 51, 51, 1);
    }
    .navsClass a.active_nav{
        width: 100%;
        height: 100%;
        background: rgba(255, 229, 0, 1);
        color: rgba(51, 51, 51, 1);
        /* border-radius: 15px; */
    }
    .navsClass li a{
        display: inline-block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 5rem;
    }
    .navsClssNone{
        /* opacity: 0; */
        width: 0;
    }

    .lis{
        margin-left: -100%;
        /* transition:all .300s ease-out;
        -webkit-transition:all .300s ease-out; */
    }
    
    /* 动画效果 */
    .navsClssBlock{
        width: 100%;
        margin-left: 0rem;
        display: block;
    }
    


    #top_right{
        /* display: none; */
    }

    .navbar-toggle {
        border-color: #333;
        border: none;
        margin-left: 10px;
        float: left!important;

        position: relative;
        padding: 9px 10px;
        margin-top: 1.4rem;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border-radius: 4px;

        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        cursor: pointer;
        text-transform: none;
        overflow: visible;

        font: inherit;
        color: inherit;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;

       
    }

    .icon-bar {
        background-color: #fff;

        transform-origin: 21px;
        transition: transform .2s, opacity .1s;
        height: 3px;
        width: 22px;
        display: block;
        border-radius: 1px;
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        cursor: pointer;

        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-indent: 0px;
        text-shadow: none;
        text-align: center;

        margin-top:4px;
    }

    .overlay.active {
        background-color: rgba(0,0,0,0.5);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index:0;
        display: block;
    }

    /*底部log*/
    #logo{
        margin-left: 0;
    }

    /*********从左到右样式结束*******/
    
    /*******************从上向下样式****************/
    /*手机版*/
    /* .navsClass{
        position: absolute;
        width: 100%;
        transition:all .25s ease-out;
        -webkit-transition:all .50s ease-out;
        margin-top:-20rem;
        margin-left: 0;
        line-height: 0rem;
    }
    .navsClass li{
        width: 100%;
        height: 5rem;
        float: initial;
        background:rgba(51, 51, 51, 1);

    }
    .navsClass a.active_nav{
        width: 100%;
        height: 100%;
        background: rgba(255, 229, 0, 1);
        color: rgba(51, 51, 51, 1);
        border-radius: 15px;
    }
    .navsClass li a{
        display: inline-block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        text-align: center;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 5rem;
    } */

    /* 动画效果 */
    /* .navsClssBlock{
        margin-top: 8rem;
    }

    #top_right{
        display: none;
    }

    .navbar-toggle {
        border-color: #333;
        border: none;
        margin-left: 10px;
        float: left!important;

        position: relative;
        padding: 9px 10px;
        margin-top: 2rem;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border-radius: 4px;

        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        cursor: pointer;
        text-transform: none;
        overflow: visible;

        font: inherit;
        color: inherit;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;

       
    }

    .icon-bar {
        background-color: #fff;

        transform-origin: 21px;
        transition: transform .2s, opacity .1s;
        height: 3px;
        width: 22px;
        display: block;
        border-radius: 1px;
        box-sizing: border-box;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        cursor: pointer;

        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        letter-spacing: normal;
        word-spacing: normal;
        text-indent: 0px;
        text-shadow: none;
        text-align: center;

        margin-top:4px;
    }

    .overlay.active {
        background-color: rgba(0,0,0,0.5);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index:0;
        display: block;
    } */

    /*底部log*/
    /* #logo{
        margin-left: 0;
    } */

    /*********************从上向下 样式结束******************/

    
    #logo {
        /* float: left; */
        float: initial;
        /* height: 100%;
        width: 100%; */
        position: absolute;;

    }

    #logo p {
        display: flex;
        line-height: 8rem;
        margin: 0;
        height: 100%;
        align-items: center;
        width: 100%;
    }

    #logo p img {
        display: inline-block; 
        width: 127px;
        height: 32px;
        margin-left: 7rem;
    }

    /*底部*/
    .foot_con{
        padding-top: 2rem;
    }

}