/*头部样式*/

.header {
    width: 100%;
    min-width: 300px;
    height: auto;
    z-index: 99;
    transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: .98rem;
    background: transparent;
    /* display: none; */
}

.logo {
    overflow: hidden;
    font-size: 0;
    float: left;
    margin: .17rem .64rem 0 .44rem;
}

.logo a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.logo img {
    width: 100%;
}

.logo a.logo1 {
    width: 3.56rem;
}

.logo a.logo2 {
    display: none;
    width: .43rem;
}

.logo a.logo4 {
    display: none;
}


/* .logo a.logo3{display: none;width: 30px;} */

.menu_box .logo3 {
    display: none;
}

.top_mid {
    float: left;
}

.top_nav {
    margin: .24rem 0 0;
}

.top_nav a {
    color: #fff;
    display: block;
    float: left;
    margin: 0 .63rem 0 0;
    /* font-family: 'SourceHanSansCN-Medium','Source Han Sans CN'; */
    font-weight: 500;
    position: relative;
    text-shadow: 0 .03rem .06rem rgba(0, 0, 0, .16);
}

.top_nav a:last-child {
    margin: 0;
}

.top_nav a::after {
    content: '';
    display: block;
    position: absolute;
    left: -.02rem;
    bottom: -.04rem;
    background: #fff;
    height: .025rem;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    box-shadow: 0 .03rem .06rem rgba(0, 0, 0, .16);
}

.top_nav a.on::after,
.top_nav a:hover::after {
    right: -.02rem;
}

.top_btns {
    position: relative;
    color: #fff;
    z-index: 3;
    float: right;
    margin: .2rem .4rem 0 0;
    line-height: .3rem;
    text-align: center;
}

.top_btns .en {
    /* width: .45rem; */
    height: .3rem;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-size: contain;
    color: #fff;
    font-size: .16rem;
    vertical-align: middle;
}

.top_btns .search_btn {
    width: .32rem;
    height: .3rem;
    position: relative;
    margin: 0 0 0 .16rem;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-size: contain;
    cursor: pointer;
    font-size: .2rem;
    vertical-align: middle;
}

.top_btns .menu_btn {
    width: .3rem;
    height: .3rem;
    position: relative;
    margin: 0 0 0 .18rem;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-size: contain;
    cursor: pointer;
    font-size: .2rem;
    vertical-align: middle;
}

.top_btns.on .en,
.header.currents .top_btns .en,
.header.current2 .top_btns .en {
    color: #000;
}

.top_btns.on .search_btn,
.header.currents .top_btns .search_btn,
.header.current2 .top_btns .search_btn {
    color: #000;
}

.top_btns.on .menu_btn,
.header.currents .top_btns .menu_btn,
.header.current2 .top_btns .menu_btn {
    color: #000;
}

.top_btns.on .search_btn.on {
    color: #000;
}

.top_btns.on .search_btn.on.future-caidan-sousuo:before {
    content: "\e60c";
    color: #000;
}

.top_btns.on .menu_btn.on.future-caidan-mulu:before {
    content: "\e60f";
    color: #000;
}

.menu_box {
    position: fixed;
    right: -5rem;
    top: 0;
    bottom: 0;
    width: 4.84rem;
    background: #E1E1E6;
    overflow: auto;
    z-index: 2;
    max-width: 100%;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
}

.menu_box::-webkit-scrollbar {
    width: 0;
}

.menu_box.on {
    display: block;
    right: 0;
}


/* 搜索弹出效果 */

.search_box {
    margin: 2.43rem .55rem 0 .52rem;
    display: none;
}

.search_box.on {
    display: block;
}

.ser {
    height: .45rem;
    line-height: .45rem;
    position: relative;
}

.ser::after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .33rem;
    height: .45rem;
    font-family: 'iconfont';
    content: "\e60d";
    font-size: .3rem;
}

.search {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    border-bottom: .02rem solid #000;
}

.search input.notxt {
    position: absolute;
    width: calc(100% - .45rem);
    height: .45rem;
    padding: 0 0 0 .7rem;
    font-size: .24rem;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: none;
    border: 0;
    background: none;
}

.search input.notxt1 {
    position: absolute;
    width: .33rem;
    height: .45rem;
    border: none;
    background: none;
    left: 0;
    background-size: 90% auto;
}

.search_box .relevant {
    color: #bbb;
    font-weight: 500;
    line-height: 2;
}

.search_box .relevant span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

.nav {
    line-height: .78rem;
    padding: 2.02rem 0 2rem 1.64rem;
    display: none;
}

.nav.on {
    display: block;
}

.nav ul {}

.nav ul>li {
    position: relative;
    transform: perspective(5000px);
    -moz-transform: perspective(500px);
    -o-transform: perspective(5000px);
    -webkit-transform: perspective(5000px);
    font-weight: 500;
}

.nav ul li>a {
    display: block;
    position: relative;
    color: #808080;
    line-height: 2;
    padding: 0.06rem 0 .06rem;
}

.nav ul li>a:hover,
.nav ul li>a.on {
    color: #000;
}

.nav ul li:hover>a {
    color: #000;
}

.subNav {
    display: none;
    margin: -.1rem 0 .08rem;
}

.subNav dd {}

.subNav a {
    color: #000;
    padding: 0 0 0 3em;
    display: block;
    line-height: 2.2;
}

.subNav a:hover {
    color: #007AFF;
}


/* .nav ul li:hover .subNav{display: block;} */

.header.currents,
.header.current2 {
    background: #E8E8EC;
    height: .8rem;
}

.header.currents .top_nav a::after {
    background: #000;
}

.header.currents .logo1,
.header.current2 .logo1 {
    display: none;
}

.header.currents .logo2,
.header.current2 .logo2 {
    display: block;
}

.header.currents .top_nav a,
.header.current2 .top_nav a {
    color: #676768;
    margin: 0 .58rem 0 0;
    text-shadow: none;
}

.header.currents .top_nav a.on,
.header.current2 .top_nav a.on {
    color: #000;
}

.banner {
    position: relative;
}

.banner .img {
    padding-bottom: calc(720% / 19.2);
    position: relative;
}

.banner .img::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.banner .title_box {
    position: absolute;
    right: .41rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
}

.banner .title {
    display: block;
    color: #fff;
    line-height: 1.2;
    font-weight: 800;
}

.banner .info {
    display: block;
    color: #fff;
    line-height: 1.2;
    text-decoration: underline;
    margin: 0.09rem 0.05rem -.11rem 0;
    font-weight: 500;
}

.banner .title.off {
    display: none;
}

.banner .title.on {
    -webkit-animation-name: titlefade;
    animation-name: titlefade;
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
}

@keyframes titlefade {
    from {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .5;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1;
    }
}

footer {
    clear: both;
    position: relative;
    z-index: 2;
    background: #E8E8EC;
    height: 5.5rem;
}

.footer_top {
    padding: 4rem 0 1.2rem;
}

.footer_lf {
    width: 2.3rem;
    position: absolute;
    left: 4.37rem;
    top: 50%;
    transform: translateY(-50%);
}

.footer_logo {
    display: block;
}

.footer_logo img {
    width: 100%;
}

.footer_md {
    width: 2.0rem;
    position: absolute;
    left: 10.45rem;
    top: .81rem;
    text-align: center;
}

.footer_md a {
    display: block;
    line-height: .39rem;
    padding: .12rem 0;
    text-align: left;
}

.footer_rt {
    padding: 0 0 0 .13rem;
    font-size: 0;
    width: 3.55rem;
    position: absolute;
    right: 1.14rem;
    top: 1rem;
}

.footer_rt .box:first-child {
    border-bottom: .015rem solid #D8D8D8;
    margin: 0 0 .27rem;
}

.footer_rt .box .title {
    color: #808080;
    font-weight: 500;
    margin: 0 0 .11rem;
}

.footer_rt .box .info {
    line-height: .32rem;
    margin: 0 0 .31rem;
    color: #000;
}

.footer_rt .box .code {
    margin: .26rem 0 0;
}

.footer_rt .box .code img {
    height: .82rem;
}

.top_mid .bread {
    margin: .28rem 0 0;
}

.top_mid .bread a {
    color: #fff;
    display: block;
    float: left;
    padding: 0 .4rem 0 0;
    margin: 0 .2rem 0 0;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
}

.top_mid .bread a::after {
    content: "\e60a";
    display: block;
    position: absolute;
    right: 0;
    font-family: "iconfont";
    top: 50%;
    transform: translateY(-50%);
    font-size: .16rem;
    color: #fff;
}

.top_mid .bread a:last-child {
    margin: 0;
    padding: 0;
    background: none;
}

.top_mid .bread a:last-child::after {
    display: none;
}


/* .top_mid .bread a.on{color: #007AFF;} */

.top_mid .bread a:hover {
    color: #007AFF;
}

.header.currents .bread a,
.header.current2 .bread a,
.header.current2 .top_mid .bread a::after,
.header.currents .top_mid .bread a::after {
    color: #676768;
    /* background: url(../images/bread_arrow2.png) right center no-repeat; */
}

.header.currents .bread a:last-child,
.header.current2 .bread a:last-child {
    margin: 0;
    padding: 0;
    background: none;
}

.header.currents .bread a.on,
.header.current2 .bread a.on {}

@media screen and (max-width:1480px) {
    .nav ul li>a {
        /* font-size: 16px; */
    }
}

@media screen and (max-width:1200px) {
    .nav ul li>a {
        /* font-size: 14px; */
    }
}

@media screen and (max-width:1040px) {
    /* .logo{position: relative;top: 0px;padding: 20px 0;transform: none;} */
    /* .top_link,.nav{right: 20px;} */
}

@media screen and (max-width:1040px) {
    html {
        font-size: 50px;
    }
    .header {
        position: absolute;
    }
    .header.currents {
        display: none !important;
    }
    .header.current2 {
        height: 64px;
    }
    .nav,
    .top_link {
        display: none;
    }
    .top_mid {
        display: none;
    }
    .logo a.logo1 {
        width: 186px;
        max-width: 100%;
    }
    .top_btns {
        margin: 19px 18px 0 0;
    }
    .top_btns .menu_btn {
        width: 20px;
        height: 30px;
        vertical-align: middle;
    }
    .top_btns .en {
        width: 26px;
        height: 30px;
        vertical-align: middle;
        /* font-size: 20px; */
    }
    .top_btns .search_btn {
        width: 20px;
        height: 30px;
        vertical-align: middle;
        margin: 0 0 0 6px;
    }
    .banner .title {
        font-size: 24px;
        line-height: 1.5;
        /* height: 1.5em; */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .banner .info {
        display: none;
    }
    .search_btn {
        width: 30px;
        height: 54px;
        font-size: 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        float: none;
        vertical-align: middle;
        margin: 0;
    }
    .search_btn::after {
        display: none;
    }
    .header .top {
        height: auto;
        padding: 0px 15px;
        width: auto;
        border-bottom: 1px solid rgba(250, 250, 250, 0.1);
    }
    .mobile {
        display: block;
    }
    .subNav {
        display: none !important;
    }
    .subNav a {
        color: #868484;
    }
    .wrapTop {}
    .mobile-inner-header-icon-out {
        background: url(../images/m_nav1.png) center no-repeat;
    }
    .mobile-inner-header-icon-click {
        background: url(../images/m_nav2.png) center no-repeat;
        right: 0;
        top: 0;
    }
    .mobile-inner-header-icon span {
        display: none;
    }
    .search_box .close {
        width: 40px;
        height: 40px;
    }
    footer {
        overflow: hidden;
        height: auto;
    }
    .footer_lf {
        float: none;
        position: static;
        transform: none;
        margin: 60px auto 50px;
    }
    .footer_logo {
        margin: 0 auto 20px;
    }
    .footer_md {
        float: none;
        position: static;
        transform: none;
        margin: 0px auto 25px;
        overflow: hidden;
        width: auto;
        padding: 0 24px;
    }
    .footer_rt {
        float: none;
        position: static;
        transform: none;
        margin: 0px auto 50px;
    }
    .footer_md a {
        width: 33.3%;
        float: left;
    }
    .footer_rt {
        width: auto;
        float: none;
        margin: 0 52px 50px;
        overflow: hidden;
        padding: 24px 0 0;
        border-top: 1px solid #808080;
    }
    .footer_rt .box {
        float: right;
        border: 0;
    }
    .footer_rt .box:first-child {
        float: left;
        border: 0;
        margin: 0;
    }
    .footer_rt .code {
        width: 53px;
    }
    .footer_rt .box .info {
        line-height: 1.5;
    }
}

@media screen and (max-width: 767px) {
    .logo a.logo1 {
        display: none;
    }
    .logo a.logo4 {
        display: block;
        width: 28px;
    }
    .current2 .logo a.logo4 {
        display: none;
    }
    .logo {
        overflow: hidden;
        /* width: 239px; */
        max-width: 100%;
        /* margin:0 auto; */
        margin: 12px 0 0 18px;
        text-align: center;
        position: relative;
        padding: 1px 0;
    }
    .mobile {
        top: 0px;
    }
    /* .search_btn{width: 37px;height: 37px;right: 70px;padding: 0;font-size: 0;background: url(../images/search_btn.png) center no-repeat #fff;border-radius: 50%;top: 11px;} */
    .search_box .close {
        width: 32px;
        height: 32px;
    }
    .ser {}
    .search input.notxt {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    .search input.notxt1 {}
    .mobile-inner-nav {}
    .mobile-inner-header-icon {
        width: 37px;
        height: 37px;
    }
    .mobile-inner-header-icon-out {
        top: 11px;
    }
    .mobile-inner-header-icon-click {
        background-size: 15px auto;
        right: 5px;
        top: 9px;
    }
    .mobile-inner-nav ul {}
    .mobile-inner-nav a {}
    .menu_box {
        left: 0;
        width: auto;
        display: none;
    }
    .menu_box .logo3 {
        display: block;
        position: absolute;
        left: 36px;
        top: 26px;
    }
    .nav {
        padding-left: 36px;
        padding-top: 136px;
    }
    .nav ul li>a {
        font-size: 30px;
        line-height: 69px;
    }
}

@media screen and (max-width:413px) {
    .logo {
        padding: 0;
    }
    .top_btns {
        /* margin: 12px 12px 0 0; */
    }
    .footer_rt .box:first-child {
        float: none;
    }
    .footer_rt .box {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .footer_rt .box .code {
        margin: 0 auto;
        width: 100px;
    }
    .banner .title {
        font-size: 20px;
    }
    .banner .title br {
        display: none;
    }
}

@media screen and (max-width:380px) {
    /* .logo{float:left;} */
}