html,body{
    width: 100%;
    height: 100%;
}

@import "font.css";
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

header{
    display: block;
    width:14.4rem;
    height: 1.2rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px .07rem .21rem 0px rgba(16, 56, 107, 0.07);
    z-index: 99;

}
header .logo{
    width: 4rem;
    height: 100%;
}
header .logo img{
    width: 100%;
    height: 100%;
}
header .menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
header .menu .right{
    display: block;
    width: 1.76rem;
    height: 100%;
    text-align: center;
    line-height: 1.2rem;
    font-size: .16rem;
    color: #014099;
    background: #f1f1f1;
    box-sizing: border-box;
    border-left: .01rem solid #dddddd;
}
header .menu .left .items:first-child{
    margin-left: .6rem;
}
header .menu .left .items:last-child{
    margin-right: .6rem;
}
header .menu .left{
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}

header .menu .left .items{
    height: 100%;
    /*margin: 0 .32rem;*/
    font-size: .16rem;
    line-height: .16rem;
    color: #323338;
    transition: all .8s;
}

header .menu .left .items a{
    position: relative;
    transition: all .8s;
}

header .menu .left .items a p{
    display: block;
    position: absolute;
    background: #014099;
    height: .08rem;
    width: 100%;
    bottom: -.5rem;
    transition: all .8s;
    opacity: 0;
}
header .menu .left .items a:hover .nav-border{
    opacity: 1;
}
.list-box{
    width: 14.40rem;
    height: 1.01rem;
    background: #f9f9f9;
    position: absolute;
    bottom:-1.01rem;
    box-sizing: border-box;
    border-top: .01rem solid #dadadb;
    border-bottom: .04rem solid #fabe00;
    display: none;
    align-items: center;
}

.list-box .items{
    height: .28rem;
    width: 100%;
    display: none;
    align-items: center;
}

.list-box .items a:last-child{
    border-right:none;
}
.list-box .items a{
    height: 100%;
    line-height: .28rem;
    width: 1.84rem;
    text-align: center;
    color: #808080;
    font-size: .16rem;
    border-right: .01rem solid #dcdcdc;
    transition: all .3s;
}

.list-box .items a:hover{
    color: #014099;
}






.m-menu{
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.m-menu i{
    font-size: .4rem;
}
footer{
    display: block;
    width: 100%;
    height: 1rem;
    background: #014099;
    box-sizing: border-box;
    border-top: .01rem solid #0166b9;
    text-align: center;
    line-height: 1rem;
    font-size: .14rem;
    color: #fff;
}
.m-footer{
    display: none;
    width: 100%;
    height: 1.38rem;
    border-top: .01rem solid #0166b9;
    box-sizing: border-box;
    background: #014099;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: .4rem;
}
.m-footer p{

    text-align: center;
    font-size: .14rem;
    color: #fff;
}

.mobile-header{
    position: fixed;
    width: 100%;
    height: 1.4rem;
    top: 0;
    display: none;
    align-items: center;
    justify-content: space-between;
    /*background: #f9f9f9;*/
    /*box-shadow: 0px .07rem .21rem 0px rgba(16, 56, 107, 0.07);*/
    box-shadow: -.05rem .03rem .46rem 0px rgba(195, 196, 198, 0.17);
    overflow: hidden;
    background: #ffffff;

}

.m-logo{
    height: 100%;
}

.m-logo img{
    height: 100%;
}

.m-menu-list{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:#f9f9f9;
    z-index: 99999;

    display: none;


}
.m-menu-list .items-box{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 .46rem;
    padding-top: 2.6rem;
    /*display: none;*/
}
.menu-img{
    width: .42rem;
    height: .28rem;
}
.menu-img-none{
    display: none;
    width: .34rem;
    height: .34rem;
}
.m-menu-list .items-box li{
    width: 100%;
    height: 1.6rem;
    border-bottom:.01rem solid #d6d6d6;
    display: flex;
    align-items: center;

}

.m-menu-list .items-box li .items{
    display: flex;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .3rem;
  
}
.m-menu-list .items-box li:last-child{
    margin-bottom: 0;
}
.color-1{
    color: #014099!important;
}
.m-menu-list .items-box li .items a{
    font-size: .3rem;
    color: #323338;
    line-height: .3rem;
    margin-left: .38rem;
}
.m-menu-list .items-box li .items img{
    width: .18rem;
    height: .18rem;
    margin-right: .26rem;
}
.two-menu{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: block;
    box-sizing: border-box;
    padding: 0 .46rem;
    padding-top: 1.4rem;
    display: none;
}
.m-menu-items{
    width: 100%;
    height: auto;
    display: none;
}
.two-menu .return{
    width: 100%;
    height: 1.14rem;
    display: flex;
    align-items: center;
}
.two-menu .return img{
    width: .11rem;
    height: .16rem;
}
.two-menu .m-menu-items .items img{
    width: .11rem;
    height: .16rem;
}
.two-menu .return span{
    font-size: .3rem;
    line-height: .3rem;
    font-family: "SourceHanSansSC";
    color: #808080;
    margin-left: .26rem;
}

.two-menu .m-menu-items .items{
    width: 100%;
    height: 1.62rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .3rem 0 .38rem;
    border-top: .01rem solid #d6d6d6;
}
.two-menu .m-menu-items .items span{
    color: #323338;
    font-size: .3rem;
    line-height: .3rem;
    font-family: "SourceHanSansSC";

}


/*pubile nav*/
/*section{*/
/*    width: 14.4rem;*/
/*    height: auto;*/
/*    margin: 0 auto;*/
/*    box-sizing: border-box;*/
/*    padding-top: 1.2rem;*/
/*}*/

.nav{
    width: 100%;
    height: .69rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.nav a{
    color: #807f85;
    font-size: .14rem;
    line-height: .14rem;
    font-family: "SourceHanSansSCLight";
}
.nav a:hover{
    color: #2259a6;
}
.nav a:last-child span{
    display: none;
}

.img00-box{
    position: absolute;
    top: -0.80rem;
    left: -0.7rem;
    overflow: hidden;
    background: #fff !important;
}
.img00-box::before{
    content: "";
    display: block;
    position: absolute;
    width: 99%;
    height: 99%;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #0081cc;
}
.img01-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img01-box>img{
    width: 100%;
    height: 100%;
}

.content{
    min-height: calc(100vh - 2.75rem);
}
.kb{
    height: 1.2rem;
}
.des-box>div.item{
    border-bottom:1px solid #fabe00;
}
.title-box span:hover{
    color: #014099;
    cursor: pointer;
}

@media screen and (max-width:768px ){
    header{
        display: none;
    }
    .mobile-header{
        display: flex;
        z-index:999999;
    }
    footer{
        display: none;
    }
    .m-footer{
        display: block;
        font-family: "SourceHanSansSCBold";
    }
/*    nav*/
/*    section{*/
/*        width: 100%;*/
/*        padding-top: 1.4rem;*/
/*    }*/

    .nav{
        display: none;
    }


    .kb{
        display: none;
    }
}
body,body a{
	/*cursor: url(http://119.255.240.188:1885/images/cursor.png), auto;*/
}

.m-menu-list .items-box li .items a{margin-left:0;}

.two-menu .m-menu-items .items {
    width: 100%;
    height: 1.62rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 .3rem 0 .38rem;
    border-top: .01rem solid #d6d6d6;
}
.two-menu .m-menu-items .items span {
    color: #323338;
    font-size: .3rem;
    line-height: .3rem;
    font-family: "SourceHanSansSC";
}
.two-menu .m-menu-items .items img {
    width: .11rem;
    height: .16rem;
}
