.mainHeader{background:linear-gradient(180deg,rgba(12,27,41,1) 0%,rgba(5,13,18,0) 100%);width: 100%;position: relative;}
/*导航*/
.mainHeader .navbar-default{ position: fixed; z-index: 999999; top: 0; left: 0; background: #0b1a28; width: 100%; /*background:rgba(255,255,255,0);*/width: 100%;margin:0px;min-height:60px;height: 60px;border-color:rgba(255,255,255,0);border-radius:0;border-bottom: 1px solid rgba(64,79,88,1);}
.mainHeader .navbar-default .container-fluid { max-width: 1180px;padding: 0px 10px;margin: 0 auto;min-height: 60px;}
.mainHeader .navbar-default .container-fluid .navbar-header{float: left}
.mainHeader .navbar-default .container-fluid .navbar-right,.mainHeader .navbar-default .container-fluid .navbar-middle{float: right;}
.mainHeader .navbar-nav>li>a{line-height: 28px;font-size:14px;color:rgba(163,186,202,1);padding: 15px 0px;margin: 0px 25px;}
.mainHeader .navbar-nav>li>a:hover{color: #fff;}
.navbar-default .navbar-nav > li > a:focus{color:rgba(163,186,202,1);}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff;background: rgba(255,255,255,0);}
.mainHeader .navbar-nav>.active>a{color:#fff;background: rgba(255,255,255,0);border-bottom:4px solid rgba(14,164,229,1);line-height: 31px;height: 58px;}
.mainHeader .navbar-default .navbar-nav>.active>a{color:#fff;background: rgba(255,255,255,0);}
.mainHeader .navbar-header img{width: 136px;}
.mainHeader .navbar-header .navbar-brand {float: left;height: 60px;padding: 20px 15px;font-size: 18px;line-height: 20px;}
.mainHeader .navbar-header .logo-img {display: flex;flex-direction: column;justify-content: center;color: white;font-size:36px;}
.mainHeader .navbar-default .container-fluid .navbar-right{color:rgba(163,186,202,1);}
.mainHeader .navbar-default .container-fluid .navbar-right span{display: inline-block;height: 20px;line-height: 20px;padding: 0px 5px;margin-top: 19px;font-size:12px;}
.mainHeader .navbar-default .container-fluid .navbar-right .Chinese{border-radius:3px;border:1px solid rgba(163,186,202,1);margin-left: 5px;line-height: 18px;}
.mainHeader .dropdown-menu{min-width:137px;background:rgba(255,255,255,.9);box-shadow:0px 4px 11px 0px rgba(0,0,0,0.1);padding: 8px 0px;left: 25px}
.triangle{position: absolute;left: 15px;top: -8px;width:0;height:0;border-bottom:8px solid rgba(255,255,255,9);border-left:8px solid transparent;border-right:8px solid transparent; }
.mainHeader .dropdown-menu>li>a{font-size:13px;color:rgba(86,88,92,1);line-height:18px;padding: 8px 20px;}
.mainHeader .dropdown-menu>li>a:hover{color:rgba(46,47,51,1);background: rgba(255,255,255,0);}
.languageActive{border:1px solid rgba(163,186,202,1);}
.header-nav-btn{background: rgba(14,164,229,1)!important; height: auto!important;width: auto!important;line-height: unset!important;margin-left: 20px!important;margin-top: 12px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important;}

/*首屏主体*/
.bannerMain{margin-top: 0; padding-bottom: 100px; text-align: center}
.bannerMain h2{ padding-top: 15%; margin-top: 0; font-size:50px;color:rgba(255,255,255,1);line-height:70px;font-weight: 300;}
.bannerMain h3{font-size:24px;color:rgba(255,255,255,1);line-height:33px; margin-top: 16px;font-weight: 300;}
.freeTry{display:inline-block;width:140px;height:44px;text-align:center;line-height:44px;background:#1DB2F3;opacity: .9;
    box-shadow:0px 1px 1px 0px rgba(0,0,0,0.08);border-radius:2px;font-size:18px;font-weight:400;color:rgba(255,255,255,1);}
.freeTry:hover{color: #fff;text-underline:none;opacity: 1;;}

/*二级页面主体样式*/
.index-bd {font-family:'PingFangSC-Light,PingFang SC';}
.index-bd .freeTry {background-color:#2997FF;opacity:1;}
.index-bd .freeTry:hover {background-color:#fff;color:#2997FF;}
.index-bd .top {width:100%;height:500px;background:url(../images/banner.jpg) no-repeat center / cover;}
.index-bd .top .topmain {width:1180px;margin:0 auto;}
.index-bd .top .topmain .banner_title {font-size:34px;color:#fff;margin-top:90px;margin-bottom:25px;}
.index-bd .top .topmain .banner_subtitle {width:510px;font-size:16px;color:rgba(255,255,255,0.9);line-height:26px;}
.index-bd .top .topmain .banner_btn {display:block;width:175px;height:52px;margin-top:44px;text-align:center;line-height:52px;font-size:18px;color:#fff;border-radius:2px;background-color:#0B89FF;cursor:pointer;}
.index-bd .top .topmain .banner_btn:hover {background-color:#3FA2FF;}
.index-bd .top-cj {background:url(../images/banner.jpg) no-repeat center / cover;}
.index-bd .top-bz {background:url(../images/banner_bz.jpg) no-repeat center / cover;}
.index-bd .top-aboutus {background:url(../images/aboutus.jpg) no-repeat center / cover;}
.index-bd .main {width:100%;height:auto;}
.index-bd .main .partCommon {position:relative;}
.index-bd .main .part {width:1180px;margin:0 auto;}
.index-bd .main .part .title {display:flex;justify-content:center;height:36px;}
.index-bd .main .part .title .text {line-height:36px;font-size:30px;color:#2e2f33;padding:0 13px;}
.index-bd .main .part .subtitle {text-align:center;margin-top:16px;margin-bottom:40px;font-size:16px;color:#9a9c9e;line-height:22px;}
@media screen and (max-width:1199px) {
    .index-bd .top {height:unset;padding-bottom:30px;}
    .index-bd .top .banner_title {margin-top:100px;margin-bottom:40px;font-size:22px;}
    .index-bd .top .topmain {width:100%;padding:0 20px;text-align:center;}
    .index-bd .top .topmain .banner_subtitle {width:100%;}
    .index-bd .top .topmain .banner_btn {margin:0 auto;}
    .index-bd .main .part {width:100%;}
    .index-bd .main .part .title {height:18px;font-size:20px;}
    .index-bd .main .part .title .text {font-size:24px;line-height:18px;}
    .index-bd .main .part .subtitle {padding:0 30px;}
    .index-bd .main .part .title:before {width:18px;height:18px;}
}

/*底部*/
.footerContainer{background:rgba(5,13,18,1);width: 100%;}
.footerMain{width: 1186px;margin: 0 auto;padding: 60px 0px 30px 0px;}
.footerMain .left,.footerMain .middle,.footerMain .middle p{float: left;}
.footerMain .right{float: right}
.footerMain .left {width: 260px;margin-right:40px;}
.footerMain .left .logo-footer{width: 260px;}
.footerMain .left h3{font-size:14px;font-weight:500;color:rgba(255,255,255,1);line-height:20px;margin:24px 0px 10px 0px;}
.footerMain .left p{font-size:12px;font-weight:300;color:rgba(136,137,138,1);line-height:22px;}
.footerMain .middle{border-left: 1px solid rgba(101,102,102,1);}
.footerMain .middle p{float: left;margin-left: 80px;}
.footerMain .middle p span,.footerMain .middle p a{display: block;}
.footerMain .middle p span {font-size:14px;font-weight:500;color:rgba(255,255,255,1);line-height:20px;margin-bottom: 10px;}
.footerMain .middle p a{line-height: 32px;color:rgba(187,188,189,1);font-size:12px;}
.footerMain .middle p a:hover {color: rgba(255,255,255,1)}
.footerMain .right img{width: 120px;height: 120px;}
.footerMain .right p{font-size:13px;color:rgba(187,188,189,1);line-height:21px;margin-top: 13px;}
.footerCopyright{width: 100%;border-top: 1px solid rgba(110,110,110,.8);height: 70px;line-height: 70px;font-size:12px;
    font-weight:400;color:rgba(101,101,102,1);text-align: center;}
.footerCopyright p{margin-bottom: 0px;}
@media screen and (min-width: 780px) {
    .footerMain .left .logo-footer{position: relative;float: right;margin-top: 100px;}
}

/*移动端*/
@media (max-width: 640px){
    .indexContainer{width: 100%;overflow-x: hidden;}
    /*导航*/
    .mainHeader{height: 100%;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: rgba(255,255,255,0);}
    .navbar-toggle {position: absolute;right: 0px;padding: 8px 5px;margin-top: 13px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .container-fluid>.navbar-collapse{min-width: 130px;text-align: center;position: absolute;right: 14px;top: 60px;background: rgba(0, 0, 0, 0.9);z-index: 2;border-color: black;}
    .mainHeader .navbar-nav>li>a {padding: 5px 0px;margin: 0px 15px;}
    .mainHeader .navbar-nav>.active>a{height: auto;line-height: normal;border-bottom: none;}
    /*底部*/
    .footerMain{width: 100%;}
    .footerMain .left {width: 90%;margin: 0px 5%;float: none;}
    .footerMain .middle {width: 90%;margin: 20px 5%;border-left: none;float: none;}
    .footerMain .middle p{margin: 0 20px 0 0;text-align: left;}
    .footerMain .right {float: none;width: 100%;text-align: center;margin-top: 30px;}
    .footerMain{padding: 80px 0 30px;}
    .footerCopyright{line-height: 24px;padding-top: 10px;}
}