a:active {
    star: expression(this.onFocus=this.blur());
}

a:focus, button:focus {
    outline: none;
    -moz-outline: none;
}

:focus {
    outline: none;
}
/*Reset Css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, area, param {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    -webkit-text-size-adjust: none; /*Google Chrome*/
}

input, button, select, textarea {
    font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

select {
    *behavior: url("select.htc");
}
/*IE6,IE7select*/
ol, ul {
    padding-left: 0;
    list-style: none;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}

th {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: 100%;
    font-weight: normal;
}

input {
    display: inline-block;
    vertical-align: middle;
    color: #666;
}

fieldset {
    border: none;
}

legend {
    display: none;
}
/*Clear Css*/
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearb {
    clear: both;
}

.clearfix {
    display: block;
    zoom: 1;
}

* html .clearfix {
    height: 1%;
}
/*Common Css*/
body {
    font-size: 12px;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

::-ms-clear, ::-ms-reveal {
    display: none;
}

input[type=button], input[type=submit], input[type=reset], select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

a:focus, a:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: all 0.3s linear;
}

.swiper-button-next, .swiper-button-prev {
    z-index: 3 !important;
}

textarea {
    resize: none;
}


.table {
    height: 100%;
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input::placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666 !important;
}

input::-webkit-input-placeholder {
    color: #666;
}
/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {
    color: #666;
}

img {
    max-width: 100%;
    width: 100%;
}

@media (max-width:6000px) {
    html {
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1024px) {
    html {
        font-size: calc(100vw/7.5) !important;
    }
}


.w_1604 {
    width: 83.54%;
    margin: 0 auto;
}

.w_1542 {
    width: 80.3125%;
    margin: 0 auto;
}

.herder {
    height: 1rem;
    background: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 300;
}

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

.logo {
    width: 2.4rem;
}

.herder_r {
    display: flex;
    align-items: center;
}

    .herder_r .more {
        width: 1.4rem;
        height: 0.4rem;
        border-radius: 0.4rem;
        margin-right: 0.4rem;
    }

.nav {
    height: 100%;
}

    .nav ul {
        display: flex;
        align-items: center;
    }

        .nav ul li {
            margin-right: 0.7rem;
            position: relative;
            height: 1rem;
        }

            .nav ul li h2 {
                font-size: 0.2rem;
                color: #333333;
                font-weight: bold;
                line-height: 1rem;
                position: relative;
            }

                .nav ul li h2::after {
                    display: block;
                    width: 0;
                    height: 1px;
                    content: '';
                    background: #2d4198;
                    position: absolute;
                    left: 50%;
                    bottom: 1px;
                    transform: translateX(-50%);
                    transition: all 0.3s linear;
                }

                .nav ul li h2 span {
                    display: none;
                }

                .nav ul li h2 a {
                    color: #333333;
                }

                    .nav ul li h2 a:hover {
                        color: #2d4198;
                    }

                .nav ul li h2:hover::after {
                    width: 100%;
                }

            .nav ul li .top_leave2 {
                width: 1.63rem;
                height: auto;
                background: #fff;
                padding: 0.24rem 0 0.24rem 0.4rem;
                position: absolute;
                left: 50%;
                top: 0.99rem;
                transform: translateX(-50%);
                display: none;
                box-sizing: border-box;
                box-shadow: 0 0 0.05rem #e9e9e9;
            }

            .nav ul li:nth-of-type(2) .top_leave2 {
                width: 3.4rem;
            }

            .nav ul li:nth-of-type(3) .top_leave2 {
                width: 5.94rem;
                padding: 0.4rem 0.4rem 0 0.4rem;
            }

                .nav ul li:nth-of-type(3) .top_leave2 dl {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                    .nav ul li:nth-of-type(3) .top_leave2 dl dd {
                        text-align: center;
                        margin-bottom: 0.4rem;
                        width: 20%;
                    }

                        .nav ul li:nth-of-type(3) .top_leave2 dl dd span {
                            display: flex;
                            width: 0.6rem;
                            height: 0.6rem;
                            margin: 0 auto 0.07rem auto;
                            justify-content: center;
                            align-items: center;
                        }

                            .nav ul li:nth-of-type(3) .top_leave2 dl dd span img {
                                width: auto;
                                height: 0.36rem;
                            }

            .nav ul li dl dd {
                margin-bottom: 0.24rem;
            }

                .nav ul li dl dd:nth-last-of-type(1) {
                    margin-bottom: 0;
                }

                .nav ul li dl dd a {
                    font-size: 0.17rem;
                    color: #000000;
                    line-height: 1;
                }

                .nav ul li dl dd:hover a {
                    color: #2d4198;
                }

.lan h2 {
    border-left: 1px solid #cccccc;
}

    .lan h2 a {
        display: flex;
        align-items: center;
        font-size: 0.18rem;
        color: #333333;
        padding: 0 0.4rem;
    }

        .lan h2 a span {
            width: 0;
            height: 0;
            width: 0;
            height: 0;
            border-width: 0.08rem;
            border-style: solid;
            border-color: #f79031 transparent transparent transparent;
            position: relative;
            top: 0.03rem;
            margin-left: 0.1rem;
        }

.search {
    width: 0.17rem;
}

.wap_navbtn {
    display: none;
}

.ban {
    width: 100%;
    position: relative;
    height: 210vh;
}

.banqh {
    width: 100%;
    overflow: hidden;
    position: sticky;
    top: 1rem;
}

.ban_prev, .ban_next {
    width: 0.24rem;
    opacity: 0.5;
    transition: all 0.5s linear;
    z-index: 30;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.ban_prev {
    left: 1.6rem !important;
}

.ban_next {
    right: 1.6rem !important;
}

    .ban_prev:hover, .ban_next:hover {
        opacity: 1;
    }

.swiper-container-ban .swiper-slide {
    height: calc(100vh - 1rem);
    width: 100%;
}

.ban_bgg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ban_pc {
    display: block;
}

.ban_wap {
    display: none;
}

.swiper-pagination-ban {
    bottom: 0.65rem !important;
}

    .swiper-pagination-ban .swiper-pagination-bullet {
        width: 0.14rem !important;
        height: 0.14rem !important;
        background: #fff;
        margin: 0 0.1rem !important;
        opacity: 1;
    }

    .swiper-pagination-ban .swiper-pagination-bullet-active {
        background: #ef8d30;
    }

.bantop {
    width: 100%;
    height: calc(100vh - 1rem);
    position: fixed;
    top: 1rem;
    z-index: 3;
    overflow: hidden;
}

    .bantop h2 {
        width: 90%;
        position: absolute;
        left: 5%;
        top: 0.8rem;
        z-index: 3;
        transition: all 0.3s linear;
    }

.ban_bg {
    overflow: hidden;
    width: 100vw;
}

    .ban_bg svg {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 52%;
        max-width: none;
        transform: translate(-50%,-50%);
        overflow: hidden;
        display: block;
        transition: all 0.2s linear;
    }

.ban_bgcon {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.ban_bgpc {
    display: block;
}

.ban_bgwap {
    display: none;
}

.home_pro {
    background: #f1f7fa;
    padding: 1.1rem 0;
}

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

    .home_pro .home_prol {
        width: 20%;
    }

.tit {
    padding: 0.97rem 0 0.87rem 0;
}

    .tit h2 {
        font-size: 0.36rem;
        color: #000000;
        font-family: 'arial';
    }

    .tit h3 {
        font-size: 0.36rem;
        color: #000000;
        padding-top: 0.1rem;
    }

.home_pronav ul li {
    font-size: 0.22rem;
    color: #000000;
    font-family: '思源黑体 CN Medium';
    margin-bottom: 0.2rem;
    cursor: pointer;
    transition: all 0.3s linear;
}

    .home_pronav ul li.on, .home_pronav ul li:hover {
        color: #ef8d30;
    }

.more {
    width: 1.7rem;
    height: 0.53rem;
    background: none;
}

    .more a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0.53rem;
        border: 1px solid #000;
        box-sizing: border-box;
        font-size: 0.2rem;
        color: #000000;
    }

        .more a img {
            width: 0.15rem;
            margin-left: 0.3rem;
        }

            .more a img:nth-of-type(1) {
                display: block;
            }

            .more a img:nth-of-type(2) {
                display: none;
            }

.home_prodian {
    font-size: 0.22rem;
    color: #000;
    margin-bottom: 0.4rem;
}

.more a:hover {
    border-color: #324787;
    background: #324787;
    color: #fff;
}

    .more a:hover img:nth-of-type(1) {
        display: none;
    }

    .more a:hover img:nth-of-type(2) {
        display: block;
    }

.home_pror {
    width: 77%;
}

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

.home_proqhconl {
    width: 35.14%;
    height: 6.8rem;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
}

    .home_proqhconl:hover {
        box-shadow: 0 0 0.1rem #dde3e5;
    }

    .home_proqhconl .pro_js {
        padding: 0.5rem 0.7rem;
        box-sizing: border-box;
    }

.pro_js h2 {
    font-size: 0.18rem;
    color: #ef8d30;
    font-family: '思源黑体 CN Medium';
}

.pro_js h3 {
    font-size: 0.26rem;
    color: #000000;
    padding: 0.1rem 0 0.3rem 0;
}

.pro_js p {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.29rem;
}

.pro_hov {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: rgba(0,0,0,0.5);
}

    .pro_hov h2 {
        overflow: hidden;
    }

        .pro_hov h2 img {
            transition: all 0.3s linear;
        }

    .pro_hov:hover h2 img {
        transform: scale(1.1);
    }

    .pro_hov .more {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.home_proqhconr {
    width: 62.6%;
}

.home_proqhlist {
    display: none;
}

    .home_proqhlist:nth-of-type(1) {
        display: block;
    }

.home_proqhconl:hover, .home_proqhconr ul li:hover {
    box-shadow: 0 0 0.1rem #dde3e5;
}

    .home_proqhconl:hover .pro_hov, .home_proqhconr ul li:hover .pro_hov {
        display: block;
    }

.home_proqhconr ul li {
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
    margin-bottom: 0.3rem;
    height: 3.26rem;
    overflow: hidden;
}

    .home_proqhconr ul li:hover {
        box-shadow: 0 0 0.1rem #dde3e5;
    }

    .home_proqhconr ul li .pro_pic {
        width: 3.66rem;
    }

    .home_proqhconr ul li:nth-of-type(2) {
        margin-bottom: 0;
    }

    .home_proqhconr ul li .pro_js {
        padding: 0 0.92rem 0 0.2rem;
        flex: 1;
    }

.pro_js .more {
    display: none;
}


.home_ab {
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.home_abcon {
    height: auto;
    background: url(../img/ab_bg.jpg) no-repeat center center/cover;
    padding: 1.5rem 0 0.5rem 0;
    box-sizing: border-box;
    overflow: hidden;
}

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

.home_abl {
    width: 47.13%;
}

    .home_abl .tit {
        padding-top: 0;
        padding-bottom: 0.5rem;
    }

    .home_abl p {
        font-size: 0.18rem;
        color: #7f8284;
        line-height: 0.36rem;
        height: 2.66rem;
    }

.home_abvideo {
    width: 49.75%;
    overflow: hidden;
    position: relative;
    height: 4.84rem;
}

.home_abv_btn {
    width: 0.88rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

    .home_abv_btn img {
        transition: all 0.3s linear;
    }

    .home_abv_btn:hover img {
        transform: rotate(90deg);
    }

.home_abfot {
    padding-top: 1.2rem;
}

    .home_abfot ul {
        display: flex;
        align-items: center;
    }

        .home_abfot ul li {
            width: 20%;
            text-align: center;
            border-left: 1px solid #dadcdf;
            box-sizing: border-box;
        }

            .home_abfot ul li:nth-of-type(1) {
                border-left: none;
            }

            .home_abfot ul li h2 {
                font-size: 0.34rem;
                color: #ef8d30;
                font-weight: bold;
            }

                .home_abfot ul li h2 span {
                    font-family: 'arial';
                }

            .home_abfot ul li p {
                font-size: 0.2rem;
                color: #000000;
                padding-top: 0.14rem;
            }

.home_abtc {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 20;
    transform: translate(-50%,-50%);
}

    .home_abtc h2 img {
        width: 150%;
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: none;
        transform: translate(-50%,-50%);
        transition: all 0.3s;
    }

    .home_abtc h3 {
        width: 100%;
        font-size: 0.5rem;
        color: #000000;
        text-align: center;
        position: absolute;
        left: 0;
        top: 58%;
    }

.home_yy {
    padding: 1rem 0;
}

    .home_yy .tit {
        padding: 0;
    }

.home_yytop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home_yybtn {
    display: flex;
    align-items: center;
}

    .home_yybtn div {
        width: 0.59rem;
        height: 0.59rem;
        border-radius: 100%;
        border: 1px solid #adadad;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.2rem;
        transition: all 0.3s linear;
    }

        .home_yybtn div img {
            width: 0.22rem;
        }

            .home_yybtn div img:nth-of-type(1) {
                display: block;
            }

            .home_yybtn div img:nth-of-type(2) {
                display: none;
            }

        .home_yybtn div:hover {
            background: #ef8d30;
            border-color: #ef8d30;
        }

            .home_yybtn div:hover img:nth-of-type(1) {
                display: none;
            }

            .home_yybtn div:hover img:nth-of-type(2) {
                display: block;
            }

.swiper-container-yy {
    margin-top: 0.86rem;
}

    .swiper-container-yy .swiper-slide {
        height: 6.06rem;
        position: relative;
        overflow: hidden;
        border-left: 1px solid #e0e1e1;
        box-sizing: border-box;
    }

.home_yyjs {
    padding: 0 0.47rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

    .home_yyjs h2 {
        width: 0.7rem;
        height: 0.7rem;
        margin: 0.64rem 0 0.2rem;
        display: flex;
        align-items: center;
    }

        .home_yyjs h2 img {
            width: auto;
            max-width: 100%;
        }

            .home_yyjs h2 img:nth-of-type(1) {
                display: block;
            }

            .home_yyjs h2 img:nth-of-type(2) {
                display: none;
            }

    .home_yyjs h3 {
        font-size: 0.26rem;
        color: #000000;
        padding-bottom: 0.5rem;
    }

    .home_yyjs dl dd {
        font-size: 0.18rem;
        color: #888989;
        padding-bottom: 0.14rem;
    }

.home_yypic {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

    .home_yypic::after {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.2);
        content: '';
        position: absolute;
        left: 0;
        top: 0;
    }

    .home_yypic img {
        transition: all 0.3s linear;
    }

.home_yyjt {
    width: 0.43rem;
    position: absolute;
    right: 0.29rem;
    bottom: 0.32rem;
    transform: translateY(0.3rem);
    opacity: 0;
    transition: all 0.3s linear;
    transition-delay: 0.1s;
}

.swiper-container-yy .swiper-slide:hover .home_yypic {
    display: block;
}

.home_yypic:hover img {
    transform: scale(1.1);
}

.swiper-container-yy .swiper-slide:hover .home_yyjs h2 img:nth-of-type(1) {
    display: none;
}

.swiper-container-yy .swiper-slide:hover .home_yyjs h2 img:nth-of-type(2) {
    display: block;
}

.swiper-container-yy .swiper-slide:hover .home_yyjs h3 {
    color: #fff;
}

.swiper-container-yy .swiper-slide:hover .home_yyjs dl dd {
    color: #fff;
}

.swiper-container-yy .swiper-slide:hover .home_yyjt {
    transform: translateY(0);
    opacity: 1;
}

.home_abv {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 33;
    display: none;
}

.close {
    width: 0.36rem;
    height: 0.36rem;
    background: #ef8d30;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
}

    .close img {
        width: 0.24rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }


.home_yymap {
    background: #f1f7fa;
    padding: 1rem 0 1rem 0;
}

    .home_yymap .tit {
        padding: 0;
    }

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

.home_yymapl {
    width: 37.59%;
}

.home_yymapnav {
    margin: 1.4rem 0 0.45rem 0;
}

    .home_yymapnav ul {
        display: flex;
    }

        .home_yymapnav ul li {
            margin-right: 0.38rem;
        }

            .home_yymapnav ul li h2 {
                display: inline-block;
                font-size: 0.22rem;
                color: #000000;
                padding-bottom: 0.17rem;
                position: relative;
            }

                .home_yymapnav ul li h2::after {
                    display: block;
                    width: 0;
                    height: 1px;
                    background: #ef8d30;
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    transition: all 0.3s linear;
                }

            .home_yymapnav ul li:hover h2, .home_yymapnav ul li.on h2 {
                color: #ef8d30;
            }

                .home_yymapnav ul li.on h2::after, .home_yymapnav ul li:hover h2::after {
                    width: 100%;
                }

.home_yymapqh ul li {
    height: 4rem;
    background: #fff;
    padding: 0.4rem 0.5rem 0 0.58rem;
    box-sizing: border-box;
    display: none;
}

    .home_yymapqh ul li:nth-of-type(1) {
        display: block;
    }

    .home_yymapqh ul li p {
        font-size: 0.2rem;
        color: #8d8d8d;
        line-height: 0.4rem;
        height: 2.48rem;
    }

    .home_yymapqh ul li .more {
        width: 1.36rem;
        height: 0.42rem;
        border-radius: 0.42rem;
    }

.more a {
    font-size: 0.16rem;
}

    .more a img {
        width: 0.16rem;
        margin-left: 0.2rem;
    }

.home_yymapr {
    width: 73.31%;
    position: relative;
}

    .home_yymapr ul li {
        position: absolute;
    }

        .home_yymapr ul li:nth-of-type(1) {
            left: 76.55%;
            top: 46%;
        }

        .home_yymapr ul li:nth-of-type(2) {
            left: 77.74%;
            top: 48%;
        }

        .home_yymapr ul li:nth-of-type(3) {
            left: 78.84%;
            top: 48%;
        }

        .home_yymapr ul li:nth-of-type(4) {
            left: 80.77%;
            top: 46%;
        }

        .home_yymapr ul li h3 {
            font-size: 0.16rem;
            color: #000000;
            position: absolute;
            width: 1.5rem;
        }

        .home_yymapr ul li:nth-of-type(1) h3 {
            left: -1rem;
            top: -0.07rem;
        }

        .home_yymapr ul li:nth-of-type(2) h3 {
            left: -1rem;
            bottom: -0.07rem;
        }

        .home_yymapr ul li:nth-of-type(3) h3 {
            left: 0;
            bottom: -0.22rem;
        }

        .home_yymapr ul li:nth-of-type(4) h3 {
            left: 0.07rem;
            bottom: -0.16rem;
        }

        .home_yymapr ul li h2 {
            border-radius: 100%;
            position: relative;
        }

        .home_yymapr ul li h2 {
            width: 0.3rem;
            height: 0.3rem;
            position: relative;
        }

            .home_yymapr ul li h2 span {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                border-radius: 50%;
                border: 1px solid #cf0017;
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
            }

                .home_yymapr ul li h2 span.s1 {
                    animation: ss2 3s linear infinite;
                    -webkit-animation: ss2 3s linear infinite;
                }

                .home_yymapr ul li h2 span.s2 {
                    animation: ss2 3s linear 0.75s infinite;
                    -webkit-animation: ss2 3s linear 0.75s infinite;
                }

                .home_yymapr ul li h2 span.s3 {
                    animation: ss2 3s linear 1.5s infinite;
                    -webkit-animation: ss2 3s linear 1.5s infinite;
                }

                .home_yymapr ul li h2 span.s4 {
                    background: #cf0017;
                    transform: scale(0.25);
                    -moz-transform: scale(0.25);
                    opacity:;
                }

        .home_yymapr ul li:nth-of-type(3) h2 span {
            border-color: #008000;
        }

            .home_yymapr ul li:nth-of-type(3) h2 span.s4 {
                background: #008000;
            }

@-moz-keyframes ss2 {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ss2 {
    0% {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.home_rd {
    background: url(../img/ed_bg.jpg) no-repeat center center/cover;
    padding-bottom: 1.18rem;
}

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

.home_rdl {
    width: 67.83%;
}

.swiper-container-rd .swiper-slide {
    position: relative;
}

    .swiper-container-rd .swiper-slide:nth-last-of-type(1) .home_rdjs dd {
        flex-wrap: wrap;
    }

        .swiper-container-rd .swiper-slide:nth-last-of-type(1) .home_rdjs dd b {
            width: 100%;
        }

.home_rdr .home_yybtn {
    justify-content: right;
}

.home_rdpic {
    overflow: hidden;
}

    .home_rdpic img {
        transition: all 0.3s linear;
    }

    .home_rdpic:hover img {
        transform: scale(1.1);
    }

.home_rdjs {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.56rem;
    padding: 0 0.9rem;
    box-sizing: border-box;
}

    .home_rdjs p {
        font-size: 0.18rem;
        color: #ffffff;
        line-height: 0.3rem;
        padding-bottom: 0.2rem;
    }

    .home_rdjs dl {
        display: flex;
    }

    .home_rdjs dd {
        display: flex;
        align-items: flex-end;
        font-size: 0.17rem;
        color: #fff;
        margin-right: 0.66rem;
    }

        .home_rdjs dd:nth-last-of-type(1) {
            margin-right: 0;
        }

        .home_rdjs dd b {
            font-size: 0.31rem;
            color: #ffffff;
            padding-left: 0.1rem;
            position: relative;
            top: 0.06rem;
        }

            .home_rdjs dd b sup {
                font-size: 0.18rem;
            }

.home_rdnav {
    margin: 0.7rem 0.65rem 0 0;
}

    .home_rdnav ul li {
        margin-bottom: 0.37rem;
        display: flex;
        align-items: center;
        transition: all 0.3s linear;
    }

        .home_rdnav ul li h2 {
            width: 0.4rem;
            display: flex;
            justify-content: center;
            margin-right: 0.1rem;
        }

            .home_rdnav ul li h2 img {
                width: auto;
                max-width: 100%;
            }

                .home_rdnav ul li h2 img:nth-of-type(1) {
                    display: block;
                }

                .home_rdnav ul li h2 img:nth-of-type(2) {
                    display: none;
                }

        .home_rdnav ul li h3 span {
            font-size: 0.3rem;
            color: #000000;
            position: relative;
            padding-bottom: 0.12rem;
        }

            .home_rdnav ul li h3 span::after {
                display: block;
                width: 0;
                height: 1px;
                background: #324787;
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                transition: all 0.3s linear;
            }

        .home_rdnav ul li:hover, .home_rdnav ul li.on {
            transform: translateX(0.4rem);
        }

            .home_rdnav ul li:hover h3 span, .home_rdnav ul li.on h3 span {
                color: #324787;
            }

                .home_rdnav ul li.on h3 span::after, .home_rdnav ul li:hover h3 span::after {
                    width: 100%;
                }

            .home_rdnav ul li:hover h2 img:nth-of-type(1), .home_rdnav ul li.on h2 img:nth-of-type(1) {
                display: none;
            }

            .home_rdnav ul li:hover h2 img:nth-of-type(2), .home_rdnav ul li.on h2 img:nth-of-type(2) {
                display: block;
            }

.home_news {
    padding-bottom: 1.37rem;
}

.news_list ul li {
    height: 6.66rem;
    background: #f7f8f8;
}

.news_pic {
    overflow: hidden;
}

    .news_pic img {
        transition: all 0.3s linear;
    }

.news_list ul li:hover {
    box-shadow: 0 0 0.1rem #dfe0e0;
}

    .news_list ul li:hover .news_pic img {
        transform: scale(1.1);
    }

.news_js {
    padding: 0.6rem 0.34rem 0 0.34rem;
    box-sizing: border-box;
}

.news_list ul li a .news_js h2 {
    display: flex;
    align-items: center;
    font-family: 'arial';
}

    .news_list ul li a .news_js h2 b {
        font-size: 0.67rem;
        color: #ef8d30;
    }

    .news_list ul li a .news_js h2 span {
        font-size: 0.2rem;
        color: #b2b2b2;
        line-height: 0.26rem;
        padding: 0 0.2rem;
    }

    .news_list ul li a .news_js h2 strong {
        width: 1.1rem;
        height: 1px;
        background: #b2b2b2;
    }

.news_list ul li a .news_js h3 {
    font-size: 0.2rem;
    color: #000000;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0.3rem 0 0.2rem 0;
}

.news_list ul li a .news_js p {
    font-size: 0.16rem;
    color: #888989;
    line-height: 0.28rem;
}

.home_yc {
    position: relative;
}

.home_ycjs {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

    .home_ycjs h2 {
        font-size: 0.36rem;
        color: #ffffff;
    }

    .home_ycjs p {
        font-size: 0.2rem;
        color: #ffffff;
        line-height: 0.35rem;
        padding: 0.3rem 0 0.66rem 0;
    }

    .home_ycjs .more {
        margin: 0 auto;
    }

        .home_ycjs .more a {
            color: #fff;
            border-color: #fff;
        }

            .home_ycjs .more a:hover {
                border-color: #324787;
            }

        .home_ycjs .more:hover a img:nth-of-type(1) {
            display: block;
        }

        .home_ycjs .more:hover a img:nth-of-type(2) {
            display: none;
        }

.fot {
    position: relative;
    background: #f7f8f8;
}

.fot_top {
    padding: 0.68rem 0 0.3rem 0;
}

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

.fot_nav {
    margin-top: 0.2rem;
}

    .fot_nav ul {
        display: flex;
    }

        .fot_nav ul li {
            margin-right: 1rem;
        }

            .fot_nav ul li:nth-last-of-type(1) {
                margin-right: 0;
            }

            .fot_nav ul li h2 {
                font-size: 0.2rem;
                color: #000000;
                font-weight: bold;
                margin-bottom: 0.3rem;
            }

                .fot_nav ul li h2 span {
                    display: none;
                }

            .fot_nav ul li dl dd {
                margin-bottom: 0.14rem;
            }

                .fot_nav ul li dl dd a {
                    font-size: 0.16rem;
                    color: #888989;
                }

.f_logo {
    width: 3.21rem;
}

.ewm {
    width: 1.66rem;
    margin: 0.53rem auto 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .ewm h2 {
        width: 1.41rem;
    }

    .ewm p {
        width: 12px;
        font-size: 0.16rem;
        color: #888989;
        line-height: 0.16rem;
    }

.fot_bot {
    border-top: 1px solid #e0e1e1;
    height: 0.64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.14rem;
    color: #b2b2b2;
}

    .fot_bot a {
        color: #b2b2b2;
    }

    .fot_bot img {
        width: 16px;
        margin-right: 0.14rem;
    }

.fo_top {
    width: 0.76rem;
    position: absolute;
    right: 0.8rem;
    top: -0.63rem;
    cursor: pointer;
}

body.removeHide > div:nth-last-child(1), body.removeHide > div:nth-last-child(2), body.removeHide > div:nth-last-child(3) {
    opacity: 0;
}

/*关于我们*/
.ny_ban {
    position: relative;
    margin-top: 1rem;
    overflow: hidden;
}

.ny_banwz {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.55rem;
}

    .ny_banwz h2 {
        font-size: 0.4rem;
        color: #ffffff;
    }

        .ny_banwz h2 span {
            font-size: 0.24rem;
            padding-left: 0.26rem;
        }

.ny_banxt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

    .ny_banxt:nth-of-type(1) img {
        animation: ban 3s linear infinite;
    }

    .ny_banxt:nth-of-type(2) img {
        animation: ban 2.5s ease-in infinite;
    }

    .ny_banxt:nth-of-type(3) img {
        animation: ban 3s linear infinite;
    }

    .ny_banxt:nth-of-type(4) img {
        animation: ban 2s ease-in infinite;
    }

    .ny_banxt:nth-of-type(5) img {
        animation: ban 2.6s linear infinite;
    }

.ny_nav {
    padding: 0.38rem 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

    .ny_nav ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .ny_nav ul li {
            line-height: 1;
            border-right: 1px solid #e5e5e5;
            padding: 0 0.9rem;
        }

            .ny_nav ul li:nth-last-of-type(1) {
                border-right: none;
            }

            .ny_nav ul li a {
                font-size: 0.24rem;
                color: #000;
            }

            .ny_nav ul li.on a, .ny_nav ul li:hover a {
                color: #2d4495;
            }

.ab_js {
    background: #f7f8f8;
    padding: 1.26rem 0 1.4rem 0;
}

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

.ab_jsl {
    width: 46.04%;
}

.ab_jsr {
    width: 49.9%;
    overflow: hidden;
}

    .ab_jsr img {
        transition: all 0.3s linear;
    }

    .ab_jsr:hover img {
        transform: scale(1.1);
    }

.ny_tit h2 {
    font-size: 0.4rem;
    color: #000;
    padding-bottom: 0.14rem;
}

.ny_tit h3 {
    width: 0.64rem;
}

.ab_jsl h4 {
    font-size: 0.3rem;
    color: #000000;
    padding: 0.3rem 0 0.1rem 0;
}

.ab_jsl p {
    font-size: 0.16rem;
    color: #888989;
    line-height: 0.38rem;
    padding-bottom: 0.2rem;
}

.ab_cl {
    height: 6.23rem;
    background: url(../img/ab/ab_clbg.jpg) no-repeat center center/cover;
    overflow: hidden;
}

    .ab_cl .ny_tit {
        margin-top: 0.56rem;
    }

    .ab_cl .w_1542 {
        display: flex;
        justify-content: space-between;
        height: 100%
    }

.ab_clr {
    width: 81.7%;
    height: 100%;
}

    .ab_clr ul {
        display: flex;
        height: 100%;
    }

        .ab_clr ul li {
            width: 33.33%;
            border-left: 1px solid #d2d6d8;
            box-sizing: border-box;
            text-align: center;
            height: 100%;
            transition: all 0.3s linear;
        }

.ab_clrcon {
    margin-top: 2.6rem;
    transition: all 0.3s linear;
}

    .ab_clrcon h2 {
        width: 0.6rem;
        margin: 0 auto;
    }

        .ab_clrcon h2 img:nth-of-type(1) {
            display: block;
        }

        .ab_clrcon h2 img:nth-of-type(2) {
            display: none;
        }

    .ab_clrcon h3 {
        font-size: 0.34rem;
        color: #000000;
        padding: 0.2rem 0 0.45rem 0;
    }

    .ab_clrcon p {
        font-size: 0.22rem;
        color: #4e5051;
    }

.ab_clr ul li:hover {
    border-left: none;
    background: url(../img/ab/ab_clhov.jpg) no-repeat center center/cover;
}

    .ab_clr ul li:hover .ab_clrcon {
        transform: translateY(-0.6rem);
    }

        .ab_clr ul li:hover .ab_clrcon h2 img:nth-of-type(1) {
            display: none;
        }

        .ab_clr ul li:hover .ab_clrcon h2 img:nth-of-type(2) {
            display: block;
        }

        .ab_clr ul li:hover .ab_clrcon h3 {
            color: #fff;
        }

        .ab_clr ul li:hover .ab_clrcon p {
            color: #fff;
        }

.ab_his {
    height: 8.29rem;
    background: url(../img/ab/his_bg.jpg) no-repeat center center/cover;
    padding-top: 0.94rem;
}

.ab_histop {
    position: relative;
}

.swiper-container-histop {
    width: 8.34rem;
    margin: 0 auto;
}

    .swiper-container-histop .swiper-slide {
        padding: 0.12rem;
        box-sizing: border-box;
    }

        .swiper-container-histop .swiper-slide h2 {
            font-size: 1.42rem;
            color: #e9eff2;
            font-weight: bold;
            font-family: 'arial';
            text-align: center;
        }

.histopcon {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 0.12rem #c6d0e1;
    display: flex;
    align-items: center;
}

.his_pic {
    width: 3.07rem;
    overflow: hidden;
}

    .his_pic img {
        transition: all 0.3s linear;
    }

    .his_pic:hover img {
        transform: scale(1.1);
    }

.his_js {
    flex: 1;
    padding: 0 0.44rem;
    box-sizing: border-box;
}

    .his_js dl dd {
        display: flex;
        font-size: 0.18rem;
        color: #000000;
        line-height: 0.4rem;
    }

        .his_js dl dd span {
            width: 0.06rem;
            height: 0.06rem;
            background: #cccccc;
            border-radius: 100%;
            margin-right: 0.08rem;
            position: relative;
            top: 0.18rem;
        }

        .his_js dl dd b {
            font-weight: normal;
        }

.ab_hisprev, .ab_hisnext {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 100%;
    border: 1px solid #a8acaf;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2.4rem;
    transition: all 0.3s linear;
}

    .ab_hisprev img, .ab_hisnext img {
        width: 0.22rem;
    }

        .ab_hisprev img:nth-of-type(1), .ab_hisnext img:nth-of-type(1) {
            display: block;
        }

        .ab_hisprev img:nth-of-type(2), .ab_hisnext img:nth-of-type(2) {
            display: none;
        }

.ab_hisprev {
    left: 0;
}

.ab_hisnext {
    right: 0;
}

    .ab_hisprev:hover, .ab_hisnext:hover {
        border-color: #e1923d;
        background: #e1923d;
    }

        .ab_hisprev:hover img:nth-of-type(1), .ab_hisnext:hover img:nth-of-type(1) {
            display: none;
        }

        .ab_hisprev:hover img:nth-of-type(2), .ab_hisnext:hover img:nth-of-type(2) {
            display: block;
        }

.ab_hisfot {
    position: relative;
    margin-top: 0.49rem;
}

    .ab_hisfot::after {
        display: block;
        width: 100%;
        height: 1px;
        content: '';
        background: #b1b7be;
        position: absolute;
        left: 0;
        top: 0.62rem;
    }

.swiper-container-hisfot {
    width: 82.6%;
    margin: 0 auto;
}

    .swiper-container-hisfot .swiper-slide {
        position: relative;
        height: 1.4rem;
    }

        .swiper-container-hisfot .swiper-slide::after {
            display: block;
            width: 100%;
            height: 0.11rem;
            background: url(../img/ab/his_xt.png) repeat-x left center/0.2rem 0.11rem;
            position: absolute;
            left: 0;
            top: 0.5rem;
            content: '';
        }

        .swiper-container-hisfot .swiper-slide::before {
            display: block;
            width: 1px;
            height: 0.44rem;
            content: '';
            background: #aeb5bd;
            position: absolute;
            left: 50%;
            top: 0.38rem;
        }

        .swiper-container-hisfot .swiper-slide h2 {
            width: 0.3rem;
            margin: 0 auto;
            position: relative;
            z-index: 3;
            display: none;
        }

        .swiper-container-hisfot .swiper-slide p {
            font-size: 0.2rem;
            color: #000000;
            text-align: center;
            font-family: 'arial';
            width: 100%;
            position: absolute;
            left: 0;
            top: 0.97rem;
        }

    .swiper-container-hisfot .swiper-slide-active h2 {
        display: block;
    }

    .swiper-container-hisfot .swiper-slide-active p {
        font-size: 0.34rem;
        color: #2d4198;
        font-weight: bold;
    }

.ab_fgs {
    background: #f7f8f8;
    padding: 1.1rem 0 1.42rem 0;
}

.ab_fgscon {
    margin-top: 0.73rem;
}

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

        .ab_fgscon ul li {
            width: 24%;
            position: relative;
        }

.ab_fgspic {
    overflow: hidden;
}

    .ab_fgspic img {
        transition: all 0.3s linear;
    }

.ab_fgscon ul li::after {
    display: block;
    width: 100%;
    height: 50%;
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 20%, rgba(255, 255, 255, 0.01) 95%);
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ab_fgscon ul li:hover .ab_fgspic img {
    transform: scale(1.1);
}

.ab_fgscon ul li:hover::after {
    background: linear-gradient(0deg, rgba(50, 71, 135, 0.7) 20%, rgba(255, 255, 255, 0.01) 95%);
}

.ab_fgsname {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

    .ab_fgsname h2 {
        width: 1.16rem;
        margin-right: 0.1rem;
    }

    .ab_fgsname p {
        font-size: 0.24rem;
        color: #ffffff;
        position: relative;
        top: -0.33rem;
    }

.ab_fgscon ul li:nth-of-type(1) .ab_fgsname p {
    left: -0.4rem;
}

.ab_fgsjt {
    width: 0.43rem;
    position: absolute;
    right: 0.4rem;
    bottom: 0.4rem;
    transform: translateY(1rem);
    transition: all 0.3s linear;
}

.ab_fgscon ul li:hover .ab_fgsjt {
    transform: translateY(0);
}

.ab_ry {
    background: #f1f7fa;
    padding: 0.93rem 0 1.3rem 0;
}

.ab_rytop {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ab_rybtn {
    display: flex;
    align-items: center;
}

    .ab_rybtn div {
        width: 0.58rem;
        height: 0.58rem;
        border-radius: 100%;
        border: 1px solid #a8acaf;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s linear;
        margin-left: 0.2rem;
    }

        .ab_rybtn div img {
            width: 0.22rem;
        }

            .ab_rybtn div img:nth-of-type(1) {
                display: block;
            }

            .ab_rybtn div img:nth-of-type(2) {
                display: none;
            }

        .ab_rybtn div:hover {
            border-color: #e1923d;
            background: #e1923d;
            opacity: 1;
        }

            .ab_rybtn div:hover img:nth-of-type(1) {
                display: none;
            }

            .ab_rybtn div:hover img:nth-of-type(2) {
                display: block;
            }

.swiper-container-ry {
    margin-top: 0.7rem;
}

.ry_pic {
    overflow: hidden;
}

    .ry_pic img {
        transition: all 0.3s linear;
    }

    .ry_pic:hover img {
        transform: scale(1.1);
    }

.swiper-container-ry p {
    font-size: 0.18rem;
    color: #000000;
    text-align: center;
    padding: 0.16rem 0 0.4rem 0;
}

.swiper-pagination-ry {
    position: relative !important;
}

    .swiper-pagination-ry .swiper-pagination-bullet {
        width: 0.1rem !important;
        height: 0.1rem !important;
        border: 1px solid #f18e1e;
        background: none;
        opacity: 1 !important;
        margin: 0 0.07rem !important;
    }

    .swiper-pagination-ry .swiper-pagination-bullet-active {
        background: #f18e1e;
    }

/*分公司详情*/
.branch_info {
    padding-bottom: 1.1rem;
}

    .branch_info h2 {
        font-size: 0.6rem;
        color: #000000;
        text-align: center;
        padding: 0.82rem 0;
    }

    .branch_info p {
        font-size: 0.18rem;
        color: #585858;
        line-height: 0.3rem;
        padding-bottom: 0.3rem;
        width: 80%;
        margin: 0 auto;
    }

.branch_pic {
    text-align: center;
    padding-top: 0.8rem;
    width: 70%;
    margin: 0 auto;
}

    .branch_pic img {
        width: auto;
        max-width: 100%;
    }

/*产品列表*/
.pro_nav {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.38rem 0;
}

    .pro_nav .w_1542 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.pro_navl {
    width: 90%;
    overflow: hidden;
}

.swiper-container-profl .swiper-slide {
    display: inline-block;
    border-right: 1px solid #e5e5e5;
    line-height: 1;
    padding: 0 0.5rem;
    width: auto;
}

    .swiper-container-profl .swiper-slide a {
        font-size: 0.24rem;
        color: #000000;
        text-transform: uppercase;
        font-family: 'arial';
    }

.swiper-container-profl .on a {
    color: #324787
}

.proflnext {
    width: 0.3rem;
}

.pro_con {
    padding: 1rem 0 0.2rem 0;
}

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

.pro_conl {
    width: 17%;
}

.pro_search {
    width: 100%;
    height: 0.56rem;
    border: 1px solid #f1f1f1;
    border-radius: 0.56rem;
    display: flex;
    align-items: center;
}

    .pro_search input {
        width: 75%;
        height: 100%;
        background: none;
        border: none;
        font-size: 0.16rem;
        color: #b8b8b8;
        padding-left: 0.2rem;
        box-sizing: border-box;
    }

.pro_seasub {
    width: 25%;
    height: 0.24rem;
    border-left: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .pro_seasub img {
        width: 0.18rem;
    }

.pro_consel {
    margin-top: 0.4rem;
}

    .pro_consel ul {
        margin-bottom: 0.5rem;
    }

        .pro_consel ul li {
            border-bottom: 1px solid #e5e5e5;
            padding: 0.26rem 0.22rem;
            box-sizing: border-box;
        }

            .pro_consel ul li h2 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
            }

                .pro_consel ul li h2 b {
                    font-size: 0.2rem;
                    color: #000000;
                }

                .pro_consel ul li h2 span {
                    width: 0.12rem;
                }

                    .pro_consel ul li h2 span img:nth-of-type(1) {
                        display: block;
                    }

                    .pro_consel ul li h2 span img:nth-of-type(2) {
                        display: none;
                    }

            .pro_consel ul li dl {
                margin-top: 0.12rem;
                display: none;
            }

                .pro_consel ul li dl .item1 {
                    display: flex;
                    align-items: center;
                    font-size: 0.18rem;
                    color: #000000;
                    font-family: 'arial';
                    margin-top: 0.14rem;
                }

                    .pro_consel ul li dl .item1 span {
                        width: 0.18rem;
                        height: 0.18rem;
                        background: #aaa;
                        margin-right: 0.16rem;
                    }

                    .pro_consel ul li dl .item1.on span {
                        background: #324787;
                    }

                    .pro_consel ul li dl .item1.disabled span {
                        background: #eee;
                        cursor: not-allowed;
                    }

            .pro_consel ul li.on h2 span img:nth-of-type(1) {
                display: none;
            }

            .pro_consel ul li.on h2 span img:nth-of-type(2) {
                display: block;
            }

.remove_sel {
    width: 100%;
    height: .44rem;
    background: #324787;
    border-radius: 0.44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.44rem;
    text-align: center;
    margin-bottom: 0.2rem;
}

    .remove_sel img {
        width: 0.1rem;
        margin-left: 0.3rem;
    }

.pro_conr {
    width: 78.85%;
}

    .pro_conr ul {
        display: flex;
        flex-wrap: wrap;
    }

        .pro_conr ul li {
            width: 22.375%;
            margin: 0 2% 3.5% 0;
        }

            .pro_conr ul li:nth-of-type(4n) {
                margin-right: 0;
            }

.pro_conrpic {
    overflow: hidden;
}

    .pro_conrpic img {
        transition: all 0.3s linear;
    }

    .pro_conrpic:hover img {
        transform: scale(1.1);
    }

.pro_conr ul li a h2 {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.2rem;
    color: #000;
    padding: 0.18rem 0 0.28rem 0;
}

.pro_conr ul li a h6 span {
    display: inline-block;
    font-size: 0.18rem;
    color: #636363;
    line-height: 0.36rem;
    padding: 0 0.2rem;
    margin: 0 0.1rem 0.1rem 0;
    background: #f8f8f8;
}


/*产品详情*/
.pro_infocontop {
    padding: 0.56rem 0 0 0;
}

    .pro_infocontop h2 {
        font-size: 0.14rem;
        color: #737373;
        font-family: 'arial';
        text-transform: uppercase;
    }

        .pro_infocontop h2 a {
            color: #737373;
        }

.pro_infojs {
    margin: 0.7rem auto 1.24rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_infojspic {
    width: 5.3rem;
    margin-right: 0.77rem;
}

.pro_infowz {
    width: 4.68rem;
}

    .pro_infowz h2 {
        font-size: 0.4rem;
        color: #000000;
        font-family: 'arial';
        font-weight: 500;
    }

    .pro_infowz h3 {
        margin: 0.4rem 0 0.3rem 0;
    }

        .pro_infowz h3 span {
            display: inline-block;
            font-size: 0.2rem;
            color: #fff;
            line-height: 0.3rem;
            padding: 0 0.08rem;
            margin-right: 0.08rem;
        }

            .pro_infowz h3 span.col_2d4198 {
                background: #2d4198;
            }

            .pro_infowz h3 span.col_ef8d30 {
                background: #ef8d30;
            }

    .pro_infowz p {
        font-size: 0.2rem;
        color: #000000;
        line-height: 0.4rem;
    }

.pro_cs {
    background: #f1f7fa;
    padding-bottom: 1.32rem;
}

.pro_infotit {
    font-size: 0.4rem;
    padding: 0.86rem 0 0.3rem 0;
}

.pro_cscon {
    width: 9rem;
    margin: 0 auto;
    background: #fff;
}

    .pro_cscon ul li {
        font-size: 0.2rem;
        color: #898989;
        line-height: 0.66rem;
        border-bottom: 1px solid #e7e7e7;
        text-align: right;
        display: flex;
    }

        .pro_cscon ul li span {
            width: 50%;
        }

            .pro_cscon ul li span:nth-of-type(1) {
                padding-right: 0.34rem;
                box-sizing: border-box;
            }

            .pro_cscon ul li span:nth-of-type(2) {
                padding-left: 0.34rem;
                box-sizing: border-box;
                text-align: left;
            }

        .pro_cscon ul li.cs_tit {
            background: #d8dee1;
            color: #000;
            border-bottom: none;
        }

        .pro_cscon ul li:nth-last-of-type(1) {
            border-bottom: none;
        }

.pro_tj {
    padding-bottom: 1.1rem;
}

.pro_tjcon ul {
    display: flex;
    flex-wrap: wrap;
}

    .pro_tjcon ul li {
        width: 22.375%;
        margin-right: 3.5%;
    }

        .pro_tjcon ul li:nth-of-type(4n) {
            margin-right: 0;
        }

        .pro_tjcon ul li a h2 {
            font-size: 0.2rem;
            color: #000000;
            padding: 0.3rem 0 0.3rem 0.6rem;
            box-sizing: border-box;
        }

        .pro_tjcon ul li a h6 {
            display: flex;
            align-items: center;
            font-size: 0.18rem;
            color: #000000;
            padding-left: 0.6rem;
            box-sizing: border-box;
            opacity: 0.85;
            transition: linear 0.3s linear;
        }

            .pro_tjcon ul li a h6 img {
                width: 0.36rem;
                margin-left: 0.16rem;
            }

        .pro_tjcon ul li:hover a h6 {
            opacity: 1;
        }

/*lot*/
.lot {
    padding: 1.34rem 0 0.62rem 0;
}

    .lot ul li {
        display: flex;
        align-items: flex-end;
        margin-bottom: 0.58rem;
    }

.lot_l {
    width: 31.38%;
    height: 4.67rem;
    background: #f7f8f8;
    position: relative;
}

    .lot_l a {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 0.88rem;
        box-sizing: border-box;
    }

        .lot_l a h2 {
            font-size: 0.4rem;
            color: #000000;
            padding: 0.96rem 0 0.08rem 0;
            line-height: 1;
        }

        .lot_l a h3 {
            font-size: 0.44rem;
            color: #e7e8e8;
            font-family: 'arial';
            line-height: 1;
        }

        .lot_l a dl {
            margin-top: 0.4rem;
        }

            .lot_l a dl dd {
                display: flex;
                align-items: center;
                font-size: 0.18rem;
                color: #555;
                margin-bottom: 0.14rem;
            }

                .lot_l a dl dd span {
                    width: 0.08rem;
                    height: 0.08rem;
                    background: #324787;
                    border-radius: 100%;
                    margin-right: 0.08rem;
                }

.lot_r {
    width: 68.72%;
    overflow: hidden;
    position: relative;
}

    .lot_r::after {
        display: block;
        width: 100%;
        height: 80%;
        content: '';
        background: linear-gradient(0deg, rgba(50, 71, 135, 0.7) 20%, rgba(255, 255, 255, 0.01) 95%);
        pointer-events: none;
        position: absolute;
        left: 0;
        bottom: 0;
        display: none;
    }

    .lot_r img {
        transition: all 0.3s linear;
    }

    .lot_r:hover::after {
        display: block;
    }

    .lot_r:hover img {
        transform: scale(1.1);
    }

.lot ul li:nth-of-type(2n) .lot_l {
    order: 2;
}

.lot ul li:nth-of-type(2n) .lot_r {
    order: 1;
}

.lot_jt {
    width: 0.46rem;
    position: absolute;
    right: 0.62rem;
    bottom: 1rem;
    opacity: 0;
    transform: translateY(0.6rem);
    transition: all 0.3s linear;
}

.lot ul li:hover .lot_l .lot_jt {
    opacity: 1;
    transform: translateY(0);
}

/*lot详情*/
.lot_infotop {
    background: #f7f8f8;
    padding-bottom: 1rem;
    overflow: hidden;
}

.lot_infotopcon {
    position: relative;
    margin: 0.94rem 0 1.7rem 0;
}

    .lot_infotopcon h2 {
        font-size: 0.6rem;
        color: #000000;
        text-align: center;
    }

    .lot_infotopcon .more {
        position: absolute;
        right: 0;
        top: 30%;
    }

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

.lot_infofotl {
    width: 41.63%;
}

    .lot_infofotl .pro_infotit {
        padding-top: 0;
    }

    .lot_infofotl p {
        font-size: 0.2rem;
        color: #555;
        line-height: 0.4rem;
    }

.lot_infofotr {
    width: 41.3%;
    margin-right: 0.8rem;
    overflow: hidden;
}

.lot_infocj {
    background: #f1f7fa;
    padding-bottom: 1rem;
}

    .lot_infocj p {
        font-size: 0.2rem;
        color: #525556;
        line-height: 0.4rem;
        padding-bottom: 0.5rem;
    }

    .lot_infocj ul {
        border-top: 1px solid #c7cbcd;
    }

        .lot_infocj ul li {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #c7cbcd;
            padding: 0.14rem 0;
        }

            .lot_infocj ul li h5 {
                font-size: 0.18rem;
                color: #525556;
                line-height: 0.3rem;
                padding-top: 0.17rem;
                width: 60.63%;
            }

            .lot_infocj ul li h6 {
                width: 15.95%;
                margin-right: 1.24rem;
            }

/*ç ”å‘åˆ›æ–°*/
.rd_js {
    background: #f1f7fa;
}

    .rd_js .ab_jsl .ny_tit {
        margin: 0.55rem 0 0.6rem 0;
    }

.rd_team {
    background: #fff;
}

    .rd_team .ab_jsl .ny_tit {
        margin-top: 0;
    }

    .rd_team .w_1542 {
        flex-wrap: wrap;
    }

    .rd_team .ab_jsl {
        width: 100%;
    }

    .rd_team .ab_jsr {
        width: 100%;
        margin-top: 0.8rem;
    }

/*新闻列表*/
.news {
    padding-top: 1.3rem;
}

.nynews_list ul {
    border-top: 1px solid #e5e5e5;
}

    .nynews_list ul li {
        margin-top: 0.72rem;
    }

        .nynews_list ul li a {
            display: flex;
            justify-content: space-between;
        }

.nynews_listpic {
    width: 18.67%;
    overflow: hidden;
}

.nynews_listr {
    width: 78.27%;
}

.nynews_list ul li a .nynews_listr h2 {
    font-size: 0.24rem;
    color: #030101;
    padding: 0.5rem 0 0 0;
    transition: all 0.3s linear;
}

.nynews_list ul li a .nynews_listr h3 {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #8d8d8d;
    font-family: 'arial';
    padding: 0.18rem 0;
    transition: all 0.3s linear;
}

    .nynews_list ul li a .nynews_listr h3 img {
        width: 0.16rem;
        margin-right: 0.08rem;
    }

.nynews_list ul li a .nynews_listr p {
    font-size: 0.18rem;
    color: #595858;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nynews_list ul li a:hover .nynews_listr h2 {
    color: #2d4495;
    transform: translateX(0.2rem);
}

.nynews_list ul li a:hover .nynews_listr h3 {
    transform: translateX(0.2rem);
}

.page, .mwpager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.2rem 0 1rem 0;
}

    .page a, .page span, .mwpager span, .mwpager a {
        display: inline-block;
        font-size: 0.16rem;
        line-height: 0.34rem;
        background: #f2f2f2;
        border-radius: 4px;
        margin: 0 0.07rem;
        padding: 0 0.15rem;
        color: #535353;
    }

        .page a.on, .page li.active span, .mwpager a.on, .mwpager li.active span {
            background: #324787;
            color: #fff;
        }

/*新闻详情*/
.news_info {
    padding-top: 1.14rem;
}

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

.news_infol {
    width: 60%;
    margin-left: 10.6%;
}

    .news_infol h2 {
        font-size: 0.28rem;
        color: #000000;
        text-align: center;
    }

    .news_infol h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.14rem;
        color: #666666;
        margin: 0.3rem 0;
    }

        .news_infol h3 img {
            width: 0.22rem;
            margin-right: 0.08rem;
        }

            .news_infol h3 img:nth-of-type(2) {
                margin-left: 0.68rem;
            }

    .news_infol p {
        font-size: 0.16rem;
        color: #8d8d8d;
        line-height: 0.3rem;
    }

.news_infobtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0;
}

    .news_infobtn div {
        margin: 0 0.22rem;
    }

        .news_infobtn div a {
            font-size: 0.18rem;
            color: #000;
        }

            .news_infobtn div a h6 {
                width: 0.76rem;
                position: relative;
                top: -0.1rem;
            }

            .news_infobtn div a h5 {
                padding-left: 0.14rem;
                line-height: 1;
            }

        .news_infobtn div:nth-of-type(2) a h5 {
            padding-left: 0.04rem;
        }

.news_infor {
    width: 18.8%;
}

    .news_infor .more {
        float: right;
    }

    .news_infor h2 {
        font-size: 0.2rem;
        color: #000000;
        padding: 0.67rem 0 0.26rem 0;
    }

.news_infotj ul li {
    margin-bottom: 0.56rem;
}

    .news_infotj ul li a h3 {
        overflow: hidden;
    }

    .news_infotj ul li a h4 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.24rem;
        line-height: 1;
        padding: 0.28rem 0 0.14rem 0;
        color: #000;
    }

    .news_infotj ul li a p {
        display: flex;
        align-items: center;
        font-size: 0.14rem;
        color: #8d8d8d;
        font-family: 'arial';
    }

        .news_infotj ul li a p img {
            width: 0.16rem;
            margin-right: 0.08rem;
        }

/*联系方式*/
.contact_list {
    background: #f7f8f8;
    padding-bottom: 1rem;
}

    .contact_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .contact_list ul li {
            width: 48.5%;
        }

            .contact_list ul li h2 {
                font-size: 0.4rem;
                color: #000000;
                padding: 0.96rem 0 0.53rem 0.54rem;
                box-sizing: border-box;
            }

.contact_listcon {
    background: #fff;
    padding-bottom: 0.76rem;
}

    .contact_listcon h3 {
        font-size: 0.3rem;
        color: #000000;
        padding: 0.6rem 0 0 1.02rem;
        box-sizing: border-box;
    }

    .contact_listcon p {
        display: flex;
        align-items: center;
        font-size: 0.22rem;
        color: #585858;
        margin-top: 0.26rem;
    }

        .contact_listcon p img {
            width: 0.3rem;
            margin: 0 0.1rem 0 0.58rem;
        }

.contact_mes {
    padding: 1.4rem 0;
}

    .contact_mes .w_1542 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.contact_mesl {
    width: 45.84%;
}

.contact_mesr {
    width: 36.77%;
    margin-right: 1.2rem;
}

    .contact_mesr p {
        font-size: 0.18rem;
        color: #000000;
        line-height: 0.35rem;
        padding-bottom: 0.27rem;
    }

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

.contact_bdk {
    width: 48%;
    margin-bottom: 0.34rem;
    position: relative;
}

.contact_bdk100 {
    width: 100%;
}

.contact_bdk input, .contact_bdk select, .contact_bdk textarea {
    display: block;
    width: 100%;
    height: 0.54rem;
    background: none;
    border: 1px solid #e7e7e7;
    border-radius: 0.08rem;
    font-size: 0.18rem;
    color: #8d8d8d;
    padding-left: 0.28rem;
    box-sizing: border-box;
}

.contact_bdk textarea {
    padding-top: 0.12rem;
}

.contact_bdk select {
    background: url(../img/contact/sel_jt.png) no-repeat 90% center/0.1rem 0.06rem;
}

.contact_messub {
    width: 100%;
    height: 0.42rem;
    background: #364684;
    border-radius: 0.42rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #fff;
    opacity: 0.85;
    transition: all 0.3s linear;
}

    .contact_messub img {
        width: 0.15rem;
        margin-left: 0.25rem;
    }

    .contact_messub:hover {
        opacity: 1;
    }

.contact_pic {
    overflow: hidden;
}

    .contact_pic img {
        transition: all 0.3s linear;
    }

    .contact_pic:hover img {
        transform: scale(1.1);
    }

.job_fotpic {
    position: relative;
}

    .job_fotpic::after {
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(0,0,0,0.2);
        position: absolute;
        left: 0;
        top: 0;
    }




/*人才招聘*/
.job_hj {
    background: #f7f8f8;
    padding: 1.3rem 0 1.1rem 0;
}

.job_hjcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.1rem;
}

.job_hjconl {
    width: 75.87%;
}

.job_hjconr h3 {
    font-size: 0.3rem;
    color: #000000;
    padding-bottom: 0.26rem;
}

.job_hjconr p {
    font-size: 0.22rem;
    color: #000000;
    line-height: 0.4rem;
}

.job_hjcon:nth-of-type(2) .job_hjconl {
    order: 2;
}

.job_hjcon:nth-of-type(2) .job_hjconr {
    order: 1;
}

.job_fl {
    background: #f1f7fa;
    padding: 0.7rem 0 1.6rem 0;
}

    .job_fl ul {
        display: flex;
        justify-content: space-between;
        margin-top: 1.6rem;
    }

        .job_fl ul li {
            width: 30%;
            position: relative;
        }

.job_flcon {
    position: relative;
    z-index: 3;
}

    .job_flcon h2 {
        width: 0.6rem;
    }

    .job_flcon h3 {
        font-size: 0.26rem;
        color: #000004;
        padding: 0.15rem 0 0.3rem;
    }

    .job_flcon p {
        font-size: 0.2rem;
        color: #6d7073;
        line-height: 0.34rem;
    }

.job_fl ul li h4 {
    font-size: 2rem;
    color: #e2e9f1;
    font-family: 'arial';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1;
}

.job_fot {
    position: relative;
}

.job_fotcon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .job_fotcon .ny_tit {
        margin-top: 1.06rem;
    }

        .job_fotcon .ny_tit h2 {
            color: #fff;
        }

.job_fotconjs {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

    .job_fotconjs p {
        font-size: 0.22rem;
        color: #ffffff;
        line-height: 0.48rem;
    }

    .job_fotconjs .more {
        margin: 0.76rem auto 0 auto;
    }

        .job_fotconjs .more a {
            color: #fff;
            border-color: #324787;
            background: #324787;
            opacity: 0.85;
            transition: all 0.3s linear;
        }

            .job_fotconjs .more a img:nth-of-type(1) {
                display: none;
            }

            .job_fotconjs .more a img:nth-of-type(2) {
                display: block;
            }

        .job_fotconjs .more:hover a {
            opacity: 1;
        }

/*招聘列表*/
.job_topt {
    background: #f7f8f8;
    height: 0.62rem;
    padding: 0 0.1rem 0 0.44rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.66rem 0;
}

.job_toptl {
    display: flex;
    align-items: center;
}

.job_toptlcon {
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
    line-height: 1;
    font-size: 0.18rem;
    color: #000000;
    position: relative;
}

    .job_toptlcon::before {
        display: block;
        width: 1px;
        height: 0.2rem;
        background: #c6c6c6;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .job_toptlcon:nth-of-type(1) {
        padding-left: 0;
    }

    .job_toptlcon:nth-last-of-type(1)::before {
        width: 0;
    }

    .job_toptlcon select {
        width: 1.05rem;
        height: 0.4rem;
        background: url(../img/job/jt.png) no-repeat right center/0.11rem 0.06rem;
        font-size: 0.18rem;
        color: #000;
        padding-left: 0.15rem;
        border: none;
    }

.job_toptr {
    width: 3.05rem;
    height: 0.36rem;
    border-radius: 0.36rem;
    border: 1px solid #c6c6c6;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

    .job_toptr input {
        display: block;
        width: 84%;
        height: 100%;
        border: none;
        background: none;
        font-size: 0.14rem;
        color: #c6c6c6;
        padding-left: 0.2rem;
        box-sizing: border-box;
    }

.job_topsub {
    width: 16%;
    height: 0.2rem;
    border-left: 1px solid #c6c6c6;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .job_topsub img {
        width: 0.14rem;
    }

.job_listfot {
    border-top: 1px solid #ccc;
    padding-top: 0.45rem;
    margin-bottom: 1.3rem;
}

    .job_listfot h2 {
        background: #f7f8f8;
        line-height: 0.62rem;
        padding: 0 0.45rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-size: 0.18rem;
        color: #000000;
    }

        .job_listfot h2 span {
            width: 2rem;
        }

    .job_listfot ul li {
        margin-top: 0.3rem;
        background: #f7f8f8;
        position: relative;
    }

        .job_listfot ul li h3 {
            font-size: 0.18rem;
            color: #000000;
            line-height: 0.62rem;
            padding: 0 0.45rem;
            box-sizing: border-box;
            display: flex;
        }

            .job_listfot ul li h3 span {
                width: 2rem;
            }

.job_btn {
    width: 1.2rem;
    height: 0.3rem;
    border: 1px solid #000;
    border-radius: 0.3rem;
    padding: 0 0.14rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.12rem;
    color: #000000;
    transition: all 0.3s linear;
    position: absolute;
    right: 0.5rem;
    top: 0.17rem;
}

    .job_btn img {
        width: 0.12rem;
    }

        .job_btn img:nth-of-type(1) {
            display: block;
        }

        .job_btn img:nth-of-type(2) {
            display: none;
        }

    .job_btn:hover {
        border-color: #2d4198;
        background: #2d4198;
        color: #fff;
    }

        .job_btn:hover img:nth-of-type(1) {
            display: none;
        }

        .job_btn:hover img:nth-of-type(2) {
            display: block;
        }

.job_zk {
    display: flex;
}

.job_sq {
    display: none;
}

.job_xq {
    width: calc(100% - 0.28rem);
    margin: 0.2rem auto;
    border-top: 1px solid #c6c6c6;
    padding: 0.56rem 0.33rem;
    box-sizing: border-box;
    display: none;
}

    .job_xq .cnt {
        font-size: 0.2rem;
        color: #888989;
        line-height: 0.43rem;
    }

    .job_xq h6 {
        font-size: 0.24rem;
        color: #2d4495;
        padding-top: 0.4rem;
    }

        .job_xq h6 a {
            color: #2d4495;
        }

.job_listfot ul li.on .job_zk {
    display: none;
}

.job_listfot ul li.on .job_sq {
    display: flex;
}

/*搜索页*/
.search_con {
    padding-bottom: 1rem;
}

.search_top {
    max-width: 750px;
    margin: 2.8rem auto 0.6rem auto;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
}

    .search_top input {
        flex: 1;
        height: 40px;
        border: none;
        background: none;
        font-size: 14px;
        color: #282828;
    }

.search_sub {
    width: 40px;
    background: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .search_sub img {
        width: 16px;
    }

.search_list {
    max-width: 750px;
    margin: 0 auto 1rem auto;
}

    .search_list li {
        border-bottom: 1px solid #d7d7d7;
        font-size: 14px;
        line-height: 50px;
    }

        .search_list li a {
            color: #808080;
            display: block;
            width: 100%;
            height: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .search_list li a:hover {
                color: #BB492D;
            }



@media(max-width:1688px) {
    .w_1604 {
        width: 90%;
    }

    .w_1542 {
        width: 90%;
    }
}

@media(max-width:1400px) {
    .pro_tjcon ul li {
        width: 31%;
        margin-right: 3.5%;
    }

        .pro_tjcon ul li:nth-of-type(3n) {
            margin-right: 0;
        }
}

@media(max-width:1200px) {
    .pro_conr ul li {
        width: 31%;
        margin: 0 2% 3.5% 0;
    }

        .pro_conr ul li:nth-of-type(3n) {
            margin-right: 0;
        }
}

@media(max-width:1024px) {

    .herder {
        width: 100vw;
    }

    .lan h2 {
        border-right: 1px solid #ccc;
        border-left: none;
    }

        .lan h2 a {
            font-size: 14px;
            padding: 0 0.3rem;
        }

    .search {
        width: 0.32rem;
        margin: 0 0.3rem;
    }

    .nav {
        width: 100vw;
        height: 100vh;
        background: #fff;
        position: fixed;
        left: 0;
        top: 1rem;
        padding: 0.5rem 5% 0 5%;
        box-sizing: border-box;
        transform: translateX(-100%);
        opacity: 0;
        transition: all 0.3s linear;
    }

        .nav.on {
            transform: translateX(0);
            opacity: 1;
        }

        .nav ul {
            display: block;
        }

            .nav ul li {
                margin-right: 0;
                border-bottom: 1px solid #ccc;
                height: auto;
                padding: 0.3rem 0;
            }

                .nav ul li h2 {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 16px;
                    margin-bottom: 0;
                    line-height: 1;
                }

                    .nav ul li h2 span {
                        width: 16px;
                    }

                        .nav ul li h2 span.ny_fotdhzk {
                            display: block;
                        }

                        .nav ul li h2 span.ny_fotdhsq {
                            display: none;
                        }

                .nav ul li .top_leave2 {
                    display: none;
                    width: 100% !important;
                    position: relative;
                    left: auto;
                    top: auto;
                    transform: translateX(0);
                    background: none;
                    padding-left: 0;
                    box-shadow: none;
                }

                .nav ul li dl dd {
                    margin: 14px 14px 0 0;
                    display: inline-block;
                }

                    .nav ul li dl dd a {
                        font-size: 13px;
                        color: #000;
                    }

                    .nav ul li dl dd:nth-of-type(5n) {
                        margin-right: 0;
                    }

                .nav ul li:nth-of-type(3) .top_leave2 {
                    width: 100%;
                    padding: 0.4rem 0 0 0;
                }

                    .nav ul li:nth-of-type(3) .top_leave2 dl dd {
                        margin: 0 0 0.4rem 0 !important;
                    }

                        .nav ul li:nth-of-type(3) .top_leave2 dl dd span {
                            width: 0.8rem;
                            height: 0.8rem;
                        }

                            .nav ul li:nth-of-type(3) .top_leave2 dl dd span img {
                                height: 0.5rem;
                            }

    .wap_navbtn {
        display: block;
        width: 0.4rem;
        height: 0.3rem;
        position: relative;
    }

        .wap_navbtn span {
            display: block;
            width: 100%;
            height: 1px;
            background: #000;
            position: absolute;
            transition: all 0.3s linear;
        }

            .wap_navbtn span:nth-of-type(1) {
                top: 0;
            }

            .wap_navbtn span:nth-of-type(2) {
                top: 50%;
            }

            .wap_navbtn span:nth-of-type(3) {
                top: 99%;
            }

        .wap_navbtn.on span:nth-of-type(1) {
            top: 50%;
            transform: rotate(45deg);
        }

        .wap_navbtn.on span:nth-of-type(2) {
            display: none;
        }

        .wap_navbtn.on span:nth-of-type(3) {
            top: 50%;
            transform: rotate(-45deg);
        }

    .herder_r .more {
        width: 1.4rem;
        height: 0.5rem;
        border-radius: 0.5rem;
        margin-right: 0;
    }

        .herder_r .more a img {
            display: none !important;
        }

    .ban {
        width: 100vw;
        height: 240vh;
    }

    .banqh {
        width: 100vw;
        overflow: hidden;
    }

    .swiper-container-ban .swiper-slide {
        height: 100vh;
    }

    .ban_pc {
        display: none;
    }

    .ban_wap {
        display: block;
    }

    .bantop {
        width: 100vw;
        height: 100vh;
    }

    .ban_bgc {
        width: 100vw;
    }

    .ban_prev {
        left: 5% !important;
    }

    .ban_next {
        right: 5% !important;
    }

    .ban_bgpc {
        display: none;
    }

    .ban_bgwap {
        display: block;
    }

    .bantop h2 {
        top: 24%;
    }

        .bantop h2 img {
            width: 200%;
            max-width: 200%;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }

    .home_pro {
        padding: 0 0 0.7rem 0;
        position: relative;
    }

        .home_pro .w_1604 {
            flex-wrap: wrap;
        }

        .home_pro .home_prol {
            width: 100%;
        }

    .tit {
        padding: 0.8rem 0 0.4rem 0;
    }

    .home_pronav {
        margin-bottom: 0.3rem;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .home_pronav ul {
            display: flex;
            justify-content: space-between;
            width: 160%;
        }

            .home_pronav ul li {
                font-size: 14px;
            }

    .home_prodian {
        display: none;
    }

    .more {
        width: 2rem;
        height: 0.64rem;
        border-radius: 0.64rem;
    }

        .more a {
            font-size: 12px;
        }

            .more a img {
                width: 0.26rem;
            }

    .home_pro .home_prol .more {
        position: absolute;
        right: 0;
        top: 1rem;
    }

    .home_pror {
        width: 100%;
    }

    .home_proqhcon {
        flex-wrap: wrap;
    }

    .home_proqhconl {
        width: 100%;
        height: auto;
        margin-bottom: 0.3rem;
        display: flex;
        align-items: center;
    }

    .pro_hov {
        display: none !important;
    }

    .pro_pic, .home_proqhconr ul li .pro_pic {
        width: 40%;
    }

    .pro_js, .home_proqhconr ul li .pro_js {
        padding: 0.3rem 0.3rem 0.3rem 0;
        box-sizing: border-box;
        width: 60%;
    }

    .home_proqhconl .pro_js {
        padding: 0.3rem 0.3rem 0.3rem 0;
    }

    .pro_js h2 {
        font-size: 12px;
    }

    .pro_js h3 {
        font-size: 14px;
        padding-bottom: 0.2rem;
    }

    .pro_js p {
        font-size: 12px;
        line-height: 20px;
    }

    .home_proqhconr {
        width: 100%;
    }

    .pro_js .more {
        display: block;
        width: 2rem;
        height: 0.6rem;
        margin-top: 0.26rem;
    }

        .pro_js .more a {
            font-size: 12px;
        }

            .pro_js .more a img {
                width: 0.2rem;
            }

    .home_abcon {
        padding: 0.7rem 0 0.2rem 0;
        position: relative;
    }

    .home_abtc {
        display: none !important;
    }

    .home_abtop {
        flex-wrap: wrap;
    }

    .home_abl {
        width: 100%;
    }

        .home_abl p {
            height: auto;
            font-size: 13px;
            line-height: 20px;
        }

    .home_abtop .home_abl .more {
        position: absolute;
        right: 5%;
        top: 0.9rem;
    }

    .home_abvideo {
        width: 100%;
        margin-top: 0.4rem;
    }

    .home_abfot {
        padding-top: 0.7rem;
    }

        .home_abfot ul {
            flex-wrap: wrap;
            justify-content: center;
        }

            .home_abfot ul li {
                width: 33.33%;
                margin-bottom: 0.4rem;
            }

                .home_abfot ul li h2 {
                    font-size: 0.4rem;
                }

                .home_abfot ul li p {
                    font-size: 13px;
                }

                .home_abfot ul li:nth-of-type(4) {
                    border-left: none;
                }

    .swiper-container-yy .swiper-slide {
        height: 7rem;
    }

    .home_yyjs h2 {
        height: 1rem;
    }

        .home_yyjs h2 img {
            max-width: 90%;
        }

    .home_yyjs h3 {
        font-size: 0.32rem;
    }

    .home_yyjs dl dd {
        font-size: 12px;
    }

    .swiper-container-yy .swiper-slide-active .home_yyjs h2 img:nth-of-type(1) {
        display: none;
    }

    .swiper-container-yy .swiper-slide-active .home_yyjs h2 img:nth-of-type(2) {
        display: block;
    }

    .swiper-container-yy .swiper-slide-active .home_yypic {
        display: block;
    }

    .swiper-container-yy .swiper-slide-active .home_yyjs h3 {
        color: #fff;
    }

    .swiper-container-yy .swiper-slide-active .home_yyjs dl dd {
        color: #fff;
    }

    .swiper-container-yy .swiper-slide-active .home_yyjt {
        transform: translateY(0);
        opacity: 1;
    }

    .home_yymap .w_1604 {
        flex-wrap: wrap;
    }

    .home_yymapl {
        width: 100%;
    }

    .home_yymapnav {
        margin: 0.4rem 0 0.3rem 0;
    }

        .home_yymapnav ul li h2 {
            font-size: 14px;
        }

    .home_yymapqh ul li {
        padding: 0.3rem;
    }

        .home_yymapqh ul li p {
            font-size: 13px;
            line-height: 24px;
        }

        .home_yymapqh ul li .more {
            display: block;
            width: 2rem;
            height: 0.6rem;
            margin-top: 0.26rem;
        }

            .home_yymapqh ul li .more a {
                font-size: 12px;
            }

                .home_yymapqh ul li .more a img {
                    width: 0.2rem;
                }

    .home_yymapr {
        width: 100%;
    }

        .home_yymapr ul li h3 {
            font-size: 10px;
            width: 2rem;
        }

        .home_yymapr ul li:nth-of-type(1) h3 {
            top: -0.2rem;
        }

        .home_yymapr ul li:nth-of-type(2) h3 {
            left: -1.3rem;
        }

        .home_yymapr ul li:nth-of-type(3) h3 {
            bottom: -0.3rem;
        }

        .home_yymapr ul li:nth-of-type(4) h3 {
            left: 0.2rem;
        }

    .home_rd {
        position: relative;
        padding-bottom: 0.4rem;
    }

    .home_rdlcon {
        flex-wrap: wrap;
    }

    .home_rdr {
        width: 100%;
        order: 1;
    }

    .home_rdl {
        width: 100%;
        order: 2;
    }

    .home_rdr .home_yybtn {
        position: absolute;
        right: 0;
        top: -1.2rem;
    }

    .home_rdnav {
        margin: 0;
    }

        .home_rdnav ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .home_rdnav ul li {
                width: 50%;
            }

                .home_rdnav ul li:hover, .home_rdnav ul li.on {
                    transform: translateX(0);
                }

    .home_rdjs {
        width: 100%;
        padding: 0;
        position: relative;
        bottom: auto;
        margin-top: 0.3rem;
    }

        .home_rdjs p {
            font-size: 13px;
            line-height: 26px;
            color: #000;
        }

        .home_rdjs dl {
            flex-wrap: wrap;
            border-top: 1px solid #000;
            padding-top: 0.3rem;
        }

        .home_rdjs dd {
            width: 50%;
            color: #000;
            font-size: 14px;
            margin-bottom: 6px;
            margin-right: 0;
        }

            .home_rdjs dd b {
                font-size: 16px;
                color: #000;
            }

    .home_news {
        padding-bottom: 1rem;
    }

    .news_list ul li {
        height: auto;
        padding-bottom: 0.4rem;
    }

        .news_list ul li a .news_js h2 span {
            font-size: 12px;
        }

        .news_list ul li a .news_js h3 {
            font-size: 14px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .news_list ul li a .news_js p {
            font-size: 12px;
            line-height: 24px;
        }

    .home_yc {
        width: 100%;
        overflow: hidden;
    }

        .home_yc > img {
            width: 300%;
            max-width: 300%;
            position: relative;
            left: -150%;
        }

    .home_ycjs p {
        font-size: 13px;
        line-height: 26px;
    }

    .fo_top {
        right: 5%;
    }

    .fot_top .w_1604 {
        flex-wrap: wrap;
    }

    .fot_top {
        padding: 0.4rem 0;
    }

    .fot_nav {
        width: 100%;
        margin-top: 0;
    }

        .fot_nav ul {
            display: block;
        }

            .fot_nav ul li {
                margin-right: 0;
                border-bottom: 1px solid #ccc;
                padding: 0.3rem 0;
            }

                .fot_nav ul li h2 {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 16px;
                    margin-bottom: 0;
                }

                    .fot_nav ul li h2 span {
                        width: 16px;
                    }

                        .fot_nav ul li h2 span.ny_fotdhzk {
                            display: block;
                        }

                        .fot_nav ul li h2 span.ny_fotdhsq {
                            display: none;
                        }

                .fot_nav ul li dl {
                    display: none;
                }

                    .fot_nav ul li dl dd {
                        margin: 14px 14px 0 0;
                        display: inline-block;
                    }

                        .fot_nav ul li dl dd a {
                            font-size: 13px;
                        }

                        .fot_nav ul li dl dd:nth-of-type(5n) {
                            margin-right: 0;
                        }

                .fot_nav ul li.on h2 span.ny_fotdhzk {
                    display: none;
                }

                .fot_nav ul li.on h2 span.ny_fotdhsq {
                    display: block;
                }

    .fot_tor {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.3rem 0;
    }

    .f_logo {
        width: 3rem;
    }

    .ewm {
        width: auto;
        margin: 0;
        display: block;
    }

        .ewm h2 {
            width: 2rem;
        }

        .ewm p {
            width: auto;
            font-size: 12px;
            text-align: center;
            padding-top: 6px;
        }

    .fot_bot {
        display: block;
        height: auto;
        padding: 0.3rem 2%;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 24px;
        text-align: center;
    }

    /*关于我们*/
    .ny_ban {
        height: 4.2rem;
        overflow: hidden;
    }

        .ny_ban img {
            width: 200%;
            max-width: 200%;
            position: relative;
            left: -50%;
        }

    .ny_banwz {
        bottom: 0.3rem;
    }

        .ny_banwz h2 {
            font-size: 0.36rem;
        }

    .ny_nav {
        padding: 0.22rem 0;
    }

        .ny_nav ul {
            display: block;
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
        }

            .ny_nav ul li {
                display: inline-block;
                padding: 0 0.4rem;
            }

                .ny_nav ul li:nth-of-type(1) {
                    padding-left: 0;
                }

                .ny_nav ul li a {
                    font-size: 0.26rem;
                }

    .ny_tit h2 {
        font-size: 0.36rem;
        padding-bottom: 0;
    }

    .ab_js {
        padding: 1rem 0;
    }

        .ab_js .w_1542 {
            flex-wrap: wrap;
        }

    .ab_jsl {
        width: 100%;
    }

    .ab_jsr {
        width: 100%;
        margin-top: 0.3rem;
    }

    .ab_jsl h4 {
        font-size: 0.32rem;
    }

    .ab_jsl p {
        font-size: 0.24rem;
        line-height: 2;
    }

    .ab_cl {
        height: auto;
    }

        .ab_cl .w_1542 {
            flex-wrap: wrap;
        }

        .ab_cl .ny_tit {
            margin-top: 1rem;
        }

    .ab_clr {
        width: 100%;
        margin: 0.6rem auto 1rem auto;
    }

        .ab_clr ul {
            height: auto;
            flex-wrap: wrap;
        }

            .ab_clr ul li {
                width: 100%;
                border-left: none;
                border-bottom: 1px solid #d2d6d8;
                height: auto;
                padding: 0.4rem 0;
            }

    .ab_clrcon {
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
    }

        .ab_clrcon h2 {
            margin: 0;
        }

        .ab_clrcon h3 {
            padding: 0 0 0 0.3rem;
        }

    .ab_clr ul li:hover .ab_clrcon {
        transform: translateY(0);
    }

    .ab_clrcon p {
        font-size: 0.26rem;
        width: 100%;
        text-align: left;
        margin-top: 0.3rem;
    }

    .ab_his {
        height: auto;
        padding-bottom: 1rem;
    }

    .swiper-container-histop {
        width: 100%;
    }

    .his_pic {
        width: 40%;
    }

    .his_js {
        padding: 0 0.2rem;
    }

        .his_js dl dd {
            font-size: 0.24rem;
        }

            .his_js dl dd span {
                width: 0.1rem;
                height: 0.1rem;
            }

            .his_js dl dd b {
                flex: 1;
            }

    .ab_hisprev {
        left: auto;
        right: 0.8rem;
        top: -0.8rem;
    }

    .ab_hisnext {
        right: 0;
        top: -0.8rem;
    }

    .swiper-container-histop .swiper-slide h2 {
        font-size: 1.2rem;
    }

    .swiper-container-hisfot {
        width: 90%;
    }

        .swiper-container-hisfot .swiper-slide p {
            font-size: 0.24rem;
        }

        .swiper-container-hisfot .swiper-slide-active p {
            font-size: 0.34rem;
        }

    .ab_fgs {
        padding: 1rem 0;
    }

    .ab_fgscon {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .ab_fgscon ul {
            width: 240%;
        }

    .ab_fgsname p {
        font-size: 0.26rem;
    }

    .ab_fgsjt {
        transform: translateY(0);
    }

    .ab_ry {
        padding: 1rem 0;
    }

    .swiper-container-ry p {
        font-size: 0.26rem;
    }

    /*分公司详情*/
    .branch_info h2 {
        font-size: 0.36rem;
    }

    .branch_info p {
        width: 100%;
        font-size: 0.26rem;
        line-height: 2;
    }

    .branch_info {
        padding-bottom: 1.4rem;
    }

    .branch_pic {
        padding-top: 0.5rem;
        width: 100%;
    }

    /*产品列表*/
    .ny_banwz h2 span {
        font-size: 0.26rem;
    }

    .pro_nav {
        padding: 0.22rem 0;
    }

    .swiper-container-profl .swiper-slide {
        padding: 0 0.4rem;
    }

        .swiper-container-profl .swiper-slide:nth-of-type(1) {
            padding-left: 0;
        }

        .swiper-container-profl .swiper-slide a {
            font-size: 0.26rem;
        }

    .pro_con .w_1542 {
        flex-wrap: wrap;
    }

    .pro_conl {
        width: 100%;
    }

    .pro_search {
        height: 0.8rem;
    }

        .pro_search input {
            font-size: 0.26rem;
            width: 80%;
        }

    .pro_seasub {
        height: 0.4rem;
        width: 20%;
    }

        .pro_seasub img {
            width: 0.3rem;
        }

    .pro_consel ul li h2 b {
        font-size: 0.28rem;
    }

    .pro_consel ul li h2 span {
        width: 0.2rem;
    }

    .pro_consel ul li dl dd {
        display: inline-flex;
        font-size: 0.26rem;
        margin: 0.26rem 0 0 0;
        width: 30%;
    }

        .pro_consel ul li dl dd span {
            width: 0.24rem;
            height: 0.24rem;
        }

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

    .remove_sel {
        height: 0.7rem;
        border-radius: 0.7rem;
        font-size: 0.26rem;
        width: 49%;
    }

        .remove_sel img {
            width: 0.2rem;
        }

    .pro_con {
        padding: 1rem 0;
    }

    .pro_conr {
        width: 100%;
        margin-top: 0.5rem;
    }

        .pro_conr ul li {
            width: 48%;
            margin: 0 4% 0.6rem 0;
        }

            .pro_conr ul li:nth-of-type(3n) {
                margin-right: 4%;
            }

            .pro_conr ul li:nth-of-type(2n) {
                margin-right: 0;
            }

            .pro_conr ul li a h2 {
                font-size: 0.28rem;
            }

            .pro_conr ul li a h6 span {
                font-size: 0.24rem;
                line-height: 2;
            }

    /*产品详情*/
    .pro_infocontop {
        padding: 0.6rem 0 0 0;
    }

        .pro_infocontop h2 {
            font-size: 0.24rem;
        }

    .pro_infojs {
        margin: 0.6rem 0 1rem 0;
    }

    .pro_infojspic {
        width: 50%;
        margin: 0.5rem 0 0 0;
    }

    .pro_infowz {
        width: 50%;
        padding-left: 3%;
        box-sizing: border-box;
    }

        .pro_infowz h3 {
            margin: 0.2rem 0;
        }

            .pro_infowz h3 span {
                font-size: 0.24rem;
                line-height: 1.8;
                padding: 0 0.14rem;
            }

        .pro_infowz h2 {
            transform: translateX(-110%);
        }

        .pro_infowz p {
            font-size: 0.24rem;
            line-height: 2;
        }

    .pro_infotit {
        font-size: 0.36rem;
        padding: 1rem 0 0.4rem 0;
    }

    .pro_cs {
        padding-bottom: 1rem;
    }

    .pro_cscon {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .pro_cscon ul {
            width: 140%;
        }

            .pro_cscon ul li {
                font-size: 0.24rem;
            }

    .pro_tjcon {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
        /*.pro_tjcon ul{width: 150%;}*/
        .pro_tjcon ul li {
            width: 48.25%;
            margin-right: 3.5%;
        }

            .pro_tjcon ul li:nth-of-type(2n) {
                margin-right: 0;
            }

            .pro_tjcon ul li a h2 {
                font-size: 0.26rem;
                padding-left: 0;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .pro_tjcon ul li a h6 {
                padding-left: 0;
                font-size: 0.24rem;
            }

    /*LOT*/
    .lot {
        padding: 1rem 0 0.6rem 0;
    }

        .lot ul li {
            flex-wrap: wrap;
        }

    .lot_r {
        width: 100%;
        order: 1;
        position: relative;
        z-index: 2;
    }

        .lot_r::after {
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.2);
            content: '';
            position: absolute;
            left: 0;
            top: 0;
        }

    .lot_l {
        width: 100%;
        order: 2;
        height: auto;
        position: relative;
        z-index: 3;
        padding-bottom: 0.2rem;
    }

        .lot_l a {
            padding-left: 0;
        }

            .lot_l a h2 {
                padding-top: 0;
                position: relative;
                top: -1.2rem;
                color: #fff;
                left: 5%;
            }

            .lot_l a h3 {
                font-size: 0.36rem;
                position: relative;
                top: -1.1rem;
                margin-bottom: -0.9rem;
                left: 5%;
            }

            .lot_l a dl {
                display: flex;
                justify-content: center;
            }

                .lot_l a dl dd {
                    font-size: 0.26rem;
                    margin: 0 0.2rem;
                }

    .lot ul li:nth-of-type(4) .lot_l a dl dd, .lot ul li:nth-of-type(6) .lot_l a dl dd {
        margin: 0 0.06rem;
    }

    .lot_jt {
        opacity: 1;
        transform: translateY(0);
        width: 0.6rem;
        right: 5%;
        bottom: 1.16rem;
    }

    /*LOT详情*/
    .lot_infotopcon {
        margin: 0.8rem 0 0.6rem 0;
    }

        .lot_infotopcon .more {
            top: 0;
        }

        .lot_infotopcon h2 {
            text-align: left;
            font-size: 0.4rem;
        }

    .lot_infofot {
        flex-wrap: wrap;
    }

    .lot_infofotr {
        width: 100%;
        order: 1;
        margin-right: 0;
    }

    .lot_infofotl {
        width: 100%;
        order: 2;
        margin-top: 0.6rem;
    }

        .lot_infofotl p {
            font-size: 0.26rem;
            line-height: 2;
        }

    .lot_infocj p {
        font-size: 0.26rem;
        line-height: 2;
    }

    .lot_infocj ul li {
        flex-wrap: wrap;
        padding: 0.4rem 0;
    }

        .lot_infocj ul li h5 {
            width: 100%;
            order: 2;
            font-size: 0.26rem;
            line-height: 2;
            padding-top: 0.3rem;
        }

        .lot_infocj ul li h6 {
            width: 100%;
            order: 1;
            margin-right: 0;
        }

    /*æ–°é—»*/
    .news {
        padding-top: 1rem;
    }

    .nynews_list ul li {
        margin-top: 0.4rem;
    }

    .nynews_listpic {
        width: 45%;
    }

    .nynews_listr {
        width: 55%;
        padding-left: 5%;
        box-sizing: border-box;
    }

    .nynews_list ul li a .nynews_listr h2 {
        font-size: 0.26rem;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-top: 0.2rem;
    }

    .nynews_list ul li a .nynews_listr h3 {
        font-size: 0.24rem;
    }

        .nynews_list ul li a .nynews_listr h3 img {
            width: 0.24rem;
        }

    .nynews_list ul li a .nynews_listr p {
        font-size: 0.24rem;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page {
        margin: 0.8rem auto 1.2rem auto;
    }

        .page a {
            font-size: 0.26rem;
            line-height: 2;
            padding: 0 0.2rem;
        }

    /*新闻详情*/
    .news_info {
        padding-top: 1rem;
    }

        .news_info .w_1542 {
            flex-wrap: wrap;
        }

    .news_infol {
        width: 100%;
        margin-left: 0;
    }

        .news_infol h2 {
            font-size: 0.36rem;
            line-height: 2;
        }

        .news_infol h3 {
            font-size: 0.24rem;
        }

            .news_infol h3 img {
                width: 0.24rem;
            }

        .news_infol p {
            font-size: 0.26rem;
            line-height: 2;
        }

    .news_infobtn {
        justify-content: left;
        margin: 1rem 0 0 0;
    }

        .news_infobtn div {
            margin: 0 0.3rem 0 0;
        }

            .news_infobtn div a {
                font-size: 0.26rem;
            }

                .news_infobtn div a h6 {
                    width: 1rem;
                }

    .news_infor {
        width: 100%;
        padding-bottom: 1rem;
    }

        .news_infor .more {
            position: relative;
            top: -0.9rem;
            margin-bottom: -0.9rem;
        }

        .news_infor h2 {
            border-top: 1px solid #000;
            margin-top: 0.7rem;
            font-size: 0.36rem;
        }

    .news_infotj ul li a h4 {
        font-size: 0.26rem;
    }

    .news_infotj ul li a p {
        font-size: 0.24rem;
    }

        .news_infotj ul li a p img {
            width: 0.24rem;
        }

    /*人才招聘*/
    .job_hj {
        padding: 1rem 0;
    }

    .job_hjcon {
        flex-wrap: wrap;
        margin-top: 0.7rem;
    }

    .job_hjconl {
        width: 100%;
        order: 1 !important;
    }

    .job_hjconr {
        width: 100%;
        order: 2 !important;
        margin-top: 0.4rem;
    }

        .job_hjconr h3 {
            font-size: 0.32rem;
            padding-bottom: 0.2rem;
        }

        .job_hjconr p {
            font-size: 0.26rem;
            line-height: 2;
        }

    .job_fl {
        padding: 1rem 0;
    }

        .job_fl ul {
            margin-top: 0.3rem;
            flex-wrap: wrap;
        }

            .job_fl ul li {
                width: 100%;
                border-bottom: 1px solid #6d7073;
                padding: 0.4rem 0;
            }

    .job_flcon h2 {
        width: 1rem;
    }

    .job_flcon h3 {
        font-size: 0.32rem;
    }

    .job_flcon p {
        font-size: 0.26rem;
        line-height: 2;
    }

    .job_fl ul li h4 {
        font-size: 1.6rem;
        top: 0.6rem;
    }

    .job_fotpic {
        overflow: hidden;
    }

        .job_fotpic img {
            width: 400%;
            max-width: 400%;
            position: relative;
            left: -160%;
        }

    .job_fotcon .ny_tit {
        margin-top: 1rem;
    }

    .job_fotconjs p {
        font-size: 0.26rem;
        line-height: 2;
    }

    /*招聘列表*/
    .job_topt {
        height: auto;
        flex-wrap: wrap;
        box-sizing: border-box;
        background: none;
        padding: 0;
    }

    .job_toptl {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        background: #f7f8f8;
        padding: 0.4rem 0.2rem;
        box-sizing: border-box;
    }

    .job_toptlcon {
        width: 48%;
        box-sizing: border-box;
        padding: 0 !important;
        margin-bottom: 0.1rem;
        font-size: 0.24rem;
    }

        .job_toptlcon:nth-of-type(2n)::before {
            display: none;
        }

        .job_toptlcon h2 {
            width: 40%;
        }

        .job_toptlcon select {
            width: auto;
            flex: 1;
            font-size: 0.24rem;
            height: 0.6rem;
            background-position: 90% center;
        }

    .job_toptr {
        width: 100%;
        height: 0.8rem;
        border-radius: 0.8rem;
        margin-top: 0.5rem;
    }

        .job_toptr input {
            font-size: 0.24rem;
        }

    .job_topsub {
        height: 0.4rem;
    }

        .job_topsub img {
            width: 0.28rem;
        }

    .job_listfot h2 {
        font-size: 0.26rem;
        line-height: 0.8rem;
        padding: 0 0.2rem;
    }

        .job_listfot h2 span {
            width: 22%;
        }

            .job_listfot h2 span:nth-of-type(1) {
                width: 34%;
            }

    .job_listfot ul li h3 {
        font-size: 0.26rem;
        padding: 0 0.2rem;
        line-height: 0.8rem;
    }

        .job_listfot ul li h3 span {
            width: 22%;
        }

            .job_listfot ul li h3 span:nth-of-type(1) {
                width: 34%;
            }

    .job_btn {
        display: none !important;
    }

    .job_xq {
        width: calc(100% - 0.4rem);
        padding: 0.6rem 0;
    }

        .job_xq p {
            font-size: 0.26rem;
            line-height: 2;
        }

        .job_xq h6 {
            font-size: 0.26rem;
            line-height: 2;
        }

    /*联系方式*/
    .contact_list ul li h2 {
        padding: 0.7rem 0 0.4rem 0.4rem;
    }

    .contact_list ul li {
        width: 100%;
    }

        .contact_list ul li h2 {
            font-size: 0.36rem;
        }

    .contact_listcon h3 {
        font-size: 0.32rem;
        padding: 0.6rem 0 0 0.5rem;
    }

    .contact_listcon p {
        font-size: 0.26rem;
    }

        .contact_listcon p img {
            width: 0.32rem;
            margin: 0 0.1rem 0 0.2rem;
        }

    .contact_mes {
        padding: 1rem 0 1.3rem 0;
    }

        .contact_mes .w_1542 {
            flex-wrap: wrap;
        }

    .contact_mesl {
        width: 100%;
        height: 3rem;
        overflow: hidden;
    }

    .contact_mesr {
        width: 100%;
        margin: 0.6rem 0 0 0;
    }

        .contact_mesr p {
            font-size: 0.26rem;
            line-height: 2;
        }

    .contact_bdk input, .contact_bdk select, .contact_bdk textarea {
        height: 0.8rem;
        font-size: 0.26rem;
    }

    .contact_bdk select {
        background-size: 0.2rem 0.12rem;
    }

    .contact_messub {
        height: 0.8rem;
        border-radius: 0.8rem;
        font-size: 0.26rem;
    }

        .contact_messub img {
            width: 0.3rem;
        }

    /*搜索页*/
    .search_con {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 1rem;
    }

    .search_list {
        width: 90%;
        margin: 0 auto 1rem auto;
    }
}


@keyframes ban {
    0% {
        transform: translateY(100%);
    }

    25% {
        transform: translateY(50%);
    }

    50% {
        transform: translateY(0%);
    }

    75% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(100%);
    }
}



.pro_consel .item2 h3 {
    font-size: 0.18rem;
    color: #000000;
    font-family: 'arial';
    margin-top: 0.14rem;
}

    .pro_consel .item2 h3 span {
        display: inline-block;
        width: 0.18rem;
        height: 0.18rem;
        background: #aaa;
        margin-right: 0.16rem;
    }

.pro_consel .item2.on h3 span {
    background: #324787;
}
.pro_consel .item2.disabled h3 span {
    background: #eee;
    cursor:not-allowed;
}

.pro_consel .item2 h3 .icons {
    display: inline-flex;
    margin-top: 0.05rem;
    align-items: center;
    width: 0.12rem;
    height: 0.12rem;
    float: right;
}

    .pro_consel .item2 h3 .icons img:nth-of-type(1) {
        display: block;
    }

    .pro_consel .item2 h3 .icons img:nth-of-type(2) {
        display: none;
    }

.pro_consel .down h3 .icons img:nth-of-type(1) {
    display: none;
}

.pro_consel .down h3 .icons img:nth-of-type(2) {
    display: block;
}

.pro_consel .item2 dd {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #000000;
    font-family: 'arial';
    margin-top: 0.14rem;
}

    .pro_consel .item2 dd span {
        width: 0.18rem;
        height: 0.18rem;
        background: #bbb;
        margin-right: 0.16rem;
    }

    .pro_consel .item2 dd.on span {
        background: #324787;
    }
    .pro_consel .item2 dd.disabled span {
        background: #eee;
        cursor:not-allowed;
    }

@media (max-width: 1024px) {
    .pro_consel ul li dl .item1 {
        display: inline-flex;
        font-size: 0.26rem;
        margin: 0.26rem 0 0 0;
        margin-top: 0.26rem;
        width: 30%;
    }

    .pro_consel ul li dl .item2 {
        display: block;
        width: 100%;
    }

        .pro_consel ul li dl .item2 h3 {
            display: block;
            font-size: 0.26rem;
            margin: 0.26rem 0 0 0;
        }

    .pro_consel ul li .item2 h3 .icons {
        width: 0.2rem;
        margin-top: 0.1rem;
    }

    .pro_consel .item2 dd {
        width: 100%;
        font-size: 0.26rem;
    }

    .pro_consel ul li dl .item1 span {
        width: 0.24rem;
        height: 0.24rem;
    }

    .pro_consel ul li dl .item2 span {
        width: 0.24rem;
        height: 0.24rem;
    }
}