.topnav{width: 100%;line-height: 36px; padding:  0 13.05%;width: 100%;box-sizing:border-box;background: #0a164f;color: #fff;font-size: 12px;}
.topnav p{display: inline-block;}
.topnav a{color: #fff;float: right;padding-left: 11px;border-left: 1px solid #1a2971;}
.topnav a img{float: left;display: block;transform: translateY(10px);margin-right: 7px;}

.header{position: relative; z-index: 99; box-sizing:border-box;padding:  0 13.05%;width: 100%;border-bottom: 1px solid #f5f5f5;top: 0;
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;background: #fff;}
.header .logo{display: block;float: left;width: 11vw; /* max-height: 2.3vw; margin-top: 1.815vw;*/
position: absolute;left: 13.05%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header .logo img{display: block;width: 100%;}
.header .logo .b{display: none;}
.header .mid{float: right;margin-right: 3.5vw;}
.header .mid a{display: block;color: #414141;font-size: 16px;line-height: 1.15;transition:.1s all ease;text-align: center;}
.header .mid li:nth-last-child(2) {margin-right: 0;}
.header .mid li:nth-last-child(1) .child{opacity: 0;}
.header .mid a:hover,.header .mid li.on a{color: #2750c5;}
.header .mid li{display: inline-block;margin-right: 1vw;position: relative;padding: 2vw 1.1vw 2vw 1.1vw;box-sizing:border-box;}

.MenuList_f1{position: absolute;right: 0;z-index: 5;height: calc(100% - 5.1vw);top: calc(5vw + 36px);background: #fff; text-align: right;font-size: 14px;width: 25%;display: none;}
.MenuList_f1 .stmenu:first-child{display: none;}
.MenuList_f1 li{display: block;float: none;text-align: center;margin: 2vw auto;}
.MenuList_f1 li a span{padding: 0.4vw 0;}
.MenuList_f1 li.on span{color: #2750c5;border-bottom: 1px solid #2750c5;}
.MenuList_f1 li.onm span{border-bottom: 1px solid #dd2824;}
.MenuList_f1 .child{width: 80%;margin: 0 auto;display: none;margin-top: 1vw;}
.MenuList_f1 .child li {margin: 0.2vw auto;}
.MenuList_f1 .child li a span{display: block;color: #333;text-align: center;border-bottom: none;font-size: 16px;text-transform: uppercase;}

.index .topnav{position: absolute;top: 0;z-index: 1;}
.index .header{position: fixed;}
.index .MenuList_f1{position: fixed;top:5vw;}
.fp-viewing-0 .header{top: 36px;}
.fp-viewing-0 .MenuList_f1{height: calc(100% - 5.1vw - 36px);top: calc(5.1vw + 36px);}

.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width: 2vw;height: 2vw; max-width: 40px;max-height: 40px; float: right;border: 1px solid #d8d8d8;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a span{position: relative;border-radius: 2px;display: block;}
.nav_xl_a .h1 {position:absolute; opacity:1; right:25%; top:50%;width: 50%; margin-left:0;  height:2px; background:#474747;display: block;}
.nav_xl_a .h2, .nav_xl_a .h3 {position:absolute;right:25%; top:50%; margin-left: 0;height:2px; background:#474747;width: 50%;
    -ms-transition:.4s all ease;-webkit-transition:.4s all ease; transition:.4s all ease;}
.nav_xl_a .h2 {-webkit-transform:translate3d(0,-7px,0); transform:translate3d(0,-7px,0);}
.nav_xl_a .h3 {-webkit-transform:translate3d(0,7px,0); transform:translate3d(0,7px,0);}
.a1 .h2 {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1 .h3 {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 .h1,.a1 span:before{display: none;}

.header .fr{padding-top: 1.4vw;}
.header .fr .nav_xl_a{display: block; float: left;}
.header .s_ceng{float: right;position: relative;z-index:99;box-sizing:border-box;border: 1px solid #d8d8d8;margin-left:1vw;}
.header .s_box{position: absolute;display: none;top: -1px;right: -1px;background: #fff;width: calc(290px + 2vw);border: 1px solid #d8d8d8;min-height: 40px;}
.header .s_box input{float:left; text-indent:0; background-color: transparent;width: 270px;height: 40px; line-height: 40px;text-indent: 2em;
    border:none;outline: none;background: transparent;color: #000;outline: none;transition:.4s all ease;}
.header .s {display: block; outline: none;padding-right:0; border: none;border-left:none;height: 2vw;width: 2vw;float: right;background:url(../images/search.png) center no-repeat;
    max-width: 40px;max-height: 40px; background-size: 50% auto;}

.footer{padding: 2.6vw 0 4vw 0;color: #fff;text-align: center;background: url(../images/bg6.jpg) center no-repeat;background-size: cover; font-size: 16px;}
.footer a{color: #fff;}
.footer ul{display: block;}
.footer li{display: inline-block;}
.list li:nth-child(2){margin: 0 1.4vw;}
.list li i{display: block;width: 50px;height: 50px;background: url(../images/baidu.png) no-repeat;background-size: auto 100%;}
.list li:nth-child(2) i{background-position: -78px center;}
.list li:nth-child(3) i{background-position: -156px center;}
.list2 {margin: 2.2vw auto 1.4vw auto;}
.list2 li{font-size: 16px;line-height: 1.0;border-right: 1px solid;}
.list2 a{ padding: 0 1.5vw; }
.list2 li:last-child{border-right: none;}
.footer a,.footer p{display: inline;}
.copy{color: #a9a9a9;font-size: 14px;text-align: center;}
.copy a{color: #a9a9a9;}

.header.searchA .s_box{display: block;}
.header.searchA .nav_xl_a{display: none;}
.header.searchA .mid{opacity: 0;pointer-events: none;}
@media screen and (max-width: 1380px){
    .header .mid a{font-size: 1vw;}
}
@media screen and (max-width: 1250px){
    .MenuList_f1 a span{font-size: 0.8vw;}
}
@media screen and (max-width: 1024px)  and (orientation: portrait){
    .MenuList_f1 .child li a:hover span{color: #c4171f;}
    .nav_xl_a{background: url(../images/earth.png) center no-repeat;background-size: 50%;}
    .nav_xl_a span,.nav_xl_a .h1{display: none;}

    .header{padding: 0 5%;}
    .header .mid a{font-size: 1.8vw;}
    .header .logo{left: 5%;}
    .nav_xl_a,.header .s{height: 4vw;width: 4vw;}
    .header .mid li:first-child{display: none;}
    .header .mid{margin-right: 0;}
    .MenuList_f1{font-size: 1.8vw;}
    .fp-viewing-0 .MenuList_f1{padding-top: 7vw;}
    .topnav{padding: 0 5%;}
}
@media screen and (max-width: 640px){
    .header .mid,.topnav{display: none;}
    .fp-viewing-0 .header{top: 0;}
    .header{height: 15.5vw;padding: 0 4.5%;position: fixed;top: 0;}
    /* .ceng{position: fixed;width: 100%;right: 0;top: 0;background-color: #fff;opacity: 0.8; height: 100%;z-index: 3;display: none;} */
    .nav_xl_a,.header .s{height: 7vw;width: 7vw;max-height: 7vw;max-width: 7vw;}
    .header .logo{left: 4.5%;width: 30vw;}
    .header .fr{padding-top: 4.25vw;}
    .header.searchA .s_ceng{margin-left: 4vw;width: 57vw;border: none;}
    .header .s_box{width: 100%;min-height: 7vw;border: none;}
    .header .s_box input{border-bottom: 1px solid #d8d8d8; height: 7vw;line-height: 7vw;width: calc(100% - 8vw);text-indent: 1em;font-size: 3.6vw;}

    .MenuList_f1,.index .MenuList_f1{position: fixed; top: 15.5vw;height: calc(100vh - 15.5vw);background-color: #0054a9;width: 100%;z-index: 5;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .MenuList_f1 .menu{margin-top: 6vw;}
    .MenuList_f1 li,.MenuList_f1 .child li{margin: 6vw auto;}
    .MenuList_f1 a span{font-size: 4.2vw;position: relative;display: block;color: #fff;padding: 2vw 0;}
    .MenuList_f1 .menu .stmenu .sss span:after{content: "";display: block;position: absolute;background: none;left:auto; right: 36%;z-index: 3;width: 0.5em;height: 0.5em;
    border-bottom: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 2.5vw;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .nav_xl_a{width: 12vw;height: 12.2vw;margin-top: 0;margin-left: 3vw;}
    .nav_xl_a .h2, .nav_xl_a .h3,.nav_xl_a .h1{width: 50%;background: #fff;left: 25%;height: 0.5vw;}
    .MenuList_f1 .menu .child{opacity: 0; display: block; right: 50%;position: fixed;border: none;top: 19.2vw;transform: skewY(-20deg);-webkit-transform: skewY(-20deg);padding-top: 7vw;pointer-events: none;
    transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;margin-top: 0;background: #fff;height: calc(100vh - 15.5vw);}
    .MenuList_f1 .act .child{opacity: 1; top: 15.5vw;transform: skewY(0);-webkit-transform: skewY(0);width: 36%;pointer-events: auto;}
    .MenuList_f1.act,.index .MenuList_f1.act{width: 50%;}
    .MenuList_f1.act .menu .act .sss span:after{-webkit-transform: rotate(-45deg);transform: rotate(135deg);right: 22%;}
    .MenuList_f1.act .menu li .sss span:after{right: 23%;}
    .nav_xl_a.a1{transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}

    .footer{padding: 9.1vw 4.5% 6.9vw 4.5%;background-image: url(../images/mbg6.jpg);}
    .footer a, .footer p{font-size: 3.6vw;}
    .list2{margin: 5vw auto;}
    .list2 li:first-child{display: none;}
    .list2 li{width: 33.3%; box-sizing: border-box;margin-bottom: 2.5vw;}
    .list2 li:nth-of-type(4){border: none;}
    .list li i{width: 9vw;height: 9vw;}
    .list li:nth-child(2){margin: 0 5vw;}
    .list li:nth-child(2) i {background-position: -14.2vw center;}
    .list li:nth-child(3) i {background-position: 100% center;}

    .MenuList_f1 .stmenu.mlang{display: block;}
    .MenuList_f1 li.on span{color: #fff;}
}