@charset "utf-8";
@media(min-width:768px) {.container {width: 750px;}}
@media(min-width:992px) {.container {width: 970px;}}
@media(min-width:1200px) {.container {width: 1170px;}}
@media(min-width:1600px) {.container {width: 1360px;}.container-header{width: 1460px;}}
@media(min-width:1920px) {.container {width: 1400px;}.container-header{width: 1460px;}}
@media(max-width:1199px) {}
@media(max-width:991px) {}
@media(max-width:767px) {}
.mb-30{margin-bottom: 30px;}
/*header*/
.header {width: 100%;position: relative;z-index: 22;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);background: #104a95;border-bottom: 1px solid #cccccc;line-height: 140px;}
.header-nav {
    width: 100%;
    font-size: 16px;
}
.header-nav-wrap {
    position: relative;
    margin: 0 auto;
}
.header-nav .logo {
    display: block;
    position: absolute;
    width: 194px;
    height: 36px;
    vertical-align: middle;
z-index: 1;
}
.header-nav .logo img {
    /* width: 194px; */
    height: 36px;
    vertical-align: middle;
}

.header-nav-wrap-inner {
    display: inline-block;
    float: right;
    width: 100%;
}

.header-nav-ul {
    text-align: right;
    float: right;
    padding-left: 200px;
}

.header-nav-ul>li {
    position: relative;
    display: inline-block;
}
.header-nav-ul>li.active>a{border-top: 4px solid #00ffe4;}
.header-nav-ul>li i {
    color: #fff;
    font-size: 16px;
}

.header-nav-ul>li>a {
    position: relative;
    display: block;
    padding: 0 14px;
    color: #fff;
    font-size: 16px;
}

.header-nav-ul>li.active>a:after {
    display: block;
}

.header-nav-ul>li:hover>a {
    border-top: 4px solid #00ffe4;
}

.header-extra-ul {
    position: absolute;
    top: 42px;
    right: 0;
    width: 120px;
    text-align: right;
    height: 35px;
    color: #fff;
    line-height: 35px;
    font-size: 18px;
}

.header-extra-ul>li {
    display: inline-block;
    height: 35px;
}

.header-extra-ul>li>a {
    position: relative;
    display: block;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 14px;
}

.header-extra-ul>li.active>a,
.header-extra-ul>li>a:hover {
    color: #222222;
    text-decoration: underline
}

/* secondary nav */
.header-nav-ul>li>ul {
    display: none;
    position: absolute;
    top: 110px;
    left: 50%;
    width: 180px;
    height: auto;
    background: #fff;
    padding: 0;
    margin-left: -90px;
    z-index:9999999999999;
}

.header-nav-ul>li:hover>ul {
    display: block;
}

.header-nav-ul>li>ul>li>a {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #333;
    padding: 0;
    text-align: center;
    transition: .3s;
}

.header-nav-ul>li>ul>li>a:hover {
    background: #eee;
    color: #104a95;
}

@media(min-width:1500px) {
    .header-nav-wrap {
        width: 100%;
    }
    .header-nav .logo {
        left: 0;
    }
    .header-nav-wrap-inner {position: relative;margin-left: 0;}
    .header-nav-ul>li>a {
        padding: 0 15px;
    }
}

@media(max-width:1500px) {
    .header-nav-ul {
        padding-left: 50px;
    }

    .header-nav-wrap {
    }

    .header-nav-ul>li>a {
        font-size: 16px;
        padding: 0 12px;
    }

    .header-extra-ul {
        font-size: 16px;
    }
}
@media(min-width:1920px) {
    .header-nav-wrap {width: 77%;}
    .header-nav-wrap-inner {position: relative;margin-left: 0;height: 100%;padding-left:0;}
    .header-nav-ul > li > a {padding: 0 14px;}
}
@media (max-width: 991px) {
    .mt-20, .my-20 {
        margin-top: 10px !important;
    }
    .mb-30, .my-30 {
        margin-bottom: 15px !important;
    }
    .header {
        height: 80px;
        line-height: 80px;
    }
    .header-nav {
    }

    .header-nav-wrap {}
    .header-nav .logo {
        position: relative;
        float:none;
        margin-left: 15px;
        top: -8px;
    }
    .header-nav .logo img{
        height: 30px!important;
    }
    .header-nav-wrap-inner{
        padding:10px 0;
    }

    .header-extra-ul {
        position: relative;
        text-align: center;
        width: 20%;
        height: 30px;
        line-height: 30px;
        top: -56px;
        right: -68%;
    }
    .header-extra-ul > li {
        display: inline-block;
        height: 100%;
    }
    .header-extra-ul > li > a {
        position: relative;
        display: block;
        padding: 0 10px;
        height: 100%;
        line-height: 100%;
        color: #333;
        font-size: 14px;
    }
    .header #navToggle {
        padding: 0px 8px;
        display: inline-block;
        float: right;
        margin-top: -40px;
        margin-right: 2%;
        border: 1px solid #888;
        border-radius: 3px;
    }
    .header #navToggle span {
        position: relative;
        width: 25px;
        height: 1px;
        margin: 15px 0;
    }
    .header #navToggle span:before,  .header #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }
    .header #navToggle span,  .header #navToggle span:before,  .header #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #888;
    }
    .header #navToggle span:before {
        top: 8px;
    }
    .header #navToggle span:after {
        bottom: 10px;
    }
    .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
    .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
    .header #navToggle.open span {
        background: none;
    }
    .header #navToggle.open span:before,  .header #navToggle.open span:after {
        background: #4f4f4f;
    }

}
@media (min-width:992px) {
    .bars_btn{display: none !important;}
}
@media (max-width:600px) {
    .overlay.overlay-hover { height:220px !important;}
}
@media (max-width:500px) {
    .overlay.overlay-hover { height:160px !important;}
}

.myfa { display: inline-block; vertical-align: middle; background: url(../images/myfa.png) no-repeat; }
.myfa.myfa-phone { width: 20px; height: 20px; background-position: 0 0; }
.myfa.myfa-bars {width: 34px;height: 31px;background-position: -153px -2px;margin: -76px 6px 0 0;}
.myfa.myfa-close {width: 20px;height: 20px;background-position: -58px 0px;}
.myfa.myfa-plus { width: 20px; height: 20px; background-position: -78px 0; }
.whiteblock {width: 100%;margin-bottom: 10px;}
.myfa.myfa-search { width: 20px; height: 22px; background-position: -109px 0;}
/* nav */
.nav_w {position: fixed;left: 150%;top: 0%;z-index: 99999999;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);min-width: 340px;}
.nav_m {width: 70%;left: 50%;top: 100%;background: #fff;overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);float:right;height: 100%;}
.nav_head {height: 80px;padding: 0 10px;margin-bottom: 10px;background-color: #104a95;}
.nav_head .nav_logo {position: relative;display: inline-block;height: 36px;margin-top: 24px;margin-left: 10px;width: 194px;}
.nav_head .nav_logo img {position: absolute;height: 80%;}
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;margin: 14px 8px 0 0;}
.nav_m nav { width: 100%; padding: 0 20px; }

/* .nav_m nav ul {padding:0.5em 0} */
.nav_m nav li {position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.04);}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 4em;color: #333;font-size: 1.1em;/* padding: 0 2em; */}
.nav_m nav li a .myfa-plus {display: inline-block;float: right;margin-top: 26px;}
.nav_m nav li.on a .myfa-plus { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
.nav_m nav li:hover {   /* border-bottom: 1px solid rgba(255, 255, 255, 0.7) */ }
.nav_m nav li ul {display: none;/*border-bottom: 5px solid #167e1c;*/border-top: 1px solid rgba(0, 0, 0, 0.1);}
.nav_m nav li li {/* height: 2.6em; */

border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.nav_m nav li li:last-child { border: 0; }
.nav_m nav li:hover li a, .nav_m nav li li a {display: block;width: 100%;position: relative;z-index: 2;color: #333;background: #fff;font-size: 13px;padding: 0 2em;font-weight: normal;}
.nav_m nav li li:hover {/* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */}
.nav_m nav li.on ul { display: block; }

.nav_m nav li.halfli { padding: 0; }
.nav_m nav li.halfli a {width: 50%;float: left;text-align: center;padding: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.nav_m nav li.halfli a:last-child { border-right: 0; }
.nav_m .agroup { padding: 10px 20px; }
.nav_m .agroup a { width: 38px; height: 38px; background: #222; color: #fff; border: 1px solid #666; border-radius: 50%; -webkit-border-radius: 50%; font-size: 18px; line-height: 36px; text-align: center; margin-right: 14px; }


/*banner*/
.banner_pc{ display:block;}
.banner_wap{ display:none;}
.banner_pc img{ width: 100%; }
.banner_wap img{ width: 100%; }

@media(max-width:991px) {
    .banner_pc{ display:none;}
    .banner_wap{ display:block;}
}


/*nav-tit*/
.nav-tit-box{position: relative;height: 240px;background: url(../images/tit-bg.jpg) repeat;}
.nav-tit-box-inner{position: relative;}
.nav-tit-box h1{color: #fefeff;font-size: 42px;line-height: 240px;}
.nav-tit-box span{position: absolute;line-height: normal;font-size: 134px;opacity: .4;top: 26px;right: 0;color: #323c46;font-style: italic;}
@media(max-width:1599px) {
    .nav-tit-box{height: 220px;}
    .nav-tit-box h1{font-size: 38px;line-height: 220px;}
    .nav-tit-box span{font-size: 110px;top: 30px;}
}
@media(max-width:1199px) {
    .nav-tit-box{height: 200px;}
    .nav-tit-box h1{font-size: 34px;line-height: 200px;}
    .nav-tit-box span{font-size: 100px;top: 28px;}
}
@media(max-width:991px) {
    .nav-tit-box{height: 180px;}
    .nav-tit-box h1{font-size: 32px;line-height: 180px;}
    .nav-tit-box span{font-size: 86px;top: 28px;}
}
@media(max-width:767px) {
    .nav-tit-box{height: 120px;}
    .nav-tit-box h1{font-size: 22px;line-height: 120px;}
    .nav-tit-box span{font-size: 38px;top: 32px;}
}



/* footer */
.footer {
    background: #252a2e;
    background-size: cover;
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    padding-top: 100px;
    padding-bottom: 60px;
}
.footer-box{
    border-top: 1px solid #b3b3b3;
    padding: 60px 0;
}
.footer-logo{
    margin-top: 46px;
}
.footer-logo img{
    height: 60px;
    margin-bottom: 20px;
}
.footer-wrapper h3{
    color: #fff;
    margin-bottom: 20px;
    font-size: 26px;
}
.footer-wrapper a{
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}
.footer-wrapper a img{
    color: #fff;
    width: 26px;
    margin-right: 4px;
}
.footer-bottom {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 25px 0px;
    border-top: 1px solid #b3b3b3;
    color: #9a9898;
}
.footer-bottom a{
    color: #9a9898;
    transition: .3s;
}
.footer-bottom a:hover{
    color: #fff;
}

@media(max-width:991px) {
    .footer {
        background: #252a2e;
        background-size: cover;
        color: #fff;
        font-size: 14px;
        line-height: 1.8em;
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .footer-box{
        border-top: 1px solid #b3b3b3;
        padding: 0;
    }
    .footer-logo{
        margin-top: 46px;
    }
    .footer-logo img{
        height: 40px;
        margin-bottom: 10px;
    }
    .footer-wrapper h3{
        font-size: 22px;
    }
    .footer-wrapper a{
        display: block;
        color: #fff;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .footer-wrapper a img{
        color: #fff;
        width: 26px;
        margin-right: 4px;
    }
    .footer-bottom {
        width: 100%;
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 25px 0px;
        border-top: 1px solid #b3b3b3;
        color: #9a9898;
    }
}

@media (max-width:991px) {
    body{ overflow-x:hidden;}
    .bars_btn{right: 0;position: absolute;display: block !important;width: 34px;height: 31px;}
    .header-nav-ul {display:none;}
}