html {
    font-size: 312.5%;
    scroll-behavior: smooth
}

body {
    font: .32rem/.54rem "Microsoft YaHei", sans-serif;
    color: #000;
    background: #fff;
}

a {
    color: #000
}

.overflow_body {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.nav {
    height: 1.4rem;
    padding: .3rem .45rem 0.3rem .32rem;
    box-sizing: border-box;
    overflow: hidden;
    /* position: relative; */
    background: #fff;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.nav::after {
    content: "";
    position: absolute;
    top: .3rem;
    right: 16vw;
    width: .01rem;
    height: .8rem;
    background: #c9111b
}

.nav .china_logo {
    width: 14vw;
    margin-right: .4rem;
    float: left
}

.nav .language_logo {
    height: .4rem;
    margin-top: .3rem
}

.nav p {
    float: left;
    line-height: .8rem
}

.nav a {
    font-size: .38rem;
    color: #e70c0c;
    font-weight: bold
}

.nav .more_btn {
    width: .35rem;
    height: .3rem;
    position: relative;
    margin-top: .25rem;
    float: right;
    display: flex;
    align-items: center
}

.nav .more_btn span {
    width: 100%;
    height: .04rem;
    background: #c9111b;
    transition: all 0.3s;
}

.nav .more_btn::after,
.nav .more_btn::before {
    content: "";
    position: absolute;
    left: 0;
    background: #c9111b;
    width: 100%;
    height: .04rem;
    transition: all 0.3s;
}

.nav .more_btn::before {
    top: 0
}

.nav .more_btn::after {
    bottom: 0
}

.nav .more_btn.more_cur::before,
.nav .more_btn.more_cur::after,
.nav .more_btn.more_cur {
    transition: all 0.3s;
}

.nav .more_btn.more_cur::before {
    transform: rotate(45deg);
    transform-origin: 0 0;
    width: 108%;
}

.nav .more_btn.more_cur::after {
    transform: rotate(-45deg);
    transform-origin: 0 100%;
    width: 108%;
}

.nav .more_btn.more_cur span {
    opacity: 0;
}

.more_language {
    width: 100%;
    height: calc(100vh - 1.4rem);
    background: url("nav_more.jpg") no-repeat center/100% 100%;
    position: fixed;
    top: -150%;
    /* top: 1.4rem; */
    left: 0;
    /* transform: translateY(-100vh); */
    transition: all .6s;
    overflow-y: scroll;
}

.more_language ul {
    padding: .25rem .5rem 2rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.more_language li {
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    background: url("line.png") no-repeat bottom center/100% auto
}


.more_language li:nth-child(1) {
    font-family: "Microsoft YaHei", sans-serif;
}

/*中文*/
.more_language li:nth-child(2) {
    font-family: Arial, Helvetica, sans-serif
}

/*英文*/
.more_language li:nth-child(3) {
    font-family: Verdana, simsun, sans-serif
}

/*法文*/
.more_language li:nth-child(4) {
    font-family: "Meiryo", "ヒラギノ角ゴ Pro W3 Regular", "MS UI Gothic", "SourceHanSansCN-Normal", Verdana, "SimHei", "MS Gothic", Arial, sans-serif
}

/*日文*/
.more_language li:nth-child(5) {
    font-family: Arial, Helvetica, Times New Roman, sans-serif
}

/*德文*/
.more_language li:nth-child(6) {
    font-family: Arial, Helvetica, sans-serif
}

/*俄文*/
.more_language li:nth-child(7) {
    font-family: 'Helvetica Neue', Helvetica, Arial
}

/*西文*/
.more_language li:nth-child(8) {
    font-family: 'Almarai', 'Arial'
}

/*阿文*/
.more_language li:nth-child(9) {
    font-family: "Helvetica Neue", Helvetica, Arial
}

/*世界语*/
.more_language li:nth-child(10) {
    font-family: Kalimati, Mangal, Arial, sans-serif;
    background: none
}

/*韩文*/
.more_language a {
    color: #fff;
    font-size: .4rem;
    display: inline-block
}

.more_language img {
    margin-top: calc((100% - .45rem)/2);
    height: .45rem
}

.more_language.more_language_show {
    /* transform: translateY(0) */
    top: 1.4rem;
}

.banner {
    width: 100%;
    margin-top: 1.4rem;
}

.box img,
.headline img {
    width: 100%
}

.box .title,
.headline .title {
    font-size: .4rem;
    box-sizing: border-box;
    padding: .3rem 0
}

.box .inform,
.headline .inform {
    color: #c1bbb8;
    font-size: .24rem;
    padding-bottom: .4rem;
    box-sizing: border-box;
    background-image: url("line2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 100%
}

.headline h1 {
    padding: 0 .3rem;
    box-sizing: border-box;
    margin: .65rem 0 .7rem
}

.headline h1 a {
    font-size: .5rem;
    line-height: .65rem;
    color: #e80d0c
}

.headline .title {
    padding: .3rem .3rem;
    background: #f3f3f3
}

.headline .inform {
    padding: 0 .3rem .4rem;
    background-size: calc(100% - 1rem);
    background-position: .5rem 100%;
    background-color: #f3f3f3
}

.box {
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box
}

/*.box a { color: #707070 }*/
.box img {
    margin-top: .35rem
}

.box .more_article {
    width: 100%;
    height: .73rem;
    line-height: .73rem;
    text-align: center;
    display: block;
    margin: .35rem auto 0;
    background: #eee;
    color: #555;
    font-size: .33rem
}

.footer {
    width: 100%;
    background: url("footer_bg.jpg") no-repeat center/100% auto;
    font-size: .26rem;
    color: #fff;
    margin-top: .35rem;
    padding: .8rem .5rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 0.5rem;
}

/*# sourceMappingURL=m_index.min.css.map */