header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    transition: all ease 0.5s;
    background-color: transparent;
}

header.search-qh .qhs-a {display: block;}

header.search-qh .qh-opa {display: block;} 
.qh-top{width: 100%;background-color: #1e67d4;}

.qh-main{width: 14.4rem;margin: 0 auto;}

.qh-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qh-lt{float: left; font-size: 0;}

.qh-link{display: inline-block;vertical-align: middle;margin-right: .3rem; cursor: pointer;line-height: .45rem;}

.qh-link:last-child{margin-right: 0;}

.qh-icon{display: inline-block;vertical-align: middle;margin-right: .1rem;}

.qh-icon img{max-width: .18rem;max-height: .16rem;}

.qh-text{font-family: D-DIN;display: inline-block;vertical-align: middle;color: #ffffff;} 

.qh-rt{float: right;font-size: 0;display: flex;}

.qh-share{display: inline-block;vertical-align: middle;margin-left: .2rem; cursor: pointer;line-height: .45rem;}

.qh-share>img{height: .15rem;opacity: .4; }

.qh-share:hover>img{opacity: 1;}



.qh-bottom{width: 100%;background-color: #ffffff;}

.qh-cont{width: 14.4rem;margin: 0 auto;}

.qh-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qh-left{float: left;font-size: 0;}

.qh-logo{display: inline-block;vertical-align: middle;cursor: pointer; line-height: .95rem;}

.qh-logo img{max-width: none;height: .6rem;}



.qh-right{float: right; font-size: 0;}



.qh-h{display: inline-block;vertical-align: middle;margin-right: 1rem;}

.qh-i{display: inline-block;vertical-align: middle;position: relative; cursor: pointer; padding: 0 .18rem;}

.qh-j{font-family: D-DIN-Bold;font-weight: bold;position: relative; display: inline-block;color: #333333;line-height: .95rem;}

.qh-j:after{content: '';position: absolute;bottom: 0;left: 0;transition: all ease .5s; width: 0;height: .03rem;background-color: #1e67d4;}

.qh-i.active .qh-j{color: #1e67d4;}

.qh-i:hover .qh-j{color: #1e67d4;} 



.qh-sub {display: none; width: 2.4rem;  background-color: #fff; position: absolute;left: 50%;top: .95rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-item{display: block;width: 100%;position: relative;}

.qh-one{font-family: D-DIN;display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; }



.qh-item.has-two .qh-one{padding-right: .5rem;}

.qh-item.has-two .qh-one:after{content: '>';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: .5rem;text-align: center;}

.qh-twobox{display: none; position: absolute;top: 0;right: -100%; width: 2.4rem; background-color: #fff; z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qh-two{font-family: D-DIN;display: block;cursor: pointer;width: 100%;padding: 10px .2rem; line-height:1.4;  color: #333333; }



.qh-sub:hover{overflow: visible !important;}

.qh-item:hover .qh-twobox{display: block;} 



.qh-inquiry{font-family: D-DIN-Bold;font-weight: bold; display: inline-block;vertical-align: middle;cursor: pointer; color: #333333;line-height: .95rem;}

.qh-inquiry img{width: .2rem;margin-right: .1rem;}



.qh-language{display: inline-block;vertical-align: middle;margin-left: .3rem; position: relative;}

.qhl-tip{font-family: D-DIN-Bold;font-weight: bold; display: block;cursor: pointer;line-height: .95rem;color: #333333;} 

.qhl-tip:before{content: '';display: inline-block;vertical-align: middle;  margin-right: .09rem; width: 1.1em; height: .95rem;background-image: url('../images/qa37.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.qhl-list{display: none;width: 120px; background-color: #fff; position: absolute;left: 50%;top:.95rem;transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}

.qhl-item{display: block;cursor: pointer; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}

.qhl-item:hover {background-color: #1e67d4; color: #fff;}



.qh-k{display: inline-block;vertical-align: middle;margin-left: .3rem;}

.qh-search{position: relative;z-index: 8;display: block;cursor: pointer; width:.4rem;height: .4rem;border-radius: 50%;background-color: #1e67d4; background-image: url('../images/qa38-b.png');background-size:.18rem auto ;background-position: center center;background-repeat: no-repeat;}

.qhs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 2rem;left: 50%;transform: translate(-50%,0);}

.qhs-form{font-size: 0;display: inline-block;}

.qhs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}

.qhs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #1e67d4;background-image: url('../images/qa38-b.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}

header.search-qh .qhs-a {display: block;}

header.search-qh .qh-opa {display: block;} 



.qh-menu {display: none; position: absolute;cursor: pointer; top: 0;right:10px; width: .5rem;height: .95rem;background-image: url('../images/qa-menu.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.qh-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}

 

@media (min-width: 1200px) { 

    .qh-i.active .qh-j:after{width: 100%;}

    .qh-i:hover .qh-j:after{width: 100%;}

    .qh-item:hover .qh-one{background-color: #1e67d4;color: #fff;} 

    .qh-two:hover{background-color: #1e67d4;color: #fff;} 

}



@media (max-width: 1400px) { 

    .qh-h{margin-right: 1rem;}

}

@media (max-width: 1200px) { 

    .qh-main{width: 100%;padding: 0 10px;}

    .qh-cont{width: 100%;padding: 0 10px;position: relative;}

    .qh-text{font-size: 12px;}

    .qh-share>img{height: 10px;}



    .qh-right{margin-right: .6rem;}



    .qh-h{position: fixed; right: 0;top: 0;margin-right: 0; width: 260px; height: 100vh;overflow: auto; background-color: #fff;  z-index: 1000;transform: translate(100vw, 0);transition: transform .3s;}

    .qh-i {width: 100%;padding: 0;margin: 0;height: auto;}

    .qh-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;font-size: 16px;} 

    .qh-i.has-sub:after {content: "";background-image: url('../images/qa-right.png');background-size:auto 12px ;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}

    .qh-i.has-sub.show:after {background-image: url('../images/qa-down.png');background-size:auto 14px ;}

    

    .qh-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}

    .qh-one{text-align: left;padding-left: 40px;font-size: 14px;} 

    .qh-item.has-two .h-one:after{display: none;}

    .qh-twobox{display: block;position: relative;right: 0;width: 100%; padding-left: 60px;    box-shadow: none;}

    .qh-item:hover .qh-one{color: #1e67d4;} 

    .qh-two:hover{color: #1e67d4;} 



    .qh-menu{display: block;}

    header.menu-qh .qh-opa{display: block;}

    header.menu-qh  .qh-h{transform: translate(0,0);}

}



@media(max-width:370px) {   

    .qhs-text{width: 5rem;height: 35px;} 

    .qhs-submit{width: 35px;height: 35px;} 

    .qh-inquiry img{display: none;}

}

.nanner {
    width: 100%;
    position: relative;
}

.nanner .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.nanner .imgs .img {
    width: 100%;
    padding-top: 26.0416%;
}

.nanner .nox {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.nanner .nox .nit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.crumbs {
    width: 100%;
}

.crumbs .crum {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.1rem 0;
    position: relative;
}

.crumbs .crum .cul {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.crumbs .crum .cul .home {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.15rem;
    width: 20px;
}

.crumbs .crum .cul .home img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 3;
}

.crumbs .crum .cul a span {
    display: inline-block;
    color: #333;
    margin: 0 0.1rem;
}

.crumbs .crum .cul a span img {
    width: 100%;
    display: block;
}

.crumbs .crum .cul a:last-child span {
    display: none;
}

.crumbs .crum .cenu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    right: 0.1rem;
    display: none;
}

.crumbs .crum .cenu img {
    width: 100%;
    display: block;
}
@media (max-width: 800px) {
     .crumbs .crum .cenu {
        display: block;
    }
}
.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}

.newsd {
    width: 100%;
    padding: 0 0 0.3rem;
}

.newsd .newlist {
    width: 100%;
}

.newsd .newlist .nawom {
    width: 100%;
    padding: 0.3rem 0;
    border-bottom: solid 1px #efeff5;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.newsd .newlist .nawom .imgs {
    display: inline-block;
    vertical-align: middle;
    width: calc((400 / 1400 * 100%));
    position: relative;
    overflow: hidden;
}

.newsd .newlist .nawom .imgs a {
    width: 100%;
    display: block;
}

.newsd .newlist .nawom .imgs .img {
    width: 100%;
    padding-top: 75%;
    transition: all ease 0.5s;
}

.newsd .newlist .nawom .imgs:hover .img {
    transform: scale(1.1);
}

.newsd .newlist .nawom .loms {
    width: calc(930 / 1400 * 100%);
    display: inline-block;
    vertical-align: middle;
}

.newsd .newlist .nawom .loms .lit {
    width: 100%;
    color: #222434;
    line-height: 1.5;
    display: block;
    margin-bottom: 0.1rem;
}

.newsd .newlist .nawom .loms .lit:hover {
    color: #2269d5;
}

.newsd .newlist .nawom .loms .time {
    width: 100%;
    color: #c0c0cc;
    line-height: 1.5;
    margin-bottom: 0.15rem;
}

.newsd .newlist .nawom .loms .time span {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    margin-right: 0.06rem;
    position: relative;
    top: -0.04rem;
}

.newsd .newlist .nawom .loms .pix {
    width: 100%;
    color: #81838e;
    line-height: 1.5;
    height: 4.5em;
}

.newsd .newlist .nawom .loms .pix p {
    color: #81838e;
    line-height: 1.5;
}

.newsd .newlist .nawom .loms .lob {
    width: 100%;
    margin-top: 0.35rem;
    font-size: 0;
}

.newsd .newlist .nawom .loms .lob a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 2.8;
    background-color: #2269d5;
    top: 0;
    position: relative;
    transition: all ease 0.5s;
    width: auto;
    padding: 0 0.3rem;
}

.newsd .newlist .nawom .loms .lob a span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    margin-left: 0.22rem;
}

.newsd .newlist .nawom .loms .lob a span img {
    width: 100%;
    display: block;
}

.newsd .newlist .nawom .loms .lob a:hover {
    background-color: #2269d5;
    top: -0.06rem;
}

.newsd .netails {
    width: 100%;
    background-color: #f8f8f9;
    padding: 0.9rem;
}

.newsd .netails .nit {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.3;
}

.newsd .netails .nit.mbt {
    margin-bottom: 0.5rem;
}

.newsd .netails .nim {
    width: 100%;
    font-size: 0;
    margin: 0.2rem 0 0.1rem;
    text-align: center;
}

.newsd .netails .nim .xm {
    display: inline-block;
    vertical-align: middle;
    color: #81838e;
    line-height: 1.5;
    margin: 0 0.1rem 0.1rem;
}

.newsd .netails .nim .xd {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin: 0 0.1rem 0.1rem;
}

.newsd .netails .nim .xd img {
    width: 100%;
    display: block;
}

.newsd .netails .ninp {
    width: 100%;
    color: #81838e;
    line-height: 1.6;
    text-align: justify;
    padding: 0.3rem 0;
    border-top: solid 1px #e6e6ee;
}

.newsd .netails .ninp p {
    color: #81838e;
    line-height: 1.6;
}

.newsd .netails .nob {
    width: 100%;
    margin-top: 0.3rem;
    font-size: 0;
}

.newsd .netails .nob .nab {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
}

.newsd .netails .nob .nab a {
    width: 100%;
    display: block;
    background-color: #ffffff;
    border: solid 1px #e8e8f4;
    padding: 0.15rem 0.3rem;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.newsd .netails .nob .nab a:hover {
    color: #fff;
    background-color: #2269d5;
    border: solid 1px #2269d5;
}

.newsd .netails .nob .nab:nth-child(2n) {
    margin-right: 0;
}
.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}
@media(max-width: 800px){

    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}

    .z2,

    .z3,

    .z4,

    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}

    .z2{width: 49% !important;}

    .z3{width: 32% !important;}

    .z4{width: 23.5% !important;}

    .z5{width: 18.4% !important;}

    .z2:nth-child(2n),

    .z3:nth-child(3n),

    .z4:nth-child(4n),

    .z5:nth-child(5n){margin-right: 0 !important;}

    .mb3{margin-bottom: 30px !important;}

    .mb2{margin-bottom: 20px !important;}

    .mb1{margin-bottom: 10px !important;}

    .mt1{margin-top: 10px !important;}

    .l1{padding-left: 10px !important;}

    .r1{padding-right: 10px !important;}

    .t1{padding-top: 10px !important;}

    .b1{padding-bottom: 10px !important;}

    .l2{padding-left: 20px !important;}

    .r2{padding-right: 20px !important;}

    .t2{padding-top: 20px !important;}

    .b2{padding-bottom: 20px !important;}

    .l3{padding-left: 30px !important;}

    .r3{padding-right: 30px !important;}

    .t3{padding-top: 30px !important; }

    .b3{padding-bottom: 30px !important;}

    .t0{top: 0 !important;}

    .f1{flex: 1;}

    .p0{padding: 0 !important;}

    .hauto{height: auto !important;}

    .none{display: none !important;}

    .tl{text-align: left !important;}

    .trs{text-align: right !important;}

    .tcn{text-align: center !important;}

    .nblock{display: block !important;}

    .epsnone{-webkit-line-clamp: 100;}

    .bnone{border: none !important;}

    .jfls{justify-content: flex-start !important;}

}

.sidebar{position: fixed;top: 60%;right: .1rem;z-index: 18; transform: translate(0,-50%);}

.sidebar-item{display: block;cursor: pointer;position: relative; width: .64rem;margin: 1px 0;}

.sidebar-link{display: block;width: 100%;height: .64rem;line-height: .64rem;text-align: center;background-color: #333333;}

.sidebar-link img{max-width: 50%;max-height: 50%;}



.sidebar-item:hover .sidebar-link{background-color: #327ae6;}



.sidebar-sub{visibility: hidden;opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;right: .64rem;}

.sidebar-phone{display: block;width: 2.1rem;min-width: 150px; text-align: center; background-color: #327ae6;}

.sidebar-icon{display: inline-block;vertical-align: middle;margin-right: .13rem;width: .22rem;line-height: .64rem;}

.sidebar-icon img{width: 100%;}

.sidebar-text{ font-family: D-DIN-Bold;font-weight: bold; display: inline-block;vertical-align: middle;max-width: calc(100% - .6rem);line-height: 1.3; color: #ffffff;}



.sidebar-item.show .sidebar-sub{visibility: visible;opacity: 1;z-index: 8;right: 0;}



@media (max-width: 1200px) { 

    .sidebar-item.show .sidebar-sub{visibility: visible;opacity: 1;z-index: 8;right: .64rem;}

}
.qi-top{width: 100%;background-color: #222222;}

.qi-cont{width: 14.4rem;margin: 0 auto; padding-top: .88rem;padding-bottom: 1.1rem;}

.qi-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qi-left{float: left;width: 4rem;}

.qi-logo{display: inline-block;cursor: pointer;width: 2.67rem;margin-bottom: .43rem;}

.qi-logo img{width: 100%;}

.qi-intro{color: rgba(255,255,255,.45);line-height: 2;}

.qi-tr{width: 100%;font-size: 0;padding-top: .1rem;}

.qi-td{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .2rem; margin-right: .13rem; height: .26rem;}

.qi-td img{height: 100%;}



.qi-right{float: right;font-size: 0;padding-top: .2rem;}

.qi-a{display: inline-block;vertical-align: top;width: 2.3rem;padding-right: .15rem;}

.qi-tip{font-family: D-DIN-Bold;font-weight: bold; color: #ffffff;}

.qi-onebox{display: inline-block;padding-top: .24rem;}

.qi-one{font-family: D-DIN;display: block;cursor: pointer; color: rgba(255,255,255,.5);line-height: 1.77;}

.qi-one:hover{color: #fff;}

.qi-b{display: inline-block;vertical-align: top;width: 2.88rem;margin-right: .75rem;}

.qi-twobox{width: 100%;padding-top: .24rem;}

.qi-two{display: block;font-size: 0;position: relative;padding-left: .25rem;}

.qi-icon{position: absolute;top: 0;left: 0;height: 1.77em;line-height: 1.77em;width: .15rem;}

.qi-icon img{max-width: 100%;max-height: 100%;}

.qi-text{font-family: D-DIN;width: 100%;color: rgba(255,255,255,.5);line-height: 1.77;}

.qi-c{display: inline-block;vertical-align: top;width: 3.3rem;}

.qi-form{width: 100%;padding-top: .3rem;margin-bottom: .38rem;}

.qi-d{display: block;position: relative; width: 100%;padding-right: .5rem;background-color: rgba(255,255,255,.1);}

.qi-input{width: 100%;background-color: transparent;border: none;padding: 0 .2rem;color: #fff;height: .5rem;}

.qi-submit{position: absolute;top: 0;right: 0;display: block;cursor: pointer; width: .5rem;height: 100%; background-color: #1e67d4;border: none;background-image: url('../images/qa46.png');background-size: .21rem auto;background-position: center center;background-repeat: no-repeat;}

.qi-sharebox{width: 100%;font-size: 0;padding-top: .1rem;}

.qi-share{display: inline-block;vertical-align: top;cursor: pointer;margin-top: .2rem;margin-right: .3rem;}

.qi-img1{display: block;height: .23rem;}

.qi-img1 img{height: 100%;}

.qi-img2{display: none;height: .23rem;}

.qi-img2 img{height: 100%;}

.qi-share:hover .qi-img1{display: none;}

.qi-share:hover .qi-img2{display: block;}



.qi-bottom{width: 100%;padding: .15rem 0; background-color: #2d2d2d;}

.qi-main{width: 14.4rem;margin: 0 auto;}

.qi-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.qi-lt{float: left;font-family: D-DIN;color: rgba(255,255,255,.7);line-height: 1.66;}

.qi-lt *{line-height: inherit;color: inherit;}

.qi-rt{float: right;font-family: D-DIN;color: rgba(255,255,255,.7);line-height: 1.66;}

.qi-rt *{line-height: inherit;color: inherit;}



@media (max-width: 800px) { 

    .qi-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}

    .qi-left{width: 100%;margin-bottom: .3rem;}

    .qi-right{width: 100%;}

    .qi-a{width: 100%;margin-bottom: .3rem;}

    .qi-onebox{width: 100%;}

    .qi-one{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-bottom: .2rem;}

    .qi-b{width: 100%;margin-right: 0;margin-bottom: .3rem;}

    .qi-c{width: 100%;}

    .qi-d{max-width: 320px;}

    .qi-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}

}footer {
    width: 100%;
}

footer .ftop {
    width: 100%;
    background-color: #262839;
    padding: 0.7rem 0;
}

footer .ftop .fop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .ftop .fop .fcont {
    display: inline-block;
    vertical-align: top;
    width: calc((455 / 1400 * 100%));
}

footer .ftop .fop .fcont form {
    width: 100%;
    display: block;
}

footer .ftop .fop .fcont .fit {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.15rem;
}

footer .ftop .fop .fcont .fit a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    transition: all ease 0.5s;
}

footer .ftop .fop .fcont .fit a:hover {
    color: #fff;
}

footer .ftop .fop .fcont .row {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .fcont .row .input {
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 12px) / 3);
    margin-right: 6px;
    margin-bottom: 6px;
}

footer .ftop .fop .fcont .row .input input {
    width: 100%;
    display: block;
    padding: 0 0.15rem;
    border: none;
    line-height: 3;
    height: 3em;
    color: #fff;
    background-color: #383b58;
}

footer .ftop .fop .fcont .row .input:nth-child(3n) {
    margin-right: 0;
}

footer .ftop .fop .fcont .row .text {
    width: 100%;
    margin-bottom: 6px;
}

footer .ftop .fop .fcont .row .text .area {
    width: 100%;
    display: block;
    background-color: #383b58;
    padding: 0.15rem;
    line-height: 1.5;
    color: #fff;
    border: none;
}

footer .ftop .fop .fcont .sub {
    width: 100%;
}

footer .ftop .fop .fcont .sub input {
    width: 100%;
    display: block;
    line-height: 3;
    height: 3em;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #2269d5;
    color: #262839;
}

footer .ftop .fop .fcom {
    width: calc((365 / 1400 * 100%));
    display: inline-block;
    vertical-align: top;
}

footer .ftop .fop .fcom .flist {
    display: inline-block;
    vertical-align: top;
    width: calc(50%);
    padding-right: 0.1rem;
}

footer .ftop .fop .fcom .flist .fit {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.15rem;
}

footer .ftop .fop .fcom .flist .fit a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    transition: all ease 0.5s;
    padding: 0.04rem 0;
}

footer .ftop .fop .fcom .flist .fit a:hover {
    color: #fff;
}

footer .ftop .fop .fcom .flist .ful {
    width: 100%;
}

footer .ftop .fop .fcom .flist .ful a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    transition: all ease 0.5s;
    line-height: 2;
}

footer .ftop .fop .fcom .flist .ful a:hover {
    color: #fff;
}

footer .ftop .fop .fcom .flist .ful div {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5);
    line-height: 2;
    transition: all ease 0.5s;
}

footer .ftop .fop .frtm {
    width: calc((320 / 1400 * 100%));
    display: inline-block;
    vertical-align: top;
}

footer .ftop .fop .frtm .fogo {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .frtm .fogo a {
    display: inline-block;
    vertical-align: middle;
    width: 2.45rem;
}

footer .ftop .fop .frtm .fogo a img {
    width: 100%;
    display: block;
}

footer .ftop .fop .frtm .fip {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin: 0.15rem 0 0.12rem;
}

footer .ftop .fop .frtm .fip p {
    color: #fff;
    line-height: 1.5;
}

footer .ftop .fop .frtm .fx {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 0.12rem 0;
}

footer .ftop .fop .frtm .fok {
    width: 100%;
    font-size: 0;
}

footer .ftop .fop .frtm .fok .hiom {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    margin-right: 0.2rem;
    padding: 0.05rem 0;
}

footer .ftop .fop .frtm .fok .hiom span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    margin-right: 0.06rem;
}

footer .ftop .fop .frtm .fok .hiom span img {
    width: 100%;
    display: block;
}

footer .ftop .fop .frtm .fhare {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
}

footer .ftop .fop .frtm .fhare .am {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    width: 22px;
    height: 22px;
    margin-right: 0.1rem;
}

footer .ftop .fop .frtm .fhare .am a,
footer .ftop .fop .frtm .fhare .am img {
    width: 100%;
    display: block;
}

footer .fbot {
    width: 100%;
    background-color: #131528;
}

footer .fbot .fot {
    width: 100%;
    padding: 0.3rem 0;
}

footer .fbot .fot .fm {
    width: 100%;
    text-align: center;
    color: #8d90a5;
    line-height: 1.5;
}

@media (max-width: 800px) {
    footer .ftop {
        padding: 0.3rem 0;
    }

    footer .ftop .fop {
        flex-direction: column-reverse;
    }

    footer .ftop .fop .frtm {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    footer .ftop .fop .frtm .fogo a {
        width: 180px;
    }

    footer .ftop .fop .frtm .fip {
        margin: 0.2rem 0;
    }

    footer .ftop .fop .fcom {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    footer .ftop .fop .fcom .flist {
        width: 100%;
        border-bottom: solid 1px #e5e5e5;
        position: relative;
        border-top: solid 1px #e5e5e5;
    }

    footer .ftop .fop .fcom .flist .fit {
        width: 100%;
        margin-bottom: 0;
        padding: 0.3rem 0;
    }

    footer .ftop .fop .fcom .flist .lx {
        display: none;
    }

    footer .ftop .fop .fcom .flist .ful {
        width: 100%;
        font-size: 0;
        padding-bottom: 0.15rem;
        display: none;
    }

    footer .ftop .fop .fcom .flist .ful a {
        line-height: 2;
    }

    footer .ftop .fop .fcom .flist.has-ful:after {
        content: " ";
        display: inline-block;
        width: 14px;
        height: 8px;
        background-image: url("../images/x1.png");
        background-position: center;
        background-size: 100% 100%;
        text-align: center;
        position: absolute;
        right: 0.2rem;
        left: auto;
        transform: translateX(0);
        top: 0.4rem;
        color: #333;
        border: none;
        transition: all ease 0.5s;
    }

    footer .ftop .fop .fcom .flist.has-ful.show:after {
        content: " ";
        transform: translateX(0) rotate(180deg);
    }

    footer .ftop .fop .fcom .flist+.flist {
        border-top: none;
    }

    footer .ftop .fop .fcont {
        width: 100%;
    }
}