* {margin: 0;padding: 0;}
ol,ul,li {list-style: none;}
html,body{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: PingFangSC-Semibold;
}
a{
    text-decoration: none !important;
    color: #333;
}
button{border: none;outline: none;}
img{border: 0px solid #fff}
.swiper-button-prev,.swiper-button-next{outline: none;}
.clear{clear: both;}
.f5f5f7{
    background: #f5f5f7;
}
body .hidden,body .hide{display: none;}
.center{
    width: 90%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.section .center{
    position: absolute;
    left: 5%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}
.center_b{
    width: 100%;
    height: auto;
}
.section .center_b{
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}
@media screen and (max-width: 899px) {
    .center,.center_b{
        height: 100%;
    }
    .center{
        width: 94%;
    }
    .section .center{
        left: 3%;
    }
}
.left{
    float: left;
}
.right{
    float: right;
}
.ding{
    width: 100%;
    height: 50px;
}
@font-face {
    font-family: "Source_Han_Serif_SC_Light_Light";
    src: url("./Source_Han_Serif_SC_Light_Light.otf");
}
@font-face {
    font-family: "siyuansongti";
    src: url("./siyuansongti.TTF");
}
@media screen and (max-width: 899px) {
    .pc {
        display: none !important;
    }
}
@media screen and (min-width: 900px) {
    .sj {
        display: none !important;
    }
}
/*.animated11{
    animation: fadeInUp 1s 0.1s ease both;
}
.animated12{
    animation: fadeInUp 1s 0.6s ease both;
}
.animated13{
    animation: fadeInRight 1s 1.6s ease both;
}
.animated14{
    animation: fadeInLeft 1s 1.1s ease both;
}
.animated21{
    animation: fadeInUp 1s 0.1s ease both;
}
.animated22{
    animation: fadeInUp 1s 0.6s ease both;
}
.animated23{
    animation: fadeInUp 1s 1.1s ease both;
}
.animated24{
    animation: fadeInUp 1s 1.6s ease both;
}
.animated25{
    animation: fadeInUp 1s 2.1s ease both;
}
.animated1{
    animation: fadeInUp 1s 2s ease both;
}
.animated2{
    animation: fadeInUp 1s 2.5s ease both;
}
.animated3{
    animation: fadeInUp 1s 3s ease both;
}*/
.animated11{
    animation: fadeInUp 1s 0s ease both;
}
.animated12{
    animation: fadeInUp 1s 0s ease both;
}
.animated13{
    animation: fadeInRight 1s 0s ease both;
}
.animated14{
    animation: fadeInLeft 1s 0s ease both;
}
.animated21{
    animation: fadeInUp 1s 0s ease both;
}
.animated22{
    animation: fadeInUp 1s 0s ease both;
}
.animated23{
    animation: fadeInUp 1s 0s ease both;
}
.animated24{
    animation: fadeInUp 1s 0s ease both;
}
.animated25{
    animation: fadeInUp 1s 0s ease both;
}
.animated1{
    animation: fadeInUp 1s 0s ease both;
}
.animated2{
    animation: fadeInUp 1s 0s ease both;
}
.animated3{
    animation: fadeInUp 1s 0s ease both;
}
/*详情页内容样式*/
.cont img{
    max-width: 100%;
}
/*分页样式*/
.pagediv{
    width: 80%;
    text-align: center;
    padding: 40px 10%;
    margin-bottom: 150px;
}
.zyc .pagediv{
    margin-bottom: 0px;
}
.pagediv a{
    padding: 0 10px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    margin: 0 7px;
    border: 1px solid #0458ae;
    cursor: pointer;
    color: #0458ae;
    font-size: 16px;
}
.pagediv .select{
    background: #0458ae;
    color: #fff;
}

.page1-a1{position: relative;text-align: center;margin-bottom: 80px;}
.page1-a1>a{min-width: 42px;height: 42px;padding: 0 14px;box-sizing: border-box;font-size: 14px;line-height: 42px;color: #222222;background: #f0f0f0;text-align: center;margin: 0 2px;display: none;transition: 0.5s;}
.page1-a1>a:hover{color: #fff;;background: #03594b;transition: 0.5s;}
.page1-a1>a.select{color: #fff;background: #03594b;}
.page1-b1{display: none;}

@media screen and (max-width: 899px) {
    .pagediv{
        width: 100%;
        text-align: center;
        padding: 0.28rem 0 0.38rem 0;
        margin-bottom: 0;
    }
    .pagediv a{
        padding: 0 0.16rem;
        height: 0.38rem;
        display: inline-block;
        line-height: 0.38rem;
        margin: 0 0.08rem 0.1rem 0.08rem;
        border: 0.01rem solid #0458ae;
        font-size: 0.2rem;
        color: #0458ae;
    }
    .pagediv .select{
        background: #0458ae;
        color: #fff;
    }
}

/*导航栏*/
.dh{
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
}
.dh:hover{
    height: 180px;
}
.dh_b{
    width: 100%;
    height: 90px;
}
.dh_c{
    width: 94%;
    height: 90px;
    padding: 0 3%;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: space-between;
    transition: background 450ms ease;
}
.dh_c:hover{
    background: #f5f5f7;
}
.dh_bg{
    width: 100%;
    height: 91px;
    background: url('../img/dhbg2.png') center center no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 0;
    top: 89px;
    z-index: 102;
}
.dhl{
    width: auto;
    height: 43px;
    display: block;
    margin-top: 23px;
}
.dhi{
    width: auto;
    height: 43px;
    display: block;
}
.dhc{
    width: auto;
    height: 90px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.dhcs{
    width: auto;
    height: 86px;
    line-height: 86px;
    padding: 0 20px;
    display: inline-block;
    padding-top: 4px;
    font-weight: bold;
    font-size: 18px;
    color: #111;
    transition: padding-top 450ms ease-in-out;
    transition: border-top 450ms ease-in-out;
    transition: background 450ms ease-in-out;
    transition: color 450ms ease-in-out;
}
.dhcs:hover{
    padding-top: 0px;
    border-top: 4px solid #0458ae;
    background: #fff;
    color: #0458ae;
}
@media screen and (max-width: 1450px) {
    .dhi{
        width: auto;
        height: 36px;
        display: block;
    }
    .dhcs{
        padding: 0 15px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .dhi{
        width: auto;
        height: 30px;
        display: block;
    }
    .dhcs{
        padding: 0 5px;
        font-size: 12px;
    }
}
/*.dhcs_active{
    padding-top: 0px;
    border-top: 4px solid #0458ae;
    background: #fff;
    color: #0458ae;
}*/
.dhcsi{
    width: auto;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}
.dhs{
    width: 220px;
    height: 120px;
    background: #0458ae;
    float: right;
    display: none;
}
.dhd{
    width: 100%;
    height: 91px;
    position: absolute;
    left: 0;
    top: 89px;
    z-index: 102;
    display: flex;
    justify-content: start;
}
.dhds{
    width: auto;
    height: 90px;
    line-height: 90px;
    margin: 0 20px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.dhd_b{
    width: 100%;
    height: 88px;
    border-bottom: 2px solid #fff;
    display: flex;
    justify-content: end;
}
.dhdc{
    width: 85%;
    height: 100%;
    padding: 0 2%;
    line-height: 88px;
    background: none;
    border: none;
    outline: none;
    font-size: 18px;
    color: #fff;
}
.dhdc::placeholder {
    color: #fff;
}
.dhdi{
    width: auto;
    height: 24px;
    margin: 32px 20px;
    cursor: pointer;
    display: inline-block;
}
.dhdq{
    width: auto;
    height: 100%;
    line-height: 88px;
    cursor: pointer;
    transform: scaleX(1.2);
    margin: 0 20px;
    font-size: 24px;
    color: #fff;
}
.dhd_c{
    width: 136px;
    height: auto;
    padding: 12px 20px;
    background: #fff;
    position: absolute;
    right: 20px;
    top: 0;
}
.dhdl{
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    font-size: 16px;
    color: #111;
}
.dhdl:first-child{
    border-bottom: 1px solid #f5f5f7;
}
.dhdl:hover{
    color: #0458ae;
}

/*手机导航栏*/
.sheader{
    width: 94%;
    height: 1.08rem;
    padding: 0 3%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    border-bottom: solid 0.01rem #f0f0f0;
    background: rgba(0, 0, 0, 0.3);
}
.section .sheader{
    position: absolute;
}
.page1 .sheader{
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
}
.sheader_b{
    width: 100%;
    height: 1.01rem;
}
.page1 .sheader_b{
    display: none;
}
.sheader_c{
    width: 100%;
    height: 1.36rem;
}
.logo{
    width: auto;
    height: 0.6rem;
    display: inline-block;
    float: left;
    margin-top: 0.21rem;
}
.menu{
    width: 0.4rem;
    height: auto;
    float: right;
    margin-top: 0.33rem;
}
.menu_list{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    background-size: 100% 100%;
    z-index: 999999999;
    display: none;
}
.menu_close{
    width: auto;
    height: 0.66rem;
    line-height: 0.66rem;
    position: absolute;
    top: 0.1rem;
    right: 3%;
    z-index: 4;
    font-size: 0.56rem;
    color: #fff;
}
.menu_listd{
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0%;
    z-index: 3;
    background: url('../img/menu_bg3.jpg') center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0 0 16px 0px #333;
}
.menu_list ul{
    width: 100%;
    height: auto;
    margin-top: 1.2rem;
}
.menu_list li{
    width: 100%;
    text-align: center;
}
.menu_list li a{
    line-height: 0.86rem;
    font-size: 0.30rem;
    color: #fff;
}
.menu_listc{
    width: 60%;
    height: 0.88rem;
    text-align: center;
    line-height: 0.88rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 6;
    border-top: 1px solid #f0f0f0;
}
.menu_listc,.menu_listc a{
    font-size: 0.30rem;
    color: #fff;
}

/*公共底部*/
.ft{
    width: 100%;
    min-height: 550px;
    background: #242933;
}
.section .ft{
    min-height: 780px;
}
.ftt{
    width: 100%;
    height: auto;
    padding-top: 80px;
    display: flex;
    justify-content: space-between;
}
.section .ftt{
    padding-top: 50px;
}
.fttl{
    width: 60%;
    height: auto;
    border-right: 1px solid #393d46;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.section .fttl{
    width: 70%;
}
.fttr{
    width: 35%;
    height: auto;
}
.section .fttr{
    width: 27%;
}
.fttls{
    width: 13%;
    height: auto;
    margin-left: 2%;
}
.fttls:first-child{
    margin-left: 0px;
}
.fttlst{
    width: 100%;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.fttlsc{
    width: 100%;
    height: auto;
    padding-top: 16px;
}
.fttlsd{
    width: 100%;
    height: auto;
    padding-top: 16px;
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section .fttlsd{
    display: block;
}
.fttlscs{
    width: auto;
    height: 18px;
    display: block;
    line-height: 18px;
    margin-top: 22px;
    margin-right: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #ccc;
}
.section .fttlscs{
    width: 100%;
    margin-top: 38px;
    margin-right: 0px;
}
.fttlscs_b{
    width: 100%;
    height: 14px;
    display: block;
    line-height: 14px;
    margin-top: 28px;
    font-size: 14px;
    color: #ccc;
}
.section .fttlscs{
    margin-top: 38px;
}
.fttlscd{
    width: auto;
    height: 32px;
    line-height: 32px;
    margin: -9px 0 0 12px;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}
.fttlscdi{
    width: auto;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.fttlse{
    width: 100%;
    height: auto;
    margin-top: 56px;
    display: flex;
}
.section .fttlse{
    margin-top: 96px;
}
.fttlses{
    width: 28%;
    height: auto;
    margin-right: 10%;
}
.fttlsesi{
    width: 100%;
    height: auto;
    display: inline-block;
}
.fttlsest{
    width: 100%;
    height: 14px;
    text-align: center;
    line-height: 14px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
}
.ftc{
    width: 100%;
    height: auto;
    padding: 25px 0 30px 0;
    border-bottom: 1px solid #cecece;
}
.ftf{
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-top: 60px;
    border-top: 1px solid #393d46;
    font-size: 14px;
    color: #fff;
}
.section .ftf{
    height: 100px;
    line-height: 100px;
    margin-top: 88px;
}
.ftf a{
    display: inline;
    font-size: 14px;
    color: #fff;
}
.ftfi{
    width: auto;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

@media screen and (max-width: 899px) {
    /*公共底部*/
    .section .ft{
        min-height: 0px;
    }
    .ft .ftt{
        display: block;
        padding-top: 0.2rem;
    }
    .ft .fttl{
        width: 100%;
        display: block;
        border-right: none;
    }
    .ft .fttls{
        width: 100%;
        margin: 0;
    }
    .ft .fttlst{
        width: 100%;
        height: 0.66rem;
        line-height: 0.66rem;
        display: block;
        border-bottom: 1px solid #525660;
        font-size: 0.26rem;
    }
    .ft .fttlsc{
        display: none;
    }
    .ft .fttlsc_b{
        display: block;
    }
    .ft .fttr{
        width: 100%;
        padding-top: 0rem;
        margin-top: 0;
    }
    .ft .fttlscs,.fttlscs_b{
        height: 0.46rem;
        line-height: 0.46rem;
        margin: 0;
        font-size: 0.24rem;
    }
    .ft .fttlscd{
        font-size: 0.28rem;
    }
    .ft .fttlscdi{
        width: auto;
        height: 0.28rem;
    }
    .ft .fttlse{
        width: 80%;
        margin-top: 0.22rem;
    }
    .ft .fttlses{
        width: 36%;
    }
    .ft .fttlsesi{
        width: 56%;
        display: block;
        margin: 0 auto;
    }
    .fttlsest{
        height: 0.22rem;
        line-height: 0.22rem;
        margin-top: 0.18rem;
        font-size: 0.2rem;
    }
    .ft .ftf{
        height: auto;
        line-height: 0.34rem;
        margin-top: 0.32rem;
        padding: 0.25rem 0;
        border-top: 1px solid #525660;
        font-size: 0.2rem;
    }
    .ft .ftf a{
        width: 100%;
        font-size: 0.2rem;
    }
    .ftfi{
        width: auto;
        height: 0.24rem;
        display: inline-block;
        vertical-align: middle;
        margin: -0.02rem 0 0 0.05rem;
    }
}



/*首页*/
/*轮播图*/
.section{
    overflow: hidden;
}
.bn{
    width: 100%;
    height: 100%;
    position: relative;
}
.bn .swiper-container{
    width: 100%;
    height: 100%;
}
.bns{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.bnsbg{
    width: 120%;
    height: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.bnsbgi{
    width: 100%;
    height: 100%;
    display: block;
}
.bnsv{
    width: 100%;
    height: 100%;
    object-fit: fill;
    /*width: 2000px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);*/
}
.bnsd{
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 50%;
    z-index: 3;
    overflow: hidden;
    transform: translateY(-50%);
}
.bnsa{
    width: 100%;
    height: auto;
    line-height: 78px;
    overflow: hidden;
    font-weight: bold;
    font-size: 68px;
    color: #fff;
}
.bnsb{
    width: 100%;
    height: auto;
    line-height: 48px;
    margin-top: 52px;
    overflow: hidden;
    font-size: 38px;
    color: #fff;
}
.bnsc{
    width: 100%;
    height: auto;
}
.bn .swiper-pagination{
    width: 100%;
    text-align: center;
    bottom: 26%;
    left: 0;
}
.bn #banner_s .swiper-pagination{
    width: 94%;
    text-align: right;
    bottom: 6%;
    left: 3%;
}
.bn .swiper-pagination .swiper-pagination-bullet{
    width: 72px;
    height: 4px;
    margin: 0 8px;
    background: #fff;
    opacity: 0.6;
    border-radius: 4px;
}
.bn .swiper-pagination .swiper-pagination-bullet-active{
    background: #0458ae;
    opacity: 1;
}
.bn #banner_s .swiper-pagination .swiper-pagination-bullet{
    width: 5%;
}
.bnl,.bnr{
    width: 3.6%;
    height: auto;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    border-radius: 100%;
    cursor: pointer;
}
.bnl{
    left: 1.5%;
}
.bnr{
    right: 1.5%;
}
.bnri{
    width: 100%;
    height: auto;
}
.bnt{
    width: 10%;
    height: auto;
    position: absolute;
    left: 45%;
    bottom: 6%;
    z-index: 2;
}
.bnti{
    width: 32px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.bntp{
    width: 100%;
    height: 14px;
    text-align: center;
    line-height: 14px;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
}
.pint{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.pintl{
    width: 70%;
    height: auto;
    color: #111;
}
.pinb .pintl,.pind .pintl,.ping .pintl,.pini .pintl{
    color: #fff;
}
.pinb .pintlb,.pini .pintlb{
    color: rgba(209, 209, 209, 0.3);
}
.pintlt{
    width: 100%;
    height: 68px;
    line-height: 44px;
    font-weight: bold;
    font-size: 44px;
    position: relative;
}
.pintlb{
    position: absolute;
    left: 0;
    top: 24px;
    z-index: -1;
    font-size: 40px;
    color: rgba(209, 209, 209, 0.8);
}
.pintlp{
    width: auto;
    height: 16px;
    line-height: 16px;
    margin-top: 20px;
    font-size: 16px;
}
.pintr{
    width: 200px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    display: inline-block;
    border-radius: 56px;
    background: linear-gradient(to right, #4f8ac6, #54c9cf);
    font-size: 16px;
    color: #fff;
}
.zpzd .pintr{
    display: block;
    margin: 0 auto;
    margin-top: 38px;
}
.pintr:hover{
    background: linear-gradient(to right, #0458ae, #0bb2ba);
    box-shadow: 0 2px 5px 0px rgba(4, 88, 174, 0.3);
}
.page7 .pintr,.page8 .pintr,.page9 .pintr{
    background: linear-gradient(to right, #f2f2f2, #fff);
    color: #111;
}
.page7 .pintr:hover,.page8 .pintr:hover,.page9 .pintr:hover{
    background: linear-gradient(to right, #ccc, #f2f2f2);
    color: #111;
}
.pintrt{
    width: 100%;
}
.pintr:hover .pintrt{
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 13px;
}
.pintrhr{
    width: 40%;
    height: 1px;
    background: #fff;
    margin: 10px 30% 0 30%;
    display: none;
}
.page7 .pintrhr,.page8 .pintrhr,.page9 .pintrhr{
    background: linear-gradient(to right, #f2f2f2, #fff);
    background: #111;
}
.pintr:hover .pintrhr{
    display: block;
}
/*.pinb .pintr,.pini .pintr{
    border: 1px solid #fff;
    color: #fff;
}
.ping .pintr,.pind .pintr{
    border: 1px solid #fff;
    color: #fff;
}*/
.pintri{
    width: auto;
    height: 5px;
    display: none;
    margin: -1px 0 0 60px;
    vertical-align: middle;
}
.pinz{
    width: 100%;
    height: auto;
    margin-top: 52px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.pinz_b{
    width: 100%;
    height: auto;
    margin-top: 38px;
    position: relative;
}
.pina{
    width: 100%;
    height: 100%;
    background: url('../img/inda_bg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinal{
    width: 50%;
    height: auto;
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.pinar{
    width: 50%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pinars{
    width: 48.8%;
    height: auto;
    margin: 0 0 10px 1%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.pinabg{
    width: 100%;
    height: auto;
    display: block;
}
.pinabg_b{
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    transition: width 450ms ease-in-out;
}
.pinal:hover .pinabg_b,.pinars:hover .pinabg_b{
    width: 120%;
}
.pinab{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 3;
}
.pinal:hover .pinab,.pinars:hover .pinab{
    background: rgba(0, 0, 0, 0.4);
}
.pinac{
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
}
.pinaci{
    width: auto;
    height: 68px;
    display: block;
    margin: 0 auto;
}
.pinacp{
    width: 100%;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-top: 20px;
    font-size: 24px;
    color: #fff;
}
.pinav{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
.pinava{
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 2;
    transform: scaleX(1.2);
    cursor: pointer;
    font-size: 38px;
    color: #fff;
}
.pinavc{
    width: 60%;
    height: 70%;
    position: absolute;
    top: 15%;
    left: 20%;
    z-index: 3;
}
.pinavc iframe{
    width: 100% !important;
    height: 100% !important;
}
.pinb{
    width: 100%;
    height: 100%;
    background: url('../img/inbbg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinb .pinz{
    height: auto;
    position: relative;
    display: block;
}
.pinc .swiper-container{
    width: 100%;
    height: auto;
    padding: 20px 0 40px 0;
}
.pincs{
    width: 94%;
    height: auto;
    display: block;
    margin: 0 1%;
    background: #fff;
    padding: 56px 2% 40px 2%;
    transition: margin-top 450ms ease-in-out;
}
.pincs:hover{
    margin-top: -20px;
}
.pincsd{
    width: 60%;
    height: 320px;
    margin: 0 20%;
    position: relative;
    overflow: hidden;
}
.pincsi{
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0%;
    z-index: 2;
    transform: translateX(-50%);
}
.pincst{
    width: 100%;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    color: #181818;
}
.pincs:hover .pincst{
    color: #0458ae;
}
.pincsp{
    width: 100%;
    height: 14px;
    text-align: center;
    line-height: 14px;
    overflow: hidden;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
}
.pinc .swiper-pagination{
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
}
.pinc .swiper-pagination .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    margin: 0 8px;
    background: #fff;
    opacity: 0.6;
}
.pinc .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.pincl,.pincr{
    width: auto;
    height: 26px;
    position: absolute;
    top: 48%;
    z-index: 2;
    transform: translateY(-50%) scaleY(1.8);
    border-radius: 100%;
    cursor: pointer;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}
.pincl{
    left: -40px;
}
.pincr{
    right: -40px;
}
.pind{
    width: 100%;
    height: 100%;
    background: url('../img/indd_bg.png') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pindl{
    width: 50%;
    height: auto;
    min-height: 560px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.pindli{
    width: 100%;
    height: auto;
    min-height: 560px;
    display: block;
}
.pindli_b{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: width 450ms ease-in-out,min-height 450ms ease-in-out;
}
.pindl:hover .pindli_b{
    width: 110%;
    min-height: 612px;
}
.pindlt{
    width: 94%;
    height: 72px;
    line-height: 72px;
    padding: 0 3%;
    background: url('../img/newsbg.png');
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #fff;
}
.pindr{
    width: 48%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.pindrs_b{
    width: 100%;
    height: 25%;
    display: block;
}
.pindrs{
    width: 94%;
    height: calc(95% - 40px);
    display: block;
    padding: 20px 3%;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
}
.pindrs:hover{
    background: url('../img/news_bg2.jpg');
    background-size: 100% 100%;
}
.pindrst{
    width: 100%;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 18px;
    color: #111;
}
.pindrsp{
    width: 100%;
    height: 14px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 18px;
    font-size: 14px;
    color: #666;
}
.pindrsf{
    width: 94%;
    height: 14px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 3%;
    bottom: 10%;
    z-index: 3;
    font-size: 14px;
    color: #666;
}
.pindrs:hover .pindrst,.pindrs:hover .pindrsp,.pindrs:hover .pindrsf{
    color: #fff;
}
@media screen and (min-width: 900px) and (max-width: 1400px) {
    .pincsd{
        width: 60%;
        height: 200px;
        margin: 0 20%;
        position: relative;
        overflow: hidden;
    }
    .pindrsf {
        display: none;
    }
}
.pine{
    width: 100%;
    height: 100%;
    background: url('../img/ine_bg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinet{
    width: 94%;
    height: auto;
    margin: 0 3%;
    padding-top: 60px;
}
.pinec{
    width: 100%;
    height: 75%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.pines{
    width: 97%;
    height: 100%;
    padding-left: 3%;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
}
.pines_active{
    display: flex;
}
.pinesc{
    width: 28%;
    height: auto;
    padding-top: 120px;
}
.pinesct{
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 24px;
    color: #111;
}
.pinescc{
    width: 100%;
    height: 252px;
    line-height: 36px;
    overflow: hidden;
    margin-top: 30px;
    font-size: 16px;
    color: #111111;
}
.pinesd{
    width: 68.7%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.pinesi{
    width: 100%;
    height: 100%;
    display: block;
}
.pinesv{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.pinef{
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    border-top: 1px solid #e6ebf2;
    display: flex;
    justify-content: start;
}
.pinefs{
    width: 16.6%;
    height: 100%;
    position: relative;
    display: block;
    border-left: 1px solid #e6ebf2;
}
.pinefs:first-child{
    border-left: 0px solid #e6ebf2;
}
.pinefsi{
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
}
.pinefsi_a,.pinefs_active .pinefsi_b{
    display: block;
}
.pinefs_active .pinefsi_a, .pinefsi_b{
    display: none;
}
.pinefsi_c{
    display: none;
}
.pinefst{
    width: 90%;
    height: 18px;
    text-align: center;
    line-height: 18px;
    margin: 22px 5% 0 5%;
    font-size: 18px;
    color: #fff;
}
.pinefs:nth-child(1) .pinefst,.pinefs:nth-child(2) .pinefst{
    color: #111;
}
.pinefsz{
    width: auto;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 4;
    font-size: 16px;
    color: #fff;
}
.pinefs:nth-child(1) .pinefsz,.pinefs:nth-child(2) .pinefsz{
    color: #bbb;
}
.pinf{
    width: 100%;
    height: 100%;
    background: url('../img/cxy_bg.png') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinft{
    width: 94%;
    height: auto;
    position: absolute;
    left: 3%;
    top: 60px;
    z-index: 2;
}
.pinft .pintl_active .pintlt,.pinft .pintl_active .pintlp{
    color: #fff;
}
/*.pinft .pintr_active{
    border: 1px solid #fff;
    color: #fff;
}*/
.pinfc{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.pinfcs{
    width: 22%;
    height: 100%;
    position: relative;
    border-bottom-left-radius: 100px;
    overflow: hidden;
    transition: width 450ms ease-in-out;
}
.pinfcs_active{
    width: 34%;
}
.pinfcs:hover{
    width: 34%;
}
.pinfcsbg{
    width: 100%;
    height: 100%;
    display: none;
}
.pinfcsbg_b{
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 2;
}
.pinfcs_active .pinfcsbg,.pinfcs_active .pinfcsbg_b{
    display: block;
}
.pinfcsd{
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
}
.pinfcst{
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 40px;
    color: #111;
}
.pinfcs_active .pinfcst{
    color: #fff;
}
.pinfcsp{
    width: 100%;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin-top: 26px;
    font-size: 22px;
    color: #bdbec2;
}
.pinfcs_active .pinfcsp{
    color: #fff;
}
.pinfcsia,.pinfcsib{
    width: 14px;
    height: 17px;
    margin: 0 auto;
    margin-top: 30px;
}
.pinfcsia{
    display: none;
}
.pinfcsb{
    display: block;
}
.pinfcs_active .pinfcsia{
    display: block;
}
.pinfcs_active .pinfcsb{
    display: none;
}
.ping{
    width: 100%;
    height: 100%;
    background: url('../img/dqjs_bg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pingd{
    width: 100%;
    height: auto;
    position: relative;
}
.pingdl{
    width: 50%;
    height: auto;
}
.pingdls{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}
.pingdlsi{
    width: 100%;
    height: auto;
    min-height: 400px;
    display: block;
}
.pingdlsi_b{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: width 450ms ease-in-out,min-height 450ms ease-in-out;
}
.pingdls:hover .pingdlsi_b{
    width: 110%;
    min-height: 440px;
}
.pingdlst{
    width: 94%;
    height: 72px;
    line-height: 72px;
    padding: 0 3%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0,0,0,0.8);
    font-size: 20px;
    color: #fff;
}
.pingdr{
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #f5f5f5;
}
.pingdrs{
    width: 50%;
    height: 50%;
    align-items: flex-start;
    background: #f5f5f5;
    transition: background 450ms ease-in-out;
    position: relative;
    display: block;
}
.pingdrs:hover{
    background: #fff;
}
.pingdrs_a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 2;
    display: none;
}
.pingdrs:hover .pingdrs_a{
    display: block;
}
.pingdrs_b{
    width: 90%;
    height: 100%;
    padding: 0 5%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    background: rgba(255, 255, 255, 0.7);
}
.pingdrst{
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-top: 5%;
    font-size: 14px;
    color: #c6000b;
}
.pingdrsc{
    width: 100%;
    height: 72px;
    line-height: 36px;
    margin-top: 16px;
    overflow: hidden;
    font-weight: bold;
    font-size: 22px;
}
.pingdrsp{
    width: 100%;
    height: 78px;
    line-height: 26px;
    margin-top: 18px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
}
.pingdrsf{
    width: 40%;
    height: 14px;
    line-height: 14px;
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 3;
    font-size: 14px;
    color: #999999;
}
/*.pingdrs:hover .pingdrst,.pingdrs:hover .pingdrsc,.pingdrs:hover .pingdrsp,.pingdrs:hover .pingdrsf{
    color: #fff;
}*/
.pinh{
    width: 100%;
    height: 100%;
    background: url('../img/rlzy_bg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinhd{
    width: 50%;
    height: auto;
    margin-top: 38px;
}
.pinhs{
    width: 94%;
    height: 60px;
    margin-top: 20px;
    padding: 36px 3%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: space-between;
}
.pinhs:hover{
    box-shadow: 2px 2px 8px 1px #ccc;
    background: rgba(255, 255, 255, 1);
}
.pinhs:first-child{
    margin-top: 0px;
}
@media screen and (max-width: 1600px) {
    .pinhs:last-child{
        display: none;
    }
}
.pinhsl{
    width: 70%;
}
.pinhslt{
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    color: #111;
}
.pinhslp{
    width: 100%;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 22px;
    font-size: 14px;
    color: #999;
}
.pinhsr{
    width: 20%;
}
.pinhsrt{
    width: 100%;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-weight: bold;
    text-align: right;
    font-size: 16px;
    color: #0458ae;
}
.pinhsrp{
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.pini{
    width: 100%;
    height: 100%;
    background: url('../img/inibg.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
}
.pinid{
    width: 50%;
    height: auto;
}
.pinids{
    width: 100%;
    height: auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pinids:first-child{
    margin-top: 0px;
}
.pinidsd{
    width: 48%;
    height: auto;
    display: inline-block;
}
.pinidst{
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
}
.pinidsc{
    width: 94%;
    height: 42px;
    margin-top: 12px;
    padding: 0 3%;
    border: none;
    outline: none;
    background: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    color: #fff;
}
.pinidse{
    width: 97%;
    height: 60px;
    margin-top: 12px;
    padding: 10px 1.5%;
    line-height: 30px;
    border: none;
    outline: none;
    background: rgba(255, 255, 255, 0.2);
    font-size: 14px;
    color: #fff;
}
.pinidsf{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.pinidsv{
    width: 100px;
    height: 42px;
    display: inline-block;
    margin-top: 12px;
    cursor: pointer;
}
.pinidsg{
    width: 200px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #0d5aa9;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}
.pinx{
    width: 100%;
    height: 100%;
    background: #242933;
    position: relative;
}
/*手机端样式*/
@media screen and (max-width: 899px) {
    .bns{
        background: #fff;
    }
    .bnsa{
        line-height: 0.68rem;
        font-size: 0.42rem;
    }
    .bnsb{
        line-height: 0.42rem;
        margin-top: 0.38rem;
        font-size: 0.32rem;
    }
    .bnsv{
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
    }
    .pint{
        padding-top: 1.38rem;
        display: block;
    }
    .pintl{
        width: 100%;
    }
    .pintlt{
        height: 0.68rem;
        line-height: 0.50rem;
        font-size: 0.50rem;
    }
    .pintlb{
        top: 0.24rem;
        font-size: 0.42rem;
    }
    .pintlp{
        height: auto;
        line-height: 0.28rem;
        margin-top: 0.15rem;
        font-size: 0.18rem;
    }
    .pintr{
        width: 30%;
        height: 0.52rem;
        line-height: 0.52rem;
        margin-top: 0.32rem;
        font-size: 0.18rem;
    }
    .pintrt{
        width: 100%;
    }
    .pintr:hover .pintrt{
        height: 0.16rem;
        line-height: 0.16rem;
        padding-top: 0.13rem;
    }
    .pintrhr{
        margin: 0.12rem 30% 0 30%;
    }
    /*.pintr_b{
        margin-top: 1.38rem;
        position: absolute;
        right: 3%;
        top: 0.02rem;
        z-index: 2;
    }*/
    .pintri{
        width: auto;
        height: 0.06rem;
        margin: -0.03rem 0 0 0.16rem;
    }
    .pinz{
        width: 100%;
        height: 66%;
        margin-top: 0.28rem;
        display: block;
    }
    .pinz_b{
        margin-top: 0.52rem;
        display: block;
    }
    .pina .center{
        width: 100%;
        left: 0%;
    }
    .pina .pint{
        display: none;
    }
    .pina .pinz{
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 0%;
    }
    .pinal{
        width: 100%;
        height: 18.4%;
        margin: 0;
        position: relative;
    }
    .pinar{
        width: 100%;
        height: 100%;
        margin-top: 0%;
    }
    .pinars{
        width: 50%;
        height: 30%;
        margin: 0;
        position: relative;
    }
    .pinars:first-child{
        width: 100%;
        height: 40%;
    }
    .pinabg{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
    }
    .pinaci{
        width: 13%;
        height: auto;
    }
    .pinacp{
        margin-top: 0.18rem;
        font-size: 0.28rem;
    }
    .pinava{
        top: 1.6rem;
        right: 0.6rem;
        font-size: 0.42rem;
    }
    .pinavc{
        width: 80%;
        height: 50%;
        top: 25%;
        left: 10%;
    }
    #cp{
        width: 80%;
        margin: 0 auto;
    }
    .pincl,.pincr{
        height: 0.26rem;
        font-size: 0.26rem;
        color: #fff;
    }
    .pincl{
        left: 0%;
    }
    .pincr{
        right: 0%;
    }
    .pincs{
        padding: 0.56rem 2% 0.4rem 2%;
    }
    .pincs:hover{
        margin-top: 0rem;
    }
    .pincsd{
        height: 3.8rem;
        margin: 0 20%;
    }
    .pincst{
        height: 0.28rem;
        line-height: 0.28rem;
        margin-top: 0.18rem;
        font-size: 0.24rem;
    }
    .pincsp{
        height: 0.22rem;
        line-height: 0.22rem;
        margin-top: 0.12rem;
        font-size: 0.22rem;
    }
    .pindl{
        width: 100%;
        height: auto;
        min-height: 2.4rem;
        max-height: 3.4rem;
        position: relative;
    }
    .pindli{
        min-height: 2.4rem;
        max-height: 3.4rem;
    }
    .pindli_b{
        display: none;
    }
    .pindlt{
        height: 0.66rem;
        line-height: 0.66rem;
        font-size: 0.26rem;
    }
    .pindr{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 0.2rem;
    }
    .pindrs_b{
        display: none;
    }
    .pindrs_b:nth-child(1),.pindrs_b:nth-child(2){
        display: block;
    }
    .pindrs{
        height: auto;
        margin-top: 0.2rem;
        padding: 3.5% 3%;
    }
    .pindrst{
        width: 100%;
        height: 0.28rem;
        line-height: 0.28rem;
        font-size: 0.28rem;
    }
    .pindrsp{
        width: 100%;
        height: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.15rem;
        font-size: 0.22rem;
    }
    .pindrsf{
        width: 100%;
        height: 0.18rem;
        line-height: 0.18rem;
        margin-top: 0.2rem;
        font-size: 0.18rem;
        display: block;
        position: relative;
        left: 0;
        bottom: 0;
    }
    .pinec{
        width: 94%;
        height: 42%;
        margin: 0.52rem 3% 0 3%;
        position: relative;
        overflow: hidden;
    }
    .pines{
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .pinesc{
        width: 94%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 0.3rem 3%;
        background: linear-gradient(to top, rgba(4,88,174,1), rgba(0,0,0,0));
    }
    .pinesct{
        height: 0.282rem;
        line-height: 0.282rem;
        font-size: 0.282rem;
        color: #fff;
    }
    .pinescc{
        height: auto;
        line-height: 0.34rem;
        margin-top: 0.22rem;
        font-size: 0.2rem;
        color: #fff;
    }
    .pinesd{
        width: auto;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        z-index: 1;
        transform: translateX(-50%);
    }
    .pinesi{
        width: auto;
        height: 100%;
        display: block;
    }
    .pinef{
        height: auto;
        position: static;
        margin-top: 0.32rem;
    }
    .pinefst,.pinefsz{
        display: none;
    }
    .pinefs{
        height: auto;
        padding: 0.26rem 0;
    }
    .pinefsi{
        width: 60%;
        height: 0.52rem;
        margin: 0 20%;
    }
    .pinefsi_a{
        display: none;
    }
    .pinefs_active .pinefsi_b, .pinefsi_c{
        display: block;
    }
    .pinefsi_b, .pinefs_active .pinefsi_c{
        display: none;
    }
    .pinf{
        width: 100%;
        padding: 0;
    }
    .pinf .center{
        width: 100%;
        left: 0%;
    }
    .pinf .pinz{
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 0%;
    }
    .pinft{
        position: static;
    }
    .pinf .pint .pintlt,.pinf .pint .pintlp,.pinf .pint .pintr{
        color: #111;
    }
    .pinfc{
        width: 94%;
        height: 94%;
        position: absolute;
        left: 3%;
        top: 3%;
        z-index: 2;
        margin: 0rem;
        display: block;
        background: url('../img/cxyc_bg.jpg');
        background-size: 100% 100%;
    }
    .pinfcs{
        width: 100%;
        height: 25%;
        display: block;
        position: relative;
        border-radius: 0;
    }
    .pinfcs:first-child{
        margin-top: 0%;
    }
    .pinfcs:hover{
        width: 100%;
    }
    .pinfcsbg{
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        display: none!important;
    }
    .pinfcsbg_b,.pinfcs_active .pinfcsbg_b{
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0%;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
    }
    .pinfcsd{
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 3;
        transform: translateY(-50%);
    }
    .pinfcst{
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.4rem;
        color: #fff;
    }
    .pinfcsp{
        height: 0.22rem;
        line-height: 0.22rem;
        margin-top: 0.25rem;
        font-size: 0.22rem;
        color: #fff;
    }
    .pinfcsia,.pinfcsib,.pinfcs_active .pinfcsia,.pinfcs_active .pinfcsib{
        display: none;
    }
    .pingdl{
        width: 100%;
    }
    .pingdlsi{
        min-height: 0;
        height: 4rem;
    }
    .pingdlsi_b{
        display: none;
    }
    .pingdlst{
        height: 0.56rem;
        line-height: 0.56rem;
        font-size: 0.28rem;
    }
    .pingdr{
        width: 100%;
        height: auto;
        position: static;
        display: block;
        background: none;
    }
    .pingdrs{
        width: 94%;
        height: auto;
        margin-top: 0.2rem;
        padding: 0.2rem 3%;
        display: none;
    }
    .pingdrs:nth-child(1){
        display: block;
    }
    .pingdrs_b{
        width: 100%;
        height: auto;
        margin: 0;
        position: static;
        left: 0%;
        top: 0%;
        z-index: 2;
        transform: translate(0%, 0%);
    }
    .pingdrst{
        display: none;
    }
    .pingdrsc{
        height: 0.28rem;
        line-height: 0.28rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.28rem;
    }
    .pingdrsp{
        width: 100%;
        height: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-size: 0.24rem;
        color: #666;
    }
    .pingdrsf{
        position: static;
        height: 0.18rem;
        line-height: 0.18rem;
        margin-top: 0.42rem;
        font-size: 0.18rem;
    }
    .pingdrs:hover .pingdrst,.pingdrs:hover .pingdrsc,.pingdrs:hover .pingdrsp,.pingdrs:hover .pingdrsf{
        color: #666;
    }
    .pingdrs:hover .pingdrs_b{
        display: none;
    }
    .pinhd{
        width: 100%;
        margin-top: 0.52rem;
    }
    .pinhs{
        width: 94%;
        height: auto;
        padding: 0.42rem 3%;
        margin-top: 0.32rem;
    }
    .pinhs:first-child{
        margin-top: 0rem;
    }
    .pinhsl{
        width: 80%;
    }
    .pinhslt{
        height: 0.36rem;
        line-height: 0.36rem;
        font-size: 0.28rem;
    }
    .pinhslp{
        height: 0.2rem;
        line-height: 0.2rem;
        margin-top: 0.28rem;
        font-size: 0.2rem;
    }
    .pinhsr{
        width: 15%;
    }
    .pinhsrt{
        height: 0.28rem;
        line-height: 0.28rem;
        font-size: 0.2rem;
    }
    .pinhsrp{
        height: 0.2rem;
        line-height: 0.2rem;
        font-size: 0.2rem;
        margin-top: 0.28rem;
    }
    .pinid{
        width: 100%;
        margin-top: -0.22rem;
    }
    .pinids{
        margin-top: 0rem;
    }
    .pinidsd{
        width: 100%;
        margin-top: 0rem;
    }
    .pinidst{
        height: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.16rem;
        font-size: 0.24rem;
    }
    .pinidsc{
        height: 0.5rem;
        line-height: 0.5rem;
        margin-top: 0.12rem;
        font-size: 0.24rem;
    }
    .pinidse{
        height: 0.8rem;
        line-height: 0.4rem;
        margin-top: 0.12rem;
        padding: 0.1rem 1.5%;
    }
    .pinidsv{
        height: 0.5rem;
        margin-top: 0.12rem;
    }
    .pinidsg{
        width: 30%;
        height: 0.56rem;
        line-height: 0.56rem;
        margin: 0.26rem 35% 0 35%;
        font-size: 0.24rem;
    }
}

/*子页面*/
.zys{
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
.zyst{
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
}
.zyst_b{
    width: 100%;
    height: 100%;
    text-align: center;
}
.zysts{
    width: auto;
    height: 94px;
    display: inline-block;
    line-height: 94px;
    margin: 0 3%;
    font-size: 16px;
    color: #fff;
}
.zysts_active{
    font-weight: bold;
    border-bottom: 6px solid #f4dda5;
    color: #f4dda5;
}
.zyc{
    width: 100%;
    height: auto;
    padding: 88px 0;
    font-size: 16px;
    color: #181818;
}
.zyc img,.zyc table,.zyc div{
    max-width: 100% !important;
}
.zyc_b{
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.zyct{
    width: 100%;
    height: auto;
    line-height: 46px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 30px;
    color: #111;
}
.zycp{
    width: 100%;
    height: 14px;
    text-align: right;
    line-height: 14px;
    margin-top: 20px;
    font-size: 14px;
    color: #999;
}
.zyci{
    width: 50%;
    height: auto;
    margin: 50px 25% 0 25%;
    display: block;
}
.zycc{
    width: 100%;
    height: auto;
    padding: 32px 0 38px 0;
}
.zycc_b{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.zycci{
    width: 30%;
    height: auto;
    display: block;
}
.zyccd{
    width: 65%;
    height: auto;
    min-height: 200px;
}
.zycn{
    width: 100%;
    height: auto;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #999;
}
.zycn a{
    font-size: 14px;
    color: #999;
}
.zycz{
    width: 100%;
    height: auto;
    padding: 40px 0;
    border-top: 1px dotted #ababab;
    border-bottom: 1px dotted #ababab;
}
.zycza{
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 18px;
    color: #333333;
}
.zyczai{
    width: auto;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.zycza b{
    font-weight: bold;
    font-size: 26px;
    color: #c6000b;
}
.zyczb{
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: 32px;
}
.zyczbs{
    width: 220px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    margin-right: 20px;
    background: #0458ae;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}
.zyczbs:first-child{
    background: #c6000b;
}
.zyczbs img{
    width: auto;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.zycy{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
}
.zycy_b{
    width: 42%;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 5px;
}
.zycya{
    position: absolute;
    top: 40px;
    right: 60px;
    z-index: 3;
    cursor: pointer;
    transform: scaleX(1.2);
    font-size: 18px;
    color: #c6c6c6;
}
.zycyb{
    width: 100%;
    height: 28px;
    text-align: center;
    line-height: 28px;
    margin-top: 60px;
    font-size: 28px;
    color: #111111;
}
.zycyc{
    width: 72%;
    height: 88px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0 2%;
    margin-top: 88px;
    background: #f5f5f7;
    border: 1px solid #0458ae;
    outline: none;
    border-radius: 5px;
    font-size: 18px;
    color: #111;
}
.zycyd{
    width: 100%;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin-top: 30px;
    font-size: 16px;
    color: #888;
}
.zycye{
    width: 220px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    margin: 0 auto;
    margin-top: 60px;
    background: #0458ae;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}
.fk{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.fkl{
    width: 26%;
    height: auto;
    padding: 48px 2%;
    border: 1px solid #f1f1f1;
}
.fklp{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #111;
}
.fklt{
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin-top: 16px;
    font-weight: bold;
    font-size: 28px;
    color: #111;
}
.fkld{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.fklds{
    width: 100%;
    height: 40px;
    padding: 30px 0;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
}
.fkldi{
    width: auto;
    height: 40px;
    display: inline-block;
}
.fkldr{
    width: calc(100% - 60px);
    height: auto;
    padding-top: 3px;
}
.fkldt{
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    font-size: 18px;
    color: #111;
}
.fkldp{
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    font-size: 14px;
    color: #111;
}
.fkr{
    width: 66%;
    height: auto;
}
.fkra{
    width: 96%;
    height: 52px;
    line-height: 52px;
    padding: 0 2%;
    margin-bottom: 32px;
    background: #f5f5f7;
    border: none;
    outline: none;
    font-size: 14px;
    color: #555;
}
.fkrb{
    width: 96%;
    height: 120px;
    line-height: 40px;
    padding: 10px 2%;
    margin-bottom: 32px;
    background: #f5f5f7;
    border: none;
    outline: none;
    resize: none;
    font-size: 14px;
    color: #555;
}
.fkrf{
    width: 98%;
    height: 52px;
    padding-left: 2%;
    margin-bottom: 32px;
    background: #f5f5f7;
    display: flex;
    justify-content: space-between;
}
.fkrc{
    width: 90%;
    height: 52px;
    line-height: 52px;
    border: none;
    outline: none;
    background: #f5f5f7;
    font-size: 14px;
    color: #555;
}
.fkrd{
    width: 10%;
    height: 52px;
    cursor: pointer;
}
.fkre{
    width: 100%;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #1d68b6;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}
.fs{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fss{
    width: 45%;
    height: 200px;
    padding: 0 2%;
    margin: 21px 0;
    position: relative;
    cursor: pointer;
    overflow-x: hidden;
}
.fss:hover{
    background: #0458ae;
}
.fssi,.fssi_b{
    width: 100px;
    height: 100px;
    margin-top: 50px;
    border-radius: 100%;
}
.fssi{
    display: inline-block;
}
.fss:hover .fssi{
    display: none;
}
.fssi_b{
    display: none;
}
.fss:hover .fssi_b{
    display: inline-block;
}
.fssd{
    width: calc(96% - 138px);
    height: auto;
    position: absolute;
    right: 2%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}
.fsst{
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 24px;
    color: #111;
}
.fss:hover .fsst{
    color: #fff;
}
.fssp{
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-top: 16px;
    font-size: 14px;
    color: #111;
}
.fss:hover .fssp{
    color: #fff;
}
.dt{
    width: 100%;
    height: auto;
}
.dtt{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #f1f1f1;
}
.dtt{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #f1f1f1;
}
.dttt{
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    font-size: 28px;
    color: #111;
}
.dttp{
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-top: 13px;
    font-size: 16px;
    color: #ccc;
}
.dtc{
    width: 100%;
    height: auto;
    padding-top: 26px;
}
.dtca{
    width: 100%;
    height: auto;
    line-height: 28px;
    font-size: 14px;
    color: #111;
}
.dtcb{
    width: 100%;
    height: 700px;
    position: relative;
    margin-top: 32px;
    overflow: hidden;
}
.dtcb_b{
    width: 1700px;
    height: 700px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
}
.dtcb .dtcb_b{
    max-width: 1700px !important;
}
.dtcc{
    width: 100%;
    height: auto;
    padding-top: 12px;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.dtccs{
    width: 30%;
    height: 20px;
    line-height: 20px;
    margin: 28px 3.333% 0 0;
    font-size: 16px;
    color: #111;
}
.dtccsi{
    width: auto;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.dsz_bg{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url("../img/dsz.jpg") center bottom no-repeat;
    background-size: cover;
}
.dsz{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dszl{
    width: 31%;
    height: auto;
}
.dszli{
    width: 100%;
    height: auto;
    display: block;
}
.dszld{
    width: 90%;
    height: auto;
    padding: 86px 5%;
    background: url('../img/dsz_bg.jpg') top center no-repeat;
    background-size: cover;
}
.dszla{
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
.dszlb{
    width: 100%;
    height: 18px;
    line-height: 18px;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
}
.dszlc{
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
}
.dszr{
    width: 60%;
    height: auto;
}
.dszrt{
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    font-size: 32px;
    color: #111;
}
.dszrp{
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 12px;
    font-size: 24px;
    color: #0458ae;
}
.dszrd{
    width: 100%;
    height: auto;
    padding-top: 60px;
}
.dszrds{
    width: 95%;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #111;
}
.dszrds:first-child{
    margin-top: 0px;
}
.dszrds_active{
    background: url('../img/dszb.png') center center no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.dszrda{
    width: 50%;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dszrc{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.fz_bg{
    width: 100%;
    height: auto;
    background: url('../img/fz_bg.jpg') center center no-repeat;
    background-size: cover;
}
.fzt{
    width: 100%;
    height: 50px;
    text-align: center;
}
.fzts{
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    margin: 0 12px;
    background: #0458ae;
    display: inline-block;
    cursor: pointer;
}
.fzts:hover{
    background: #0bb2ba;
}
.fzti{
    width: auto;
    height: 14px;
    display: inline-block;
}
.fzc{
    width: 100%;
    height: 1130px;
    margin-top: 100px;
    overflow: hidden;
}
.fzc .swiper-container{
    width: 100%;
    height: 100%;
}
.fzcd{
    width: 100%;
    height: 100%;
    position: relative;
}
.fzcs{
    width: 38%;
    height: auto;
    padding-left: 3%;
    position: absolute;
    z-index: 2;
}
.fzcs:nth-child(1){
    top: 83px;
    left: 0;
}
.fzcs:nth-child(1) .fzcsll{
    height: 402px;
    top: 20px;
}
.fzcs:nth-child(2){
    top: 626px;
    left: 12%;
}
.fzcs:nth-child(2) .fzcsll{
    height: 95px;
    top: -95px;
}
.fzcs:nth-child(3){
    top: 0;
    left: 46%;
}
.fzcs:nth-child(3) .fzcsll{
    height: 552px;
    top: 20px;
}
.fzcs:nth-child(4){
    top: 706px;
    left: 58%;
}
.fzcs:nth-child(4) .fzcsll{
    height: 105px;
    top: -105px;
}
.fzcsl{
    width: 20px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.fzcsli{
    width: 20px;
    height: auto;
    display: block;
}
.fzcsll{
    width: 2px;
    height: auto;
    background: #dddddd;
    position: absolute;
    left: 9px;
    z-index: 2;
}
.fzcst{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #0458ae;
}
.fzcst{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 20px;
    color: #0458ae;
}
.fzcsp{
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    font-size: 20px;
    color: #111;
}
.fzcsc{
    width: 100%;
    height: auto;
    line-height: 28px;
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #111;
}
.fzcscd{
    width: 6px;
    height: 6px;
    margin-top: 11px;
    background: #666;
    border-radius: 100%;
}
.fzcscc{
    width: calc(100% - 16px);
    height: auto;
}
.fzcscc div,.fzcscc p,.fzcscc span{
    line-height: 28px;
    text-indent: 0 !important;
    font-size: 16px;
    color: #111;
}
.fzcsi{
    width: 100%;
    height: auto;
    margin-top: 22px;
}
.fzcsi img{
    width: 40%;
    max-width: 100px;
    height: auto;
    display: inline-block;
    margin: 0 20px 0 16px;
}
.whd{
    width: 100%;
    height: auto;
    margin-top: 80px;
}
.whd:nth-child(1){
    margin-top: 0px;
}
.wht{
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 40px;
    color: #111;
}
.whp{
    width: 100%;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin-top: 20px;
    font-size: 16px;
    color: #999;
}
.wha,.whb,.whc{
    width: 100%;
    height: auto;
    margin-top: 56px;
    display: flex;
    justify-content: space-between;
}
.wha_b{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.whas{
    width: 20%;
    height: 600px;
    display: inline-block;
    position: relative;
    transition: width 450ms ease;
}
.whas_active{
    width: 40%;
}
.whas:hover{
    width: 40%;
}
.whasd{
    width: calc(100% - 80px);
    height: auto;
    position: absolute;
    left: 40px;
    top: 380px;
    z-index: 2;
}
.whas_active .whasd{
    top: 100px;
}
.whasi{
    width: 32px;
    height: auto;
    display: block;
}
.whast{
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 50px;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
.whasc{
    width: 100%;
    height: auto;
    line-height: 20px;
    margin-top: 25px;
    display: none;
    font-size: 20px;
    color: #fff;
}
.whas_active .whasc{
    display: block;
}
.whasc div,.whasc p,.whasc span{
    line-height: 38px;
    font-size: 20px;
    color: #fff;
}
.whbs{
    width: 32%;
    height: auto;
    position: relative;
}
.whbsi{
    width: 100%;
    height: auto;
    display: block;
}
.whbsbg{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.whbst{
    width: 94%;
    height: 24px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 3%;
    bottom: 50px;
    z-index: 3;
    font-size: 24px;
    color: #fff;
}
.whc{
    display: block;
}
.ly{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.lys{
    width: 31%;
    height: auto;
    margin: 0 1.15% 40px 1.15%;
    background: #fff;
    display: inline-block;
    overflow-x: hidden;
}
.lysi{
    width: 100%;
    height: auto;
    display: block;
}
.lyst{
    width: 94%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: 0 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #333;
}
.xms{
    width: 18%;
    height: auto;
    margin: 0 1% 30px 1%;
    display: block;
}
.rysi{
    width: 86%;
    height: auto;
    display: block;
    margin: 26px 7%;
}
.ryst{
    width: 86%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    margin: 0 7%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #f5f5f7;
    font-size: 16px;
    color: #333;
}
.xms:hover{
    background: #0458ae;
}
.xmd{
    width: 94%;
    height: auto;
    padding: 42px 3%;
}
.xmdt{
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 24px;
    color: #111;
}
.xms:hover .xmdt{
    color: #fff;
}
.xmdp{
    width: 100%;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    margin-top: 22px;
    font-size: 16px;
    color: #666;
}
.xms:hover .xmdp{
    color: #fff;
}
.xmdm{
    width: 100%;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    margin-top: 42px;
    font-size: 14px;
    color: #666;
}
.xms:hover .xmdm{
    color: #fff;
}
.xmdmi{
    width: auto;
    height: 5px;
    vertical-align: middle;
    margin: -2px 0 0 6px;
}
.xmdmi_a{
    display: inline-block;
}
.xmdmi_b{
    display: none;
}
.xms:hover .xmdmi_a{
    display: none;
}
.xms:hover .xmdmi_b{
    display: inline-block;
}
.cp{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.cps{
    width: 23.5%;
    height: auto;
    margin: 0 0 40px 2%;
    display: inline-block;
    position: relative;
    padding-top: 40px;
    background: #fff;
}
.cps:hover{
    background: #0458ae;
}
.cps_left{
    margin-left: 0;
}
.cpsd{
    width: 80%;
    height: 210px;
    margin: 20px 10%;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.cpsi{
    width: 60%;
    height: auto;
    max-height: 150px;
    position: absolute;
    left: 20%;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
}
.cpsi_b{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    transition: width 450ms ease-in-out,max-height 450ms ease-in-out;
}
.cpsd:hover .cpsi_b{
    width: 78%;
    max-height: 195px;
}
.cpsm{
    width: 43px;
    height: 50px;
    display: none;
    position: absolute;
    right: 20px;
    bottom: 56px;
    z-index: 3;
}
.cps:hover .cpsm{
    display: block;
}
.cpst{
    width: 94%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    padding: 0 3%;
    border-top: 1px solid #f5f5f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #111;
}
.cps:hover .cpst{
    border-top: 1px solid #0458ae;
    color: #fff;
}
.fas{
    width: 23.5%;
    height: auto;
    margin: 0 0 40px 2%;
    display: inline-block;
    background: #fff;
}
.fas_left{
    margin-left: 0;
}
.fas:hover{
    background: #0458ae;
}
.fasc{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative;
}
.fasi{
    width: 100%;
    height: auto;
    min-height: 260px;
    display: block;
}
.fasi_b{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%,-50%);
    transition: width 450ms ease-in-out,max-width 450ms ease-in-out,min-height 450ms ease-in-out;
}
.fas:hover .fasi_b{
    width: 120%;
    max-width: 120% !important;
    min-height: 312px;
}
.fast{
    width: 94%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    padding: 0 3%;
    border-top: 1px solid #f5f5f7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #111;
}
.fas:hover .fast{
    border-top: 1px solid #0458ae;
    color: #fff;
}
.xw .zyc{
    padding: 0;
}
.xwt{
    width: 100%;
    height: auto;
    padding: 60px 0 80px 0;
    background: #f0f5fa;
}
.xwt .center{
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.xwti{
    width: 48%;
    height: auto;
    display: block;
}
.xwtd{
    width: 49%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.xwtda{
    width: 84px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    background: #dde9f4;
    font-size: 14px;
    color: #0458ae;
}
.xwtdb{
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 36px;
    color: #111;
}
.xwtdc{
    width: 100%;
    height: 18px;
    line-height: 18px;
    margin-top: 28px;
    font-size: 14px;
    color: #999;
}
.xwtdc img{
    width: auto;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.xwtdd{
    width: 100%;
    height: 64px;
    line-height: 32px;
    overflow: hidden;
    margin-top: 30px;
    font-size: 18px;
    color: #666;
}
.xwtde{
    width: 140px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    padding: 0 20px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    background: #0458ae;
    font-size: 16px;
    color: #fff;
}
.xwtde img{
    width: auto;
    height: 5px;
    vertical-align: middle;
    margin-top: 21px;
}
.xwc{
    width: 100%;
    padding: 80px 0;
}
.xwc .center{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.xwcs{
    width: 32%;
    height: auto;
    margin: 0 0 40px 2%;
    background: #fff;
}
.xwcs:hover{
    background: #0458ae;
}
.xwcs_left{
    margin-left: 0%;
}
.xwcsi{
    width: 100%;
    height: 300px;
    display: block;
}
.xwcsd{
    width: 94%;
    height: auto;
    padding: 0 3%;
}
.xwcst{
    width: 100%;
    height: 52px;
    line-height: 26px;
    padding: 25px 0;
    overflow: hidden;
    font-size: 18px;
    color: #111;
}
.xwcs:hover .xwcst{
    color: #fff;
}
.xwcsm{
    width: 100%;
    height: 32px;
    text-align: right;
    line-height: 32px;
    padding: 30px 0;
    border-top: 1px solid #f5f5f7;
    font-size: 14px;
    color: #0458ae;
    display: flex;
    justify-content: end;
}
.xwcs:hover .xwcsm{
    border-top: 1px solid #286fb9;
    color: #fff;
}
.xwcsm img{
    width: auto;
    height: 32px;
    margin: -2px 0 0 12px;
}
.xwcsma,.xwcs:hover .xwcsmb{
    display: inline-block;
}
.xwcs:hover .xwcsma,.xwcsmb{
    display: none;
}
.dqc{
    width: 100%;
    padding: 40px 0;
}
.dqcs{
    width: 100%;
    height: auto;
    margin-top: 40px;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: start;
}
.dqcs:first-child{
    margin-top: 0px;
}
.dqcs:hover{
    box-shadow: 3px 3px 8px 0 #ccc;
}
.dqcsi{
    width: 32%;
    height: auto;
    min-height: 300px;
    display: block;
}
.dqcsd{
    width: 62%;
    height: auto;
    position: absolute;
    top: 50%;
    right: 3%;
    z-index: 2;
    transform: translateY(-50%);
}
.dqcst{
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 22px;
    color: #111;
}
.dqcsp{
    width: 100%;
    height: 64px;
    line-height: 32px;
    overflow: hidden;
    margin-top: 32px;
    font-size: 16px;
    color: #666;
}
.dqcsf{
    width: 100%;
    height: 50px;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.dqcsfl{
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #999;
}
/*.dqcsfr{
    width: 140px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    padding: 0 20px;
    border: 1px solid #0458ae;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #0458ae;
}*/
.dqcsfr{
    width: 120px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    padding: 0 20px;
    border-radius: 50px;
    background: linear-gradient(to right, #4f8ac6, #54c9cf);
    font-size: 16px;
    color: #fff;
}
.dqcs:hover .dqcsfr{
    background: linear-gradient(to right, #0458ae, #0bb2ba);
    box-shadow: 0 2px 5px 0px rgba(4, 88, 174, 0.3);
}
.dqcsfrt{
    width: 100%;
}
.dqcs:hover .dqcsfrt{
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 10px;
}
.dqcsfrhr{
    width: 60%;
    height: 1px;
    background: #fff;
    margin: 8px 20% 0 20%;
    display: none;
}
.dqcs:hover .dqcsfrhr{
    display: block;
}
.dqcsfri{
    width: auto;
    height: 5px;
    display: none;
    vertical-align: middle;
    margin-top: 21px;
}
/*招聘*/
.zpbg{
    background: url('../img/zp.jpg') center center no-repeat;
    background-size: cover;
}
.zps{
    width: 94%;
    height: auto;
    display: block;
    padding: 40px 3%;
    background: #fff;
    margin-bottom: 20px;
    cursor: pointer;
}
.zps:hover{
    background: url('../img/zp_bg.png') center center no-repeat;
    background-size: 100% 100%;
}
.zpst{
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 26px;
    color: #181818;
}
.zps:hover .zpst{
    border-bottom: 1px solid #6d9dce;
    color: #fff;
}
.zpsp{
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #666;
}
.zps:hover .zpsp{
    color: #fff;
}

.zpz{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999998;
    background: rgba(0, 0, 0, 0.8);
    display: none;
} 
.zpz_b{
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 2;
    overflow: auto;
    background: url('../img/zpz_bg.jpg') center center no-repeat;
    background-size: cover;
}
.zpza{
    width: 100%;
    line-height: 70px;
    text-align: center;
    line-height: 70px;
    background: #f5f5f7;
    font-size: 16px;
    color: #111;
}
.zpza_b{
    position: absolute;
    top: 22px;
    right: 2%;
    z-index: 3;
    cursor: pointer;
    transform: scaleX(1.2);
    font-size: 22px;
    color: #c6c6c6;
}
.zpzd{
    width: 90%;
    height: auto;
    padding: 60px 5% 40px 5%;
}
.zpzt{
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    font-size: 28px;
    color: #0458ae;
}
.zpzp{
    width: 100%;
    height: auto;
    line-height: 36px;
    margin-top: 20px;
    font-size: 16px;
    color: #666;
}
.zpzc{
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.zpzf{
    width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 88px;
    display: block;
    border-radius: 50px;
    background: linear-gradient(to right, #4f8ac6, #54c9cf);
    text-decoration: underline;
    text-decoration-color: #fff;
    font-size: 16px;
    color: #fff;
}
.zpzft{
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 12px;
}
.zpzf:hover .zpzft{
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 12px;
}
.zpzfhr{
    width: 60%;
    height: 1px;
    background: #fff;
    margin: 8px 20% 0 20%;
    display: none;
}
.zpzf:hover .zpzfhr{
    display: block;
}
.zpzf img{
    width: auto;
    height: 5px;
    display: none;
    margin-top: 22px;
}
.zpi{
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.zpis{
    width: 100%;
    height: auto;
    padding-top: 38px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
.zpis:first-child{
    padding-top: 0px;
}
.zpis_b{
    width: 48%;
    height: auto;
}
.zpist{
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #111;
}
.zpisc{
    width: calc(100% - 42px);
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin-top: 16px;
    border: 1px solid #eee;
    outline: none;
    font-size: 14px;
    color: #111;
}
.zpisd{
    width: calc(100% - 42px);
    height: 90px;
    line-height: 30px;
    padding: 16px 20px;
    margin-top: 16px;
    border: 1px solid #eee;
    outline: none;
    resize: none;
    font-size: 14px;
    color: #111;
}
.zpise{
    width: 140px;
    height: 50px;
    position: absolute;
    bottom: 1px;
    right: 1px;
    z-index: 2;
    cursor: pointer;
}
.zpif{
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 80px;
    background: #0458ae;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}
.sls{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #111;
}
.sls:hover{
    color: #0458ae;
}
.slsl{
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slsr{
    width: auto;
}
/*手机端样式*/
@media screen and (max-width: 899px) {
    .zyc{
        padding: 0.8rem 0;
        font-size: 0.26rem;
    }
    .zyc_b{
        width: 94%;
        margin: 0 3%;
    }
    .zyct{
        text-align: center;
        line-height: 0.5rem;
        padding-bottom: 0.2rem;
        font-size: 0.32rem;
    }
    .zycp{
        height: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.2rem;
        font-size: 0.24rem;
    }
    .zyci{
        width: 70%;
        height: auto;
        margin: 0.52rem 15% 0.52rem 15%;
        display: block;
    }
    .zycc{
        padding: 0.58rem 0 0.32rem 0;
    }
    .zycc_b{
        flex-wrap: wrap;
    }
    .zycci{
        width: 60%;
        height: auto;
        display: block;
        margin: 0 20%;
    }
    .zyccd{
        width: 100%;
        height: auto;
        min-height: 0rem;
        margin-top: 0.2rem;
    }
    .zycn{
        height: auto;
        line-height: 0.32rem;
        margin-top: 0.12rem;
        font-size: 0.22rem;
    }
    .zycn a{
        font-size: 0.22rem;
    }
    .zycz{
        padding: 0.4rem 0;
    }
    .zycza{
        height: 0.36rem;
        line-height: 0.36rem;
        font-size: 0.26rem;
    }
    .zyczai{
        height: 0.32rem;
        margin-right: 0.18rem;
    }
    .zycza b{
        font-size: 0.38rem;
    }
    .zyczb{
        height: 0.8rem;
        line-height: 0.8rem;
        margin-top: 0.52rem
    }
    .zyczbs{
        width: 40%;
        height: 0.8rem;
        height: 0.8rem;
        margin-right: 0.2rem;
        font-size: 0.26rem;
    }
    .zyczbs img{
        height: 0.26rem;
        margin-right: 0.18rem;
    }
    .zycy{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        background: rgba(0, 0, 0, 0.5);
    }
    .zycy_b{
        width: 94%;
        height: 6.8rem;
        border-radius: 0.1rem;
    }
    .zycya{
        top: 0.4rem;
        right: 0.6rem;
        font-size: 0.26rem;
    }
    .zycyb{
        height: 0.38rem;
        line-height: 0.38rem;
        margin-top: 0.68rem;
        font-size: 0.38rem;
    }
    .zycyc{
        width: 72%;
        height: 1.2rem;
        margin-top: 0.82rem;
        border-radius: 0.1rem;
        font-size: 0.28rem;
    }
    .zycyd{
        height: auto;
        line-height: 0.38rem;
        margin-top: 0.52rem;
        font-size: 0.24rem;
    }
    .zycye{
        width: 80%;
        height: 0.88rem;
        line-height: 0.88rem;
        margin-top: 0.52rem;
        border-radius: 0.1rem;
        font-size: 0.26rem;
    }
    .zys{
        height: 3.2rem;
    }
    .zyst{
        height: 1rem;
        overflow-y: hidden;
    }
    .zyst_b{
        height: 1.2rem;
        display: flex;
        justify-content: start;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
    }
    .zysts{
        height: 0.94rem;
        line-height: 0.94rem;
        margin: 0 3.6%;
        font-size: 0.28rem;
    }
    .zysts_active{
        font-weight: bold;
        border-bottom: 6px solid #f4dda5;
        color: #f4dda5;
    }
    .dszl{
        width: 100%;
    }
    .dszld{
        padding: 0.62rem 5%;
    }
    .dszla{
        height: 0.54rem;
        line-height: 0.54rem;
        font-size: 0.54rem;
    }
    .dszlb{
        height: 0.28rem;
        line-height: 0.28rem;
        margin-top: 0.3rem;
        font-size: 0.28rem;
    }
    .dszlc{
        height: 0.24rem;
        line-height: 0.24rem;
        margin-top: 0.16rem;
        font-size: 0.24rem;
    }
    .dszr{
        width: 100%;
    }
    .dszrt,.dszrp{
        display: none;
    }
    .dszrd{
        padding-top: 0.58rem;
    }
    .dszrds{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .dszrda{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .dszrc{
        margin-top: 0.52rem;
    }
    .fzt{
        height: 0.6rem;
    }
    .fzts{
        width: 1.3rem;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 0.6rem;
        margin: 0 0.2rem;
    }
    .fzti{
        height: 0.24rem;
    }
    .fzc{
        height: auto;
        min-height: 5rem;
        margin-top: 0.81rem;
    }
    .fzcs{
        width: 94%;
        height: auto;
        position: static;
        padding-left: 6%;
    }
    .fzcs:nth-child(1){
        top: 0;
        left: 0;
    }
    .fzcsli{
        width: 0.2rem;
        z-index: 3;
        margin-top: 0.08rem;
    }
    .fzcs:nth-child(1) .fzcsll{
        height: 0;
    }
    .fzcst{
        height: 0.36rem;
        line-height: 0.36rem;
        font-size: 0.36rem;
    }
    .fzcsp{
        height: auto;
        line-height: 0.56rem;
        font-size: 0.36rem;
    }
    .fzcsc{
        line-height: 0.5rem;
        margin-top: 0.32rem;
        font-size: 0.24rem;
    }
    .fzcsi{
        margin-top: 0.32rem;
    }
    .fzcsi img{
        margin: 0 2% 0 1%;
    }
    .whd{
        margin-top: 0.58rem;
    }
    .whd:first-child{
        margin-top: 0rem;
    }
    .wht{
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.4rem;
    }
    .whp{
        height: auto;
        line-height: 0.32rem;
        margin-top: 0.2rem;
        font-size: 0.22rem;
    }
    .wha, .whb, .whc{
        margin-top: 0.52rem;
    }
    .wha_b{
        width: 100%;
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
    }
    .whas,.whas_active{
        width: 48%;
        height: 3.6rem;
        margin: 0.12rem 1%;
    }
    .whas .whasd,.whas_active .whasd{
        width: 84%;
        height: auto;
        left: 8%;
        top: 0.58rem;
    }
    .whasi{
        width: auto;
        height: 0.3rem;
    }
    .whast{
        height: 0.34rem;
        line-height: 0.34rem;
        margin-top: 0.32rem;
        font-size: 0.34rem;
    }
    .whas .whasc,.whas_active .whasc{
        height: 1.26rem;
        line-height: 0.42rem;
        margin-top: 0.3rem;
        display: block;
        font-size: 0.26rem;
        overflow: hidden;
    }
    .whasc div, .whasc p, .whasc span{
        line-height: 0.42rem;
        font-size: 0.26rem;
    }
    .whbst{
        width: 0.96rem;
        height: 0.84rem;
        line-height: 0.42rem;
        left: 50%;
        bottom: 0.12rem;
        transform: translateX(-50%);
        white-space: wrap;
        font-size: 0.24rem;
    }
    .lys{
        width: 46%;
        margin: 0 2% 0.2rem 2%;
    }
    .lyst{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .xms{
        width: 46%;
        margin: 0 2% 0.3rem 2%;
    }
    .rysi{
        margin: 0.28rem 7%;
    }
    .ryst{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .xmd{
        padding: 0.38rem 3%;
    }
    .xmdt{
        height: 0.28rem;
        line-height: 0.28rem;
        font-size: 0.28rem;
    }
    .xmdp{
        height: 0.64rem;
        line-height: 0.32rem;
        margin-top: 0.22rem;
        font-size: 0.2rem;
    }
    .xmdm{
        height: 0.2rem;
        line-height: 0.2rem;
        margin-top: 0.32rem;
        font-size: 0.2rem;
    }
    .xmdmi{
        height: 0.08rem;
        margin: -0.02rem 0.06rem 0 0;
    }
    .cps{
        width: 46%;
        margin: 0 2% 0.2rem 2%;
        padding-top: 0rem;
    }
    .cpsd{
        width: 100%;
        height: 2.5rem;
        margin: 0 0 0.2rem 0;
        position: relative;
        background: #fff;
    }
    .cpsi{
        width: 100%;
        height: auto;
        max-height: 1.7rem;
        position: absolute;
        left: 0%;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
    }
    .cpsi_b{
        display: none;
    }
    .cpsm{
        width: auto;
        height: 0.66rem;
        position: absolute;
        right: 0.2rem;
        bottom: 0.65rem;
    }
    .cpst{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .fas{
        width: 46%;
        margin: 0.12rem 2%;
    }
    .fasi{
        height: 1.8rem;
        min-height: 0px;
    }
    .fasi_b{
        display: none;
    }
    .fast{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .xwc{
        padding: 0.4rem 0;
    }
    .xwcs{
        width: 100%;
        margin: 0 0 0.2rem 0;
    }
    .xwcst{
        height: auto;
        line-height: 0.36rem;
        padding: 0.22rem 0;
        font-size: 0.24rem;
    }
    .xwcsm{
        height: 0.4rem;
        line-height: 0.4rem;
        padding: 0.28rem 0;
        font-size: 0.2rem;
    }
    .xwcsm img {
        height: 0.4rem;
        margin: -0.02rem 0 0 0.12rem;
    }
    .dqcs{
        flex-wrap: wrap;
    }
    .dqcsi{
        width: 100%;
    }
    .dqcsd{
        width: 94%;
        padding: 0.06rem 3%;
        position: static;
        margin-top: 0rem;
        transform: none;
    }
    .dqcst{
        height: auto;
        line-height: 0.46rem;
        padding: 0.22rem 0;
        border-bottom: 1px solid #e0e0e0;
        font-size: 0.3rem;
    }
    .dqcsp{
        height: auto;
        line-height: 0.46rem;
        margin: 0.22rem 0;
        font-size: 0.22rem;
    }
    .dqcsf{
        height: 0.66rem;
        margin-top: 0;
    }
    .dqcsfl{
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 0.22rem;
        margin-top: 0.06rem;
    }
    .dqcsfr{
        width: 23%;
        height: 0.42rem;
        line-height: 0.42rem;
        padding: 0.06rem 3%;
        font-size: 0.22rem;
    }
    .dqcsfr:hover .dqcsfrt{
        width: 100%;
        height: 0.16rem;
        line-height: 0.16rem;
        padding-top: 0.10rem;
    }
    .dqcsfrhr{
        margin: 0.08rem 20% 0 20%;
    }
    .dqcsfr img{
        height: 0.08rem;
        margin-top: 0.16rem;
    }
    .zps{
        padding: 0.32rem 3%;
        margin-bottom: 0.22rem;
        background: url('../img/zp_bg.png') center center no-repeat;
        background-size: 100% 100%;
    }
    .zpst{
        height: 0.28rem;
        line-height: 0.28rem;
        padding-bottom: 0.32rem;
        font-size: 0.28rem;
        color: #fff;
    }
    .zpsp{
        height: 0.24rem;
        line-height: 0.24rem;
        padding-top: 0.2rem;
        font-size: 0.24rem;
        color: #fff;
    }
    .zpz_b{
        height: 80%;
        top: 10%;
        z-index: 2;
    }
    .zpza{
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.32rem;
    }
    .zpza_b{
        top: 0.12rem;
        right: 3%;
        font-size: 0.28rem;
    }
    .zpzd{
        width: 90%;
        padding: 0.58rem 5% 0.42rem 5%;
    }
    .zpzt{
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.3rem;
    }
    .zpzp{
        height: auto;
        line-height: 0.42rem;
        margin-top: 0.28rem;
        font-size: 0.24rem;
    }
    .zpzc{
        margin-top: 0.38rem;
    }
    .zpzc div,.zpzc p,.zpzc span{
        font-size: 0.24rem;
    }
    .zpzf {
        width: 32%;
        height: 0.58rem;
        line-height: 0.58rem;
        padding: 0 4%;
        margin-top: 0.68rem;
        font-size: 0.22rem;
    }
    .zpzf img {
        height: 0.06rem;
        margin-top: 0.26rem;
    }
    .zpi{
        width: 100%;
    }
    .zpis,.zpis_b{
        width: 100%;
        padding-top: 0.38rem;
    }
    .zpis_b:first-child{
        padding-top: 0;
    }
    .zpist{
        height: 0.26rem;
        line-height: 0.26rem;
        font-size: 0.26rem;
    }
    .zpisc{
        width: 93%;
        height: 0.8rem;
        line-height: 0.8rem;
        padding: 0 3%;
        margin-top: 0.22rem;
        font-size: 0.26rem;
    }
    .zpisd{
        width: 93%;
        height: 1.26rem;
        line-height: 0.42rem;
        padding: 0.12rem 3%;
        margin-top: 0.22rem;
        font-size: 0.26rem;
    }
    .zpise{
        width: 1.6rem;
        height: 0.8rem;
    }
    .zpif {
        width: 32%;
        height: 0.66rem;
        line-height: 0.66rem;
        margin-top: 0.82rem;
        font-size: 0.22rem;
    }
    .fk{
        flex-wrap: wrap;
    }
    .fkl{
        width: 93%;
        padding: 0.42rem 3%;
    }
    .fklp{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.32rem;
    }
    .fklt{
        height: 0.48rem;
        line-height: 0.48rem;
        margin-top: 0.3rem;
        font-size: 0.48rem;
    }
    .fkld{
        margin-top: 0.12rem;
    }
    .fklds{
        height: 0.8rem;
        padding: 0.42rem 0;
    }
    .fkldi{
        width: auto;
        height: 0.8rem;
    }
    .fkldr{
        width: calc(100% - 1.2rem);
        padding-top: 0.02rem;
    }
    .fkldt{
        height: 0.32rem;
        line-height: 0.32rem;
        font-size: 0.32rem;
    }
    .fkldp{
        height: 0.28rem;
        line-height: 0.28rem;
        margin-top: 0.1rem;
        font-size: 0.28rem;
    }
    .fkr{
        width: 100%;
        margin-top: 0.58rem;
    }
    .fkra{
        height: 0.8rem;
        line-height: 0.8rem;
        margin-bottom: 0.2rem;
        font-size: 0.24rem;
    }
    .fkrb{
        height: 1.26rem;
        line-height: 0.42rem;
        padding: 0.12rem 2%;
        margin-bottom: 0.2rem;
        font-size: 0.24rem;
    }
    .fkrf{
        height: 0.8rem;
        line-height: 0.8rem;
        margin-bottom: 0.2rem;
    }
    .fkrc{
        width: calc(100% - 1.2rem);
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .fkrd{
        width: 1.2rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.24rem;
    }
    .fkre{
        width: 32%;
        height: 0.56rem;
        line-height: 0.56rem;
        margin: 0.62rem 34% 0 34%;
        font-size: 0.24rem;
    }
    .fss{
        width: 93%;
        height: 2.6rem;
        padding: 0 3%;
        margin: 0.22rem 0;
        border: 1px solid #e0e0e0;
        border-radius: 0.1rem;
    }
    .fssi, .fssi_b {
        width: 1rem;
        height: 1rem;
        margin-top: 0.8rem;
    }
    .fssd{
        width: calc(96% - 1.36rem);
    }
    .fsst{
        height: 0.32rem;
        line-height: 0.32rem;
        padding-bottom: 0.16rem;
        font-size: 0.32rem;
    }
    .fssp{
        height: 0.28rem;
        line-height: 0.28rem;
        margin-top: 0.16rem;
        font-size: 0.28rem;
    }
    .dtt{
        height: auto;
        padding-bottom: 0.4rem;
    }
    .dttt{
        height: 0.52rem;
        line-height: 0.52rem;
        font-size: 0.52rem;
    }
    .dttp{
        height: 0.32rem;
        line-height: 0.32rem;
        margin-top: 0.28rem;
        font-size: 0.32rem;
    }
    .dtc{
        padding-top: 0.32rem;
    }
    .dtca{
        height: auto;
        line-height: 0.52rem;
        font-size: 0.24rem;
    }
    .dtcb{
        width: 100%;
        height: 4rem;
        margin-top: 0.22rem;
    }
    .dtcb .dtcb_b{
        max-width: 1700px !important;
        transform: translate(-50%, -40%);
    }
    .dtcc{
        padding-top: 0.12rem;
    }
    .dtccs{
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
        margin: 0.32rem 0 0 0;
        font-size: 0.26rem;
    }
    .dtccsi{
        height: 0.3rem;
        margin: 0.02rem 0.08rem 0 0;
    }
    .sls{
        height: 0.56rem;
        line-height: 0.56rem;
        padding-top: 0.1rem;
        font-size: 0.22rem;
    }

}

.zyjj{
    width: 100%;
    height: auto;
}
.zyjv{
    width: 60%;
    height: auto;
    margin: 0 20% 2% 20%;
}