.y-1400{

    width: 1400px;

    margin: 0 auto;

}

.y-1330{

    width: 1332px;

    margin: 0 auto;

}

img{

    max-width: 100%;

}



/*导航*/

.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{
    width: 100%;
    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: #0466c9;

    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: rgba(0,0,0,0);

    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: 30px;

    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(90% - 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: 286px;

    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;

    padding: 10px;

}

.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: 15px;

}

.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;

    }

}