@font-face {
    font-family: IBMP;
    src:url('../font/IBMPlexMono-Light.otf'); 
}
@font-face {
    font-family: IBMP_B;
    src:url('../font/IBMPlexMono-Bold.otf'); 
}
@font-face {
    font-family: IBMP_T;
    src:url('../font/IBMPlexSans-Text.otf'); 
}



*{padding: 0; margin: 0; font-family: "微软雅黑";}
li{list-style: none;}

dl{ margin-bottom: 0 !important;}

@media screen and (min-width: 1440px) {
.box{width: 100%; margin: 0 auto; position: relative; }

.nav-box{ height: 90px; width: 100%; position: absolute;left: 0; top: 0; padding: 15px 85px; box-sizing: border-box; border-bottom: 1px solid #4F85FF;z-index: 10;transition: .25s ease;}

.nav-box .nav-box-bg{position: absolute;left: 0; top: 0; width: 100%;}
.nav-box .logo{float: left; z-index: 10; position: relative;}

.nav-box .nav-min{ width: 1400px; margin: 0 auto; height: 100%; position: relative;}
.nav-box .logo-{display: none;}
.nav-box .nav-list-box{height: 100%;float: left; margin-left: 15.6vw; margin-top: 25px; } 
.nav-box .nav-list-box a{color: #fff; font-size: 16px;}

.nav-box .nav-list-box a i{ font-size: 20px; position: relative; left: 8px;}

.nav-box .nav-list-box .top-nav{position: relative; height: 45px; text-align: center; float: left; margin-right: 40px;}

.nav-box .language-btn{right: 0; width: 50px; height: 50px; background: url(../images/language-btn.png) no-repeat;  position: absolute; z-index: 15; top: 20px;cursor: pointer;}





.nav-box:hover{ background: #fff;} 
.nav-box:hover .nav-list-box a{ color: #3A5DAE; text-decoration: none;}
.nav-box:hover .logo{display: none;}
.nav-box:hover .logo-{display: block;}
.nav-box:hover .nav-box-bg{opacity:0;}
.nav-box:hover .language-btn{background: url(../images/language-btn-hover.png) no-repeat;}





.nav-box .nav-list-box .nav-list-child-box{ width: 115px;  padding-top: 25px;padding-bottom: 5px; position: absolute; left: -25px; top: 44px; display: none; background: #fff; border-top: 1px solid #000;}
.nav-box .nav-list-box .nav-list-child-box li{ width: 100%; text-align: center;  padding: 10px 0;}
.nav-box .nav-list-box .nav-list-child-box li:hover{ background: #ededed;}




.nav-box .nav-list-box .top-nav:hover >.nav-list-child-box{display: block;}
.nav-box .nav-list-box .top-nav:hover{ border-bottom: 1px solid #000;}


.page-banner-bg{width: 100%; height: 550px;  position: relative;z-index: 9;padding-top: 210px;}


.page-banner-bg .page-banner-bg-font-box{ width: 1400px; margin: 0 auto;}
.page-banner-bg .page-banner-bg-font-box .title{ font-size: 48px; color: #fff;}
.page-banner-bg .page-banner-bg-font-box .content{ font-size: 24px; color: #fff;}

.footer{ width: 100%; background: #002A5C;}
.footer .footer-nav-box{width: 100%; height: 340px; border-bottom: 1px solid #4F85FF; padding-top: 4.1vw;}
.footer .footer-nav-box .footer-nav-list-box{ width: 140px; float: left;}
.footer .footer-nav-box .footer-nav-list-box .nav-title a{color: #4f85ff; margin-bottom: 30px;}
.footer .footer-nav-box .footer-nav-list-box li:hover a{ color: #4F85FF; text-decoration: none;}
.footer .footer-nav-box .footer-nav-list-box .nav-title:hover a{color: #fff;}
.footer .footer-nav-box .footer-nav-list-box li{margin-bottom: 10px;}
.footer .footer-nav-box .footer-nav-list-box li a{ color: #fff;}
.footer .footer-nav-box .logo{ margin-right: 60px;float: left;}
.footer .copyright{  padding-bottom: 20px; color: #4F85FF; font-size: 12px; width: 1400px; margin: 0 auto;margin-top: 20px;}
.footer .footer-nav-min-box{ width: 1400px; margin: 0 auto;}




.btn-zd{transition:0.5s; -webkit-transition:0.5s; background: url("../images/arrow_.png") no-repeat,#4F85FF !important; background-position: 120% center !important; background-size: 10% !important;}
.btn-zd:hover{ padding-right: 50px; color: #fff !important;background: url("../images/arrow_.png") no-repeat,#4F85FF; background-position: 80% center !important; }
.menu-list-btn{ display: none !important;}
.menu-box-bg{display: none !important;}

}

@media screen and  (min-width: 750px) and (max-width: 1440px) {
   
*{padding: 0; margin: 0;}
li{list-style: none;}
.box{width: 1440px; margin: 0 auto; position: relative; }

.nav-box{ height: 90px; width: 100%; position: absolute;left: 0; top: 0; padding: 15px 85px; border-bottom: 1px solid #4F85FF;z-index: 10; background-size: 100% auto;}

.nav-box .nav-box-bg{position: absolute;left: 0; top: 0; width: 100%;}
.nav-box .logo{float: left; z-index: 10; position: relative;}
.nav-box .nav-list-box{height: 100%;float: left; margin-left: 225px; margin-top: 25px; } 
.nav-box .nav-list-box a{color: #fff; font-size: 16px;}
.nav-box .nav-list-box a i{ font-size: 20px;}
.nav-box .nav-list-box .top-nav{position: relative; height: 30px; text-align: center; float: left; margin-right: 40px;height: 45px;}
.nav-box .logo-{display: none;}


.nav-box .language-btn{right: 0; width: 50px; height: 50px; background: url(../images/language-btn.png) no-repeat;  position: absolute; z-index: 15; top: 35px; cursor: pointer;}


.nav-box:hover{ background: #fff;} 
.nav-box:hover .nav-list-box a{ color: #3A5DAE; text-decoration: none;}
.nav-box:hover .logo{display: none;}
.nav-box:hover .logo-{display: block;}
.nav-box:hover .nav-box-bg{opacity:0;}
.nav-box:hover .language-btn{background: url(../images/language-btn-hover.png) no-repeat;}


.nav-box .nav-list-box .nav-list-child-box{ width: 103px; background: #fff; padding-top: 25px;padding-bottom: 5px; position: absolute; left: -18px; top: 44px; display: none;border-top: 1px solid #000;}
.nav-box .nav-list-box .nav-list-child-box li{ width: 100%; text-align: center;  padding: 10px 0;}
.nav-box .nav-list-box .nav-list-child-box li:hover{ background: #ededed;}


.nav-box .nav-list-box .top-nav:hover >.nav-list-child-box{display: block;}
.nav-box .nav-list-box .top-nav:hover{ border-bottom: 1px solid #000;}


.page-banner-bg{width: 100%; height: 550px; position: relative;z-index: 9;}
.page-banner-bg .page-banner-bg-font-box{ position: absolute; left: 90px; top: 245px;}
.page-banner-bg .page-banner-bg-font-box .title{ font-size: 48px; color: #fff;}
.page-banner-bg .page-banner-bg-font-box .content{ font-size: 24px; color: #fff;}

.footer{ width: 100%; height: 340px; background: #002A5C;}
.footer .footer-nav-box{width: 100%; height: 255px; border-bottom: 1px solid #4F85FF; padding-top: 60px; padding-left: 80px; box-sizing: border-box;}
.footer .footer-nav-box .footer-nav-list-box{ width: 140px; float: left;}
.footer .footer-nav-box .footer-nav-list-box .nav-title a{color: #4f85ff; margin-bottom: 30px;}
.footer .footer-nav-box .footer-nav-list-box li:hover a{ color: #4F85FF; text-decoration: none;}
.footer .footer-nav-box .footer-nav-list-box .nav-title a:hover{color: #fff;}
.footer .footer-nav-box .footer-nav-list-box li{margin-bottom: 10px;}
.footer .footer-nav-box .footer-nav-list-box li a{ color: #fff;}
.footer .footer-nav-box .logo{ margin-right: 60px;float: left;}
.footer .copyright{ margin-left: 80px; margin-top: 20px; color: #4F85FF; font-size: 12px;}


.btn-zd{transition:0.5s; -webkit-transition:0.5s; background: url("../images/arrow_.png") no-repeat,#4F85FF !important; background-position: 120% center !important; background-size: 10% !important;}
.btn-zd:hover{ padding-right: 50px; color: #fff !important;background: url("../images/arrow_.png") no-repeat,#4F85FF; background-position: 80% center !important; }

.menu-list-btn{ display: none !important;}
.menu-box-bg{display: none !important;}
}


@media screen and (max-width: 750px) {

    *{padding: 0; margin: 0;}
    li{list-style: none;}
    .box{width: 100%; position: relative; }

    .nav-box{ height: 17vw; width: 100%; position: absolute;left: 0; top: 0; border-bottom: 1px solid #4F85FF;z-index: 10;background: url(../images/nav_top_bg.png) no-repeat; background-size: 100% auto; padding-top: 5.3vw;}
    .nav-box .nav-list-box{ width: 645px; height: 100%;float: left; margin-left: 225px; margin-top: 25px; display: none;} 
    .nav-box .nav-box-bg{ display: none};
    
    .nav-box .nav-list-box a{color: #fff; font-size: 16px;}
    .nav-box .nav-list-box a i{ font-size: 20px;}
    .nav-box .nav-list-box .col-xs-2{ position: relative; height: 30px;}
    
    .nav-box .logo{ margin: 0 auto; display: block; width: 20vw;}
    .nav-box .logo-{display: none;}
    

    .nav-box .nav-list-box .nav-list-child-box{ width: 103px; background: #fff; padding-top: 5px;padding-bottom: 5px; position: absolute; left: 0; top: 30px; display: none;}
    .nav-box .nav-list-box .nav-list-child-box li{ width: 100%; text-align: center; margin-bottom: 20px;}

    .nav-box .language-btn{right: 0; width: 50px; height: 50px; background: url(../images/language-btn.png) no-repeat;  position: absolute; z-index: 15; top: 20px;cursor: pointer;}


    .nav-box .nav-list-box .col-xs-2:hover >.nav-list-child-box{display: block;}


    .page-banner-bg{width: 100%; height: 64vw; position: relative;z-index: 9; background-size: auto 100% !important; background-position: center center !important; padding-top: 26vw;}
    
    .page-banner-bg .page-banner-bg-font-box{ width: 100%; text-align: center;}
    .page-banner-bg .page-banner-bg-font-box .title{ font-size: 3rem; color: #fff;}
    .page-banner-bg .page-banner-bg-font-box .content{ font-size: 2rem; color: #fff;}

    .footer{ width: 100%;  background: #002A5C;}
    .footer .footer-nav-box{width: 100%;  }
    .footer .footer-nav-box .footer-box{ width: 100%; height: 25vw;padding-left: 5vw;padding-top: 8vw;}
    .footer .footer-nav-box .footer-nav-list-box{ width: calc(100%/3); float: left; padding-left: 5vw; height: 170px; margin-bottom: 30px;}
    .footer .footer-nav-box .footer-nav-list-box .nav-title{color: #4f85ff; margin-bottom: 30px;}
    .footer .footer-nav-box .footer-nav-list-box li{margin-bottom: 10px;}
    .footer .footer-nav-box .footer-nav-list-box li a{ color: #fff;}
    .footer .footer-nav-box .logo{ margin-right: 60px;float: left; width: 20vw;}
    .footer .copyright{color: #4F85FF; font-size: 12px;  border-top: 1px solid #4F85FF; width: calc(100% - 10vw); margin: 0 auto; padding: 20px 0;}
    .footer .copyright span{ display: block;}

    body{ height: 100%;}
    .menu-box-bg{ width:100%; height:100%; background: rgba(0, 0, 0, 0.6); position: fixed; z-index: 99; top: 0; right: 0;transition:0.5s; -webkit-transition:0.5s; display: none;}
    .menu-box-bg .menu-box{ width: 70%; height: 100%; background: #fff;position: absolute; top:0; left: 0;transition:0.5s; -webkit-transition:0.5s; z-index: 100;}
    .menu-box-bg .menu-box .close-box{ width: 100%; height: 10vw; color: #002a5c; line-height: 10vw; font-size: 6vw; text-align: left;position: relative; z-index: 100; margin-top: 10vw; padding-left: 10vw;}

    .menu-list-btn{ font-size: 6vw !important; position: absolute; color: #fff; left: 4.6vw; top: 6.5vw;}
    .menu-list-box{ width: 100%; height: auto;overflow-y: auto;}
    .menu-list-box li{width: 100%; margin: 3vw 0;text-indent: 3em;}
    .menu-list-box li .nav-list-child-box{  background: #f6f6f6;}
    
    .menu-list-box li .nav-list-child-box li{text-indent: 5em;}

    .menu-list-box li a{color: #002a5c; font-size: 4.5vw;}
    
    
    .btn-zd{ width:auto !important}
    


}