@charset "gb2312";

@media (min-width:768px) {
    html {
        font-size: 24px !important
    }
}

body {
    background-color: #fff;
}
.relative{position: relative;}
.absolute{position: absolute;}
.button-container {
    text-align: center;
    width: 100%;
    padding: .1rem 0 .7rem 0;
}

.bg-blue {
    background-color: #00375c;
}

.bg-gray {
    background-color: #efefef;
}

.yellow {
    background-color: #fca30b;
}

.button-1 {
    width: 30%;
    color: #fff;
    display: inline-block;
    font-size: .75rem;
    border-radius: .9rem;
    padding: .2rem .4rem;
}


.y-header-nav {
    background: #00375c;
    border-bottom:#0c5bc2 1px solid;
    border-top:#0c5bc2 1px solid;
}

.y-header-nav ul {
    display: block;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.y-header-nav ul div {
    width:0.3%; float:left; margin-top:0.8%; margin-bottom:0.8%; background:#0c5bc2;
}
.y-header-nav li {
    display: inline;
    font-size: .69rem;
    padding: 4px 6px;
    background-color: #00385d;
}

.y-header-nav p {
    color: #fff
}


.box {
    margin: 2px 0;
}
.box1{margin-top: 0;}
.box2-but {
    padding-top: .6rem;
}

.disc_container ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.disc_container {
    background-color: #003454;
    padding-bottom: .6rem;
}

.disc_item {
    width: calc(33% - 10px);
    padding: 4px;
}

.box7-but {
    padding-top: .6rem;
}

.box8 {
    background-color: #00375d;
    margin-bottom: 0;
}

.box-8-content {
    padding: .5rem;
    color: #fff;
    font-size: .57rem;
    text-align: justify;
}

.num-bg {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: .4rem;
    color: #00375c;
/*     background-image: url(/static/image/circle.svg); */
    background-color: #fca40e;
    text-indent: .2rem;
    line-height: .8rem;
    margin-right: .2rem;
}
.font-yellow {
    color: #fca40e;
}

.box9 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#022b49), to(#00375d));
    background-image: linear-gradient(#022b49, #00375d);
    z-index: 11;
}

.box9-logo {
    position: relative;
    /*right: .4rem*/
}

.box-9-content {
    padding: .2rem 0;/*.6rem*/
    color: #fff;
    font-size: .57rem;
    text-align: justify;
    /* padding-bottom: 1rem; */
    text-indent: 1.2rem;
    position: relative;
    top: -0.5rem;
	word-break:break-all;
	width: 94%;
    margin: 0 auto;
}
.foot{
   z-index: 10;
   position: relative;
   top: -.2rem;
}
/* foot-swt */
.foot-swt{
    z-index: 20;
    position: fixed;
    bottom: 0;
}
.swt-container{ 
    bottom: 0;
}
.swt-container a{
    display: inline-block;
    color: #fff;
    height: 2.7rem;
}
.swt-container a span{
    font-size: .69rem;
}
.swt-container .sy{
    width: 3rem;
}
.swt-container .sy span{
    position: relative;
    left: .7rem;
    top: 1.4rem;
}
.swt-container .dh{
    width: 7rem;
}
.swt-container .dh span{
    position: relative;
    left: 2.4rem;
    top: .6rem;
}
.swt-container .lt{
    width: 7.7rem;
}
.swt-container .lt span{
    position: relative;
    left: 2.8rem;
    top: .6rem;
}