@charset "utf-8";
.header{width: 100%;box-sizing: border-box;z-index: 3;padding: 0 5.9% 0 3.3%;position: relative;}
.logo{display: block;float: left;padding-top: 0.6vw;line-height: 1.0;}
.logo img{height: 2.4vw;}
.MenuList_f1 .menu li.mlang{display: none;}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:70px;float: right;}
.nav_xl_a span{position: relative;border-radius: 2px;display: block;}
.nav_xl_a span:before{content: "";width: 5px;height: 5px;background: #fff;position: absolute;left: -9px;top: -1px;border-radius: 50%;}
.nav_xl_a .h1 {position:absolute; opacity:1; left:0; top:50%; margin-left:0; width:100%; height:3px; background:#fff;display: block;}
.nav_xl_a .h2, .nav_xl_a .h3 {position:absolute;left:0%; top:50%; margin-left: 0; width:100%; height:3px; background:#fff; transition:.4s all ease;}
.nav_xl_a .h2 {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.nav_xl_a .h3 {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,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;}
.index .headbox,.pagebox{position: absolute;right: 0;top: 0;z-index: 2;width: 71.66%;pointer-events: none;}

.mobhome{display: none;}

.MenuList_f1{z-index: 11;line-height: 1.0;display: inline-block;}
.MenuList_f1 .menu{text-align: left;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: inline-block;}
.MenuList_f1 .menu li a{display: block;font-size: 18px;}
.MenuList_f1 .menu li a span{padding: 0 1.3vw;text-transform: capitalize;color: #fff;display: block;position: relative;line-height: 3.9vw;}
.MenuList_f1 .menu .stmenu>h3>a>span:after{content: "";display: block;height: 2px;width: 1.2em;position: absolute;top: 2.9vw;left: 50%;background: #fff;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);display: none;}

.MenuList_f1 .menu .child{display: none;position: absolute;left: 0;top: 2.5vw;width: 100%;text-align: center;z-index: 2;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:translate(-50%, 0);
    background-color: #fff;border-top: 1.3vw solid transparent;background-clip: padding-box;}
.MenuList_f1 .menu .child li{float: none;margin: 0;display: inline-block;}
.MenuList_f1 .menu .child>li a span{background-color: transparent;border-bottom: 0;padding: 1.5vw 1vw;color: #164161;line-height: 1.5;}
.lang{display: inline-block;margin-left: 2.3vw;padding: 6px 14px;background: #fff;border-radius: 30px;float: right;margin-top: 1.2vw;}
.lang a{color: #164161;font-size: 14px;}
.lang span{line-height: 17px;height: 17px;float: right;}
.lang img{display: inline-block;float: left;margin-right: 6px;}
/* .MenuList_f1 .menu .stmenu:nth-of-type(3) .child{display: none !important;} */

.footer {padding: 0 2.3vw;margin-top: 7.2vw;position: relative;}
.footer .bg5{display: block;width: 15.6vw;height: 100%;position: absolute;left: 0;bottom: 0;z-index: -1;
    background: linear-gradient(45deg, #145382, #4689c2 , #145382);
background: -webkit-linear-gradient(45deg, #145382, #4689c2 , #145382);background: -ms-linear-gradient(45deg, #145382, #4689c2 , #145382);}
.footer .bottom{width: 100%;font-size: 12px;padding: 10px 10%;box-sizing: border-box;text-align: center;color: #666666;line-height: 1.8;}
.footer .bottom p{display: inline-block;}
.footer .top{color: #404040;font-size: 16px;margin-bottom: 10px;box-sizing:border-box;}
.footer .top .logo img{height: 2vw;}
.footer .top .fl{background: #daf6ff;padding: 3vw 2vw;}
.footer .mid{float: left;margin-left: 2%;padding-top: 2vw;width: calc(80% - 300px);}
.footer .mid .phone{color: #f5a926;margin-bottom: 20px;font-weight: bold;font-size: 20px;padding-left: 24px;display: block;
    background: url(../images/phone.png) no-repeat left center;}
.footer .top ul li{margin: 0 1vw;display: block;float: left;}
.footer .top ul li a{color: #007eb5;font-size: 14px;}
.footer .top ul:nth-of-type(1) li:nth-of-type(1){margin-left: 0;display: none;}
.footer .top ul li:nth-of-type(2),.footer .top ul li:nth-of-type(1){margin-left: 0;}
.footer .top .fr p{font-size: 12px;color: #007eb5;text-align: center;display: block;margin-top: 5px;}
.footer .top .fr{display: inline-block;margin-left: 12px;width:115px;text-align: right;color: #404040;}
.footer .top .fr img{display: block;width: 100%;}
.tha:after{content: "\0040";}
.tha{display: inline !important;}
@media screen and (max-width: 1640px){
    .MenuList_f1 .menu li a{font-size: 16px;}
}
@media screen and (max-width: 1440px){
    .MenuList_f1 .menu li a span{padding: 0 1vw;}
}
@media screen and (max-width: 1250px){
    .lang{margin-top: 0.7vw;}
    .MenuList_f1 .menu li a span {padding: 0 1vw;font-size: 1.1vw;}
}
@media screen and (max-width: 1200px){
    .footer .mid{padding-top: 1.5vw;}
    .footer{padding-right: 4%;}
    .footer .mid .phone{margin-bottom: 1vw;}
    .footer .top ul li{margin: 0.6vw;}

    .footer .top{padding-right: 5%;}

}
@media screen and (min-width: 1024px){
    .MenuList_f1 .menu .child>li a:hover span{background: #daf6ff;}
    .MenuList_f1 .menu li.on a span:after,.MenuList_f1 .menu li:hover a span:after{display: block;}
}
@media screen and (max-width: 1024px){
    .footer .top{padding-right: 0;}

    .index .headbox,.pagebox{display: none;}
    .p_ban,.page_ban{margin-top: 70px;}

    .nav_xl_a{display: block;width: 35px;margin-left: 15px;}
    .logo img{height: 28px;}
    .logo{padding-top: 21px;}
    .index .header,.header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;padding: 0 5%;height: 70px;background: url(../images/hbg2.jpg) #fff right bottom no-repeat; background-size: auto 101%;}
    .MenuList_f1{display: none;width: 30%;height:100%;position: fixed;right: 0;top: 70px;background: #2a6da2;padding: 20px 0 0 0;line-height: 1.5;}
    .MenuList_f1 .menu li {width: 100%;text-align: center;overflow:hidden; line-height:40px; margin-left:100px; margin-bottom:2%;opacity: 0;
        transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .MenuList_f1 .menu li a span{padding: 1.5vw 0;line-height: 1.0;font-size: 16px;}
    .MenuList_f1 .menu li:nth-last-child(1) span{border-color: transparent;text-align: center;}
    .MenuList_f1 .menu li:nth-last-child(1){margin-left: 0;}
    .MenuList_f1 .menu .child{position: fixed;top: 70px;display: block; width: 0;right:30%;left: auto; border: none; border: 0;height: 100%;background: #164163;
        padding-top: 20px;box-sizing:border-box;transform: none;-webkit-transform: none;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;opacity: 0;display: block;}
    .MenuList_f1 .menu .child>li a span{color: #fff;}
    .MenuList_f1 .menu .act .child{ left: auto;opacity: 1;width: 25%;}
    .MenuList_f1 .menu li:nth-child(2n) {margin-left:0; margin-left: -100px;}
    .MenuList_f1 .ali li {margin-left:0 !important;opacity: 1;}

    .lang{margin-right: 1vw;margin-top: 21px;}
    .footer .top .fl{display: none;}
    .footer .bg5{display: none;}
    .footer .mid{margin-left: 0;width: 50%;}
    .footer .bottom{background-size: auto 4vw;background-position: center 2vw;}
}
@media screen and (max-width: 640px){
    .MenuList_f1 .menu li.mlang .drop{display: block;margin: 0 auto;background: #fff;border-radius: 3px; width: 5em;}
    .MenuList_f1 .menu li.mlang .drop span{color: #164163;padding: 1.2vw 0;line-height: 1.5;}
    .MenuList_f1 .menu li.mlang{display: block;margin-top: 3vw;}
    .m_ban,.page_ban{margin-top: 12.2vw;}
    .m_ban{height: 146vw;}
    .lang{display: none;}
    .index .header,.header{padding: 0 6.6% 0 0;height: 12.2vw;}
    .header .fr{float: left;position: fixed;top: 0;right: 4.5%;}
    .MenuList_f1{top: 12.2vw;right: 0;width: 50%;padding-top: 6vw;}
    .MenuList_f1 .menu li,.MenuList_f1 .menu li a span{margin-bottom: 0;line-height: 1.5;}
    .MenuList_f1 .menu li a{font-size: 4.2vw;}
    .MenuList_f1 .menu .child li a{font-size: 3.8vw;}
    .MenuList_f1 .menu li a span{padding: 2.5vw 0;}
    .MenuList_f1 .menu .stmenu .sss span:after{content: "";display: block;position: absolute;background: none;left:auto; right: 30%;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: 4.8vw;
    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;}
    .logo{height: 6.9vw;padding-top: 2.65vw;float: none;max-width: 50%;margin-left: 3%;}
    .logo img{height: 100%;max-width: 100%;}
    .MenuList_f1 .menu .child{right: 50%;width: 0;top: 19.2vw;transform: skewY(-20deg);-webkit-transform: skewY(-20deg);padding-top: 7vw;}
    .MenuList_f1 .menu .act .child{top: 12.2vw;transform: skewY(0);-webkit-transform: skewY(0);width: 36%;}
    .MenuList_f1{width: 100%;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .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: 19%;}

    .footer{line-height: 1.8;font-size: 3.8vw;margin-top: 21.3vw;}
    .footer .mid ul{display: none;}
    .footer .top {margin-bottom: 1vw;}
    .footer .top .fl{display: block;padding: 8vw 6.6vw;float: left;}
    .footer .top .logo img{height: 6vw;}
    .footer .top .fr{width: 16.6vw;padding-top: 3vw;margin-left: 0;}
    .footer .top .fr img{display: block;width: 100%;}
    .footer .top .fr p{display: none;}
    .footer .copyright{text-align: center;width: 100%;}
    .footer .bottom{padding: 0 0 2vw 0;}
    .footer .bottom .ewm{display:block;margin: 0 auto 3vw auto;}
    .footer .bg5{display: block;height: 30.5vw;top: 0;bottom: auto;width: 39.6%;}

    .mobhome{display: block;float: left;height: 7vw;margin-top: 3vw;}
    .mobhome img{width: auto;height: 100%;}

     .footer .mid {width: 100%;margin-left: 3vw;}
    .footer .mid .phone{display: block;margin-top: 8vw;}
}