.button>a{display: block;width: 100%;height: 100%;color: inherit;background-color: transparent;}
a{color: inherit;}
.container{width: 1300px;margin-left: auto;margin-right: auto;}
#zhezhaocen{position: fixed;left: 0;top: 0px;background-color: black;height: 100%;width: 100%;opacity:0.5;z-index: 2;display: none;}
/* headeragree */
.headerAgree{position: fixed;bottom: 0px;background-color: #0092d8ed;width: 100%;z-index: 9999;color: white;}
.headerAgree>.container{border-top: 1px solid #d0d0d0;padding: 10px 80px;display: flex;align-items: center;}
.headerAgree .btnAgree { width: 18%; line-height: 48px; height: 48px; text-align: center; }
.headerAgree .btnAgree button { width: 80%; font-size: 14px;height: 32px;line-height: 28px; background-color: #003b6d;}
.headerAgree .txtAgree { text-align: center; white-space: normal;  font-size: 14px; width: 80%; padding: 2px 0; }
/* 侧边栏 */
.aside{transform: translateX(100%);transition: 0.5s;position: fixed;height: 100%;width: 302px;right: 0px;top: 0px;padding: 12px 0px;z-index: 999999;}
.aside.cur{transform: translateX(0%);}
.aside>header{height: 34px;line-height: 34px;padding:0 20px;}
.aside>header button{width: 88px;height: 34px;line-height: 34px;border-radius: 17px;}
.aside>header>svg{float: right;margin-top: 10px;}
.aside>header .login{color: #0092d8;border-color: #0092d8;}
.aside-con{padding-top: 12px;}
.aside-con h4{padding:12px 20px;font-weight: bold;}
.aside-list-con>li{padding:12px 34px;}
.aside-list-con>li:hover{background-color: #f1f6fa;color: #0092d8;border-right: 6px solid #0092d8;}
.aside-list-con>li.cur,.aside-con h4.cur{background-color: #f1f6fa;color: #0092d8;border-right: 6px solid #0092d8;}
/* header */
.header .banner-info{padding-top: 80px;}
.header .banner-info p{font-size: 42px;text-transform:uppercase;}
.header{overflow: hidden;}
.header.header_style2{overflow: visible;min-height: 80px;}
.header.header_style2 header{background-color: white;border-bottom: 1px solid #ccc;}
.header.header_style3 header{background-color: white;border-bottom: 1px solid #ccc;}
.header.header_style3 li{color: #333;}
.header.header_style3 .login a{color: #333;}
.header>header h1>img{/*height: 100%;*/width: 168px}
.header>header{
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0px;
    z-index: 99999;
}
.header.isbac{background-repeat:  no-repeat;background-position: right top ;}
.header-list{display: flex;}
.header-list>li{margin-right: 30px;}
.header-list>li:hover{color:#0092d8 ;}
.optlist-bot{z-index: 99;}
.optlist-bot li{position: relative;z-index: 101;}
.optlist-bot .jiao{border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
.optlist-bot>ul{box-shadow: 2px 2px 1px #888888;border: 1px solid #ccc;}
.header-list .optlist-title>svg{transition: 0.3s;}
.header-list .optlist-title.cur>svg{transform: rotateZ(180deg);}
.header.isbac{height: 735px;}
.header .banner-info .small_text{font-size: 14px;text-transform:none;}
.header>header>.container{
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
}
.header-list>li{line-height: 44px;cursor: pointer;}
.header h1{margin-right: 68px;}
.header .lo-an-reg button{padding: 9px 20px;border-radius: 22px;}
.header .lo-an-reg .login{background-color: transparent;color: #fff;}
.header.header_style2 .lo-an-reg .login {
    background-color: #fff;
    color: inherit;
}
.header.header_style2 .wep_menu{background-color: #0092d8;color: white;}
.header-r{flex: 1;display: flex;justify-content: space-between;}
.header .opt-list{position: relative;}
.header .opt-list a{display: block;width: 100%;height: 100%;}
.header .optlist-bot li{width: 172px;line-height: 1;}
.header .optlist-bot li:hover{background-color: #f1f6fa;color: #0092d8;}
.header .optlist-bot{top:60px;left: 50%;transform: translateX(-50%);}
.optlist-bot .jiao{width: 13px;height: 13px;transform: translateX(-50%) rotateZ(45deg);top:-6px;left: 50%;background-color: #fff;}
.header .optlist-bot>ul{border-radius: 5px;background-color: #fff}
.header .optlist-bot>ul>li{border-radius: 5px;}
.header .optlist-bot{display: none;}
.header .hengang{width: 112px;height: 6px;border-radius: 3px;margin-top: 138px;margin-bottom: 32px;background-color: #fff;}
.header .learnmore{width: 301px;height: 50px;border-radius: 25px;line-height: 50px;margin-top: 64px;}
.header .wep_menu{width: 53px;height: 34px;line-height: 34px;border-radius: 10px;background-color: #576472;}
.xiegang_header{transform-origin:0 100%;width: 110%;height: 303px;position: absolute;left: 0px;bottom: -300px;background-color: white;transform: rotateZ(-7deg);}
.xiegang_header_con{width: 200%;position: absolute;left: 84%;top: 21px;transform: skewX(54deg);}
.xiegang_header p{width: 100%;}
.xiegang_header p:first-child{height: 21px;background-color: #4e6275;}
.xiegang_header p:last-child{margin-left: 81px;height: 21px;background-color: white;border-bottom: 1px solid #717171;}
/* footer */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fLeft{float:left;}
.fRight{float:right;}
.footer{height: 706px;background: url("../images/footer-bac.png") no-repeat 100% 0;position: relative;overflow: hidden;}
.foot_friendly_link{max-width: 70%;/*margin-top: 10px;*/font-size: 12px;color: #74838b;}
.foot_friendly_link a{margin-right: 20px;font-size: 12px;color: #74838b;display: inline-block;}


.footer .toJoin{width: 323px;height: 48px;line-height: 49px;border-radius: 24px;text-transform: uppercase;}
.footer .buttonbox{top: 74px;text-align: center;left: 50%;transform: translateX(-50%);z-index: 99;}
.footer .links>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .link-list{width:210px}
.footer .link-list.contact{width:300px}
.footer .link-list>h5{color:#0092d8;margin-bottom: 28px;text-transform: uppercase;font-family: 'RobotoSlab-Regular';}
.footer .links{padding-top: 327px;}
.footer .links_ot{padding-top: 220px;}
.footer .link-list li{margin-bottom: 20px;}
.link-list.contact{line-height: 21px;}
.link-list h5{font-size: 16px;}
.footer .languages, .footer .languages>div{/*display: flex;align-items: center;*/}
.footer .languages{margin-top: 12px;}
.footer .languages>div:nth-child(1){margin-right: 32px;}
.footer .languages img{margin-right: 8px;}
.language_zh_en{width: 42%;display: inline-block;margin-top: 10px;text-align: center}
.language_zh_en span{vertical-align: super;}
.qrcode_box{width: 45%;display: inline-block;text-align: center}
.qrcode_img{width: 45%;display: inline-block;text-align: center}
.copyright{padding-top: 5px;color: #74838b;width: 855px;}
.copyright-top{/*display: inline-block;position: relative;top: -25px;*/position: absolute;bottom: -40px;width: 68%;}

.xiegang_footer{transform-origin:100% 0;width: 110%;height: 303px;position: absolute;right: 0px;top: -300px;background-color: white;transform: rotateZ(-7deg);}
.xiegang_footer_con{width: 200%;position: absolute;right: 81%;bottom: 7px;transform: skewX(-54deg);}
.xiegang_footer p{width: 100%;}
.xiegang_footer p:last-child{height: 18px;background-color: #195092;}
.xiegang_footer p:first-child{transform: translateX(-81px);height: 4px;background-color: white;border-top: 1px solid #717171;}
.uppercses{text-transform: uppercase;}
@media  (max-width: 1300px){
    .container{width: auto;}
    .footer{padding-left: 20px;padding-right: 20px;}
    .xiegang_header_con{left: 76%;}
    .xiegang_header p:last-child{margin-left: 30px;}
    .xiegang_footer_con{right: 77%;}
    .footer .buttonbox{top: 50px}
    .header header,.header .banner-info,.header .xiegang_header{padding-left: 20px;padding-right: 20px;}
    .header .banner-info .small_text{font-size: 12px;}
}
@media (min-width: 1024px) and (max-width: 1300px){
    /* header */

    .header.isbac{height: 543px;}
    .header h1{/*height: 36px;*/}
    .header .header-r>ul{font-size: 13px;}
    .header h1 {margin-right: 36px;}
    .header>header h1>img{/*height: 100%;*/width: 150px}
    .header-list>li { margin-right: 15px;}
    .header .header-r .button{font-size: 14px;}
    .header .banner-info p{font-size: 32px;}
    .header .hengang{margin-top: 92px;margin-bottom: 18px;}
    .header .learnmore{font-size: 14px;height: 41px;line-height: 41px;}
    .header .banner-info .small_text{margin-top: 20px;}
    .header .banner-info{padding-left: 79px;padding-right: 79px;}

}
@media (max-width: 1024px) {
    /* headeragree */
    .headerAgree>.container{padding: 20px 20px;}
    /* header */
    .header header{height: 45px;}
    .header .banner-info{padding-top: 45px;}
    .header h1{/*height: 25px;*/}
    .header>header h1>img{/*height: 100%;*/width: 132px}
    .header-r{justify-content: flex-end;display: none;}
    .header .wep_menu{display: block;float: right;}
    .header>header>.container{height: 45px;}
    .header .banner-info .small_text{margin-top: 10px;}
    .header .learnmore{font-size: 12px;height: 32px;line-height: 32px;width: 227px;}
    .footer{height: auto;padding-bottom: 37px;background: #0a2540;}
    .copyright {width: auto;}
    .footer .toJoin {
        width: 248px;
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        font-size: 13px;
    }
    .xiegang_footer_con{right: 70%;}
    .footer .links{padding-top: 138px;}
    .header.header_style2{min-height: 45px;}
    .copyright-top{position: unset;width: auto;}
}
@media (min-width: 768px) and (max-width: 1024px) {

    /* header */
    .header.isbac{height: 417px;}
    .header .banner-info p{font-size: 26px;}
    .header .header-r .button{font-size: 12px;}
    .header .hengang{margin-top: 61px;margin-bottom: 18px;}
}
@media  (max-width: 768px) {
    /* headeragree */
    .headerAgree>.container{display: block;}
    .headerAgree .txtAgree,.headerAgree .btnAgree{width: 100%;font-size: 12px;}
    /* header */
    .xiegang_header_con{left: 54%;}
    .xiegang_header_con{top: 12px;}
    .xiegang_header p:first-child{height: 12px;}
    .xiegang_header p:last-child{height: 12px}
    .xiegang_footer_con{right: 54%;}
    .header.isbac{height: 350px;}
    .header .banner-info p{font-size: 18px;}
    .header .banner-info .small_text{text-align: center;}
    .header .banner-info .learnmore{margin-left: auto;margin-right: auto;display: block;}
    .header .hengang{margin-top: 30px;margin-bottom: 18px;}
    .header .learnmore{margin-top: 35px;}
    .footer .links{padding-top: 93px;}
    .footer .buttonbox{top: 30px}

    .foot_friendly_link{max-width: 100%;margin-top: 10px;font-size: 12px;color: #74838b;}
    .foot_friendly_link a{margin-right: 20px;font-size: 12px;color: #74838b;display: inline-block;}

}