.y-1400{
    width: 1400px;
    margin: 0 auto;
}
.y-1330{
    width: 1332px;
    margin: 0 auto;
}
img{
    max-width: 16%;
}

/*导航*/
.nav-top{
    background-color: #f5f5f5;
}
.nav-top .y-1330{
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-top .y-1330>span:nth-of-type(1){
    font-size: 14px;
    color: #999999;
}
.nav-top .y-1330 a{
    font-size: 14px;
    color: #999999;
    margin-left: 10px;
}
.nav-top .y-1330 img{
    position: relative;
    top: -2px;
}
.nav-bottom{
    background-color: #ffffff;
    position: relative;
}
.nav-bottom .y-1400{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-list{
    display: flex;
}
.nav-item>a{
    display: block;
    width: 124px;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    position: relative;
    transition: all 400ms;
}
.nav-item>a::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #d2d2d2;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav-item:nth-last-of-type(1)>a::after{
    display: none;
}
.nav-active,
.nav-item:hover>a{
    background-color: #eaeaea;
    color: #0466c9 !important;
    font-weight: bold;
}
.nav-down{
    width: 100%;
    position: absolute;
    top: 130%;
    background-color: rgba(2,51,131,0.8);
    left: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: all 400ms;
}
.nav-item:hover .nav-down{
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.nav-down-list{
    display: flex;
}
.nav-down-item>a{
    display: block;
    height: 60px;
    padding: 22px 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 23px;
}
.nav-down-item>a:hover,
.nav-down-active{
    border-bottom: 2px solid #fff;
    position: relative;
}
.nav-down-item>a:hover::after,
.nav-down-active::after{
    content:'';
    display: block;
    width: 0;
    border-right: 5px solid rgba(0,0,0,0) ;
    border-left: 5px solid rgba(0,0,0,0) ;
    border-bottom: 5px solid #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 1400px) {
    .y-1330,
    .y-1400{
        width: 100%;
        padding: 0 50px;
    }
    .nav-item>a{
        width: 115px;
        padding: 26px 0;
    }
}
@media (max-width: 1300px){
    .nav-item>a{
        width: 105px;
    }
}
@media (max-width: 1200px){
    .y-1330,
    .y-1400{
        width: 100%;
        padding: 0 25px;
    }
    .nav-item>a{
        width: 95px;
        padding: 22px 0;
    }
}
@media (max-width: 990px){
    .m_header{
        display: block;
        z-index: 99999;
    }
    .nav-section{
        display: none;
    }
}
@media(max-width: 767px){
    .y-1330,
    .y-1400{
        width: 100%;
        padding: 0 10px;
    }
}

/*手机导航*/
.m_header{
    display: none;
}
@media (max-width: 990px) {
    /*后加*/
    .m-header-search{
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }
    .m-header-search .nav-search{
        width: 90%;
    }
    .m-header-search .nav-search input{
        width: 70%;
    }
    .m-header-search .nav-search button{
        width: 30%;
    }
    /*end*/
    .m_header {
        display: block;
        position: relative;
        height: 50px;
        left: 0;
        top: 0
    }
    .sp_header {
        height: 50px;
        overflow: hidden;
        background: #fff;
        position: fixed;
        z-index: 10;
        width: 100%;
        top: 0;
        z-index: 999999
    }
    .sp_logo {
        padding: 10px;
        float: left;
        height: 50px
    }
    .sp_logo img {
        margin: auto;
        max-height: 30px
    }
    .sp_nav {
        width: 50px;
        float: right;
        position: relative;
        cursor: pointer;
        height: 30px;
        margin-top: 15px
    }
    .sp_nav span {
        display: block;
        background: #0246B5;
        width: 30px;
        height: 2px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s
    }
    .sp_nav span:nth-of-type(1) {
        top: 0px
    }
    .sp_nav span:nth-of-type(2) {
        top: 10px
    }
    .sp_nav span:nth-of-type(3) {
        top: 20px
    }
    .sp_nav_se span:nth-of-type(1) {
        top: 10px;
        transform: rotate(45deg)
    }
    .sp_nav_se span:nth-of-type(2) {
        width: 0
    }
    .sp_nav_se span:nth-of-type(3) {
        top: 10px;
        transform: rotate(-45deg)
    }
    .sjj_nav {
        position: fixed;
        z-index: 9;
        background: #ffffff;
        width: 100%;
        height: calc(100% - 50px);
        font-size: 14px;
        line-height: 40px;
        top: -100%;
        left: 0;
        overflow: auto;
        overflow-x: hidden;
        transition: top ease 0.35s;
    }
    .nav_show {
        top: 50px
    }
    .sjj_nav>ul>li:first-child {
        overflow: hidden;
        border-top: 0
    }
    .sjj_nav>ul>li:first-child>a {
        float: left;
        width: calc(100% - 70px);
    }
    .sjj_nav>ul>li:first-child .language {
        float: right;
        width: 70px;
        overflow: hidden;
        line-height: 30px;
        margin-top: 5px
    }
    .sjj_nav>ul>li:first-child .language a {
        width: 35px;
        float: left;
        border-left: 1px #ddd solid;
        text-align: center;
        color: #999
    }
    .sjj_nav ul li i {
        position: absolute;
        top: 5px;
        right: 0px;
        border-left: 1px #ddd solid;
        height: 30px;
        padding: 0px 7px 0 7px
    }
    .sjj_nav ul li i svg {
        transform: rotate(-90deg);
        transition: all ease 0.35s
    }
    .sjj_nav ul li .sjj_nav_i_se svg {
        transform: rotate(0deg)
    }
    .sjj_nav ul li {
        border-top: 1px #ddd solid;
        margin: 0 20px;
        position: relative;
        line-height: 40px;
        font-size: 14px
    }
    .sjj_nav>ul>li:last-child {
        border-bottom: 1px #ddd solid
    }
    .sjj_nav ul li ul {
        display: none
    }
    .sjj_nav ul li a {
        color: #666;
        width: 100%;
        display: block
    }
    .sjj_nav ul li ul li a {
        color: #999;
        display: block;
        text-align: left
    }
    .sjj_nav ul li i svg {
        width: 20px;
        height: 20px;
        fill: #555
    }
    .sjj_nav ul li .sjj_nav_i_se svg {
        fill: #f5b247
    }
    .sjj_nav ul li ul li>ul {
        margin-left: 10px
    }
}


/*底部导航*/
.foot-section{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 60px;
}
.foot-top{
    display: flex;
    justify-content: space-between;
}
.foot-line{
    width: 1px;
    height: 153px;
    background-color: #dddddd;
    margin: 0 20px;
}
.foot-title{
    font-size: 16px;
    color: #333333;
}
.foot-top-lf ul li{
    font-size: 14px;
    color: #999999;
    padding-top: 25px;
}
.foot-top-content{
    width: 308px;
}
.foot-list{
    display: flex;
    flex-wrap: wrap;
}
.foot-option{
    width: 33%;
    padding-top: 25px;
}
.foot-option{
    font-size: 14px;
    color: rgba(51,51,51,0.6);
}
.foot-top-rg{
    display: flex;
    /* align-items: center; */
}
.foot-top-rg li{
    width: 130px;
}
.foot-top-rg li:nth-of-type(1){
    margin-right: 80px;
}
.foot-top-rg img{
    max-width: 100%;
}
.foot-top-rg p{
    padding-top: 18px;
    text-align: center;
}
.foot-bottom{
    margin-top: 40px;
    padding: 18px 0;
    border-top: 1px solid #dcdcdc;
}
.foot-bottom .y-1400{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot-bottom span{
    font-size: 14px;
    color: rgba(0,0,51,0.4);
}
.company-address{
    display: flex;
}
.company-address span{
    display: inline-block;
    width: 70px;
}
.company-address div{
    width: calc(100% - 70px);
}
.company-address div p{
    padding-bottom: 10px;
}
.company-address div p:nth-last-of-type(1){
    padding-bottom: 0;
}

@media (max-width: 1100px) {
    .foot-top-rg li:nth-of-type(1){
        margin-right: 25px;
    }
}
@media (max-width: 990px){
    .foot-line{
        display: none;
    }
    .foot-top{
        flex-wrap: wrap;
    }
    .foot-top-content{
        width: 225px;
    }
    .foot-top-rg li{
        width: 90px;
    }
    .foot-top-rg{
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .foot-section{
        padding-top: 25px;
    }
    .foot-top-content{
        order: -1;
        width: 100%;
    }
    .foot-option{
        width: 25%;
        padding-top: 15px;
    }
    .foot-top-lf{
        padding-top: 30px;
        width: 100%;
    }
    .foot-top-rg{
        padding-top: 30px;
    }
    .foot-top-rg li{
        width: 100px;
    }
    .foot-top-rg p{
        font-size: 14px;
        padding-top: 12px;
    }
    .foot-bottom{
        padding: 15px 10px;
        margin-top: 30px;
    }
    .foot-bottom .y-1400{
        flex-wrap: wrap;
        justify-content: center;
    }
    .foot-bottom .y-1400 span{
        text-align: center;
    }
    .foot-bottom .y-1400 span:nth-of-type(2){
        padding-top: 5px;
    }
    .foot-top-lf ul li{
        padding-top: 15px;
    }
    .company-address{
        display: block;
    }
    .company-address>div{
        width: 100%;
        padding-top: 10px;
    }
    .company-address div p{
        padding-bottom: 5px;
    }
}


/*index banner*/
.banner-box{
    position: relative;
}
.banner-box img{
    max-width: 100%;
    width: 100%;
}
.banner-link-box{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 28px 10px;
    background-color: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-span1{
    font-size: 20px;
    color: #ffffff;
}
.banner-span1::after{
    content:"";
    display: inline-block;
    width: 2px;
    height: 10px;
    background-color: #bfbfbf;
    margin: 0 10px;
}
.banner-span2{
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}
.banner-pc{
    width: 165px;
    height: 44px;
    background-color: rgba(0,0,0,0);
    color: #fff;
    font-size: 18px;
    margin: 0 22px 0 88px;
}
.banner-down-app{
    width: 165px;
    height: 44px;
    border: solid 2px rgba(245,245,245,0.8);
    background-color: #0466c9;
    font-size: 18px;
    color: rgba(232,230,230,0.8);
}

/*index pc*/
.pc-section{
    position: relative;
}
.index-title{
    margin-top:75px;
    margin-bottom: 50px;
}
.index-title h3{
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    padding-left:18px;
    line-height: 1;
    position: relative;
}
.index-title h3::before{
    content:'';
    display: block;
    position: absolute;
    width: 4px;
    height: 25px;
    background-color: #0466c9;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pc-section::before{
    content: '';
    display: block;
    width: calc((100% - 1420px)/2);
    height: 100%;
    background-color: #ececec;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pc-box{
    background-color: rgba(245,246,249,0.7);
    padding: 44px 0 36px;
}
.pc-content{
    display: flex;
    justify-content: space-between;
}
.pc-content-lf{
    width: 71.3%;
    display: flex;
    justify-content: space-between;
}
.pc-content-lf>div:nth-of-type(1){
    width: 33.6%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.pc-content-lf>div:nth-of-type(1) h3{
    font-weight: bold;
    font-size: 38px;
    color: #ffffff;
    padding-top: 107px;
    text-align: center;
}
.pc-content-lf>div:nth-of-type(1)>p{
    font-size: 18px;
    font-weight: bold;
    color: rgba(255,255,255,0.5);
    text-align: center;
    margin: 15px 0 55px;
}
.pc-content-lf>div:nth-of-type(1)>a{
    display: block;
    width: 149px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-image: linear-gradient(90deg,
    #0aa5d3 0%,
    #0464c9 100%);
    border-radius: 17px;
    margin: 0 auto 180px;
}
.inpc{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.inpc>a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:18px 40px;
    background-color: #0467ca;
}
.inpc p{
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.yjsqz-box{
    width:66.4%;
    padding: 31px 0 23px;
    background-color: rgba(255,255,255,0.6);
    border-top: 1px solid rgba(191,191,191,0.6);
    border-right: 1px solid rgba(191,191,191,0.6);
    border-bottom: 1px solid rgba(191,191,191,0.6);
}
.yjsqz-box>h3{
    font-weight: bold;
    font-size: 20px;
    color: #279677;
    margin: 0 40px;
    padding-bottom: 17px;
    position: relative;
}
.yjsqz-box>h3::after{
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #279677;
    bottom: 0;
    left: 0;
}
.yjsqz-list{
    padding-top: 8px;
}
.yjsqz-item{
    padding: 27px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(191,191,191,0.3);
}
.yjsqz-item:nth-last-of-type(1){
    border-bottom: none;
}
.yjsqz-item h5{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    width: 106px;
}
.zhiwei-list{
    display: flex;
    width: calc(100% - 112px);
    flex-wrap: wrap;
}
.zhiwei-item{
    padding-right: 30px;
}
.zhiwei-item a{
    font-size: 14px;
    color: #666666;
}
.yjsqz-more img{
    width: 6px;
    height: 11px;
}
.pc-content-rg{
    width: 13.8%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.pc-content-rg img{
    margin-bottom: 80px;
}
.pc-content-rg>div{
    text-align: center;
}
.pc-content-rg>div p{
    font-size: 18px;
    font-weight: bold;
    color: #956a46;
}
.pc-content-rg>div h3{
    font-size: 20px;
    font-weight: bold;
    color: #956a46;
    padding: 33px 0 20px;
    position: relative;
}
.pc-content-rg>div h3::after{
    content: "";
    display: block;
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #956a46;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.pc-content-rg a{
    display: block;
    text-align: center;
    width: 72px;
    height: 25px;
    border-radius: 12px;
    color: #fff;
    line-height: 25px;
}
.wrlw a{
    background-image: linear-gradient(270deg,
    #ff7422 0%,
    #f7a625 100%);
}
.pxkc a{
    background-image: linear-gradient(270deg,
    #4d74a9 0%,
    #788bb3 100%);
}
.pxkc p,
.pxkc h3{
    color: #5e6893 !important;
}
.pxkc h3::after{
    background-color: #5e6893 !important;
}

/*index ydd*/
.ydd-box{
    padding:120px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.ydd-box .y-1400{
    width: 1200px;
    margin: 0 auto;
}
.ydd-box h3{
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.ydd-box p{
    font-size: 14px;
    color: rgba(224,224,224,0.89);
    line-height: 30px;
    /* text-align: center; */
    text-align: left;
    padding: 30px 0 70px;
}
.ydd-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ydd-item{
    display: inline-block;
    width: 295px;
}
.ydd-item>img{
    max-width: 100%;
}

/*新闻中心*/
.xwzx-section{
    margin-bottom: 80px;
    padding-top: 12px;
}
.xwzx-box{
    display: flex;
    justify-content:space-between;
}
.gsdt-box{
    width: 61.6%;
}
.gsdt-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 22px;
}
.gsdt-title h3{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.gsdt-title h3 img{
    padding-right: 10px;
}
.gsdt-title a{
    font-size: 14px;
    color: #999999;
}
.gsdt-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    cursor: pointer;
}
.gsdt-img{
    width: 400px;
}
.gsdt-img img{
    max-width: 100%;
}
.gsdt-content p{
    width: calc(100% - 438px);
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    text-align: justify;
    -webkit-box-orient: vertical;
}
.xwzx-line{
    width: 1px;
    height: 404px;
    background-color: #e9e9e9;
}
.hyxw-box{
    width: 33.5%;
}
.hyxw-list{
    padding-top: 25px;
}
.hyxw-item{
    padding: 18px 0;
    border-bottom:1px dotted #e2e2e2;
}
.hyxw-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hyxw-item p{
    padding-left: 16px;
    font-size: 14px;
    color: #666666;
    width: calc(100% - 60px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.hyxw-item p::before{
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #0466c9;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.hyxw-item span{
    font-size: 14px;
    color: #b6b5b5;
}
.hyxw-item a:hover p{
    color: #0466c9;
}
.hyxw-item:nth-last-of-type(1){
    border-bottom: 0;
}
@media (max-width: 1400px) {
    .yjsqz-item{
        padding: 22px 28px;
    }
    .yjsqz-box>h3{
        margin: 0 28px ;
    }
}
@media (max-width: 1300px){
    .index-title {
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .index-title h3{
        font-size: 24px;
    }
    .pc-content-lf>div:nth-of-type(1) h3{
        font-size: 24px;
    }
    .pc-content-lf>div:nth-of-type(1)>p{
        font-size: 16px;
    }
    .inpc p {
        font-size: 16px;
    }
    .yjsqz-box>h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .yjsqz-item h5{
        font-size: 16px;
    }
    .pc-content-rg>div h3{
        font-size: 18px;
    }
    .ydd-list{
        justify-content: space-around;
    }
    .ydd-item{
        width: 240px;
    }
    .gsdt-img{
        width: 340px;
    }
    .gsdt-content p{
        width: calc(100% - 375px);
    }
    .hyxw-item{
        padding: 16px 0;
    }
    .hyxw-list{
        padding-top: 10px;
    }
    .xwzx-line{
        height: 380px;
    }
    .ydd-box{
        padding: 60px 0 80px;
    }
}
@media (max-width: 1200px){
    .ydd-box .y-1400{
        width: 100%;
        padding: 0 25px;
    }
    .banner-link-box{
        padding: 15px 10px;
    }
    .banner-down-app,
    .banner-pc{
        width: 135px;
    }
    .banner-pc{
        margin: 0 22px 0 50px;
    }
}
@media (max-width:990px) {
    .pc-content-lf,
    .pc-content{
        flex-wrap: wrap;
    }
    .pc-content-lf{
        width: 100%;
    }
    .pc-content-lf>div:nth-of-type(1){
        width: 100%;
    }
    .pc-content-lf>div:nth-of-type(1) h3{
        padding-top: 50px;
    }
    .pc-content-lf>div:nth-of-type(1)>a{
        margin: 0 auto 100px;
    }
    .pc-content-lf>div:nth-of-type(1)>p{
        padding: 15px 0 25px;
    }
    .yjsqz-box{
        width: 100%;
    }
    .pc-content-rg{
        width: 49%;
        margin-top: 20px;
    }
    .pc-content-rg img{
        margin: 20px 0;
    }
    .pc-content-rg>div h3{
        padding: 12px 0;
    }
    .wrlw a,
    .pxkc a{
        margin: 20px 0 30px;
    }
    .ydd-item{
        width: 175px;
    }
    .ydd-box p{
        padding: 30px 0 50px;
    }
    .xwzx-box{
        flex-wrap: wrap;
    }
    .gsdt-box{
        width: 100%;
    }
    .hyxw-box{
        width: 100%;
        padding-top: 30px;
    }
    .xwzx-line{
        display: none;
    }
}
@media (max-width:767px){
    .banner-link-box{
        position: relative;
        flex-wrap: wrap;
    }
    .banner-span1{
        font-size: 16px;
    }
    .banner-span2{
        font-size: 14px;
    }
    .banner-pc{
        margin: 0 22px 0 0;
    }
    .banner-down-app, .banner-pc{
        width: 100px;
        font-size: 14px;
        height: 34px;
        margin-top: 10px;
    }
    .index-title h3{
        font-size: 18px;
    }
    .index-title {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .pc-box{
        padding: 20px 0;
    }
    .pc-content-lf>div:nth-of-type(1)>p{
        margin: 15px 0 0;
        padding: 5px 0 25px;
    }
    .pc-content-lf>div:nth-of-type(1) h3{
        padding-top: 35px;
        font-size: 18px;
    }
    .inpc>a{
        padding: 15px 25px;
    }
    .pc-content-lf>div:nth-of-type(1)>a{
        margin: 0 auto 80px;
    }
    .yjsqz-box{
        padding: 20px 0 0;
    }
    .yjsqz-item{
        padding: 15px 10px;
    }
    .yjsqz-box>h3{
        margin: 0 10px;
    }
    .pc-content-rg img{
        width: 85px;
    }
    .pc-content-rg>div p{
        font-size: 14px;
    }
    .pc-content-rg>div h3{
        font-size: 16px;
    }
    .ydd-list{
        display: none;
    }
    .ydd-box{
        padding: 35px 0 0;
    }
    .gsdt-content{
        flex-wrap: wrap;
    }
    .gsdt-content p,
    .gsdt-img{
        width: 100%;
    }
    .gsdt-content p{
        padding-top: 20px;
        width: 100%;
    }
    .gsdt-title h3{
        font-size: 16px;
    }
    .gsdt-title h3 img{
        width: 30px;
        position: relative;
        top: -3px;
    }
    .xwzx-section{
        margin-bottom: 40px;
    }
    .ydd-box .y-1400{
        padding: 0 10px;
    }
}

/*面包屑*/
.crumb-section{
    border-bottom: 1px solid rgba(228,223,223,0.7);
}
.crumb-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 17px 0;
    color: #858585;
    font-size: 12px;
}
.crumb-box img{
    padding-right: 8px;
}

/*业务领域*/
.nybanner-section{
    width: 100%;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*中间内容框架*/
.page-wrap-section{
    padding-top: 40px;
    padding-bottom: 80px;
}
.page-wrap-box{
    display: flex;
    justify-content: space-between;
}
.page-wrap-lf-box{
    width: 22.8%;
}
.page-wrap-lf{
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px
    rgba(0, 0, 0, 0.11);
}
.page-wrap-title{
    padding: 26px 0;
}
.page-wrap-title h3{
    font-size: 28px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.page-wrap-title p{
    font-size: 16px;
    font-weight: bold;
    color: rgba(255,255,255,0.3);
    text-align: center;
    padding-top: 4px;
}
.page-wrap-option-list{
    padding: 24px 17px 17px;
}
.page-wrap-option a{
    padding: 20px 0;
    font-size: 18px;
    color: #666666;
    border-bottom: 1px solid #eeeeee;
    transition: all 400ms;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-wrap-option a:hover,
.page-option-active{
    background-color: #0466c9;
}
.page-wrap-option a:hover h3,
.page-option-active h3{
    color: #fff;
    font-weight: bold;
    position: relative;
}
.page-wrap-option a:hover h3::before,
.page-option-active h3::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-image:url("../../images/option-jia.png") ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
}
.page-lxwm-box{
    position: relative;
}
.page-lxwm-box img{
    max-width: 100%;
}
.page-lxwm-box div{
    width: 100%;
    position: absolute;
    background-color: rgba(4,102,201,0.4);
    padding: 11px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    left: 0 ;
}
.page-lxwm-box p{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.page-wrap-rg{
    width: 75.6%;
}
.page-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: solid 1px #c1d4e5;
}
.page-title>h3{
    font-size: 22px;
    color: #4f6ed8;
    font-weight: bold;
    position: relative;
}
.page-title>h3::before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #e30000;
    left: 0;
    bottom: -20px;
}

@media (max-width: 990px) {
    .page-wrap-lf-box{
        display: none;
    }
    .page-wrap-rg{
        width: 100%;
    }
}


/*综合招聘*/
.zhzp-item{
    display: inline-block;
}
.zhzp-item a{
    display: block;
    padding: 11px 25px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    background-color: #e8e8e8;
    transition: all 400ms;
}
.zhzp-item .zhzp-option-active,
.zhzp-item a:hover{
    color: #fff;
    background-color: #4a90e2;
}
.zhzp-item{
    margin-right: 15px;
}
.zhzp-item:nth-last-of-type(1){
    margin-right: 0;
}
#zhzp .page-title>h3::before{
    bottom: -20px;
}
.zhzg-title{
    margin-top: 30px;
    background-color: #f3f4fa;
    padding: 8px 15px;
    font-size: 18px;
    color: #0466c9;
}
.zhzg-font{
    padding:25px 15px 0;
    text-align: center;
}
.zhzg-font img{
    max-width: 100%;
}
.zhzg-font p{
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 10px;
}
.pqsy-box{
    padding-top: 20px;
}
.pqsy-box>h3{
    display: flex;
    align-items: center;
    padding: 0 0 18px 39px;
    border-bottom: 1px solid #c1d4e5;
    font-size: 16px;
    color: #333333;
    position: relative;
}
.pqsy-box>h3::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid 2px #0466c9;
    border-radius: 50%;
    top: 12px;
    left: 18px;
    transform: translateY(-50%);
}
.pqsy-item{
    padding-left: 39px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 12px;
}
.pqsy-item::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #333333;
    border-radius: 50%;
    left: 21px;
    top: 9px;
}
.fwys-list li{
    font-size: 16px;
    color: #333333;
}
.fwys-list li:nth-of-type(1){
    margin-top: 24px;
}
@media (max-width: 990px) {
    .zhzg-font{
        padding: 25px 0 0;
    }
    .page-wrap-section{
        padding-top: 30px;
    }
    .zhzp-item a{
        padding: 8px 20px;
    }
    #zhzp .page-title>h3::before{
        bottom: -17px;
    }
}
@media (max-width: 767px){
    .nybanner-section{
        height: 135px;
    }
    .page-title>h3{
        font-size: 18px;
    }
    .zhzp-list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .zhzp-item{
        width:30%;
        margin-right: 0;
    }
    .zhzp-item a{
        width: 100%;
        font-size: 14px;
        padding: 8px 15px;
        text-align: center;
    }
    .page-title{
        flex-wrap: wrap;
        padding-bottom: 12px;
    }
    .page-title>h3::before{
        display: none;
    }
    .zhzp-list{
        padding-top: 15px;
    }
    .zhzp-item{
        margin-bottom: 5px;
    }
    .zhzg-title{
        font-size: 16px;
        margin-top: 25px;
    }
    .zhzg-font{
        padding-top: 15px;
    }
    .pqsy-box>h3{
        font-size: 14px;
        padding: 0 0 13px 20px;
    }
    .pqsy-box>h3::before{
        width: 4px;
        height: 4px;
        top: 10px;
        left: 5px;
    }
    .pqsy-item{
        padding-left: 20px;
    }
    .pqsy-item::before{
        left: 7px;
    }
    .fwys-list li{
        font-size: 14px;
    }
    .fwys-list li:nth-of-type(1){
        margin-top: 16px;
    }
    .page-wrap-section{
        padding-top: 25px;
        padding-bottom:50px;
    }
}


/*文化理念*/
.whln-content{
    margin-top: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.whln-list{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}
.whln-item{
    width: 23.1%;
    background-color: rgba(242,242,242,0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 67px 0 0;
    min-height: 402px;
    transition: background-color 400ms;
}
.whln-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    background-color: #b2b1b1;
    border: 10px solid #fff;
    border-radius: 50%;
    position: relative;
    transition: all 400ms;
}
.icon1{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    box-shadow: 0px 0px 10px #0466c9 inset;
    animation: icon1 3000ms infinite linear;
    border-radius: 50%;
    display: none;
}
@keyframes icon1 {
    0%{
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100%{
        width: 180%;
        height: 180%;
        opacity: 0;
    }
}
.whln-nr{
    font-size: 12px;
    line-height: 24px;
    color: #999999;
    margin:5px 24px 20px;
    transition: all 400ms;
    display: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.whln-title{
    padding: 22px 0 15px;
    font-size: 18px;
    font-weight: bold;
    color: #4b4a4a;
}
.whln-subtitle{
    font-size: 12px;
    font-weight: bold;
    color: rgba(153,153,153,0.8);
    transition: all 400ms;
    text-align: center;
}
.whln-item button{
    margin-top: 54px;
    width: 101px;
    height: 41px;
    background-color: #d4d4d4;
    color: #333333;
    cursor: pointer;
    transition: all 400ms;
}
#whln-active{
    background-color: #fff ;
    border: solid 2px #0466c9;
}
#whln-active .whln-img{
    background-color: #0466c9;
    border: 10px solid #0466c9;
}
#whln-active .whln-subtitle{
    display: none;
}
#whln-active button{
    display: none;
}
#whln-active>.whln-nr{
    display: -webkit-box;
}
#whln-active .icon1{
    display: block;
}
@media (max-width: 990px) {
    .whln-list{
        flex-wrap: wrap;
    }
    .whln-item{
        width: 48%;
    }
    .whln-list{
        padding: 20px 0;
    }
    .whln-item:nth-of-type(1),
    .whln-item:nth-of-type(2){
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    .whln-list{
        padding: 0;
    }
    .whln-title{
        padding: 22px 0 10px;
    }
    .whln-nr{
        margin: 5px 10px 20px;
    }
    .whln-item{
        width: 100%;
        padding: 30px 0 0;
        min-height: 325px;
    }
    .whln-img{
        width: 90px;
        height: 90px;
        border: 5px solid #fff;
    }
    .whln-item:nth-of-type(3),
    .whln-item:nth-of-type(2),
    .whln-item:nth-of-type(1){
        margin-bottom: 15px;
    }
}
#zhzp .page-title{
    padding-bottom: 11px;
}

/*社会责任*/
.shzr-content{
    padding:60px 47px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.shzr-list{
    width: 44.66%;
}
.shzr-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 58px;
}
.shzr-item:nth-last-of-type(1){
    padding-bottom: 0;
}
.shzr-lf{
    width: 83px;
    height: 84px;
}
.shzr-lf img{
    max-width: 100%;
}
.shzr-rg{
    width: calc(100% - 113px);
}
.shzr-rg h3{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shzr-rg p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-top: 8px;
}
.shzr-font{
    width: 47.3%;
}
.shzr-font p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    text-align: justify;
    padding-top: 25px;
}
@media (max-width: 990px) {
    .shzr-content{
        padding: 30px 0 0;
    }
}
@media (max-width: 767px){
    .shzr-list{
        width: 100%;
    }
    .shzr-lf {
        width: 55px;
        height: 55px;
    }
    .shzr-rg p{
        -webkit-line-clamp: 30;
    }
    .shzr-rg{
        width: calc(100% - 76px);
    }
    .shzr-rg h3{
        font-size: 16px;
    }
    .shzr-item{
        padding-bottom: 18px;
    }
    .shzr-content{
        padding: 15px 0 0;
    }
    .shzr-font{
        width: 100%;
        padding-top: 20px;
    }
    .shzr-font p{
        padding-top: 15px;
    }
}

/*责任行动*/
.zrxd-content{
    margin-top: 30px;
}
.zrxd-icon-active{
    display: none;
}
.zrxd-title{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-color: #f5f5f5;
    border: solid 1px #ece9e9;
}
.zrxd-title h3{
    font-size: 18px;
    padding-right: 17px;
    font-weight: bold;
    color: #333333;
    max-width: calc(100% - 37px);
}
.zrxd-down-list{
    height: 0;
    overflow: hidden;
    transition: all 600ms;
}
.zrxd-down-item{
    padding: 40px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 600ms;
    background-color: rgba(245,245,245,0.5);
    border-bottom: 1px solid #f0efef;
    cursor: pointer;

}
.zrxd-down-item:hover .zrxd-down-title h3,
.zrxd-down-item:hover .zrxd-down-title p{
    color: #0466c9;
}
.zrxd-down-list .zrxd-down-item:nth-last-of-type(1){
    border-bottom: 0;
}
.zrxd-down-img{
    width: 185px;
}
.zrxd-down-img img{
    max-width: 100%;
}
.zrxd-down-font{
    width: calc(100% - 214px);
}
.zrxd-down-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zrxd-down-title h3{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    width: calc(100% - 70px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.zrxd-down-title p{
    font-size: 14px;
    color: #666666;
    padding-top: 0;

}
.zrxd-down-font>p{
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    padding-top: 10px;
}

.zrxd-active .zrxd-title h3{
    color: #4f6ed8;
}
.zrxd-active .zrxd-title .zrxd-icon-active{
    display: block !important;
}
.zrxd-active .zrxd-title .zrxd-icon{
    display: none !important;
}
/*.zrxd-active .zrxd-down-list{*/
/*    height: auto;*/
/*}*/
@media (max-width: 767px){
    .zrxd-title h3{
        font-size: 14px;
    }
    .zrxd-title{
        padding: 15px 10px;
    }
    .zrxd-nr{
        padding: 0 10px;
    }
    .zrxd-active .zrxd-nr{
        padding: 20px 10px;
        flex-wrap: wrap;
    }
    .zrxd-down-item{
        flex-wrap: wrap;
        padding: 15px 10px;
    }
    .zrxd-down-img{
        width: 100%;
    }
    .zrxd-down-font{
        width: 100%;
    }
    .zrxd-down-img img{
        width: 100%;
    }
    .zrxd-down-title{
        padding-top: 10px;
    }
    .zrxd-down-title h3{
        font-size: 14px;
    }

}


/*责任报告*/
.zrbg-content{
    padding-top: 60px;
}
.zrbg-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zrbg-item{
    width: 32%;
}
.zrbg-item:nth-of-type(1),
.zrbg-item:nth-of-type(2),
.zrbg-item:nth-of-type(3){
    margin-bottom: 27px;
}
.zrbg-img{
    width: 100%;
    height: 303px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: solid 2px #cfcfcf;
}
.zrbg-img img{
    max-width: 100%;
    max-height: 100%;
}
.zrbg-font{
    background-color: #f9f9f9;
    text-align: center;
    padding: 22px 10px;
    transition: all 400ms;
}
.zrbg-font h3{
    padding-bottom: 9px;
    color: #666666;
    font-size: 14px;
}
.zrbg-font a{
    color: #666666;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zrbg-font img{
    padding-right: 10px;
}
.zrbg-item:hover .zrbg-font{
    background-color: #0466c9;
}
.zrbg-item:hover .zrbg-font h3,
.zrbg-item:hover .zrbg-font a{
    color: #fff;
}
.zrbg-item:hover .zrbg-font a img:nth-of-type(1){
    display: none;
}
.zrbg-item .zrbg-font a img:nth-of-type(2){
    display: none;
}
.zrbg-item:hover .zrbg-font a img:nth-of-type(2){
    display: block;
}

@media (max-width: 990px){
    .zrbg-content{
        padding-top: 30px;
    }
}
@media (max-width: 767px){
    .zrbg-item{
        width: 49%;
    }
    .zrbg-img{
        height: 210px;
    }
    .zrbg-font{
        padding: 15px 10px;
    }
}

/*分页*/
.page-box{
    padding-top: 40px;
}
.pagination{
    display: flex;
    justify-content: center;
}
.pagination li{
    margin: 0 5px;
}
.pagination li:nth-of-type(1){
    display: none;
}
.pagination li a{
    display: block;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #e3eef5;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    font-size: 14px;
    color: #333333;
}
.pagination .active a{
    background-color: #3d55a7;
    border: 0;
    color: #fff;
}

@media (max-width: 767px){
    .page-box{
        padding-top: 25px;
    }
}
.add-flex{
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
}

/*文明创建*/
.wmcj-content{
    padding-top: 25px;
}
.wmcj-item{
    padding: 15px 0;
    border-bottom:1px dotted  #c5c5c5;
}
.wmcj-item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wmcj-item h3{
    width: calc(100% - 120px);
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-left: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wmcj-item h3::before{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #333333;
    border-radius: 50%;
    left: 0;
    top: 9px;
}
.wmcj-item p{
    font-size: 14px;
    color: #666666;
}
.wmcj-item a:hover p,
.wmcj-item a:hover h3{
    color: #0466c9;
}
.wmcj-item a:hover h3::before{
    background-color: #0466c9;
}
@media (max-width: 767px){
    .wmcj-item p{
        display: none;
    }
    .wmcj-item h3{
        width: 100%;
        font-size: 14px;
        overflow: visible;
        white-space: inherit;
    }
    .wmcj-item h3::before {
        top: 8px;
    }
    .wmcj-content{
        padding-top: 0;
    }
}

/*文明创建详情*/
.wmcj-details{
    padding-top: 60px;
}
.wmcj-details-title{
    font-size: 28px;
    color: #333333;
    text-align: center;
}
.wmcj-details-date{
    font-size: 16px;
    color: #696969;
    padding: 20px 0 30px;
    text-align: center;
}
.wmcj-details-content>p{
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    text-align: justify;
}
@media (max-width: 990px) {
    .wmcj-details {
        padding-top: 35px;
    }
    .wmcj-details-title{
        font-size: 24px;
    }
}
@media (max-width: 767px){
    .wmcj-details{
        padding-top: 25px;
    }
    .wmcj-details-title{
        font-size: 16px;
    }
    .wmcj-details-date{
        font-size: 14px;
        padding: 13px 0 20px;
    }
}

/*合作政策*/
.hzzc-content{
    padding-top: 30px;
}
.hzzc-content>p,
.hzzc-font{
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    padding-bottom: 40px;
}
.hzzc-item{
    padding: 15px 0;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    border-bottom: 1px dotted #cdcdcd;
    display: flex;
}
.hzzc-list-title{
    font-size: 16px;
    color: #333333;
}
.hzzc-img{
    width: 100%;
}
.hzzc-img img{
    max-width: 100%;
}
@media (max-width: 767px){
    .hzzc-content{
        padding-top: 15px;
    }
    .hzzc-content>p,
    .hzzc-font{
        padding-bottom: 15px;
        font-size: 14px;
        line-height: 28px;
    }
    .hzzc-list-title{
        font-size: 14px;
    }
    .hzzc-item{
        line-height: 28px;
        font-size: 14px;
        padding: 6px 0;
    }
}


/*授权查询*/
.sqcx-content{
    padding: 42px 24px 0;
}
.sqcx-img{
    position: relative;
}

.sqcx-item-blue,
.sqcx-item-red{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    position: absolute;
}
.sqcx-item-red{
    background-color: #ff0000;
}
.sqcx-item-red>.sqcx2,
.sqcx-item-red>.sqcx1{
    background-color: #ff0000;
}
.sqcx-item-blue{
    background-color: #06dff9;
}
.sqcx-item-blue>.sqcx2,
.sqcx-item-blue>.sqcx1{
    background-color: #06dff9;
}
.sqcx1,
.sqcx2{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.7;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sqcx1{
    animation: sqcx1 2500ms infinite linear;
}
.sqcx2{
    animation: sqcx2 3500ms infinite linear;
    animation-delay: 300ms;
}
@keyframes sqcx1 {
    0%{
        width: 100%;
        height: 100%;
        opacity: 0.7;
    }
    100%{
        width: 300%;
        height: 300%;
        opacity: 0;
    }
}
@keyframes sqcx2 {
    0%{
        width: 100%;
        height: 100%;
        opacity: 0.7;
    }
    100%{
        width: 400%;
        height: 400%;
        opacity: 0;
    }
}
.sqcx-tc{
    width: 379px;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms;
    z-index: 99;
}
.sqcx-tc img{
    max-width: calc(100% - 244px);
}
.fztl-box{
    width: 244px;
    background-color: #fff;
    padding: 45px 38px 55px;
    text-align: center;
    box-shadow: 0px 0px 17px 1px
    rgba(0, 0, 0, 0.18);
}
.fztl-box h3{
    font-size: 18px;
    color: #333333;
}
.fztl-box p{
    font-size: 16px;
    line-height: 28px;
    color: #888888;
    padding-top: 20px;
}
.sqcx-item-blue:hover .sqcx-tc,
.sqcx-item-red:hover .sqcx-tc{
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px) {
    .sqcx-img img,
    .sqcx-dian .sqcx1,
    .sqcx-dian .sqcx2{
        display: none;
    }
    .sqcx-item-blue, .sqcx-item-red{
        position: relative;
        left: 0 !important;
        top: 0 !important;
    }
    .sqcx-dian{
        background-color: rgba(255,255,255,1);
        width: 100%;
        height: auto;
    }
    .sqcx-tc{
        width: 100%;
        opacity: 1;
        visibility: visible;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0,0) !important;
    }
    .sqcx-tc img{
        display: none;
    }
    .sqcx-content{
        padding: 0 0 0;
    }
    .fztl-box{
        width: 100%;
        padding: 15px 10px;
        margin-top: 15px;
        box-shadow: 0 0 0 0;
        border: 1px solid #ccc;
    }
    .fztl-box h3{
        font-size: 16px;
    }
    .fztl-box p{
        font-size: 14px;
        padding-top: 8px;
    }
    .color-mean{
        display: none;
    }
}
.color-mean{
    position: absolute;
    left: 5%;
    bottom: 22%;
}
.red-mean,
.blue-mean{
    display: flex;
    align-items: center;
}
.red-mean div,
.blue-mean div{
    width: 12px;
	height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}
.red-mean{
    padding-bottom: 30px;
}
.red-mean div{
    background-color: #e60012;
}
.blue-mean div{
    background-color: #06dff9;
}
.color-mean p{
    font-size: 18px;
    color: #333;
}
@media (max-width:1200px){
    .color-mean p{
        font-size: 16px;
    }
}
@media (max-width:990px){
    .color-mean p{
        font-size: 14px;
    }
}

/*发展图览*/
.fzls-content{
    padding-top: 35px;
    display: flex;
    justify-content: space-between;
}
.fzls-lf>h3{
    font-weight: bold;
    font-size: 56px;
    color: #0466c9;
}
.fzls-item{
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 20px;
    color: #333333;
    padding-left: 17px;
    position: relative;
}
.fzls-item::before{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #0466c9;
    left: 0;
    top: 11px;
    border-radius: 50%;
}
.fzls-lf{
    width: 81.68%;
}
.fzls-list{
    margin-top: 28px;
}
.fzls-item::after{
    content:'';
    display: block;
    position: absolute;
    left: 4px;
    top: 11px;
    width: 1px;
    height: calc(100%);
    background-image: url("../../images/fztz-line.png");
    background-size: 100% 100%;
}
.fzls-item:nth-last-of-type(1)::after{
    display: none;
}
.fzls-nf-item{
    padding: 20px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    text-align: center;
}
.fzls-nf-item:hover{
    color: #0466c9;
}
.fzls-nf-active{
    color: #0466c9;
    font-size: 26px;
    border-right: 2px solid #0466c9;
}
@media (max-width: 767px){
    .fzls-content{
        flex-wrap: wrap;
    }
    .fzls-lf{
        width: 100%;
    }
    .fzls-nf-list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        order: -1;
    }
    .fzls-nf-item{
        width: 23%;
        padding: 10px 0;
        font-size: 14px;
        background-color: #f3f3f3;
        margin: 5px 0;
    }
    .fzls-nf-active{
        font-size: 14px;
        border-right: 0;
    }
    .fzls-content{
        padding-top: 10px;
    }
    .fzls-lf>h3{
        display: none;
    }
    .fzls-item{
        font-size: 14px;
        padding-bottom: 0;
    }
    .fzls-list{
        margin-top: 15px;
    }
}

/*文件下载*/
.down-app{
    padding: 68px 30px 40px;
    text-align: center;
}
.down-app h3{
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}
.down-app p{
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
    color: rgba(102,102,102,0.89);
    padding: 30px 0 35px;
}
.app-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.app-img li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 234px;
    height: 300px;
    background-color: #ffffff;
    border-radius: 12px;
    border: solid 1px #a8a8a8;
}
.app-img li p{
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding-top: 32px;
}
.app-img li:nth-of-type(1){
    margin-right: 122px;
}
.cpsm-list{
    padding-top: 40px;
}
.cpsm-item{
    padding: 20px 29px;
    border-bottom: 1px dotted #b8bcd6;
    transition: all 400ms;
}
.cpsm-item div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
}
.cpsm-item div h3{
    font-size: 18px;
    color: #333333;
    width: calc(100% - 120px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cpsm-item div p{
    font-size: 16px;
    color: #333333;
}
.cpsm-item a>p{
    font-size: 14px;
    color: #999999;
}
.cpsm-item:hover{
    background-color: #f6f6f6;
}
.cpsm-item:hover div p,
.cpsm-item:hover div h3{
    color: #0466c9;
}
@media (max-width: 767px){
    .down-app{
        padding: 15px 0 30px;
    }
    .down-app h3{
        font-size: 16px;
    }
    .down-app p{
        padding: 10px 0 18px;
    }
    .app-img{
        justify-content: space-between;
    }
    .app-img li{
        width: 48%;
        height: 212px;
    }
    .app-img li:nth-of-type(1){
        margin-right: 0;
    }
    .app-img li img{
        width: 60px;
    }
    .app-img li p{
        padding-top: 14px;
        font-size: 16px;
    }
    .cpsm-list{
        padding-top: 15px;
    }
    .cpsm-item{
        padding: 10px 0;
    }
    .cpsm-item div p{
        font-size: 14px;
        width: 70px;
    }
    .cpsm-item div h3{
        font-size: 14px;
        width: 100%;
        white-space: inherit;
        overflow: visible;
    }
}

/*公司概况*/
.gsgk-content{
    padding-top: 35px;
}
.gsgk-content h3{
    font-size: 18px;
    font-weight: bold;
    color: #0466c9;
    background-color: #f3f4fa;
    padding: 8px 15px;
}
.gsgk-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 25px 15px;
    flex-wrap: wrap;
    background-color: rgba(249,249,250,0.5);
}
.gsgk-lf{
    width: 48.9%;
}
.gsgk-lf p{
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}
.gsgk-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
}
.gsgk-item{
    width: 117px;
    height: 138px;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gsgk-item p{
    font-size: 16px;
    color: #666666;
    padding-top: 10px;
}
.gsgk-img{
    width: 40.9%;
    background-color:#0466c9;
    position: relative;
}
.gsgk-img img{
    position: relative;
    bottom: -24px;
    left: -24px;
}
@media(max-width: 1400px){
    .gsgk-item{
        width: 23%;
    }
    .gsgk-item img{
        width: 40px;
    }
}
@media(max-width: 1200px){
    .gsgk-img{
        order: -1;
        width: 100%;
        text-align: center;
    }
    .gsgk-img img{
        bottom: 0;
        left: 0;
    }
    .gsgk-lf{
        width: 100%;
        padding-top: 30px;
    }
}
@media(max-width: 767px){
    .gsgk-box{
        padding: 15px 0;
    }
    .gsgk-lf{
        padding-top: 10px;
    }
    .gsgk-list{
        margin-top: 30px;
    }
    .gsgk-item{
        height: 110px;
    }
    .gsgk-item img{
        width: 28px;
        height: 28px;
    }
    .gsgk-item p{
        font-size: 14px;
    }

}


/*组织架构*/
.zzjg-content{
    padding:38px 42px 0;
}
@media (max-width: 767px) {
    .zzjg-content{
        padding:15px 10px 0;
    }
}

/*荣誉资质*/
.ryzz-content{
    padding-top: 40px;
}
.ryzz-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ryzz-item{
    width: 32%;
    cursor: pointer;
}
.ryzz-img{
    height: 336px;
    background-color: #ffffff;
    border: solid 1px #dbd8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 400ms;
}
.ryzz-img img{
    max-height: 100%;
}
.ryzz-item p{
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    padding: 16px 10px;
    background-color: #f7f7f7;
    transition: all 400ms;
    text-align: center;
}
.ryzz-item:hover .ryzz-img{
    border: solid 1px #318fef;
}
.ryzz-item:hover p{
    background-color: #318fef;
    color: #fff;
}
.ryzz-item:nth-of-type(1),
.ryzz-item:nth-of-type(2),
.ryzz-item:nth-of-type(3){
    margin-bottom:40px;
}

@media (max-width: 767px){
    .ryzz-item{
        width: 49%;
    }
    .ryzz-img{
        height: 273px;
    }
    .ryzz-img img{
        max-height: 100%;
    }
    .ryzz-content{
        padding-top: 15px;
    }
    .ryzz-item:nth-of-type(1), .ryzz-item:nth-of-type(2), .ryzz-item:nth-of-type(3){
        margin-bottom: 15px;
    }
}

/*模态框*/
.ryzz-tc-box{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,0.5);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms;
    z-index: 99999;
}
.ryzz-tc{
    width:500px;
    height: auto;
    background-color: #fff;
    position: relative;
    text-align: center;
}
.ryzz-tc img{
    width: 100%;
    max-height: 700px;
}
.ryzz-tc p{
    padding: 10px 10px;
    background-color: #fff;
    color: #333;
    border-top: 1px solid #ccc;
}
@media (max-width: 767px){
    .ryzz-tc{
        width: 80%;
    }
}

/*联系方式*/
.lxfs-content{
    padding-top: 50px;
}
.lxfs-list{
    display: flex;
    justify-content: space-between;
}
.lxfs-item{
    width: 31.8%;
    padding: 24px 10px;
    text-align: center;
    background-color: #ffffff;
    border: solid 1px #e7e7e7;
}
.lxfs-item div{
    height: 30px;
}
.lxfs-item div img{
    max-height: 100%;
}
.lxfs-item h3{
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding: 15px 0 20px;
}
.lxfs-item p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}
.map-box{
    padding: 10px;
    border: solid 1px #166af5;
    margin-top: 15px;
}
#map{
    width: 100%;
    height: 444px;
}
@media (max-width: 767px){
    .lxfs-list{
        display: block;
    }
    .lxfs-item{
        height: auto;
        width: 100%;
        border: 0;
        display: flex;
        padding: 10px 0;
    }
    .lxfs-content{
        padding-top: 5px;
    }
    .lxfs-item div{
        height: 16px;
        width: 30px;
    }
    .lxfs-item h3{
        padding: 0 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .lxfs-item p{
        line-height: 24px;
        text-align: left;
        width: calc(100% - 106px);
    }
    #map{
        height: 200px;
    }
}

/*新闻详情*/
.news-details{
    padding: 45px 0 80px;
}
.news-details-title{
    padding: 0 10px;
    text-align: center;
}
.news-details-title h3{
    font-size: 28px;
    line-height: 24px;
    color: #333333;
}
.news-details-title p{
    font-size: 16px;
    color: #696969;
    padding: 26px 0 40px;
}
.news-content p{
    font-size: 14px;
    line-height: 25px;
    color: #666666;
    text-align: justify;
}
@media (max-width: 990px){
    .news-details-title h3{
        font-size: 18px;
    }
    .news-details-title p{
        font-size: 14px;
        padding: 12px 0 22px;
    }
    .news-details{
        padding: 30px 0 60px;
    }
}
@media (max-width: 767px){
    .news-details-title h3{
        font-size: 16px;
    }
    .news-details{
        padding: 40px 0 50px;
    }
}



/* 企业标识 */
.qybs-content{
    margin-top: 40px;
}
.qybs-list{
    display: flex;
    justify-content: space-around;
}
.qybs-item{
    width: 25.68%;
}
.qybs-img{
    width: 100%;
    height: 286px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
	border-radius: 12px;
	border: solid 1px #a8a8a8;
    text-align: center;
    flex-direction: column;
}
.qybs-img img{
    max-height: 100%;
    max-width: 100%;
}
.qybs-img div{
    height: 80px;
}
.qybs-img p{
	font-size: 20px;
	color: #666666;
    padding-top: 10px;
}
.qybs-cmyk,
.qybs-rgb{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
    width: 220px;
    margin: 0 auto;
}
.qybs-cmyk span,
.qybs-rgb span{
    display: inline-block;
    width: 60px;
}
.qybs-cmyk{
    padding-top: 25px;
}

@media (max-width:990px){
    .qybs-cmyk, .qybs-rgb{
        font-size: 14px;
    }
    .qybs-cmyk span, .qybs-rgb span{
        width: 54px;
    }
}
@media (max-width:767px){
    .qybs-content{
        margin-top: 15px;
    }
    .qybs-list{
        display: block;
    }
    .qybs-item{
        width: 100%;
    }
    .qybs-img{
        height: 190px;
    }
    .qybs-img p{
        font-size: 16px;
    }
    .qybs-cmyk, .qybs-rgb{
        width: 186px;
    }
    .qybs-rgb{
        padding-bottom: 15px;
    }
    .qybs-cmyk{
        padding-top: 15px;
    }
}



/* 企业OA */
.oa-link{
    margin-top: 30px;
}
.oa-link li{
    margin-bottom: 20px;
}
.oa-link li:nth-last-of-type(1){
    margin-bottom: 35px;
}
.oa-link li a{
    display: flex;
    justify-content: space-between;
    padding: 40px 29px;
}
.oa-link li a h3{
    color: #0466c9;
    font-size: 18px;
    font-weight: bold;
}
.oa-link li a p{
    font-size: 16px;
    color: #0466c9;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.oa-link li a p img{
    margin-left: 8px;
}
.oa-link li:nth-of-type(1){
    background-color: rgba(4,102,201,0.11);
}
.oa-link li:nth-of-type(2){
    background-color: #f6f6f6;
}

.oa-partner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.oa-partner li{
    width: 21.24%;
}
.oa-partner li div{
    height: 148px;
    width: 100%;
    background-color: rgba(4,102,201,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}
.oa-partner li p{
    font-size: 18px;
    color: #000000; 
    padding: 14px 4px 40px;
    text-align: center;
}
@media (max-width:1400px){
    .oa-link li a{
        padding: 35px 25px;
    }
    .oa-partner li div{
        height: 140px;
    }
    .oa-partner li p{
        padding: 10px 4px 30px;
        font-size: 16px;
    }
}
@media (max-width:1300px){
    .oa-partner li div{
        height: 132px;
    }
    .oa-link li a h3{
        font-size: 16px;
    }
    .oa-link li a{
        padding: 32px 20px;
    }
}
@media (max-width:990px){
    .oa-partner li{
        width: 23%;
    }
}
@media (max-width:767px){
    .oa-link{
        margin-top: 15px;
    }
    .oa-link li{
        margin-bottom: 10px;
    }
    .oa-link li a h3{
        font-size: 14px;
    }
    .oa-link li a p{
        font-size: 14px;
    }
    .oa-link li a p img{
        height: 12px;
    }
    .oa-link li a{
        padding: 26px 15px;
    }
    .oa-link li:nth-of-type(2){
        margin-bottom: 25px;
    }
    .oa-partner{
        margin-top: 15px;
    }
    .oa-partner li{
        width: 48%;
    }
    .oa-partner li div{
        height: 128px;
    }
    .oa-partner li p{
        font-size: 14px;
        padding: 8px 0 20px;
    }
}