* {
    padding: 0;
    margin: 0;
}

@media screen and (min-width:1081px) {

    .w {
        width: 1400px;
        margin: 0 auto;
    }
    a{
        text-decoration: none ;
    }
    .info {
        display: block;
    }

    .info2 {
        display: none;
    }
    .abinfo{
        display: block;
    }
    .abinfo2{
        display: none;
    }
    .proinfo{
        display: block;
    }
    .proinfo2{
        display: none;
    }
    .proinfoxq{
        display: block;
    }
    .proinfoxq2{
        display: none;
    }
    .quainfo{
        display: block;
    }
    .quainfo2{
        display: none;
    }
    .newsinfo{
        display: block;
    }
    .newsinfo2{
        display: none;
    }
    .newsxqinfo{
        display: block;
    }
    .newsxqinfo2{
        display: none;
    }
    .contactinfo{
        display:block;
    }
    .contactinfo2{
        display: none;
    }
    .d_1 {
        width: 100%;
        height: 100px;
    }

    .d_2 {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .d_3 {
        width: 165px;
        height: 70px;
        cursor: pointer;
    }

    .d_3 img {
        width: 100%;
        height: 100%;
    }

    .d_4 {}

    .d_4 ul {
        padding-left: 0;
        list-style: none;
        display: flex;
    }

    .d_4 ul li {
        padding: 15px 20px;
        font-size: 18px;
        /* color: #7a7a7a; */
        margin-right: 20px;
        cursor: pointer;
    }

    .d_5 {
        font-size: 14px;
        color: #858585;
        display: flex;
    }

    .active {
        color: #0066ed !important;
        border-bottom: 4px solid;
        border-image: linear-gradient(to right, #0060e0, #00e72e) 1;
    }

    .iscode {
        color: #145aa8 !important;
    }

    .d_6 {
        width: 100%;
        height: 880px;
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    .d_6 img {
        width: 100%;
        height: 100%;
    }

    .d_7 {
        position: relative;
        width: 100%;
        height: 1890px;
    }

    .d_8 {
        width: 100%;
        height: 630px;
    }

    .d_8 img {
        width: 100%;
        height: 100%;
    }

    .d_9 {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
    }

    .d_p1 {
        height: 630px;
        padding: 100px 0;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .d_p2 {
        position: relative;
        width: 440px;
        height: 430px;
        margin-right: 40px;
        overflow: hidden;
        cursor: pointer;
    }
    .d_p2 a{
        display: block;
        width: 100%;
        height:100%;
    }
    .d_p2 img{
        transition: transform .5s;
    }
    .d_p2 a:hover img{
        transform: scale(1.5);
    }
    .d_p2:hover .d_p3 {
        animation: pro .5s linear forwards;
    }

    @keyframes pro {
        0% {}

        100% {
            bottom: 0px;
        }
    }

    .d_p2:hover .d_p4 {
        animation: pro2 .5s linear forwards;
    }

    @keyframes pro2 {
        0% {}

        100% {
            bottom: 0px;
        }
    }

    .d_p2 img {
        width: 100%;
        height: 100%;
    }

    .d_p3 {
        position: absolute;
        left: 0;
        bottom: -60px;
        width: 100%;
        height: 60px;
        background-color: black;
        opacity: .6;
    }

    .d_p4 {
        position: absolute;
        left: 0;
        bottom: -60px;
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 14px;
        color: #ffffff;
    }

    .d_p5 {
        position: relative;
        width: 100%;
        height: 840px;
    }

    .d_p5 img {
        width: 100%;
        height: 100%;
    }

    .d_p6 {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 840px;
        padding-top: 100px;
        padding-bottom: 80px;
        box-sizing: border-box;
    }

    .d_p7 {
        text-align: center;
        color: white;
        font-size: 40px;
        font-weight: 300;
    }

    .d_p8 {
        text-align: center;
        font-size: 20px;
        color: #15c66b;
        margin-bottom: 60px;
    }

    .d_p9 {
        font-size: 14px;
        color: white;
        line-height: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .p_1 {
        margin: 40px 0;
        width: 140px;
        height: 38px;
        background-color: white;
        text-align: center;
        line-height: 38px;
        color: #0066ed;
        background-color: white;
        border-radius: 20px;
        font-size: 14px;
    }
    .p_1s{
        display: block;
        width: 140px;
    }
    .p_2 {
        position: relative;
        width: 100%;
        height: 300px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .p_3 {
        width: 300px;
        height: 100%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        z-index: 1;
        box-shadow: 0px 3px 80px -45px black;
        cursor: pointer;
    }

    .p_4 {
        width: 270px;
        height: 270px;
        border-radius: 50%;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 50px 0;
        box-sizing: border-box;
    }

    .p_5 {
        width: 46px;
        height: 50px;
    }

    .p_5 img {
        width: 100%;
        height: 100%;
    }

    .p_6 {
        color: #0066ed;
        font-size: 18px;
        margin: 25px 0;
    }

    .p_7 {
        width: 190px;
        font-size: 14px;
        color: #333333;
        text-align: center;

    }

    .p_8 {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: -1;
    }

    .p_8::after {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        border-bottom: 1px dashed white;
    }

    .p_9 {
        width: 14px;
        height: 15px;
        background-color: white;
        border-radius: 50%;
    }

    .p_p1 {
        position: relative;
        width: 100%;
        height: 880px;
    }

    .p_p1 img {
        width: 100%;
        height: 100%;
    }

    .p_p2 {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        padding: 100px 0;
        box-sizing: border-box;
    }

    .p_p3 {
        height: 556px;
        display: flex;
        justify-content: space-between;
    }

    .p_p4 {
        width: 440px;
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 20px;
        background-color: white;
    }

    .p_p5 {
        width: 400px;
        height: 300px;
        overflow: hidden;
    }

    .p_p5 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .p_p5:hover img{
        transform: scale(1.5);
    }
    .p_p6 {
        margin: 30px 0;
        font-size: 18px;
        color: #0066ed;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 26px;
    }

    .p_p7 {
        font-size: 14px;
        color: #666666;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .p_p8 {
        font-size: 14px;
        color: #666666;
    }

    .p_p9 {
        display: none;
        margin-top: 20px;
        width: 70px;
        height: 30px;
        border-radius: 5px;

    }

    .p_p9 img {
        width: 100%;
        height: 100%;
    }

    .y_1 {
        margin-top: 20px;
        width: 70px;
        height: 30px;
        border-radius: 5px;
    }

    .y_1 img {
        width: 100%;
        height: 100%;
    }

    .y_2 {
        width: 100%;
        background-image: url("../static/58.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .y_3 {
        height: 100%;
    }

    .y_4 {
        padding-top: 100px;
        font-size: 30px;
        color: white;
        padding-bottom: 20px;
    }

    .y_5 {
        width: 100%;
        padding: 80px 0;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
        display: flex;
        justify-content: space-between;
    }

    .y_6 {
        display: flex;
    }

    .y_7 {
        width: 150px;
        height: 150px;
        margin-right: 25px;
    }

    .y_7 img {
        width: 100%;
        height: 100%;
    }

    .y_8 {
        display: flex;
    }

    .y_9 {
        width: 20px;
        height: 19px;
        margin-right: 15px;
    }

    .y_9 img {
        vertical-align: top;
        width: 100%;
        height: 100%;
    }

    .y_p1 {
        font-size: 14px;
        color: white;
    }

    .y_p2 {
        height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .y_p3 {
        width: 575px;
        display: flex;
        justify-content: space-between;
    }

    .y_p4 ul {
        list-style: none;
    }

    .y_p5 {
        font-size: 18px !important;
        color: white;
        margin-bottom: 35px;
    }

    .y_p4 li {
        margin-bottom: 25px;
        color: white;
        font-size: 14px;
    }
    .y_p4 li a{
        color: white;
    }
    .y_p6 {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .y_p7 {
        font-size: 14px;
        color: white;
        margin-right: 15px;
    }

    .y_p8 {
        font-size: 14px;
        color: white;
    }
    .y_p8 a{
        font-size: 14px;
        color: white;
    }
    .y_p9 {
        font-size: 14px;
        color: #666666;
        cursor: pointer;
    }

    .f_1 {
        width: 100%;
        height: 680px;
    }

    .f_1 img {
        width: 100%;
        height: 100%;
    }

    .f_2 {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #c8c8c8;
        box-sizing: border-box;
    }

    .f_3 {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .f_4 {
        width: 19px;
        height: 19px;
        margin-right: 7px;
    }

    .f_4 img {
        vertical-align: top;
        width: 100%;
        height: 100%;
    }

    .f_5 {
        font-size: 14px;
        color: #666666;
    }

    .f_6 {
        padding: 80px 0;
    }
    .f_6s {
        padding: 80px 0;
    }
    .f_7 {}

    .f_8 {
        position: relative;
        text-align: center;
        font-size: 30px;
    }

    .f_8::after {
        position: absolute;
        left: 50%;
        bottom: -30px;
        transform: translateX(-50%);
        content: "";
        width: 160px;
        border-bottom: 4px solid;
        border-image: linear-gradient(to right, #005fe1, #00e82e) 1;

    }

    .f_9 {
        margin-top: 60px;
        font-size: 14px;
        width: 100%;
        line-height: 30px;
        color: #333333;
        text-align: center;
    }

    .f_p1 {
        width: 100%;
        height: 540px;
        margin-top: 60px;
        box-shadow: 0px 90px 460px -99px #014ba5;
        overflow: hidden;
    }

    .f_p1 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .f_p1:hover img{
        transform: scale(1.5);
    }
    .f_p2 {
        padding: 100px 0;
        height: 900px;
        box-sizing: border-box;
        background-image: url("../static/59.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .f_p4 {
        text-align: center;
        font-size: 36px;
        color: #0066ed;
        margin-bottom: 355px;
    }

    .f_p5 {
        text-align: center;
        font-size: 40px;
        color: #014ba5;
        font-weight: 700;
        margin-top: 80px;
    }

    .f_p6 {
        font-size: 14px;
        color: #195daa;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .f_p7 {
        width: 100%;
        height: 738px;
        padding: 80px 0;
        box-sizing: border-box;
        background-image: url("../static/18_02.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .f_p9 {
        margin-top: 95px;
        width: 100%;
        height: 448px;
    }

    .f_p9 .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #fff; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .po_1 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .po_2 {
        width: 335px;
        height: 450px;
        cursor: pointer;
    }

    .po_3 {
        width: 100%;
        height: 390px;
        background-color: #e0eeff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .po_2:hover .po_4 {
        background-color: #0066ed;

    }

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

    .po_4 {
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 14px;
        color: white;
        background-color: #c3c7cc;
    }

    .po_5 {
        width: 100%;
        height: 720px;
        background-image: url("../static/18_03.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .po_6 {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .po_7 {
        font-size: 30px;
        color: white;
        margin-bottom: 40px;
    }

    .po_8 {
        font-size: 30px;
        color: white;
    }

    .po_9 {
        width: 100%;
        height: 680px;
    }

    .po_9 img {
        width: 100%;
        height: 100%;
    }

    .po_p1 {
        padding-top: 80px;
    }

    .po_p2 {
        margin-top: 100px;
    }

    .po_p3 {
        width: 430px;
        height: 300px;
        margin-right: 20px;
        overflow: hidden;
    }

    .po_p3 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .po_p3:hover img{
        transform: scale(1.5);
    }
    .po_p5 {
        font-size: 12px;
        color: #005fe1;
    }

    .po_p6 {
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;
        color: #3583de;
    }

    .po_p7 {
        font-size: 14px;
        color: black;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 20px 0;
    }

    .po_p8 {
        width: 100%;
        height: 300px;
        display: flex;
        margin-bottom: 20px;
        transition: transform .5s;
    }

    .po_p8:hover {
        background-color: #e5eef9;
        cursor: pointer;
    }
    .po_p8:hover img{
        transform: scale(1.5);
    }
    .po_p9 {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }
    .po_p9 a{
        width: 60px;
        height: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #737373;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        margin-right: 15px;
        cursor: pointer;
        

    }
    .po_p9 span{
        width: 60px;
        height: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #737373;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        margin-right: 15px;
        cursor: pointer;
        background-color: #0066ed;
        color: white;
    }
    .pj_1 {
        display: block;
        font-size: 14px;
        color: black;
        width: 70px;
        height: 100%;
        text-align: center;
        line-height: 30px;
        box-sizing: border-box;
        margin-right: 15px;
        cursor: pointer;
    }

    .pj_1:hover {
        text-decoration: underline;
    }
    
    .pj_2 {
        font-size: 14px;
        color: black;
        width: 60px;
        height: 100%;
        text-align: center;
        line-height: 60px;
        background-color: #f1f1f1;
        margin-right: 20px;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        cursor: pointer;
    }

    .po_p4 {
        width: 785px;
        height: 300px;
        padding: 50px 30px;
        box-sizing: border-box;
    }

    .pj_3 {
        width: 30px;
        height: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #737373;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        margin-right: 15px;
        cursor: pointer;
    }

    .pj_3:hover {
        text-decoration: underline;
    }

    .pj_4 {
        margin-top: 80px;
        text-align: center;
    }

    .pj_5 {
        font-size: 14px;
        color: #f1f1f1;
        text-align: center;
        margin: 30px 0;
    }

    .pj_6 {
        width: 100%;
        font-size: 14px;
        color: black;
        margin-bottom: 30px;
    }

    .pj_7 {
        position: relative;
        width: 100%;
        height: 680px;
    }

    .pj_7 img {
        width: 100%;
        height: 100%;
    }

    .pj_8 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 60px;
        color: white;
    }

    .pj_9 {
        padding: 80px 0;
    }

    .pj_p1 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .pj_p2 {
        position: relative;
        width: 440px;
        height: 300px;
        cursor: pointer;
        margin-right: 26px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .pj_p2 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .pj_p2:hover img{
        transform: scale(1.5);
    }
    .pj_p3 {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #056ad5;
        opacity: .6;
    }

    .pj_p4 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 30px;
        color: white;
    }

    .pj_p5 {}

    .pj_p6 {
        margin-top: 100px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .pj_p7 {
        width: 440px;
        height: 600px;
        padding: 20px;
        box-sizing: border-box;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        margin-right: 26px;
        margin-bottom: 60px;
        cursor: pointer;
        transition: transform .5s;
    }

    .pj_p7:hover {
        box-shadow: 0px 0px 30px -4px #0066ed;
    }

    .pj_p7:hover .pe_3 {
        background-color: #0066ed;
        color: white;
    }

    .pj_p7:hover .pe_1 {
        color: #0066ed;
    }

    .pj_p7:hover img {
        transform: scale(1.5);
    }

    .pj_p8 {
        width: 400px;
        height: 380px;
        overflow: hidden;
    }

    .pj_p8 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .pj_p8:hover img{
        transform: scale(1.5);
    }
    .pj_p9 {}

    .pe_1 {
        padding: 20px 0;
        text-align: center;
        font-size: 18px;
        color: #000000;
        border-bottom: 1px solid #e3e3e3;
        box-sizing: border-box;
    }

    .pe_2 {
        margin: 20px 0;
        height: 35px;
        box-sizing: border-box;
        font-size: 14px;
        color: #333333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .pe_3 {
        width: 400px;
        height: 40px;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: black;
        border: 1px solid #e6e6e6;
    }

    .pe_4 {
        font-size: 14px;
        color: black;
        width: 70px;
        height: 100%;
        text-align: center;
        line-height: 30px;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        margin-right: 15px;
        border: 1px solid #cccccc;
        cursor: pointer;
    }

    .pe_4:hover {
        text-decoration: underline;
    }

    .proactive {
        background-color: #0066ed;
        color: white;
    }

    .pe_5 {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 380px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .pe_6 {
        width: 400px;
        height: 380px;
    }

    .pe_6 img {
        width: 100%;
        height: 100%;
    }

    .pe_7 {
        width: 970px;
        height: 100%;
        font-size: 14px;
        line-height: 30px;
        color: #333333;
    }

    .pe_8 {
        margin: 100px 0;
        width: 100%;
    }

    .pe_9 {}

    .pe_p1 {
        width: 100%;
        height: 750px;
    }

    .pe_p2 {
        width: 650px;
        height: 300px;
        background-color: #e8f3ff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .pe_p3 {
        position: absolute;
        top: 0;
        right: 0;
        width: 750px;
        height: 450px;
        z-index: 1;
        box-shadow: 0px 2px 100px -25px black;
        overflow: hidden;
    }

    .pe_p3 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .pe_p3:hover img{
        transform: scale(1.5);
    }

    .pe_p4 {
        position: relative;
        width: 100%;
        height: 300px;
    }

    .pe_p5 {
        position: absolute;
        left: 0;
        top: 0;
        width: 750px;
        height: 450px;
        overflow: hidden;
    }

    .pe_p5 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .pe_p5:hover img{
        transform: scale(1.5);
    }
    .pe_p6 {
        position: relative;
        width: 100%;
        height: 300px;
    }

    .pe_p7 {
        position: absolute;
        right: 0;
        top: 135px;
        width: 650px;
        height: 295px;
        background-color: #e8f3ff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .pe_p8 {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
    }

    .pe_p9 {
        width: 100%;
        height: 500px;
        margin-top: 80px;
        display: flex;
        justify-content: space-between;
    }

    .c_1 {
        width: 440px;
        height: 100%;
        background-color: #0066ed;
        padding: 80px 55px;
        box-sizing: border-box;
    }

    .c_2 {
        font-size: 30px;
        color: white;
    }

    .c_3 {
        margin-top: 40px;
        font-size: 14px;
        color: white;
        line-height: 30px;
    }

    .c_4 {
        width: 920px;
        height: 100%;
    }

    .c_5 {
        display: flex;
        justify-content: space-between;
    }

    .c_6 {
        width: 440px;
        height: 240px;
        cursor: pointer;
        overflow: hidden;
    }

    .c_6 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .c_6:hover img{
        transform: scale(1.5);
    }
    .c_7 {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .c_8 {
        width: 100%;
        height: 680px;
        background-image: url("../static/29_14.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .c_9 {
        height: 100%;
        padding: 80px 0;
        box-sizing: border-box;
    }

    .c_p1 {
        text-align: center;
        font-size: 30px;
        color: white;
    }

    .c_p2 {
        font-size: 14px;
        color: white;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .c_p3 {
        width: 100%;
        height: 380px;
        display: flex;
        justify-content: space-between;
    }

    .c_p4 {
        width: 335px;
        height: 100%;
        overflow: hidden;
    }

    .c_p4 img {
        width: 100%;
        height: 100%;
        transition: transform .5s;
    }
    .c_p4:hover img{
        transform: scale(1.5);
        cursor: pointer;
    }
    .c_p5 {
        margin-top: 60px;

    }

    .c_p6 {
        margin-top: 90px;
        width: 100%;
        height: 620px;
    }

    .c_p6 img {
        width: 100%;
        height: 100%;
    }

    .c_p7 {
        width: 100%;
        height: 550px;
        display: flex;
        background-color: #e6f1ff;
    }

    .c_p8 {
        width: 1120px;
        height: 100%;
    }

    .c_p9 {
        width: 800px;
        height: 100%;
        padding: 65px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .pz_1 {
        height: 80px;
        display: flex;
        align-items: center;
    }

    .pz_2 {
        width: 80px;
        height: 100%;
        margin-right: 20px;
        background-image: url("../static/32_03.png");
    }

    .pz_3 {}

    .pz_4 {
        font-size: 14px;
        color: #333333;
    }

    .pz_5 {
        margin-top: 10px;
        font-size: 14px;
        color: #000000;
    }

    .pz_6 {
        width: 80px;
        height: 100%;
        background-image: url("../static/32_03.png");
        background-position: 0 250px;
        margin-right:20px;
    }

    .pz_7 {
        width: 80px;
        height: 100%;
        background-image: url("../static/32_03.png");
        background-position: 0 80px;
        margin-right: 20px;
    }

    #container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        transform: translate();
    }
    .d_4 ul li {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        background: #0066ed;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
      }
      .d_4 ul li:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: white;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
      }
  
      .d_4 ul li:hover,
      .d_4 ul li:focus,
      .d_4 ul li:active {
        color: white !important;
        /* background-color: pink; */
      }
      .d_4 ul li:hover:before,
      .d_4 ul li:focus:before,
      .d_4 ul li:active:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      color: white !important;
    }
    .pe_1s{
        font-size: 20px;
        color: black;
    }
    .pe_2s{
        font-size: 14px;
        color: #000000;
    }

}

@media screen and (max-width:1080px) {
    a{
        text-decoration: none;
    }
    .info {
        display: none;
    }
    .info2 {
        display: block;
    }
    .abinfo{
        display: none;
    }
    .abinfo2{
        display: block;
    }
    .proinfo{
        display: none;
    }
    .proinfo2{
        display: block;
    }
    .proinfoxq{
        display: none;
    }
    .proinfoxq2{
        display: block;
    }
    .quainfo{
        display: none;
    }
    .quainfo2{
        display: block;
    }
    .newsinfo{
        display: none;
    }
    .newsinfo2{
        display: block;
    }
    .newsxqinfo{
        display: none;
    }
    .newsxqinfo2{
        display: block;
    }
    .contactinfo{
        display: none;
    }
    .contactinfo2{
        display: block;
    }
    .ww {
        width: 9.4667rem;
        margin: 0 auto;
    }

    .d_1 {
        position:relative;
        width: 100%;
        height: 1.6rem;
        
    }

    .d_2 {
        width: 2.6667rem;
        height: 1.0667rem;
    }

    .d_2 img {
        width: 100%;
        height: 100%;
    }

    .d_3 {
        width: .8rem;
        height: .8rem;
    }

    .d_3 img {
        width: 100%;
        height: 100%;
    }

    .d_4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .d_5 {
        width: 100%;
        height: 6.6667rem;
        margin-top: 1.6rem;
    }

    .d_5 img {
        width: 100%;
        height: 100%;
    }

    .d_5 .swiper {
        width: 100%;
        height: 100%;
    }

    .d_6 {
        position: relative;
        width: 100%;
        height: 12rem;
    }

    .d_6 img {
        width: 100%;
        height: 100%;
    }

    .d_7 {
        height: 4rem;
        display: flex;
        justify-content: space-between;
        padding: 0 .8rem;
        box-sizing: border-box;
        align-items: center;
        background-image: url("../static/3_02.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .d_8 {
        width: 2.4rem;
        height: 2.6667rem;
    }

    .d_9 {
        height: 4rem;
        display: flex;
        justify-content: space-between;
        padding: 0 .8rem;
        box-sizing: border-box;
        align-items: center;
        background-image: url("../static/3_03.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .d_p1 {
        height: 4rem;
        display: flex;
        justify-content: space-between;
        padding: 0 .8rem;
        box-sizing: border-box;
        align-items: center;
        background-image: url("../static/3_04.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .d_p2 {
        width: 100%;
        padding: .5333rem 0;
        box-sizing: border-box;
        background-image: url("../static/5_06.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        
    }
    .d_p3 {
        font-size: .5333rem;
        color: white;
        text-align: center;
    }

    .d_p4 {
        font-size: .2667rem;
        color: #04f032;
        text-align: center;
        margin-top: .2667rem;
    }

    .d_p5 {
        margin-top: .8rem;
        font-size: .2667rem;
        color: white;
        line-height: .4rem;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 1.2rem;
    }

    .d_p6 {
        margin-top: .5333rem;
        width: 1.8667rem;
        height: .5333rem;
        font-size: .2667rem;
        background-color: white;
        color: #0066ed;
        text-align: center;
        line-height: .5333rem;
        border-radius: .2667rem;
    }

    .d_p8 {
        padding: .8rem 0;
        background-image: url("../static/7_02.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .p_1 {
        margin-top: .5333rem;
        width: 100%;
        padding: .2667rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid white;
    }

    .p_2 {
        width: 8.6667rem;
        height: 6.6667rem;
    }

    .p_2 img {
        width: 100%;
        height: 100%;
    }

    .p_3 {
        width: 100%;
    }

    .p_4 {
        font-size: .4rem;
        color: white;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        height: .5333rem;

    }

    .p_5 {
        margin: .4rem 0;
        font-size: .2667rem;
        color: white;

        width: 100%;
        height: .8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .p_6 {
        font-size: .2667rem;
        color: white;
    }

    .p_7 {
        width: 100%;
        height: 6rem;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url("../static/12_02.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .p_8 {
        position: relative;
        height: 4.6667rem;
    }

    .p_9 {
        margin-bottom: .4rem;
    }

    .p_p1 {
        display: flex;
        margin-bottom: .4rem;
    }

    .p_p2 {
        width: .5333rem;
        height: .5333rem;
        margin-right: .4rem;
    }

    .p_p2 img {
        vertical-align: top;
        width: 100%;
        height: 100%;
    }

    .p_p3 {
        font-size: .2667rem;
        color: white;
    }

    .p_p4 {
        padding-bottom: .4rem;
        border-bottom: 1px solid white;
    }

    .p_p5 {
        margin-top: .4rem;
    }

    .p_p6 {
        font-size: .2933rem;
        color: white;
        margin-bottom: .1333rem;
    }
    .p_p6 a{
        font-size: .2933rem;
        color: white;
    }
    .p_p7 {
        display: flex;
    }

    .p_p8 {
        width: .5333rem;
        height: .5333rem;
        margin-right: .4rem;
    }

    .p_p9 {
        font-size: .2933rem;
        color: white;
    }

    .f_1 {
        position: absolute;
        right: 0;
        top: 0;
        width: 1.6rem;
        height: 1.6rem;
        z-index: 1;
    }

    .f_1 img {
        width: 100%;
        height: 100%;
    }
    .f_2{
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
        background-color:white;
        z-index: 99999;
    }
    .f_3{
        width: 100%;
        height: 1.6rem;
        position: fixed;
        background-color: white;
        z-index:999;
        left: 0;
        top: 0;
    }
    .f_4{
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: black;
        opacity: .6;
        z-index: 9999;
    }
    .f_5{
        padding: .4rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid white;
        box-sizing: border-box;
        background-color: #0066ed;
    }
    .f_6{
        font-size: .5333rem;
        color: white;
    }
    .f_7{
        width: 1.0667rem;
        height: 1.0667rem;
    }
    .f_7 img{
        width: 100%;
        height: 100%;
    }
    .f_8{
        padding:0 .4rem;
    }
    .f_8 ul{
        list-style: none;
    }
    .f_8 ul li{
        padding: .4rem 0;
        border-bottom: 1px solid #dddddd;
        font-size: .3467rem;
        color: black;
        
    }
    .f_9{
        width: 100%;
        height: 6.6667rem;
        margin-top: 1.6rem;
    }
    .f_9 img{
        width: 100%;
        height: 100%;
    }
    .f_p1{
        width: 100%;
        height: 1.3333rem;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #c8c8c8;
        box-sizing: border-box;
    }
    .f_p2{
        display: flex;
        align-items: center;
    }
    .f_p3{
        width: .5333rem;
        height: .5333rem;
        margin-right: .4rem;
    }
    .f_p3 img{
        vertical-align: top;
        width: 100%;
        height: 100%;
    }
    .f_p4{
        font-size: .3467rem;
        color: black;
    }
    .f_p5{
        margin-top: .4rem;
    }
    .f_p6{
        position: relative;
        font-size: .5333rem;
        color: black;
        text-align: center;
    }
    .f_p6::after{
        position: absolute;
        content: "";
        left: 50%;
        bottom: -0.2667rem;
        transform: translateX(-50%);
        width:2.6667rem;
        height: .1067rem;
        border-bottom: 1px solid;
        border-image: linear-gradient(to right,#005fe1, #00e82e) 1;
    }
    .f_p7{
        margin-top: .8rem;
        font-size: .2667rem;
        color: black;
        line-height: .4rem;
        text-align: center;
    }
    .f_p8{
        height:5.3333rem;
        margin-top: .4rem;
        box-shadow: 0px 23px 77px -45px #005fe1;
    }
    .f_p8 img{
        width: 100%;
        height: 100%;
    }
    .f_p9{
        margin-top: .4rem;
        width: 100%;
        background-color: white;
    }
    .h_1{
        height: 100%;
        padding: .4rem 0;
        box-sizing: border-box;
    }
    .h_2{
        margin-top: .8rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .h_3{
        width: 4.4rem;
        height: 5.3333rem;
        background-color: #e0eeff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .6667rem;
    }
    .h_3 img{
        max-width: 100%;
        max-height: 100%;
    }
    .h_4{
        width: 100%;
        height: 6.6667rem;
        background-image: url("../static/18_03.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .h_5{
        font-size: .4rem;
        color: white;
        margin-bottom: .4rem;
        text-align: center;
    }
    .h_6{
        margin-top: .4rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .h_6 a{
        margin-bottom: .2667rem;
    }
    .h_7{

        padding: .2667rem;
        border-radius: .1333rem;
        font-size: .2667rem;
        color: black;
        margin-right: .2667rem;
        border: 1px solid #e3e3e3;
    }
    .h_8{
        padding-top: .8rem;
    }
    .h_9{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: .4rem;
        height: 12.0133rem;
    }
    .h_p1{
        width: 4.6667rem;
        /* height: 5.3333rem; */
        padding: .2667rem;
        box-sizing: border-box;
        border-radius: .1333rem;
        border: 1px solid #e3e3e3;
        margin-bottom: .1333rem;
    }
    .h_p2{
        width: 4.1333rem;
        height: 3.4667rem;
    }
    .h_p2 img{
        width: 100%;
        height: 100%;
    }
    .h_p3{

    }
    .h_p4{
        font-size: .3467rem;
        color: black;
        text-align: center;
        padding: .2667rem 0;
        box-sizing: border-box;
        border-bottom: 1px solid #e3e3e3;
    }
    .h_p5{
        margin: .2667rem 0;
        font-size: .2667rem;
        color: #333333;
        height: .8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .h_p6{
        margin-top: .8rem;
        height: 12rem;
        overflow-y: auto;
    }
    .h_p7{
        margin: .8rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .h_p8{
        width: 5.3333rem;
        height: 5.0667rem;
    }
    .h_p8 img{
        max-width: 100%;
        max-height: 100%;
    }
    .h_p9{
        margin-top: .4rem;
        font-size: .32rem;
        line-height: .5333rem;
    }
    .py_1{
        font-size: .4rem;
        color: black;
        margin-top: .4rem;
    }
    .py_2{
        margin: .4rem 0;
    }
    .py_3{
    }
    .py_4{
        width: 100%;
    }
    .py_5{
        margin-top: .8rem;
        display: flex;
    }
    .py_5 img{
        width: 100%;
        height: 100%;
    }
    .py_6{
        font-size: .2667rem;
        color: #71757a;
        margin-top: .4rem;
        text-indent: 2em;
        line-height: .5333rem;
    }
    .py_7{
        margin-top: .8rem;
    }
    .py_8{
        width: 100%;
        height: 5.3333rem;
    }
    .py_8 img{
        width: 100%;
        height: 100%;
    }
    .py_9{
        padding: .5333rem .4rem;
        background-color:#0066ed;
    }
    .py_p1{

        font-size: .4rem;
        color: white;
    }
    .py_p2{
        margin-top: .4rem;
        font-size: .2667rem;
        color: white;
        line-height: .5333rem;
    }
    .py_p3{
        width: 100%;
        padding: .4rem 0;
        box-sizing: border-box;
    }
    .py_p4{
        text-align: center;
        font-size: .4rem;
        color: black;
    }
    .py_p5{
        font-size: .2667rem;
        color: black;
        text-align: center;
        margin-top: .8rem;
        margin-bottom: .8rem;
        line-height: .5333rem;
    }
    .py_p6{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .py_p7{
        width: 4.4rem;
        height:4.8rem;
        margin-bottom: .6667rem;
    }
    .py_p7 img{
        width: 100%;
        height: 100%;
    }
    .py_p8{
        margin-top: .8rem;
    }
    .pk_1{
        width: 100%;
        height: 1.3333rem;
        display: flex;
        margin-bottom: .4rem;
    }
    .pk_2{
        padding: .2667rem;
        margin-right: .4rem;
        background-color: #3583de;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
        box-sizing: border-box;
        border-radius: .1333rem;
    }
    .pk_3{
        font-size: .32rem;
        color: white;
        margin-top: .1333rem;
    }
    .pk_4{
        font-size: .4rem;
        color: white;
        font-weight: 700;
    }
    .pk_5{
        width: 6.6667rem;
        height: 100%;
    }
    .pk_6{
        font-size: .3467rem;
        color: black;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: .0667rem;
    }
    .pk_7{
        font-size: .2667rem;
        color: #333333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .pk_8{
        width: 100%;
        height: 8rem;
        margin-top: .8rem;
        overflow-y: auto;
    }
    .pk_9{
        margin-top: .8rem;
    }
    .pk_p1{
        text-align: center;
        font-size: .4rem;
        color: #000000;
        font-weight: 600;
        margin-bottom: .4rem;
    }
    .pk_p2{
        font-size: .32rem;
        color: #000000;
        margin-bottom: .8rem;
    }
    .pk_p3{
        margin-top: .8rem;
    }
    .pk_p4{
        margin-top: .8rem;
        width: 100%;
        height: 5.3333rem;
    }
    .pk_p4 img{
        width: 100%;
        height: 100%;
    }
    .pk_p5{
        width: 100%;
        height: 5.3333rem;
        background-color: #e6f1ff;
    }
    .pk_p6{
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       height: 100%;
       padding: .4rem 0;
       box-sizing: border-box;
       padding-left: .8rem;
    }
    .pk_p7{
        display: flex;
    }
    .pk_p8{
        width: .8rem;
        height: .8rem;
        margin-right: .4rem;
    }
    .pk_p8 img{
        width: 100%;
        height: 100%;
    }
    .pk_p9{
        font-size: .3467rem;
        color: black;
    }
    .pe_1{
        font-size: .3467rem;
        color: #333333;
    }
    .pe_2{
        font-size: .2933rem;
        color: #000000;
    }
    .pe_3{
        width: 100%;
        height: 5.3333rem;
    }
    
    #container2{
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        transform: translate();
    }
    .actives{
        color: #0066ed !important;
    }
    .h_p1s{
        width: 100%;
        font-size: .2667rem;
        color: #cccccc;
        text-align: center;
        padding: .4rem 0;
    }
    .h_7s{
        background-color: #005fe1;
        color: white;
    }
    .pk_p1s{
        color: #000000;
        font-size: .2667rem;
        text-align: center;
        margin-bottom: .4rem;
    }
}