@charset "utf-8";
.logo{display: block;position: absolute; top: 2vw;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.logo img{height: 4vw;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.mlang{display: none;}
.header{width: 91.5%;box-sizing: border-box; z-index: 4;padding: 0 1.5% 0 5.2%;position: absolute;top: 0;}
.header .fr{position: fixed;top: 1vw;right: 1.5%;z-index: 3;}
.nav_xl_a {position:relative;cursor:pointer;z-index:999;width: 3vw; height: 3vw;float: right;background: #fff;border-radius: 50%;box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.05);}
.nav_xl_a span {position:absolute; opacity:1; left:20%; top:50%; margin-left:0; width:60%; height:4px; background:#274e85;}
.nav_xl_a:before, .nav_xl_a:after {position:absolute; content:''; left:20%; top:50%; margin-left: 0; width:60%; height:4px; background:#274e85; 
transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.nav_xl_a:before {-webkit-transform:translate3d(0,-0.5vw,0); transform:translate3d(0,-0.5vw,0);}
.nav_xl_a:after {-webkit-transform:translate3d(0,0.5vw,0); transform:translate3d(0,0.5vw,0);}
.a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 span{display: none;}
.lang{display: inline-block;margin-right: 15px;}
.lang a{color: #274e85;background: #fff;display: block;width: 3vw;height: 3vw;line-height: 3vw;font-size: 1.5vw;border-radius: 50%;text-align: center;box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.05);}
.lang img{display: inline-block;float: left;margin-right: 12px;}

.MenuList_f1{z-index: 2;line-height: 1.0;display: inline-block;display: none;position: fixed;top: 0;width: 98.5%;right: 0;background: #fff;padding-right: 10%;box-sizing: border-box;}
.MenuList_f1 .menu{text-align: right;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: inline-block;position: relative;}
.MenuList_f1 .menu li a{display: block;font-size: 1vw;white-space: nowrap;}
.MenuList_f1 .menu li a span{padding: 1.8vw 2.3vw;text-transform: capitalize;color: #274e85;display: block;position: relative;line-height: 1.4;}
.MenuList_f1 .menu .child{display: none;position: absolute;left: 0;top: 5vw;width: auto;text-align: center;z-index: 2;
    left: 50%; transform:  translate(-50%, 0);-webkit-transform:  translate(-50%, 0);
    background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.MenuList_f1 .menu .child li{display: inline-block; float: none;margin: 0;width: 100%;}
.MenuList_f1 .menu .child>li a span{background-color: transparent;border-bottom: 0;padding:  0.7vw 2vw;}
.MenuList_f1 .menu .child>li:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;}

.footer{padding: 2.6vw 6%;background: url(../images/fbg.png) no-repeat;background-size: 69% 100%; box-sizing:border-box;position: relative;}
.footer .fl{width: 70%;color: #fff;font-size: 16px;}
.footer .fl h3{color: #ffffff;font-size: 1.3vw;}
.footer .copy {position: absolute;bottom: 2.6vw;width: 55.5%;}
.footer .copy ,.footer .copy a{color: #a6c8fe;}
.footer .fr{width: 30%;color: #000000;font-size: 16px;}
.footer .fr p{text-align: right;float: right;padding-top: 1.3vw;line-height: 1.8;font-size: 0.8vw;}
.footer .ewm{width: 6.5vw;float: right;margin-left: 1.5vw;}
.footer .ewm img{display: block;width: 100%;}

/* 20200513 维护添加浮动联系方式及留言 */
.common_float{display: block;max-width: 242px;background-color: #264e88;border-radius: 8px 0 0 8px;position: fixed;right: 0;bottom: 50%;padding: 22px 28px;box-sizing: border-box;transform: translateY(50%);z-index: 1499;transition: all 0.5s;max-height: 100%;}
.common_float>.toggle-btn{display: block;opacity: 1;width: 40px;}
.common_float>.toggle-page{display: none;opacity: 0;}
.common_float_on>.toggle-btn{display: none;opacity: 0;}
.common_float_on>.toggle-page{display: block;opacity: 1;}
.common_float>.toggle-btn>i{display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.common_float>.toggle-btn>i:hover{background-color: #3b66a5;}
.common_float>.toggle-btn>.i1{background-image: url(../images/common_float_icon_1.png);}
.common_float>.toggle-btn>.i2{background-image: url(../images/common_float_icon_2.png);}
.common_float>.toggle-btn>.i3{background-image: url(../images/common_float_icon_3.png);}
.common_float>.toggle-page>li{display: block;color:#fff;margin-bottom: 16px;}
.common_float>.toggle-page>li>h3, .common_float>ul>li>h3, .common_float>ul>li>p {display: block;font-size: 16px;line-height: 26px;width: 100%;max-width: 100%;}
.common_float>.toggle-page>li>p>a{color:#fff;}
.common_float>.toggle-page>.photo_qr{display: block;}
.common_float>.toggle-page .photo_qr li{display: block;width: 50%;float: left;padding-right: 2px;box-sizing: border-box;}
.common_float>.toggle-page .photo_qr li a {display: block;width: 100%;}
.common_float>.toggle-page .photo_qr li a img{display: block;width: 100%;}
.common_float>ul>li>p>a{color:#fff;}
.common_float>.toggle-page>li>h3{font-weight: bold;}
.common_float>.toggle-page>li .toggle-close{display: block;text-align: center;cursor: pointer;}
.common_float>.toggle-page>li .toggle-close>span{color: #97b6e3;font-size: 14px;}
.common_float .Gbook_b1,.common_float .Gbook_b1 form,.common_float .Gbook_b1 ul,.common_float .Gbook_b1 ul>li{display: block;}
.common_float .Gbook_b1 ul>li>input,.common_float .Gbook_b1 ul>li>textarea{display: block;width: 100%;max-width: 100%;-webkit-appearance: none;background-color: #3b66a5;border:none;margin-top: 6px;padding:7px 14px;box-sizing: border-box;color:#fff;}
.common_float .Gbook_b1 ul>li>input::-webkit-input-placeholder,.common_float .Gbook_b1 ul>li>textarea::-webkit-input-placeholder{color:#97b6e3;}
.common_float .Gbook_b1 ul>li>input::-ms-input-placeholder,.common_float .Gbook_b1 ul>li>textarea::-ms-input-placeholder{color:#97b6e3;}
.common_float .Gbook_b1 ul>li[class~=content]{width:100%!important;display: block!important;margin:auto!important;min-height: auto!important;}
.common_float .Gbook_b1 ul>li[class=vcode] ul>li{float: left;}
.common_float .Gbook_b1 ul>li[class=vcode] ul>li:first-child{width: calc(100% - 80px);}
.common_float .Gbook_b1 ul>li[class=vcode] ul>li #codeImg{height:31px;margin-top: 6px;}


@media screen and (min-width: 1025px){
    .MenuList_f1 .menu .child>li a:hover span{background: #0b66c6;color: #fff; background: linear-gradient(300deg,#0b66c6 54%, #049ac2);background: -ms-linear-gradient(300deg,#0b66c6 54%, #049ac2);
background: -webkit-linear-gradient(300deg,#0b66c6 54%, #049ac2);}
    .bgmob .MenuList_f1{box-shadow: 2px 5px 2vw 0px rgba(74,85,86,0.08);}
    .bgmob .logo{top: 0.7vw;position: fixed;z-index: 3;}
    .bgmob .logo img{height: 3.3vw;}
    .bgmob .lang a{box-shadow: none;}
    .bgmob .nav_xl_a{opacity: 0;}
    .footer .MenuList_f1 .menu li a:hover span{color: #a1cdf2;}

    .MenuList_f1 .menu .stmenu>h3>a>span:after{content: "";display: block;height: 2px;width: 0;position: absolute;top: auto;bottom: 1vw;left: 50%;background: #274e85;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
    .MenuList_f1 .menu .stmenu:hover>h3>a>span:after,.MenuList_f1 .menu .on>h3>a>span:after{width: 1.2em;}

}
@media screen and (max-width: 1470px){
    .footer{padding: 3vw 5% 4vw 5%;}
    .footer .bottom{padding: 2vw 5%;}
    .footer .MenuList_f1 .stmenu{margin-right: 3.6vw;}
    .footer .fl h3{font-size: 18px;}
}
@media screen and (max-width: 1440px){
    .footer .fr p{font-size: 14px;}
    .MenuList_f1 .menu li a{display: block;font-size: 14px;}
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a:before, .nav_xl_a span{height: 3px;}
}
@media screen and (max-width: 1250px) {
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a:before, .nav_xl_a span{height: 2px;}
    .footer .copy{position: static;width: 100%;}
    .footer .fr p{padding: 0;}
}
@media screen and (max-width: 1024px) and (orientation: portrait){
    .MenuList_f1 .menu{text-align: center;}

    .footer .bottom{background-size: auto 4vw;background-position: center 2vw;}
    .footer .ewm{width: 7.5vw;}

    .bgmob,.mbgmob{background: #fff;box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.05);}
    .mbgmob .nav_xl_a,.mbgmob .lang a{box-shadow: none;}
    .lang a{font-size: 18px;height: 50px;width: 50px;line-height: 50px;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;height: 70px;padding: 0;}
    .MenuList_f1{display: none;height: auto;position: fixed;top: 70px;width: 100%;padding: 20px 0 ;line-height: 1.5;background: rgba(255,255,255,0.95);}
    .MenuList_f1 .menu li {width: 100%;}
    .MenuList_f1 .menu .stmenu{width: 93%;margin: 0 auto 3vw auto;display: block;}
    .MenuList_f1 .menu .stmenu>h3>a>span{border-left: 3px solid #2d558a;padding: 0;text-indent: 1em;}
    .MenuList_f1 .menu .stmenu>h3>a{padding: 15px 0;}
    .MenuList_f1 .menu li a{width: 100%;text-align: left;font-size: 22px;border: none;margin: 0 auto;font-weight: bold;}
    .MenuList_f1 .menu li a span{padding: 15px 0;line-height: 1.5;}
    .MenuList_f1 .menu .child{position: static;transform: none;-webkit-transform: none;display: block;background-color: transparent;}
    .MenuList_f1 .menu .child li{float: left;min-width: 15%;text-align: left;width: auto;}
    .MenuList_f1 .menu .child>li a span{padding: 15px 0;font-size: 20px;font-weight: normal;}
    .MenuList_f1 .menu .stmenu:nth-of-type(3) .child li{width: 30%;}

    .nav_xl_a{width: 50px;height: 50px;margin-top: 0;}
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a span{width: 50%;left: 25%;height: 0.5vw;}
    .nav_xl_a:before{-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
    .nav_xl_a:after{-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
    .a1:before {-webkit-transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);}
    .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);}
    .logo{height: 50px;max-width: 50%;left: 3.5%;top: 10px;}
    .logo img{height: 100%;max-width: 100%;}
    .header .fr{top: 10px;right: 3.5%;}
}
@media screen and (max-width: 640px){
    .MenuList_f1 .menu li a{background: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
    .header .fr{top: 3.45vw;}
    .lang a{font-size: 4.6vw;height: 9.7vw;width: 9.7vw;line-height: 9.7vw;}
    .logo{height: 8vw;max-width: 50%;left: 3.5%;top: 4.3vw;}
    .header{height: 16.6vw;}
    .MenuList_f1{top: 16.6vw;height: calc(100% - 20px);}
    .MenuList_f1 .menu .child>li a span{font-size: 3.8vw;padding: 2vw 0;}
    .MenuList_f1 .menu li a{font-size: 4.2vw;}
    .MenuList_f1 .menu .child li{min-width: 25%;}
    .MenuList_f1 .menu .stmenu{margin-bottom: 1vw;}
    .MenuList_f1 .menu .stmenu>h3>a{padding: 2.5vw 0;}
    .MenuList_f1 .menu li a span{padding: 2.5vw 0;line-height: 1.5;}
    .MenuList_f1 .menu .stmenu:nth-of-type(3) .child li{width: 50%;}

    .nav_xl_a{width: 9.7vw;height: 9.7vw;margin-top: 0;}
    .nav_xl_a:before, .nav_xl_a:after,.nav_xl_a span{width: 50%;left: 25%;height: 0.5vw;}
    .nav_xl_a:before{-webkit-transform: translate3d(0,-1.8vw,0);transform: translate3d(0,-1.8vw,0);}
    .nav_xl_a:after{-webkit-transform: translate3d(0,1.8vw,0);transform: translate3d(0,1.8vw,0);}
    .a1:before {-webkit-transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);transform: rotate3d(0,0,1,45deg) translate3d(0,0,0);}
    .a1:after {-webkit-transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);transform: rotate3d(0,0,1,-45deg)  translate3d(0,0,0);}

    .footer{line-height: 1.8;font-size: 3.4vw;background: #fff;padding: 0;}
    .footer .fl h3,.footer .fl p{display: none;}
    .footer .fl{background: #fff;float: none;width: 93%;margin: 0 auto;padding: 2.26vw 0;text-align: center;}
    .footer p.copy{display: block;position: static;width: 100%;font-size: 3.4vw;color: #a2a3a4;}
    .footer .copy, .footer .copy a{font-size: 3.4vw;color: #a2a3a4;}
    .footer .fr{float: none;padding: 3.75vw 3.5%;width: 100%; box-sizing: border-box; background: #1352ab; background: linear-gradient(300deg,#1352ab 54%, #116def);background: -ms-linear-gradient(300deg,#1352ab 54%, #116def);
background: -webkit-linear-gradient(300deg,#1352ab 54%, #116def);}
    .footer .fr p{display: none;}
    .footer .fr a{font-size: 3.8vw;color: #fff;line-height: 1.8;padding-top: 5vw;float: left;text-align: left;}
    .footer .ewm{width: auto;text-align: right;font-size: 0;}
    .footer .ewm img{width: 17.3vw;display: inline-block;border: 2px solid #fff;}
    .footer .ewm span{font-size: 3.8vw;color: #fff;}
    /* .common_float{display: none;} */
    .common_float{bottom:0;transform: translateY(0);padding:11px 14px;overflow-y: scroll;}
    .common_float_on{padding:22px 28px;}
    .common_float>.toggle-btn>.i2{display: none;}
    .common_float>.toggle-btn>.i3{display: none;}
}