/******* 通用样式 *******/
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img { max-width: 100%; max-height: 100%; }
.main { width: 100%; max-width: 1230px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; }


/******* 首页 *******/
/* .wrapper { width: 100%; margin: 0 auto; position: relative; max-width: 1000px; } */
.wrapper { width: 100%; margin: 0 auto; position: relative; }
.header { width: 100%; background: #e9e7ef; }
.header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.header, .header * { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.logo { width: 27%; max-width: 480px; height: 70px; position: relative; float: left; margin-left: 1%;}
.logo img { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; padding: 10px 0; }
.logo .stock_code { position: absolute; left: 160px; top: 15px; margin: auto; font-size: 14px; }
.logo li.code { font-size: 17px; }
/* .nav { width: 60%; float: left; margin-left: 1%; text-align: center; } */
.nav { width: 70%; float: right; margin-right: 1%; text-align: right; height: 70px; }
.nav ul { word-spacing: -40px; display: flex; width: 100%; height: 70px; justify-content:space-around }
.nav li { /*float: left;*/ display: inline-block; font-size: 20px; vertical-align: top; word-spacing: 0; position: relative; align-self: center; }
.nav li a { display: block; font-size: 20px; color: #333; line-height: 35px; /*padding: 0 20px;*/ padding: 0 5px; }
.nav ul li:hover a, .nav ul li a.active { /*background: #336d97;*/ background: #d8dadc; color: #336d97; }
.subnav { width: 100%; background: #d8dadc; position: absolute; left: 0; top: 35px; z-index: 10; display: none; }
.subnav a { background: #dedede !important; line-height: 40px !important; border-top: 1px solid rgba(255,255,255,.35); text-align: center; font-size: 14px !important; color: #336d97 !important; }
.subnav a:hover { background: #336d97 !important; color: #fff !important; }
.nav ul li:hover .subnav { display: block; }
.search_box { width: 12%; height: 30px; border: 1px solid #ddd; border-radius: 30px; position: absolute; right: 0; top: 20px; }
.search_text { width: 100%; height: 28px; border-radius: 28px; outline: none; padding: 0 30px 0 10px; }
.search_submit { width: 28px; height: 28px; border-radius: 28px; outline: none; background: url(../images/icon01.png) no-repeat center center #fff; position: absolute; right: 5px; top: 0; }

@media screen and (max-width:1500px) {
    .nav { width: 70%; margin-left: 1%; }
    .nav li { margin: 0; }
    /* .nav li a.end_with_vertical_line::after { content: "|"; clear: both; padding-left: 5px; } */
    .nav li.english_version { font-weight: bold; margin-left: 50px;}
}

@media screen and (max-width:1279px) {
    .logo { width: 60%; height: 80px; float: none; }
    .nav { width: auto; float: none; display: block; margin-left: 0; text-align: left; }
    .nav li a { line-height: 30px; }
    .subnav { top: 30px; }
    .search_box { width: 25%; top: 25px; }
}

@media screen and (max-width:768px) {
    .wrapper, .main { padding: 0 3%; }

    body { padding-top: 10px; }
    .search_btn { width: 30px; height: 30px; display: block; background: url(../images/search_btn.png) no-repeat; position: absolute; right: 55px; top: 10px; }
    .menu_btn { width: 30px; height: 30px; display: block; background: url(../images/menu_btn.png) no-repeat; position: absolute; right: 15px; top: 10px; }
    .overlay { width: 100%; height: 100%; position: fixed; right: -100%; top: 0; background: rgba(0,0,0,0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000,endColorstr=#0f000000); z-index: 9; }
    .header { box-shadow: 0 2px 5px rgba(0,0,0,.1); position: fixed; left: 0; top: 0; padding-top: 0; z-index: 10; }
    .logo { width: 70%; height: 50px; }
    .logo img { padding: 5px 0; }
    .nav { width: 200px; height: 100%; background: #336d97; overflow-y: auto; box-shadow: 0 0 10px 3px rgba(0,0,0,.3); margin-top: 0; position: fixed; right: -205px; top: 0; z-index: 11; }
    .nav ul li { float: none; width: 100%; height: auto; border-bottom: 1px solid #9bd0f7; margin-left: 0; }
    .nav ul li a { display: block; line-height: 49px; color: #fff; padding: 0 20px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    .nav ul li:hover a { background: #336d97; color: #fff; }
    .nav ul li a.active { background: #9bd0f7; }
    .nav ul li a:hover, .nav ul li a:link, .nav ul li a:active { outline: none; }
    .subnav { background: #336d97; position: static; display: block; }
    .subnav a { height: 50px; background: #336d97 !important; color: #fff !important; }
    .search_box { width: 100%; height: 40px; position: fixed; right: 0; top: 60px; display: none; }
    .search_text { height: 38px; padding: 0 30px 0 15px; }
    .search_submit { width: 38px; height: 38px; }
    /* 处理手机端样式错乱问题 */
    .nav ul { word-spacing: -40px; display: inline-table; width: 100%; }
    .nav ul li.vertical_line { display: none; }
}


.index_banner { position: relative; font-size: 0; }
/* .index_banner .swiper-button-prev { width: 50px; height: 50px; background: url(../images/icon02.png) no-repeat center center; left: 3%; margin-top: -25px; } */
/* .index_banner .swiper-button-next { width: 50px; height: 50px; background: url(../images/icon03.png) no-repeat center center; right: 3%; margin-top: -25px; } */
.index_banner .swiper-pagination { bottom: 15px !important; padding: 0 3%; text-align: left; }
.index_banner .swiper-pagination-bullet { width: 20px; height: 5px; background: #336d97; border-radius: 0; opacity: .45; filter: alpha(opacity=45); }
.index_banner .swiper-pagination-bullet-active { width: 50px; opacity: 1; filter: alpha(opacity=100); }

.index_banner_new { width: 100%; height: 93vh; margin: 0 auto; position: relative; }
.index_section { width: 100%; height: 64vh; margin: 0 auto; position: relative; }
.index_section_title { width: 100%; height: 20vh; margin: 5vh auto 1vh auto; position: relative; text-align: center; font-size: xx-large; color: #818181; }
.index_section_sub_title { width: 100%; height: 3vh; margin: 0 auto; position: relative; text-align: center; font-size: xx-small; color: #65b5f7; }
/* 清除列之后的浮动 */
.index_row:after {
    content: "";
    display: table;
    clear: both;
}

.index_column {
    float: left;
    width: 25%;
    padding: 10px;
    text-align: center;
}

.index_column_product {
    float: left;
    width: 25%;
    padding: 15px;
    text-align: center;
}

.index_column_left {
    float: left;
    width: 50%;
    padding: 15px;
}

.index_column_right {
    float: right;
    width: 50%;
    padding: 15px;
}

.index_column img {
    width: 20vh;
    height: 20vh;
    object-fit: contain;
}

.index_column_product img {
    width: 20vh;
    height: 20vh;
    object-fit: contain;
}

.index_column_left img {
    float: right;
    width: 57vh;
    height: 38vh;
    object-fit: fill;
    margin-right: 10vh;
}

.index_column img.index_news_img {
    width: 46vh;
    height: 27vh;
    object-fit: fill;
}

.index_column p {
    text-align: center;
}

.index_column_product p {
    text-align: center;
}

.index_paragraph {
    font-size: large;
    line-height: 30px;
    color: #919191;
    padding-right: 20vh;
}

.index_note {
    font-size: large;
    color: #747575;
}

.index_sub_note {
    font-size: small;
    color: #747575;
}

.index_column .index_news_description {
    margin: 0 auto;
    width: 46vh;
    text-align: center;
}

.index_column_product .index_news_description {
    margin: 0 auto;
    width: 46vh;
    text-align: center;
}

.index_news_full_date {
    float: left;
    width: 20%;
    text-align: left;
}

.index_news_date {
    font-size: large;
    color: #42a5f6;
}

.index_news_year {
    font-size: small;
    color: #42a5f6;
}

.index_news_title {
    float: right;
    width: 80%;
    font-size: large;
    color: #000;
    text-align: left;
}

.index_news_abstract {
    width: 100%;
    font-size: small;
    color: #747575;
    text-align: left;
}

@media screen and (max-width:1279px) {
    .index_banner { margin-top: 20px; }

    .index_banner_new { margin-top: 20px; }
}

@media screen and (max-width:768px) {
    .index_banner { margin-top: 0; }
    .index_banner .swiper-button-prev, .index_banner .swiper-button-next { display: none; }
    .index_banner .swiper-pagination { bottom: 10px !important; text-align: center; }
    .index_banner .swiper-pagination-bullet-active { width: 20px; }

    .index_banner_new { height: 30vh; margin-top: 0; }
    .index_section { width: 100%; margin: 0 auto; position: relative; }
    .index_section_title { width: 100%; height: 10vh; margin: 5vh auto 1vh auto; position: relative; text-align: center; font-size: xx-large; color: #818181; }
    .index_section_sub_title { width: 100%; height: 3vh; margin: 0 auto; position: relative; text-align: center; font-size: xx-small; color: #65b5f7; }
    
    /* 清除列之后的浮动 */
    /* .index_section:after {
        content: "";
        display: table;
        clear: both;
    } */
        
    .index_column {
        float: left;
        width: 100%;
        text-align: center;
    }

    .index_column_product {
        float: left;
        width: 100%;
        text-align: center;
    }

    .index_column_left {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .index_column_right {
        float: right;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .index_column img {
        width: 100%;
        object-fit: contain;
    }

    .index_column_product img {
        width: 100%;
        object-fit: contain;
    }

    .index_column_left img {
        float: left;
        width: 100%;
        text-align: center;
        object-fit: fill;
        margin: auto;
    }

    .index_column img.index_news_img {
        width: 46vh;
        height: 27vh;
        object-fit: fill;
    }

    .index_column p {
        text-align: center;
    }

    .index_column_product p {
        text-align: center;
    }

    .index_paragraph {
        font-size: large;
        line-height: 30px;
        color: #919191;
    }

    .index_note {
        font-size: large;
        color: #747575;
    }

    .index_sub_note {
        font-size: small;
        color: #747575;
    }

    .index_column .index_news_description {
        margin: 0 auto;
        width: 46vh;
        text-align: center;
    }

    .index_column_product .index_news_description {
        margin: 0 auto;
        width: 46vh;
        text-align: center;
    }

    .index_news_full_date {
        float: left;
        width: 20%;
        text-align: left;
    }

    .index_news_date {
        font-size: large;
        color: #42a5f6;
    }

    .index_news_year {
        font-size: small;
        color: #42a5f6;
    }

    .index_news_title {
        float: left;
        width: 70%;
        font-size: large;
        color: #000;
        text-align: left;
    }

    .index_news_abstract {
        width: 80%;
        font-size: small;
        color: #747575;
        text-align: left;
    }
}


.index_news { width: 50%; min-width: 600px; height: 50px; background: rgba(255,255,255,.8); margin: -50px auto 0; position: relative; z-index: 2; }
.index_news_conl { width: 20%; height: 50px; background: rgba(51,109,151,.8); float: left; line-height: 50px; text-align: center; font-size: 14px; color: #fff; }
.index_news_conl span { font-size: 14px; font-weight: bold; }
.index_news_con .con { padding: 0 10px; line-height: 50px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_news_conr { min-width: 80px; height: 100%; position: absolute; right: 0; top: 0; }
.index_news_conr .swiper-pagination { width: auto; bottom: 15px; font-size: 14px; color: #999; }
.index_news_conr .swiper-pagination-current { font-size: 24px; color: #336d97; }
.index_news_conr .swiper-button-prev, .index_news_conr .swiper-button-next { width: 4px; height: 8px; top: 50%; margin-top: -4px; }
.index_news_conr .swiper-button-prev { background: url(../images/icon07.png) no-repeat; left: auto; right: 20px; }
.index_news_conr .swiper-button-next { background: url(../images/icon08.png) no-repeat; }

.index_gap1 { height: 60px; }

@media screen and (max-width:1279px) {
    .index_news { width: 94%; min-width: 0; background: #dedede; margin: 20px auto 0; }
    .index_gap1 { height: 30px; }
}

@media screen and (max-width:768px) {
    .index_news { padding-right: 0; }
    .index_news_conl { display: none; }
    .index_news_con .con { font-size: 14px; }
    .index_gap1 { height: 10px; }
}


.index_gap { height: 180px; }
.ml_percent4 { margin-left: 4%; }
.index_intro { width: 48%; float: left; }
.index_intro .conl { width: 39%; display: block; float: left; }
.index_intro .conr { margin-left: 41%; }
.index_intro .txt { font-size: 14px !important; color: #666 !important; line-height: 26px; max-height: 52px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-family: 'Microsoft YaHei' !important; }
.index_intro .txt * { font-size: 14px !important; color: #666 !important; font-family: 'Microsoft YaHei' !important; }
.index_intro .txt b { color: #666; }
.index_intro .link { overflow: hidden; margin-top: 20px; }
.index_intro .link a { display: inline-block; vertical-align: top; width: 60px; height: 60px; background: #dcdcdc; text-align: center; margin-right: 11px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.index_intro .link img { width: 30px; height: 30px; margin-top: 15px; }
.index_intro .link .i2 { display: none; }
.index_intro .link p { font-size: 12px; color: #fff; line-height: 20px; display: none; }
.index_intro .link a:hover { background: #336d97; }
.index_intro .link a:hover img { margin-top: 5px; }
.index_intro .link a:hover .i1 { display: none; }
.index_intro .link a:hover .i2 { display: inline-block; }
.index_intro .link a:hover p { display: block; }

@media screen and (max-width:1366px) {
    .index_intro .txt { max-height: 52px; -webkit-line-clamp: 2; }
    .index_intro .link { margin-top: 15px; }
}


@media screen and (max-width:1279px) {
    .index_gap { height: 20px; }
    .index_intro .conl { width: 100%; float: none; }
    .index_intro .conr { margin-left: 0; margin-top: 10px; }
}

@media screen and (max-width:768px) {
    .index_intro .txt { font-size: 13px; line-height: 24px; max-height: 72px; -webkit-line-clamp: 3; }
    .index_intro .link { display: none; }
}


.foot_gap { height: 60px; }
.footer { background: #282828; overflow: hidden; padding: 15px 0; font-size: 14px; color: #7f7f7f; line-height: 32px; }
.footer .share { float: left; }
/*.footer .share a { width: 32px; height: 32px; display: inline-block; vertical-align: top; }
.footer .qq { background: url(../images/icon13.png) no-repeat; }
.footer .weibo { background: url(../images/icon14.png) no-repeat; }
.footer .weixin { background: url(../images/icon15.png) no-repeat; }*/

.footer .share a { width: 30px; height: 30px; text-align: center; font-size: 13px !important; cursor: pointer; padding: 32px 0 0 !important; margin: 0 5px 0 0 !important; position: relative; background-position: center top; background-repeat: no-repeat; margin-right: 5px; }
.footer .share a:hover { opacity: 1; }
.footer .qq { background-image: url(../images/icon13.png); background-size: 30px 30px; }
.footer .weibo { background-image: url(../images/icon14.png); background-size: 30px 30px; }
.footer .weixin { background-image: url(../images/icon15.png); background-size: 30px 30px; }
.footer .qq:hover { background-image: url(../images/icon13_1.png); background-size: 30px 30px; }
.footer .weibo:hover { background-image: url(../images/icon14_1.png); background-size: 30px 30px; }
.footer .weixin:hover { background-image: url(../images/icon15_1.png); background-size: 30px 30px; }


.bd_weixin_popup { height: 300px !important; }


.footer .txtl { float: left; margin-left: 5%; }
.footer .txtl span { margin-right: 25px; }
.footer .txtl img { display: inline-block; vertical-align: top; position: relative; top: 5px; margin-right: 5px;}
.footer .txtr { float: right; margin-right: 7%;}
.footer .txtr div { float: left; margin-right: 20px; }
.footer .txtr div span { margin-left: 20px; }

@media screen and (max-width:1600px) {
    .footer .txtr { float: right;  margin-right: 7%;}
    .footer .txtr span { margin-left: 25px; }
}

@media screen and (max-width:1279px) {
    .foot_gap { height: 30px; }
    .footer .share, .footer .txtl, .footer .txtr { float: none; }
    .footer .txtl { margin-left: 0; margin-top: 10px; }
    .footer .txtl span { margin-right: 0; display: block; }
}

@media screen and (max-width:768px) {
    .foot_gap { height: 10px; }
    .footer { width: 100%; }
}

@media screen and (max-width:640px) {
    .footer .txtr span { margin-right: 0; display: block; }
}

.wx_popup { width: 240px; height: 287px; background: #fff; border: solid 1px #d8d8d8; position: fixed; left: 50%; top: 50%; z-index: 12; margin-left: -120px; margin-top: -143.5px; padding: 10px; }
.wx_popup_head { font-size: 12px; font-weight: bold; text-align: left; line-height: 16px; height: 16px; position: relative; color: #000; }
.wx_popup_close { width: 16px; height: 16px; position: absolute; right: 0; top: 0; color: #999; text-decoration: none; font-size: 16px; }
.wx_popup_main { width: 180px; height: 180px; border: 1px solid #ccc; font-size: 0; margin: 15px auto 0; }
.wx_popup_foot { font-size: 12px; text-align: left; line-height: 22px; color: #666; margin-top: 10px; }





/******* 关于我们 *******/
.inpage_banner { width: 100%; height: 438px; margin: 0 auto; position: relative; }
.inpage_banner .main { height: 100%; }
.inpage_banner .txt { font-size: 48px; color: #1B68AD; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -31px; }

@media screen and (max-width:1279px) {
    .inpage_banner { margin-top: 20px; }
    .inpage_banner .txt { font-size: 20px; margin-top: -23px; }
}

@media screen and (max-width:768px) {
    .inpage_banner { height: 120px; margin-top: 0; }
    .inpage_banner .txt { font-size: 18px; margin-top: -13.5px; padding-left: 3%; }
}

/*企业介绍*/
.intro_main { width: 100%; max-width: 1200px; margin: 0 auto; position: relative; }

.intro_shanghai { margin-top: 135px; }
.intro_lanzhou { margin-top: 145px; margin-bottom: 175px; }

.intro_shanghai_top { margin-top: 135px; }
.intro_lanzhou_top { margin-top: 135px; }

.intro_shanghai_top_content { width: 95%; float: right; }
.intro_lanzhou_top_content { width: 95%; float: left; }

.intro_shanghai_top_content, .intro_lanzhou_top_content { background-color: #e9e7ef; }

.intro_shanghai_top_main_img { width: 40%; max-width: 570px; max-height: 380px; float: left; margin-top: -35px; margin-left: -5%; }
.intro_lanzhou_top_main_img { width: 40%; max-width: 570px; max-height: 380px; float: right; margin-top: -35px; margin-right: -5%; }

.intro_shanghai_top_title { width: 130px; height: 50px; line-height: 50px; text-align: center; background-image: url(../images/introduction0.png); background-size: 130px 50px; margin-top: -25px; margin-right: 65px; font-size: large; color: #ffffff; float: right; }
.intro_lanzhou_top_title { width: 130px; height: 50px; line-height: 50px; text-align: center; background-image: url(../images/introduction0.png); background-size: 130px 50px; margin-top: -25px; margin-left: 65px; font-size: large; color: #ffffff; float: left; }

.intro_shanghai_top_description { font-size: 15px; line-height: 24px; width: 55%; float: right; margin-right: 65px; }
.intro_lanzhou_top_description { font-size: 15px; line-height: 24px; width: 55%; margin-top: 45px; margin-left: 65px; }

.intro_shanghai_bottom, .intro_lanzhou_bottom { margin-top: 45px; text-align: center; }
.intro_shanghai_bottom_left, .intro_shanghai_bottom_right, .intro_lanzhou_bottom_left, .intro_lanzhou_bottom_right { display: inline; width: 49.5%; height: 230px; margin-top: 65px; }
.intro_lanzhou_bottom_img { display: inline; width: 33%; height: 230px; margin-top: 65px; }

.intro_title { width: 30%; text-align: right; margin-top: 60px; }
.intro_title span { font-size: 20px; font-weight: bold; color: #4c4c4c; }
.intro_title em { font-size: 16px; color: #336d97; display: block; margin-top: 5px; }
.intro_list li { margin-top: 150px; margin-bottom: 550px; }
.intro_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.intro_list .conl { width: 30%; float: left; }
.intro_list .add { text-align: right; }
.intro_list .add h4 { font-size: 16px; font-weight: bold; color: #4c4c4c; }
.intro_list .add p { font-size: 13px; color: #336d97; margin-top: 5px; }
.intro_list .img { background: #336d97; margin-right: 5px; margin-top: 45px; }
.intro_list .img img { position: relative; top: 5px; left: 5px; }
.intro_list .conr { margin-left: 35%; font-size: 14px; color: #4c4c4c; line-height: 28px; }
.intro_list .conr h4 { font-size: 14px; }
/* .intro_list .txt { overflow: hidden; } */
.intro_list .txt { height: auto; }
.intro_list .more { line-height: 50px; text-align: center; border-top: 1px solid #eaeaea; margin-top: 15px; display: none; }
.intro_list .more:hover { background: #eaeaea; }
.intro_list li:nth-child(2n+2) .img { margin: 50px 0 0 5px; }
.intro_list li:nth-child(2n+2) .img img { top: -5px; left: -5px; }

@media screen and (max-width:768px) {
    .intro_title { width: 100%; margin-top: 30px; }
    .intro_title span { font-size: 24px; }
    .intro_list li { margin-top: 30px; }
    .intro_list .conl { width: 100%; float: none; }
    .intro_list .add h4 { font-size: 16px; }
    .intro_list .img { margin-top: 25px; }
    .intro_list li:nth-child(2n+2) .img { margin: 45px 0 0 20px; }
    .intro_list .conr { margin-left: 0; margin-top: 20px; }

    .intro_lanzhou { margin-top: 25px; margin-bottom: 25px; }
    .intro_shanghai_top_description { font-size: 15px; line-height: 23px; width: 80%; float: right; margin-right: 25px; }
    .intro_lanzhou_top_description { font-size: 15px; line-height: 23px; width: 80%; margin-top: 65px; margin-left: 25px; }
    .intro_shanghai_bottom_left, .intro_shanghai_bottom_right, .intro_lanzhou_bottom_left, .intro_lanzhou_bottom_right { display: inline; width: 49.5%; height: 110px; margin-top: 15px; }
    .intro_lanzhou_bottom_img { display: inline; width: 30%; height: 100px; margin-top: 10px; }
}


/*发展历程*/

.history_list { margin-top: 17vh; }
.history_list li { width: 50%; position: relative; }
.history_list li:nth-child(2n+1) { border-left: 5px double #e9e7ef; margin-left: 50%; left: -2px; padding-left: -35px; padding-top: 5vh; padding-bottom: 5vh; }
.history_list li:nth-child(2n+2) { border-right: 5px double #e9e7ef; right: -3px; padding-right: 35px; padding-top: 5vh; padding-bottom: 5vh; }
.history_list li:before { content: ""; width: 39px; height: 39px; display: block; background: url(../images/history1.png) no-repeat center top; position: absolute; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
/* .history_list li:hover:before { background: url(../images/icon24.png) no-repeat center top; } */
.history_list li:nth-child(2n+1):before { left: -23px; top: -3px; }
.history_list li:nth-child(2n+2):before { right: -23px; top: -3px; }
.history_list .date { width: 150px; float: left; color: #bdbcc2; text-align: right; padding: 0 10px; margin-left: -180px; margin-top: -5vh;}
.history_list .date h4 { font-size: 32px; font-weight: bold; }
/* .history_list .date p { font-size: 16px; } */
.history_list li:nth-child(2n+2) .date { float: right; text-align: left; margin-right: -230px; }

li .line { height: 150px; border: 1px solid #42a5f6; display: block; position: absolute; left: 0; top: 0; margin-top: -130px;}
li:nth-child(2n+1) .line { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -o-transform-origin: bottom; }
li:nth-child(2n+2) .line { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -o-transform-origin: bottom; left: 100%;}
/* li .line:after { content: ""; width: 6px; height: 6px; display: block; background: #336d97; border-radius: 50%; position: absolute; left: -3px; top: -3px; }
li:nth-child(2n+2) .line:after { top: auto; bottom: -3px; } */
/* li:nth-child(-n+2) .line { display: none; } */

/* .history_list li:hover .date h4, .history_list li:hover .date p { color: #fff; } */
.history_list .txt { margin-left: 140px;  margin-top: -5vh; background-color: #42a5f6; width: 37vw; text-align: left; }
/* .history_list .txt h4 { font-size: 32px; color: #f2f9fe; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */
.history_list .txt p { font-size: 14px; color: #f2f9fe; line-height: 24px; height: auto; width: 35vw;  overflow: visible; margin-left: 1vw; margin-top: 3px; }
.history_list li:nth-child(2n+2) .txt { margin-left: auto; margin-right: 110px; text-align: left; }
/* .history_list li:hover .txt h4, .history_list li:hover .txt p { color: #fff; } */
/* .history_list li .con { display: block; position: relative; padding: 10px 0; transform: translateY(-20px); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; } */
/* .history_list li:hover .con { background: #336d97; transform: translateY(-35px); } */
/* .history_list li .con:before { content: ""; height: 0; position: absolute; top: 50%; margin-top: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; } */
/* .history_list li:nth-child(2n+1):hover .con:before { border-right: 14px solid #336d97; left: -14px; } */
/* .history_list li:nth-child(2n+2):hover .con:before { border-left: 14px solid #336d97; right: -14px; } */

@media screen and (max-width:768px) {
    .history_list { margin-top: 10vh; }
    .history_list li { width: 50%; position: relative; }
    .history_list li:nth-child(2n+1) { border-left: 5px double #e9e7ef; margin-left: 50%; left: -2px; padding-left: -35px; padding-top: 5vh; padding-bottom: 5vh; }
    .history_list li:nth-child(2n+2) { border-right: 5px double #e9e7ef; right: -3px; padding-right: 35px; padding-top: 5vh; padding-bottom: 5vh; }
    .history_list li:before { content: ""; width: 39px; height: 39px; display: block; background: url(../images/history1.png) no-repeat center top; position: absolute; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
    .history_list li:nth-child(2n+1):before { left: -23px; top: -3px; }
    .history_list li:nth-child(2n+2):before { right: -23px; top: -3px; }
    .history_list .date { width: 150px; float: left; color: #bdbcc2; text-align: right; padding: 0 10px; margin-left: -180px; margin-top: -5vh;}
    .history_list .date h4 { font-size: 32px; font-weight: bold; }
    .history_list li:nth-child(2n+2) .date { float: right; text-align: left; margin-right: -230px; }
    
    li .line { height: 3vh; border: 1px solid #42a5f6; display: block; position: absolute; left: 0; top: 0; margin-top: -1vh;}
    li:nth-child(2n+1) .line { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -o-transform-origin: bottom; }
    li:nth-child(2n+2) .line { transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -o-transform-origin: bottom; left: 100%;}
    
    .history_list .txt { margin-left: 20px;  margin-top: -5vh; background-color: #42a5f6; width: 44vw; text-align: left; }
    .history_list .txt p { font-size: 14px; color: #f2f9fe; line-height: 24px; height: auto; width: 42vw;  overflow: visible; }
    .history_list li:nth-child(2n+2) .txt { margin-left: auto; margin-right: 110px; text-align: left; }
}


.location { border-bottom: 1px solid #ddd; padding: 13px 0; line-height: 24px; font-size: 14px; color: #999; }
.location .home { width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(../images/icon20.png) no-repeat; margin-right: 10px; }

.timeline { width: 100%; margin: 50px auto 0; overflow-x: auto; max-width: 1140px; }
.h_list { width: 100%; height: 2px; position: relative; }
.h_list li { width: 18.18%; border-bottom: 2px solid #336d97; position: absolute; }
.h_list li:nth-child(2n+1) { bottom: 50%; padding: 0 10px 10px 50px; }
.h_list li:nth-child(2n+2) { top: 50%; border-bottom: none; border-top: 2px solid #336d97; padding: 10px 10px 0 50px; }
.h_list li:nth-child(1) { border-bottom: 2px dotted #336d97; padding: 0 10px 10px; }
.h_list li:nth-child(2) { border-top: 2px solid #336d97; /*border-top: none;*/ padding: 10px 10px 0; }
.h_list li:before { content: ""; width: 16px; height: 16px; display: block; background: url(../images/icon21.png) no-repeat; position: absolute; left: -8px; bottom: -8px; }
.h_list li:nth-child(1):before { left: 0; }
.h_list li:nth-child(-n+2):before { background: url(../images/icon21.png) no-repeat; }
.h_list li:nth-child(2n+2):before { bottom: auto; top: -8px; }
.h_list li .line { height: 100%; border-left: 1px solid #336d97; display: block; position: absolute; left: 0; top: 0; }
.h_list li:nth-child(2n+1) .line { transform: rotate(390deg); -ms-transform: rotate(390deg); -moz-transform: rotate(390deg); -webkit-transform: rotate(390deg); -o-transform: rotate(390deg); transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; -webkit-transform-origin: bottom; -o-transform-origin: bottom; }
.h_list li:nth-child(2n+2) .line { transform: rotate(-390deg); -ms-transform: rotate(-390deg); -moz-transform: rotate(-390deg); -webkit-transform: rotate(-390deg); -o-transform: rotate(-390deg); transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; -webkit-transform-origin: top; -o-transform-origin: top; }
.h_list li .line:after { content: ""; width: 6px; height: 6px; display: block; background: #336d97; border-radius: 50%; position: absolute; left: -3px; top: -3px; }
.h_list li:nth-child(2n+2) .line:after { top: auto; bottom: -3px; }
.h_list li:nth-child(-n+2) .line { display: none; }
.h_list li h4 { font-size: 16px; color: #4c4c4c; }
.h_list li:nth-child(-n+2) h4 { color: #999; }
.h_list li p { font-size: 12px; color: #336d97; }
.h_list li h5 { font-size: 16px; font-weight: bold; color: #336d97; }

@media screen and (max-width:1279px) {
    .timeline { margin: 30px auto 0; }
    .h_list li { width: 25%; }
}

@media screen and (max-width:768px) {
    .h_list li { width: 100%; }
}

/*企业文化*/
.culture_row:after {
    content: "";
    display: table;
    clear: both;
}

.culture_column {
    float: left;
    width: 50%;
    text-align: center;
    margin: 7vh 0;
}

.img_container { width: 18vh; height: 18vh; background-color: #e9e7ef; border-radius: 3vh; margin: 0 auto; }

.img_container_blue_background { width: 18vh; height: 18vh; background-color: #42a5f6; border-radius: 3vh; margin: 0 auto; }

.culture_img { width: 18vh; height: 8vh; object-fit: contain; margin-top: 5vh; }

.culture_img_big { width: 16vh; height: 12vh; object-fit: contain; margin-top: 3vh; }

.culture_img_blue_background { width: 8vh; height: 8vh; object-fit: contain; margin-top: 5vh; }

.culture_note {
    margin-top: 2vh;
    font-size: 4vh;
    font-weight: bold;
    color: #747575;
}

.culture_sub_note {
    margin-top: 1vh;
    font-size: 3vh;
    color: #747575;
}

.culture { overflow: hidden; margin-top: 100px; }
.culture li { float: left; }
.culture li:nth-child(1) { width: 37%; text-align: right; }
.culture li:nth-child(2) { width: 53%; margin-left: 10%; text-align: left; }

@media screen and (max-width:1280px) {
    .culture { margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .culture li { width: 100% !important; margin-left: 0 !important; }
    .culture li:nth-child(1) img { width: 70%; }
}

/*企业荣誉*/
.honor_row:after {
    content: "";
    display: table;
    clear: both;
}

.honor_column_left {
    float: left;
    width: 50%;
    text-align: center;
    margin: 7vh 0 0 0;
}

.honor_column_right {
    float: right;
    width: 50%;
    text-align: center;
    margin: 7vh 0 0 0;
}

.honor_middle_title { display: block; text-align: center; font-size: 3vh; }

.honor_container {
    display: flex;
    flex-flow: row wrap;
}

.honor_item {
    width: 25%;
    text-align: center;
    margin: 1vh 0;
}

.honor_img { width: 34vh; height: 24vh; object-fit: cover; border: 1px solid #e4e5e8; padding: 7px; }

.honor_note {
    font-size: large;
    color: #747575;
    margin-top: 3vh;
}

.honor { width: 94%; max-width: 1000px; margin: 60px auto 0; }
.honor .swiper-slide { border-bottom: 1px solid #336d97; padding-bottom: 20px; margin-bottom: 8px; }
.honor .swiper-slide:after { content: ""; width: 16px; height: 16px; display: block; background: url(../images/hd2.png) no-repeat center center; background-size: 10px 10px; position: absolute; left: 50%; bottom: -9px; margin-left: -8px; }
.honor .swiper-slide-active:after { background: url(../images/hd2.png) no-repeat; background-size: 16px 16px; bottom: -9px; margin-left: -8px; }
.honor .con { width: 100%; height: 100%; padding: 40px 20px 20px; position: relative; }
.honor .tit { width: 100%; position: absolute; left: 0; top: 10px; font-size: 12px; color: #336d97; line-height: 20px; text-align: center; padding-bottom: 10px; }
.honor .swiper-slide-active .tit { color: #fff; }
.honor .img { width: 100%; height: 100%; text-align: center; position: relative; }
.honor .img:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; margin-right: -4px; }
.honor .img img { /*width: 100%; height: 100%;*/ display: inline-block; vertical-align: middle; }

.honor .swiper-button-prev, .honor .swiper-button-next { width: 50px; height: 50px; margin-top: 25px; }
/* .honor .swiper-button-prev { background: url(../images/icon02.png) no-repeat center center; left: 0; } */
/* .honor .swiper-button-next { background: url(../images/icon03.png) no-repeat center center; right: 0; } */

@media screen and (max-width:1279px) {
    .honor { margin: 30px auto 0; }
}

@media screen and (max-width:1024px) {
    .honor .swiper-button-prev, .honor .swiper-button-next { margin-top: 0; }
}

@media screen and (max-width:768px) {
    .honor { width: 100%; }
}

/*企业风采*/
.presence_container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.presence_item {
    width: 50%;
    text-align: center;
    margin: 7vh 0;
}

.presence_img { width: 70vh; height: 38vh; object-fit: cover; }

.presence_note {
    font-size: large;
    color: #747575;
    margin-top: 3vh;
}

.presence { width: 100%; margin: 60px auto 0; padding: 35px 0; }
.presence .swiper-slide { z-index: 1; }
.presence .swiper-slide-active { z-index: 2; }
.presence .con { position: relative; }
.presence .img { width: 100%; max-height: 490px; text-align: center; }
.presence .img img { max-height: 490px; }
.presence .txt { font-size: 12px; color: #4c4c4c; line-height: 20px; text-align: center; margin-top: 10px; }
.presence .swiper-button-prev, .presence .swiper-button-next { width: 50px; height: 50px; margin-top: -40px; }
/* .presence .swiper-button-prev { background: url(../images/icon02.png) no-repeat center center; left: 0; } */
/* .presence .swiper-button-next { background: url(../images/icon03.png) no-repeat center center; right: 0; } */

@media screen and (max-width:1279px) {
    .presence { margin: 30px auto 0; }
}

@media screen and (max-width:768px) {
    .presence { width: 100%; padding: 0; }
    .presence .txt { font-size: 14px; }

    .presence_item {
        width: 45vw;
        text-align: center;
        margin: 5vh 1vw;
    }
}

.presence_item_double_width {
    width: 100%;
    text-align: center;
    margin: 7vh 0;
}

.presence_item_hide {
    width: 0vw;
    height: 0vh;
}

.presence_img_double_width { width: 97vw; height: 38vh; object-fit: cover; }

.presence_note_double_width {
    font-size: large;
    color: #747575;
    margin-top: 3vh;
}

/******* 团队风采 *******/
/******* 业务培训 *******/
.simple-button-prev {
    font-size: 64px;
    color: #00AAFF;
    left: -70px;
    right: auto;
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.simple-button-next {
    font-size: 64px;
    color: #00AAFF;
    left: auto;
    right: -70px;
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

@media screen and (max-width:768px) {
    /* 手机版翻页按钮 */
    .simple-button-prev {
        font-size: 64px;
        color: #00AAFF;
        left: 70px;
        right: auto;
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
    }
    
    .simple-button-next {
        font-size: 64px;
        color: #00AAFF;
        left: auto;
        right: 70px;
        position: absolute;
        top: 50%;
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
    }    
}

/******* 质量保障 *******/
/* 清除列之后的浮动 */
.zlbz_row:after {
    content: "";
    display: table;
    clear: both;
}

.zlbz_row_background:after {
    content: "";
    display: table;
    clear: both;
}

.zlbz_row {
    margin-top: 55px;
}

.zlbz_row_background {
    background-color: #e8e7ef;
    margin-top: 55px;
}

.zlbz_row img {
    width: 100%;
}

.zlbz_row_background img {
    width: 100%;
    margin-top: 45px;
}

.zlbz_row .section_introduction {
    color: #585858;
    font-size: medium;
    margin-top: 120px;
}

.zlbz_column {
    float: left;
    width: 33.33%;
    padding: 15px;
}

.zlbz_column img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.zlbz_column p {
    text-align: center;
}

.zlbz_paragraph {
    margin: 40px;
    font-size: large;
    line-height: 30px;
    color: #919191;
}

.section_title_top_right { position: absolute; width: 100px; height: 25px; line-height: 25px; text-align: center; background-image: url(../images/introduction0.png); background-size: 100px 25px; margin-top: -12.5px; margin-left: calc(100% - 165px); font-size: medium; color: #ffffff; }
.section_title_top_left { position: absolute; width: 100px; height: 25px; line-height: 25px; text-align: center; background-image: url(../images/introduction0.png); background-size: 100px 25px; margin-top: -12.5px; margin-left: 65px; font-size: medium; color: #ffffff; }

.zlbz_row .swiper-container { margin-bottom: -200px; } 

@media screen and (max-width:768px) {
    .zlbz_column {
        float: left;
        width: 33.33%;
        padding: 5px;
    }
    
    .zlbz_column img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    
    .zlbz_column p {
        text-align: center;
    }
    
    .zlbz_paragraph {
        margin: 20px;
        font-size: large;
        line-height: 25px;
        color: #919191;
    }
}

/* .zlbz_row .swiper-container .swiper-button-prev { width: 128px; height: 128px; top:30%; background: url(../images/left_arrow.png) no-repeat center center; left: 0; } */
/* .zlbz_row .swiper-container .swiper-button-next { width: 128px; height: 128px; top:30%; background: url(../images/right_arrow.png) no-repeat center center; right: 0; }

/******* 新闻动态 *******/
.news_tab { position: relative; overflow: hidden; margin-top: 0px; background: #e9e7ef; width: 100%; height: 7vh; }
.news_tab a { width: 129px; height: 7vh; display: inline-block; vertical-align: top; float: left; line-height: 7vh; text-align: center; font-size: large; color: #b0afb4; margin-right: 15px; }
.news_tab a.active { border-bottom: 2px solid #42a5f6; color: #42a5f6; font-weight: bold; }
.news_tab a.default { cursor: default; }

.news_list li { width: 50%; position: relative; }
.news_list li:nth-child(2n+1) { border-left: 2px solid #336d97; margin-left: 50%; left: -1px; padding-left: 35px; }
.news_list li:nth-child(2n+2) { border-right: 2px solid #336d97; right: -1px; padding-right: 35px; }
.news_list li:before { content: ""; width: 34px; height: 34px; display: block; background: url(../images/icon21.png) no-repeat center top; position: absolute; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.news_list li:hover:before { background: url(../images/icon24.png) no-repeat center top; }
.news_list li:nth-child(2n+1):before { left: -18px; top: -3px; }
.news_list li:nth-child(2n+2):before { right: -18px; top: -3px; }
.news_list .date { min-width: 100px; float: left; color: #336d97; text-align: right; padding: 0 10px; }
.news_list .date h4 { font-size: 20px; }
.news_list .date p { font-size: 14px; }
.news_list li:nth-child(2n+2) .date { float: right; text-align: left; }
.news_list li:hover .date h4, .news_list li:hover .date p { color: #fff; }
.news_list .txt { margin-left: 100px; padding: 0 10px; }
.news_list .txt h4 { font-size: 16px; color: #4c4c4c; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list .txt p { font-size: 13px; color: #777; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
.news_list li:nth-child(2n+2) .txt { margin-left: auto; margin-right: 100px; text-align: right; }
.news_list li:hover .txt h4, .news_list li:hover .txt p { color: #fff; }
.news_list li .con { display: block; position: relative; padding: 10px 0; transform: translateY(-20px); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.news_list li:hover .con { background: #336d97; transform: translateY(-35px); }
.news_list li .con:before { content: ""; height: 0; position: absolute; top: 50%; margin-top: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.news_list li:nth-child(2n+1):hover .con:before { border-right: 14px solid #336d97; left: -14px; }
.news_list li:nth-child(2n+2):hover .con:before { border-left: 14px solid #336d97; right: -14px; }

.news_list_new li { width: 100%; position: relative; margin-top: 10vh; padding-bottom: 10vh; border-bottom: 1px solid #d4d4d4;}
.news_list_new .news_img { float: right; max-width: 200px; max-height: 150px; }
.news_list_new .date { min-width: 100px; float: left; color: #8b8b8d; text-align: left; padding: 0 3vh; border-right: 1px solid #8b8b8d; margin-right: 3vh; }
.news_list_new .date h4 { font-size: 36px; }
.news_list_new .date p { font-size: 24px; }
.news_list_new .txt { margin-left: 3vh; margin-right: 210px; padding: 0 10px; }
.news_list_new .txt h4 { font-size: 24px; color: #8b8b8d; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list_new .txt p { font-size: 14px; color: #777; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; margin-top: 1vh; }

.show_more { width: 156px; height: 40px; display: none; margin: 20px auto 0; border: 1px solid #ccc; line-height: 38px; text-align: center; font-size: 14px; color: #999; cursor: pointer; }
.show_more i { width: 19px; height: 9px; display: inline-block; vertical-align: top; background: url(../images/icon25.png) no-repeat; position: relative; top: 15px; margin-left: 15px; }
.show_more.mt50 { margin: 50px auto 0; }

@media screen and (max-width:1279px) {
    .news_tab { margin-top: 30px; }
    .news_tab a { width: 32%; height: 40px; line-height: 38px; margin-right: 2%; font-size: 14px; }
    .news_tab a:nth-child(3n+3) { margin-right: 0; }
    .news_list { margin-top: 40px; }
    .show_more.mt50 { margin: 20px auto 0; }
}

@media screen and (max-width:768px) {
    .news_tab { margin-top: 10px; width: 100%; height: 10vh;}
    .news_tab a { width: 32%; height: 40px; line-height: 38px; margin-right: 2%; font-size: 14px; }
    .news_tab a:nth-child(3n+3) { margin-right: 0; }

    .news_list li { width: 100%; border-left: 2px solid #336d97; border-right: none !important; left: -1px !important; right: auto !important; padding-left: 15px !important; padding-right: 0 !important; }
    .news_list li:nth-child(2n+1) { margin-left: 0; }
    .news_list li:before { background: url(../images/icon21.png) no-repeat center top !important; left: -18px; top: -3px; }
    .news_list li:hover .con { background: none !important; transform: translateY(-20px); }
    .news_list li:hover .con:before { display: none; }
    .news_list .date { min-width: 80px; float: left !important; text-align: left; padding: 3px 10px; }
    .news_list .date h4 { font-size: 16px; }
    .news_list li:hover .date h4, .news_list li:hover .date p { color: #336d97; }
    .news_list .txt { margin-left: 80px !important; margin-right: 0 !important; text-align: left !important; padding: 0; }
    .news_list .txt h4 { font-size: 14px; color: #4c4c4c !important; }
    .news_list .txt p { font-size: 12px; color: #777 !important; }

    .news_list_new li { width: 100%; position: relative; margin-top: 5vh; padding-bottom: 5vh; border-bottom: 1px solid #d4d4d4;}
    .news_list_new .news_img { float: right; max-width: 100px; max-height: 75px; }
    .news_list_new .date { min-width: 30px; float: left; color: #8b8b8d; text-align: left; padding: 0 1vh; border-right: 1px solid #8b8b8d; margin-right: 1vh; }
    .news_list_new .date h4 { font-size: 24px; }
    .news_list_new .date p { font-size: 18px; }
    .news_list_new .txt { margin-left: 1vh; margin-right: 10px; padding: 0 10px; }
    .news_list_new .txt h4 { font-size: 18px; color: #8b8b8d; line-height: 18px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .news_list_new .txt p { font-size: 14px; color: #777; line-height: 14px; height: 14px; overflow: hidden; text-overflow: ellipsis; margin-top: 1vh; }
}

/*新闻详情*/
.breadcumb { font-size: 14px; color: #5b5451; text-align: right; font-weight:bold; margin-top: 3vh; }
.breadcumb span { margin: 0 0; }
.news_detail { margin-top: 3vh; }
.news_detail .title { font-size: 5vh; color: #42a5f6; text-align: left; border-bottom: 1px solid #989898; }
.news_detail .title:after { width: 31vh; height: 5px; content: ''; background-color: #42a5f6; margin-top:2vh; display:block; }
.news_detail .date { font-size: 14px; color: #5b5451; text-align: left; margin: 2vh 0; float: left; font-weight:bold; }
.news_detail .date span { margin: 0 0; }
.news_detail .source { font-size: 14px; color: #5b5451; text-align: right; margin: 2vh 0; float: right; font-weight:bold; }
.news_detail .source span { margin: 0 0; }
.news_detail .content { margin-top: 7vh; font-size: 18px; color: #89898b; line-height: 30px; }
.news_detail .content img { display: block; margin: 10px auto; }
.news_operate { overflow: hidden; margin-top: 50px; font-size: 14px; color: #777; }
.news_operate li { width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width:1280px) {
    .news_detail { margin-top: 30px; }
    .news_detail .title { font-size: 18px; }
    .news_detail .date { margin-top: 10px; }
    .news_operate { margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .news_detail .title { font-size: 16px; }
    .news_detail .date { margin-top: 10px; }
    .news_detail .date span { display: block; margin: 0; }
    .news_detail .content { margin-top: 20px; }
    .news_operate { margin-top: 20px; }
    .news_operate li { width: 100%; margin-top: 10px; }
}



/******* 产品与服务 *******/

#product_anchor_content:after {
    content: "";
    display: table;
    clear: both;
}
#product_list { margin-top: 85px;}
.product_item { width: 33%; height: 450px; text-align: center; font-size: 18px; float: left; }

.return_to_product_list { background-color: #42a5f6; }

.pro_banner { width: 100%; height: 438px; margin: 0 auto; position: relative; }
.pro_banner .main { height: 100%; }
.pro_banner .txt { font-size: 48px; color: #1B68AD; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -31px; }

.pro_class_box { border-bottom: 1px solid #dcdcdc; overflow: hidden; }
.pro_class { max-width: 1000px; margin: 0 auto; }
.pro_class a { display: block; line-height: 60px; text-align: center; font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_class .swiper-button-prev, .pro_class .swiper-button-next { background-size: 14px 22px; }

.pro_title { font-size: 18px; color: #4c4c4c; text-align: center; margin-top: 60px; }
.sec_title { font-size: 40px; color: #336d97; text-align: center; margin-top: 160px; }
.sec_title.color { color: #42a5f6; }

.pro_intro { margin-top: 60px; }
.pro_intro:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.pro_intro .img { width: 42%; /*border: 1px solid rgba(51,109,151,.5); background: #336d97;*/ float: left; font-size: 0; }
.pro_intro .img img { position: relative; left: -5px; top: -5px; }
.pro_intro .txt { width: 58%; float: left; font-size: 14px; color: #777; line-height: 30px; padding-left: 50px; }

/* .pro_style { background: url(../images/img14.jpg) repeat-y center top; padding: 1px 0 60px; margin-top: 60px; } */
.pro_style { padding: 1px 0 60px; margin-top: 60px; }
.pro_list { max-width: 960px; margin: 15px auto 0; }
.pro_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.pro_list li { width: 50%; display: inline-block; vertical-align: top; word-spacing: 0; margin-top: 45px; text-align: center; }
.pro_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.pro_list .num { width: 90px; height: 90px; display: inline-block; vertical-align: top; border: 3px solid #fff; border-radius: 25%; padding: 7px 0; line-height: 70px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; background-color: #42a5f6; }
/* .pro_list .num:after { content: ""; width: 20px; height: 2px; display: block; background: #fff; margin: 0 auto; } */
.pro_list .txt { font-size: 18px; color: #99999c; line-height: 36px; text-align: center; }

.pro_data { font-size: 14px; color: #777; line-height: 30px; margin-top: 60px; }
.pro_data p { margin-top: 10px; }

.button_panel { text-align: center; margin: 0 auto; }
.download { width: 120px; height: 40px; display: inline-block; background: #42a5f6; line-height: 40px; text-align: center; font-size: 14px; color: #fff; margin: 30px auto 0; }
.return_to_product_list { width: 120px; height: 40px; display: inline-block; background: #ff8400; line-height: 40px; text-align: center; font-size: 14px; color: #fff; margin: 60px auto 0; }

@media screen and (max-width:1279px) {
    .pro_title { font-size: 18px; margin-top: 30px; }
    .sec_title { margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .pro_class a { line-height: 44px; font-size: 15px; }
    .pro_title { font-size: 18px; }
    .sec_title { font-size: 17px; }
    .pro_intro { margin-top: 40px; }
    .pro_intro .img { width: auto; float: none; display: inline-block; margin-left: 10px; }
    .pro_intro .txt { width: 100%; float: none; padding-left: 0; margin-top: 20px; }
    .pro_style { margin-top: 30px; }
    .pro_list li { width: 100%; margin-top: 15px; }
    .pro_list .num { width: 56px; height: 56px; padding: 2px 0; }
    .pro_list .txt { font-size: 14px; line-height: 28px; }
    .product_item { width: 100%; height: 450px; text-align: center; font-size: 18px; float: left; }
    .download { margin: 30px auto 0; }
}

/* @media screen and (max-width:640px) {
    .pro_style { padding: 1px 0 30px; }
    .pro_list { padding: 0 3%; }
    .pro_list li { width: 100%; margin-top: 15px; }
    .pro_list .num { width: 56px; height: 56px; padding: 2px 0; }
    .pro_list .txt { font-size: 14px; line-height: 28px; }
    .pro_data { margin-top: 30px; }
} */

/* 专家答疑 */

  #expert_container h1 {
    text-align: center;
    margin-top: 10%
  }

  #expert_container h2 {
      font-size: 2em;
  }

  #expert_container p{
    color: #666;
    border: 0;
  }

  #expert_container{
    width: 60%;
    height: auto;
    margin: 0 auto;
    margin-top: 3%;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
  }

  .accordion label{
    display:block;
    background-color: #eeeeee;
    padding: 10px;
    color: #424242;
    text-shadow: 0 0 2px rgba(255,255,255,0.6);
    cursor: pointer;
    border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #ffffff;
  }
  
  .accordion p {
    color: #424242;
    padding: 10px;
    font-size: 1.5em;
    line-height: 1.5em;
    border-bottom: 1px solid #bdbdbd;
    visibility: hidden;
    opacity: 0;
    display: none;
    text-align: left;
    background-color: #fff;
    margin-top: 0px;
    text-indent:2em;
  }

  .accordion img {
    visibility: hidden;
    opacity: 0;
    display: none;
    margin:0 auto;
  }
  
  .checkbox:checked ~ .hiddentext{
    display: block;
    visibility: visible;
    opacity: 1;
  }
  
  input.checkbox {
    display: none;
    position: relative;
  }

  #tm:checked ~ .hiddentext{
    display: block;
    visibility: visible;
    opacity: 1;
  }
  
  input#tm{
    display: none;
    position: relative;
  }
  
  #tn:checked ~ .hiddentext{
    display: block;
    visibility: visible;
    opacity: 1;
  }
  
  input#tn{
    display: none;
    position: relative;
  }
  
  #to:checked ~ .hiddentext{
    display: block;
    visibility: visible;
    opacity: 1;
  }
  
  input#to{
    display: none;
    position: relative;
  }

/* /专家答疑 */


/******* 质量保障 *******/
.hotline { display: inline-block; background: url(../images/icon26.png) no-repeat rgba(0,0,0,.3); background-position: 20px 20px; background-size: 50px 50px; padding: 20px 20px 20px 90px; position: absolute; right: 3%; top: 50%; margin-top: -61px; font-size: 16px; color: #fff; }
.hotline h4 { font-size: 16px; color: #fff; line-height: 24px; margin-bottom: 6px; }
.hotline p { font-size: 24px; font-weight: bold; color: #fff; line-height: 24px; }

@media screen and (max-width:1280px) {
    .hotline { background-position: 15px 15px; background-size: 40px 40px; padding: 15px 15px 15px 60px; margin-top: -56px; }
}

@media screen and (max-width:768px) {
    .hotline { display: none; }
}

.english_list { margin-top: 40px; }
.english_list .txt { margin-left: 10px; }
.english_list .txt p { font-size: 18px; color: #777; line-height: 24px; }

.fk_link { background: #ffa800; color: #fff !important; position: absolute; right: 0; top: 0; }
.fk_linkx { background: #fff; color: #000 !important; position: absolute; right: 300; top: 0; }
.fk_linky { background: #fff; color: #000 !important; position: absolute; right: 0; top: 0; }
.answer_list { margin-top: 40px; }
.answer_list li { padding: 30px 10px; border-bottom: 1px dotted #ccc; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.answer_list .date { float: left; padding: 0 10px; text-align: right; color: #336d97; }
.answer_list .date h4 { font-size: 20px; line-height: 30px; }
.answer_list .date p { font-size: 14px; line-height: 20px; margin-top: 5px; }
.answer_list .txt { margin-left: 120px; }
.answer_list .txt h4 { font-size: 16px; color: #4c4c4c; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.answer_list .txt p { font-size: 14px; color: #777; line-height: 24px; height: 48px; overflow: hidden; }
.answer_list .operate { margin-top: 15px; }
.answer_list .operate a { display: inline-block; vertical-align: top; height: 30px; border: 1px solid #ccc; line-height: 28px; padding: 0 20px; margin-right: 16px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; }
.answer_list .operate a i { display: inline-block; vertical-align: top; position: relative; margin-left: 15px; }
.answer_list .operate a:first-of-type i { width: 19px; height: 9px; background: url(../images/icon25.png) no-repeat; top: 9px; }
.answer_list .operate a:last-of-type i { width: 9px; height: 12px; background: url(../images/icon27.png) no-repeat; top: 8px; }
.answer_list .operate a:hover { background: #ffa800; border: 1px solid #ffa800; color: #fff; }
.answer_list .operate a:first-of-type:hover i { background: url(../images/icon25_1.png) no-repeat; }
.answer_list .operate a:last-of-type:hover i { background: url(../images/icon27_1.png) no-repeat; }

@media screen and (min-width:769px) {
    .answer_list li:hover { background: #336d97; }
    .answer_list li:hover .date, .answer_list li:hover .txt h4, .answer_list li:hover .txt p, .answer_list li:hover .operate a { color: #fff; }
}

@media screen and (max-width:1280px) {
    .answer_list { margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .answer_list li { padding: 20px 0; }
    .answer_list .date { padding: 0; }
    .answer_list .date h4 { font-size: 16px; line-height: 24px; margin-bottom: 3px; }
    .answer_list .date p { font-size: 12px; }
    .answer_list .txt { margin-left: 80px; }
    .answer_list .txt h4 { font-size: 14px; }
    .answer_list .txt p { font-size: 12px; }
    .answer_list .operate a { padding: 0 10px; margin-right: 6px; }
    .answer_list .operate a i { margin-left: 5px; }
}

/*客户反馈*/
.fk_title { border-bottom: 2px solid #336d97; padding-bottom: 9px; position: relative; margin-top: 100px; }
.fk_title span { font-size: 20px; color: #666; }
.fk_title .back { width: 70px; height: 30px; display: block; background: #336d97; line-height: 30px; text-align: center; font-size: 14px; color: #fff; position: absolute; right: 0; bottom: 12px; }

.fk_form { max-width: 920px; margin: 100px auto 0; }
.fk_form dl { margin-top: 20px; }
.fk_form dt { font-size: 14px; color: #4c4c4c; float: left; line-height: 50px; }
.fk_form dd { margin-left: 90px; }
.fk_text { width: 100%; height: 50px; border: 1px solid #dcdcdc; outline: none; resize: none; padding: 10px; }
.fk_text.H350 { height: 350px; }
.fk_submit { width: 150px; height: 50px; background: #ffa800; outline: none; display: block; vertical-align: top; line-height: 50px; text-align: center; font-size: 18px; color: #fff; margin: 70px auto 0; }

@media screen and (max-width:1280px) {
    .fk_title { margin-top: 30px; }
    .fk_form { margin: 30px auto 0; }
    .fk_submit { margin: 30px auto 0; }
}

@media screen and (max-width:768px) {
    .fk_title span { line-height: 30px; font-size: 20px; }
    .fk_title .back { bottom: 9px; }
    .fk_form dt { float: none; display: block; font-size: 16px; }
    .fk_form dd { margin-left: 0; }
    .fk_text.H350 { height: 200px; }
    .fk_submit { width: 160px; height: 40px; line-height: 40px; font-size: 18px; }
}



/******* 招贤纳士 *******/
.recruit_banner { width: 100%; height: 500px; margin: 0 auto; position: relative; }
.recruit_banner .main { height: 100%; }
.recruit_banner .txt { font-size: 48px; color: #1B68AD; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -31px; }

.recruit_list { margin: 90px -10px 0; }
.recruit_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.recruit_list li { width: 33.33%; display: inline-block; vertical-align: top; word-spacing: 0; padding: 10px; }
.recruit_list .box { position: relative; }
.recruit_list .con { display: block; padding: 20px; border: 1px solid #dcdcdc; position: relative; }
.recruit_list .con:hover { background: #42a5f6; }
.recruit_list .tit { font-size: 18px; font-weight: bold; color: #4c4c4c; line-height: 24px; overflow: hidden; height: 60px; }
.recruit_list .tit .money { float: right; color: #ff2122; }
.recruit_list .con:hover .tit { color: #336d97; }
.recruit_list .txt1 { font-size: 12px; color: #bbb; line-height: 24px; overflow: hidden; margin-top: 10px; }
.recruit_list .txt1 span { float: left; margin-right: 30px; }
.recruit_list .txt1 span:nth-child(1) { max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.recruit_list .txt1 span:nth-child(2) { max-width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.recruit_list .txt1 .date { float: right; margin-right: 0; font-size: 14px; }
.recruit_list .txt2 { font-size: 14px; color: #777; line-height: 28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 10px; }
.recruit_list .yy { width: 100%; height: 100%; background: rgba(51,109,151,.8); position: absolute; left: 0; top: 0; display: none; }
.recruit_list .operate { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; text-align: center; }
.recruit_list .operate a { height: 40px; display: inline-block; vertical-align: top; background: #fff; line-height: 40px; padding: 0 20px; font-size: 14px; color: #336d97; margin: 0 8px; }
.recruit_list .box:hover .yy { display: block; }

.recruit_list .zh_operate { width: 100%; height: 100%; position: static; margin-top: 0; }
.recruit_list .zh_operate a { width: 100%; height: 100%; background: none; display: block; padding: 0; margin: 0; }

@media screen and (max-width:1280px) {
    .recruit_list { margin: 20px -10px 0; }
}

@media screen and (max-width:768px) {
    .recruit_list { margin: 20px -5px 0; }
    .recruit_list li { width: 100%; padding: 5px; }
    .recruit_list .con { padding: 10px; }
    .recruit_list .txt1 .date { float: none; display: block; }
    .recruit_list .yy { display: none !important; }
}

/*招贤纳士详情*/
.recruit_row:after {
    content: "";
    display: table;
    clear: both;
}

.recruit_column_left {
    float: left;
    width: 50%;
    text-align: center;
    margin: 7vh 0;
}

.recruit_column_right {
    float: right;
    width: 50%;
    text-align: center;
    margin: 7vh 0;
}

.recruit_img { width: 70vh; height: 35vh; object-fit: fill; }

.recruit_middle_title { display: block; text-align: center; font-size: 5vh; }

.recruit_detail_title { display: block; text-align: left; font-size: 5vh; color: #42a5f6; margin-top: 2vh; border-bottom: 1px solid #42a5f6; }
.recruit_detail_title:after { width: 31vh; height: 5px; content: ''; background-color: #42a5f6; margin-top:2vh; display:block; }

.recruit_detail_sub_title { display: block; text-align: left; font-size: 2vh; margin-top: 3vh; }
.recruit_detail_sub_title:after { width: 9vh; height: 5px; content: ''; background-color: #42a5f6; display:block; }

.recruit_row .content { font-size: 18px; color: #5b5451; line-height: 32px; margin-top: 10px; }

.recruit_left { width: 65%; float: left; padding-right: 50px; }
.recruit_left .job { font-size: 20px; color: #4c4c4c; }
.recruit_left .require { font-size: 14px; color: #b9b9b9; line-height: 24px; margin-top: 10px; }
.recruit_left .require span { margin-right: 30px; }
.recruit_left .label { margin-top: 10px; }
.recruit_left .label span { display: inline-block; vertical-align: top; /*height: 30px; border: 1px solid #dcdcdc;*/ line-height: 28px; /*padding: 0 20px; border-radius: 30px;*/ font-size: 12px; color: #b9b9b9; /*margin-right: 10px;*/ margin-top: 10px; }

.recruit_tab { margin-top: 60px; }
.recruit_tab ul { word-spacing: -40px; display: inline-table; width: 100%; }
.recruit_tab li { width: 120px; height: 40px; border: 1px solid #dcdcdc; display: inline-block; vertical-align: top; word-spacing: 0; line-height: 38px; text-align: center; font-size: 16px; color: #4c4c4c; margin-right: 16px; cursor: pointer; }
.recruit_tab li:last-of-type { margin-right: 0; }
.recruit_tab li.active { background: #336d97; border: 1px solid #336d97; color: #fff; }
.recruit_con { font-size: 14px; color: #777; line-height: 30px; margin-top: 30px; }

.recruit_right { width: 35%; float: right; }
.recruit_title { font-size: 20px; color: #4c4c4c; line-height: 30px; }
.recruit_list2 { margin-top: 10px; }
.recruit_list2 li { padding: 20px 0; border-bottom: 1px solid #e1e1e1; }
.recruit_list2 li:last-of-type { border-bottom: none; }
.recruit_list2 h4 { font-size: 16px; color: #4c4c4c; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.recruit_list2 p { font-size: 14px; color: #777; line-height: 28px; max-height: 56px; overflow: hidden; }

@media screen and (max-width:1280px) {
    .recruit_left { width: 100%; float: none; padding-right: 0; }
    .recruit_right { width: 100%; float: none; margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .recruit_left .job { font-size: 18px; }
    .recruit_tab { margin-top: 40px; }
    .recruit_tab li { width: 32%; margin-right: 2%; font-size: 14px; }
    .recruit_list2 li { padding: 10px 0; }
    .recruit_list2 h4 { font-size: 16px; margin-bottom: 5px; }
}



/******* 联系我们 *******/
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; }
.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }
.dituContent { width: 100%; height: 340px; border: 1px solid #dcdcdc; margin-top: 0px; }
#dituContent2 { margin-top: 30px; }
.dituContent img { max-width: none; max-height: none; }
.dituContent * { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
.BMap_Marker.BMap_noprint { width: 20px !important; height: 27px !important; background: url(../images/icon28.png) no-repeat !important; }

.contact { margin-top: 100px; }
.contact:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.contact li { width: 46%; float: left; }
.contact li:first-of-type { margin-right: 4%; }
.contact li h4 { font-size: 16px; font-weight: bold; color: #42a5f6; margin-bottom: 30px; margin-left: 16%; margin-top: 0px; border-bottom: #d0d0d0; border-bottom-style: solid; border-width: thin;}
.contact li h4.secondary { margin-top: 30px; }
.contact li p { font-size: 14px; font-weight: bold; color: #777; line-height: 36px; min-height: 36px; position: relative; margin-left: 16%; }
.contact li p img { position: absolute; left: 0; top: 7px; }

@media screen and (max-width:1280px) {
    .contact { margin-top: 30px; }
}

@media screen and (max-width:768px) {
    .dituContent { height: 220px; margin-top: 15px; }
    .contact li { width: 100%; float: none; margin-top: 30px; }
    .contact li:first-of-type { margin-right: 0; }
    .contact li h4 { font-size: 18px; margin-bottom: 10px; }
    .contact li p { font-size: 14px; }
}





/* .footer .txtr a { color: #9bd0f7; } */