@charset "UTF-8";
body { /*font-family:"微软雅黑", "Arial", "sans-serif","microsoft yahei";*/font-family:"Source-Han-Normal","PingFang SC","microsoft yahei", "Arial";font-size: 14px;line-height: 1.2;color: #333;background-color: #fff;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, images, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ol, ul{list-style: none}
blockquote, q {quotes: none}
table {border-collapse: collapse;border-spacing: 0}
html * {box-sizing: border-box}
a,a:hover{text-decoration: none;}
.h1, h1 {font-size: 70px}
.h1, .h2, h1, h2 {font-weight: 700}
.h2, h2 {font-size: 60px}
.h3, .h4, h3, h4 {font-size: 20px;font-weight: 700}
p {font-size: 18px;font-weight: 400;line-height: 1.45}
a, a svg {transition: all .15s ease}
/*div.page{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;height: auto;background: #fff;overflow: hidden;}*/

.header{float: left;width: 100%;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;border-bottom: 3px solid #e6e7e8;position: relative;transition: all .6s;}
.header:hover{ border-bottom: 3px solid #1780c8;}
.header_new{ float: left;width: 100%;height: 42px;padding: 5px 0;overflow: hidden;background-color: #ffffff;border-bottom: 2px solid #e6e7e8;}
.header_new_list{float: left;width: 70%;height: 100%;overflow: hidden;padding-left: 35px;background: url("../images/header_01.png") no-repeat center left;background-size: 25px}
.header_new_list a{ font-size: 13px;color: #666;width: 100%;height: 30px;line-height: 30px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.header_new_list a:hover{ color: #1780c8}
.header_new_phone{ float: right;width: 20%;height: 30px;line-height:30px;overflow: hidden;text-align: right;}
.header_new_phone span{ float: left;width: auto;height: 100%;font-size:14px;display: inline-block;padding-left: 35px;background: url("../images/header_02.png") no-repeat center left;background-size: 25px}
.header_new_phone span strong{ font-size: 20px;color: #1780c8}
.header_new .swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: linear;    /*之前是ease-out*/-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}
.menu-opened .header{position: fixed;top: 0;left: 0;background: #fff}
.header_container {width: 1450px;padding: 0 25px;position: relative}
.header_logo{float: left;width: 153px;padding: 51px 0 20px}
.header_logo h1{opacity: 0;height: 0;}
.header_logo svg {width: 153px;height: 61px;display: block}
.header_logo svg * {stroke: none;fill: #1780c8}
.header_logo svg .logo_svg-arrow * {fill: #1780c8}
.header_lang {display: block}
.header_lang-tog {padding: 8px;margin-top: -8px;z-index: 3}
.header_lang_drop {display: -ms-flexbox;display: flex;position: relative;-ms-flex-direction: column;flex-direction: column;padding: 31px 8px 15px;margin: 0 -8px;z-index: 10;background: #fff;opacity: 0;pointer-events: none;visibility: hidden;transform: translateY(20px);transition: all .3s ease}
.header_lang_drop:before {content: "";box-sizing: border-box;position: absolute;width: 100%;height: calc(100% + 39px);left: 0;top: -39px;border: 1px solid #e1e3e7;box-shadow: 0 3px 7px rgba(0, 0, 0, .26)}
.header_lang_drop:after {content: "";position: absolute;top: 15px;left: 8px;width: calc(100% - 16px); /*width: 100%;*/display: block;height: 1px;background: #e1e3e7}
.header_lang-tog .header_lang_drop {height: auto}
.header_lang_drop .header_lang-item {height: 42px;padding: 0;position: relative;display: block;margin-bottom: 2px;border: none}
.header_lang_drop .header_lang-item a {display: -ms-flexbox;display: flex;height: 42px;-ms-flex-align: center;align-items: center;padding-left: 35px;background: #fff}
.header_lang_drop .header_lang-item a:hover {color: #fff;background: #1780c8}
.header_lang-tog:hover .header_lang_drop {opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto}
.header_top_nav{float: right;height: 75px;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding: 22px 0 19px;}
.header_top_nav > div {transition: transform .3s ease;transform: translateX(0)}

.header_top_nav a{font-size: 13px;color: #444648;font-weight: 500}
.header_top_nav a:hover{color: #1780c8;}
.header_top_nav ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;height: 34px}
.header_top_nav ul li {height: 100%;padding: 0 22px}
.header_top_nav .search-ico, .header_top_nav ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #e1e3e7
}
.header_top_nav .search-ico {
    cursor: pointer;
    width: auto;
    padding: 0 24px;
    position: relative;
    z-index: 4;
}
.header_top_nav .search-ico span{
    height: 20px;
    width: 20px;
    fill: #8f8f8f;
    position: relative;
    z-index: 5;
    background: url("../images/search_ico.jpg");
}
.header_top_nav .search-ico svg.hovered {
    fill: #1780c8
}
.header_top_nav .search-ico:hover form input {
    visibility: visible;
    transform: translateX(0) scale(1);
    opacity: 1
}
.header_top_nav .search-ico form {
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 4;
    pointer-events: none
}
.header_top_nav .search-ico form input {
    pointer-events: auto;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 42px;
    width: 220px;
    padding: 0 50px 0 12px;
    outline: none;
    border: 1px solid #8f8f8f;
    transform-origin: right center;
    transform: translateX(10px) scale(.2, .8);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease;
    font-size: 15px;
    font-weight: 500
}
.header_top_nav .search-ico form input:focus {
    transform: translateX(0) scale(1);
    opacity: 1
}
.header_top_nav .search-ico form button {
    position: absolute;
    cursor: pointer;
    width: 66px;
    height: 42px;
    right: 0;
    top: 0;
    border: none;
    background: transparent;
    outline: none;
    text-indent: -99999px;
    z-index: 66;
}
.header_top_nav > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 30px;
    color: #1780c8;
    border-left: 1px solid #e1e3e7
}
.header_top_nav > a:after {
    content: "»";
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-left: 9px;
    position: relative;
    top: -1px
}
.header_main-nav .menu {
    display: -ms-flexbox;
    display: flex;
    float: right;
    height: 57px;
    border-top: 1px solid #e1e3e7
}
.header_main-nav .menu > li {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}
.header_main-nav .menu > li:first-child > a {
    padding-left: 0
}
.header_main-nav .menu > li:last-child > a {
    padding-right: 0
}
.header_main-nav .menu > li.current-menu-ancestor > a, .header_main-nav .menu > li.current-menu-item > a {
    color: #1780c8
}
.header_main-nav .menu > li > a {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 22px;
    font-weight:600;
}
.header_main-nav .menu > li > a:hover,.header_main-nav .menu > li.active > a{
    color: #1780c8
}
.mobile-nav {display: none;position: fixed;height: 100%;width: 275px;left: 100vw;top: 78px;transition: transform .3s ease;z-index: 100;background: #fff;padding: 15px;border-left: 1px solid #fff;overflow: auto}
.menu-opened .mobile-nav {transform: translateX(-275px)}
.mobile-nav .sub-menu {display: none}
.mobile-nav:before {content: "";position: absolute;left: 0;top: 0;height: 150%;width: 15px; /*background: linear-gradient(90deg, #ddddde, #fff);*/z-index: 0}
.mobile-nav .search-form {display: block;position: relative;height: 48px;width: 100%;margin-bottom: 17px}
.mobile-nav .search-form input {width: 100%;height: 48px;padding: 0 46px 0 15px;color: #8f8f8f;font-size: 14px;background: #f5f5f5;border: 1px solid #8f8f8f;outline: none}
.mobile-nav .search-form button {text-indent: -99999px;height: 46px;width: 46px;background: url(../images/ico-search.png) 50% no-repeat;background-size: 17px;position: absolute;right: 1px;top: 1px;fill: #1780c8;border: none;outline: none}
.mobile-nav .menu_header_menu_container {margin-bottom: 15px}
.mobile-nav .menu_header_menu_container a {height: 56px !important;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 0 15px !important;border-bottom: 1px solid #e1e3e7;font-size: 16px;font-weight: 700;text-transform: uppercase}
.mobile-nav .header_lang-tog {height: 50px;position: relative}
.mobile-nav .header_lang-tog .header_lang-cur {font-size: 13px;text-transform: uppercase}
.mobile-nav .header_lang-tog .header_lang-cur:after {transition: transform .2s ease}
.mobile-nav .header_lang-tog:hover .header_lang-cur:after {transform: translateY(-50%) scaleX(2) rotate(180deg)}
.mobile-nav .header_lang_drop {position: absolute;width: 100%;bottom: 44px;padding-top: 22px}
.mobile-nav .header_lang_drop:before {top: auto;bottom: -50px}
.mobile-nav .header_lang_drop:after {top: auto;bottom: 9px}
.mobile-nav .menu-header-top-menu-container a, .mobile-nav > a {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 45px;padding: 0 15px;font-size: 13px;text-transform: uppercase;color: #444648}
.mobile-nav > a {color: #003a81;font-weight: 500}
.mobile-nav > a:after {top: -1px;font-weight: 500}
.mobile-nav-toggler {display: none;width: 30px;height: 30px;position: absolute;float: right;right: 55px;top: 50%;transform: translateY(-50%);background: #fff;transition: background .3s ease}
.menu-opened .mobile-nav-toggler {background: #1780c8;}
.menu-opened .mobile-nav-toggler div {background: #fff}
.menu-opened .mobile-nav-toggler div:first-child, .menu-opened .mobile-nav-toggler div:nth-child(2) {transform: translateY(-1px) translateX(-5px) rotate(45deg) scale(.8)}
.menu-opened .mobile-nav-toggler div:nth-child(2) {display: none}
.menu-opened .mobile-nav-toggler div:last-child {transform: translateY(-1px) translateX(-5px) rotate(-45deg) scale(.8)}
.mobile-nav-toggler div {width: 20px;height: 3px;position: absolute;background: #1780c8;top: 50%;right: 0;transition: all .3s ease}
.mobile-nav-toggler div:first-child {transform: translateY(-8px)}
.mobile-nav-toggler div:nth-child(2) {transform: translateY(-1px)}
.mobile-nav-toggler div:last-child {transform: translateY(6px)}
.menu {position: relative}
.menu_submenu {position: absolute;top: calc(100% + 3px);right: 0;min-width: 100%;width: auto;height: 280px;max-height: 280px;padding: 20px;background: linear-gradient(180deg, #fff, #f1f4f9);display: -ms-inline-flexbox;display: inline-flex;box-shadow: 0 15px 16px rgba(0, 0, 0, .25);z-index: 2;transform: translateY(25px);opacity: 0;pointer-events: none;transition: all .3s ease .1s}
.menu_submenu-title {font-size: 27px;font-family: Roboto, sans-serif;font-weight: 700;padding-right: 15px;white-space: nowrap}
.menu_submenu-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-grow: 1;
    border-left: 3px solid #e1e3e7
}
.menu_submenu-list_item {
    flex-basis: 34px;
    padding: 0;
    min-height: 34px;
    max-height: 34px
}
.nav_two{
    flex-basis: 30px;
    padding: 0;
    min-height: 30px;
    max-height: 30px
}
.menu_submenu-list_item.current-menu-item a {
    color: #1780c8
}
.menu_submenu-list_item.current-menu-item a:before {
    opacity: 1
}
.menu_submenu-list_item a {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    height: 100%;
    padding: 0 25px 0 8px;
    white-space: nowrap;
    position: relative;
    line-height: 34px;
}
.nav_two a{
    line-height: 30px;
}
.menu_submenu-list_item a:hover {
    color: #267dcc
}
.menu_submenu-list_item a:hover:before {
    opacity: 1
}
.menu_submenu-list_item a:before{
    content: "";
    width: 3px;
    height: 34px;
    position: absolute;
    background: #e1e3e7;
    opacity: 1;
    left: -3px;
    top: 0;
    transition: opacity .2s ease
}
.nav_two a:before{
    height: 30px;
}
.menu_submenu-list_item:hover a:before {
    background: #1780c8;
}
.menu_submenu-images {
    max-height: 193px;
    max-width: 400px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.menu_submenu_three{
    padding: 20px 0;
}
.menu_submenu_three > div.menu_submenu_three_list{
    float: left;
    width: 25%;
    height: 100%;
    padding: 0 2.5%;
    overflow: hidden;
    border-right: 1px solid #E4E4E4;
}
.menu_submenu_three > div.menu_submenu_three_list:nth-last-of-type(1){
    border-right: none;
}
.menu_submenu_three_list img {
    display: block;
}
.menu_submenu_three_list h5 a{
    font-size: 18px;
    color: #333;
    line-height: 36px;
    display: block;
}
.menu_submenu_three_list_son{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.menu_submenu_three_list_son p{
    float: left;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.menu_submenu_three_list_son p a{
    font-size: 12px;
    line-height: 20px;
    color: #333;
}
@media screen and (max-width: 1366px) {
    .header_logo {
        padding: 10px 0;
        width: 140px;
        height: 75px;
        text-align: left
    }
    .header_main-nav .menu {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media screen and (max-width: 1200px) {
    .header_main-nav .menu > li > a {
        font-size: 15px;
        padding: 0 5px
    }
    .menu_submenu ul + ul + images {
        display: none
    }
}
@media screen and (max-width: 1024px) {
    .header_main-nav, .header_top_nav {
        display: none
    }
    .mobile-nav, .mobile-nav-toggler {
        display: block
    }
}
@media print {
    .header {
        margin-bottom: 15px
    }
    .header_main-nav, .header_top_nav {
        display: none
    }
    .header_logo {
        width: 180px;
        padding: 15px 0 20px
    }
    .header_logo:after {
        display: none
    }
    .header_logo svg *, .header_logo svg .logo_svg-arrow *, .logo_svg {
        fill: #000
    }
}
@media screen and (min-width: 1024px) {
    .menu_header_menu_container .menu > li:first-child > a:after {
        margin-left: -11px
    }
    .menu_header_menu_container .menu > li:last-child > a:after {
        margin-left: 11px
    }
    .menu_header_menu_container .menu > li > a {
        position: relative;
        height: calc(100% + 3px);
        padding-bottom: 3px;
        z-index: 2;
        overflow: hidden
    }
    .menu_header_menu_container .menu > li > a:after {
        content: "";
        position: absolute;
        bottom: 3px;
        left: 50%;
        width: 0;
        height: 0;
        transform: translate(-50%, 20px) rotate(-45deg);
        border-top: 5.5px solid #1780c8;
        border-right: 5.5px solid #1780c8;
        border-bottom: 5.5px solid transparent;
        border-left: 5.5px solid transparent;
        transition: transform .2s ease
    }
    .menu_header_menu_container .menu > li.active > a:after {
        transform: translate(-50%, 50%) rotate(-45deg)
    }
    .menu_header_menu_container .menu > li:hover .menu_submenu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto
    }
}
.header_logo {
    padding: 30px 0 20px
}
@media screen and (max-width: 1366px) {
    .header_logo {
        padding: 3px 0 0 0;
        width: 140px;
        height: 69px;
        text-align: left
    }
    .header_logo img{
        height: 100%;
    }
}
.header_top_nav {
    height: 30px;
    padding-top: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.header_main-nav .menu {
    width: calc(100% - 350px);
    justify-content: space-between
}

@media screen and (max-width: 1366px) {
    .header_main-nav .menu {
        width: 100%
    }
}
@media screen and (min-width: 1024px) {
    .header_email_tog::after, .header_lang-tog::after {
        content: "";
        position: absolute;
        top: 8px;
        right: 0;
        height: 34px;
        border-right: 1px solid #e1e3e7
    }
}
.header_lang-tog > a:first-child, .header_email_tog > span, .header_menu-tog > span {
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 34px;
    padding-right: 15px;
    position: relative;
    margin-right: 12px;
    min-width: 110px;
    font-size: 13px;
    color: #444648
}

.header_email_tog > span, .header_menu-tog > span {
    padding-left: 52px;
    padding-right: 24px
}
.header_email_tog {
    padding: 8px;
    margin-top: -8px;
    z-index: 4;
}
.header_menu-tog {
    padding: 8px;
    margin-top: -8px;
    z-index: 3
}
.mobile-nav {
    top: 72px
}
.mobile-nav .header_email_tog, .mobile-nav .header_menu-tog {
    height: 50px;
    position: relative
}
.header_menu-tog::after {
    border: 0
}
.header_email_tog:hover .header_menu-drop, .header_menu-tog:hover .header_menu-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
}
.header_email_tog .header_menu-drop, .header_menu-tog .header_menu-drop {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 31px 8px 15px;
    margin: 0 -8px;
    z-index: 10;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .3s ease;
    height: auto
}
.header_menu-drop:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: calc(100% + 39px);
    left: 0;
    top: -39px;
    border: 1px solid #e1e3e7;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .26)
}
.header_menu-drop:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 8px;
    width: calc(100% - 16px);
    display: block;
    height: 1px;
    background: #e1e3e7;
}
.header_email_tog .header_menu-item, .header_menu-tog .header_menu-item {
    height: 42px;
    padding: 0;
    position: relative;
    display: block;
    margin-bottom: 2px;
    border: none
}
.header_email_tog .header_menu-item a {
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3px;
    background: #fff;
}
.header_menu-tog .header_menu-item a {
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    background: #fff
}

.header_menu-drop .header_menu-item a:hover {
    color: #fff;
    background: #1780c8
}

.header_lang-tog > a:first-child:before, .header_email_tog > span:before, .header_menu-tog > span:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
    height: 16px
}
.header_lang-tog > a:first-child:before {
    background: url(../images/globe.png) no-repeat
}
.header_email_tog > span:before {
    background: url(../images/email.png) no-repeat
}
.header_menu-tog > span:before {
    background: url(../images/jump.png) no-repeat
}
.header_lang-tog > a:first-child:after, .header_email_tog > span:after, .header_menu-tog > span:after {
    content: "∨";
    position: absolute;
    display: inline-block;
    color: #1780c8;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(2);
    -moz-transform: translateY(-50%) scaleX(2);
    -ms-transform: translateY(-50%) scaleX(2);
    -o-transform: translateY(-50%) scaleX(2);
    transform: translateY(-50%) scaleX(2);
    font-size: 6px
}
@media screen and (min-width: 1024px) {
    .header_lang-tog > a:first-child {
        justify-content: center
    }
}
.mobile-nav .header_email_tog > span, .mobile-nav .header_menu-tog > span {
    padding-left: 36px
}
.mobile-nav .contact-us::after {
    content: "»";
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-left: 9px;
    position: relative;
    top: -2px
}

.index_banner{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.banner_all{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.banner_all .swiper-container {
    width: 100%;
    height: 100%;
}
.banner_all .swiper-slide {
    float: left;
    background: #fff;
    cursor: pointer;
}
.banner_all .swiper-slide img { width:100%}
.banner_all .swiper-slide .index_banner_wab{ display: none;}
.banner_all .swiper-pagination-bullet{
    width: 60px;
    height: 10px;
    background: rgba(240,240,240,.8);
    cursor: pointer;
    border-radius: 25px;
}
.banner_all .swiper-pagination-bullet-active{
    background: rgba(240,240,240,1);
}
.banner_all .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 5px 10px;
}

.index_title{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.index_title h1,.index_title h2{
    font-size: 30px;
    line-height: 39px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    letter-spacing: 2px;
}
.index_title p{
    font-size: 15px;
    color: #999;
    line-height: 37px;
}
.w_1500{width: 1450px;padding: 0 25px;margin: 0 auto;position: relative;}
.txt_title{ font-size: 30px; color: #1780c8; text-align: center;margin-bottom: 20px;}
.txt_title span{ position: relative; display: inline-block; background: url(../images/bg21.jpg) no-repeat 50% 100%; padding-bottom: 15px;}
.txt_title span:before{ content: ""; display: inline-block; position: absolute; width: 114px; height: 23px; background: url(../images/bn28.png) no-repeat 50%; left: -144px; top: 10px;}
.txt_title span:after{ content: ""; display: inline-block; position: absolute; width: 114px; height: 23px; background: url(../images/bn29.png) no-repeat 50%; right: -144px; top: 10px;}

.index_service{
    float: left;
    width: 100%;
    height: auto;
    padding: 55px 0 20px 0;
    overflow: hidden;
    background: url("../images/bg_fk.jpg") repeat center center;
}
.service_table{
    width: 100%;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
}
.service_list{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px #ddd solid;
    padding-bottom: 20px;
}
.service_list ul li{
    font-size: 16px;
    padding: 0 15px;
    color: #ffffff;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px;
    cursor: pointer;
    transition: all .3s;
    background-color: #c6c6c6;
}
.service_list ul li:hover,.service_list ul li.on{
    background-color: #1780c8;
}
.service_detail{
    width: 100%;
    height: auto;
    /*min-height: 455px;*/
    padding: 30px 0 10px;
    text-align: center;
    overflow: hidden;
}
.service_detail .lh{width: 1450px;padding: 0 25px;margin: 0 auto;height: auto;overflow: hidden;display: none;position: relative;}
.service_ico{width: 100%;height: auto;overflow: hidden;}
/*.service_ico ul li{float: left;width: 16.66%;height: auto;margin-bottom: 50px;overflow: hidden;cursor: pointer;}*/
/*.service_ico ul li span{width: 110px;height: 110px;overflow: hidden;border-radius: 50%;background: #fff;border: 1px #ddd solid;display: inline-block;transition: all .4s ease-in-out;position: relative;z-index: 2;}*/
/*.service_ico ul li:hover span{border: 1px solid #1780c8;}*/
/*.service_ico ul li span em{content: "";position: absolute;left: 11px;top: 11px;width: 86px;height: 86px;border-radius: 50%;transition: all .6s ease-in-out;background-position: 0 14px;background-repeat: no-repeat;}*/
/*.service_ico ul li:hover span em {background-position: 0 -82px;}*/
/*.service_ico ul li span em:before {opacity: 0;content: "";position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: #1780c8;transition: all .4s ease-in-out;}*/
/*.service_ico ul li:hover span em:before{opacity: 1;}*/
/*.service_ico ul li h5 {color: #000;font-size: 18px;margin-top: 10px;}*/

/*首页-我们的服务*/
.index_service{ float: left;width: 100%;height: auto;padding: 60px 0 20px;background:#edf0f3 url('../images/y_j_02.jpg') no-repeat right center;}/*edf0f3 02*/
.service_ico ul li{ float: left;width: calc(25% - 15px);margin:0 20px 20px 0;min-height: 225px;padding: 15px;background: #fff;transition: all 0.36s;border-radius: 8px;display:none}
.service_ico ul li:nth-child(4n){ margin-right: 0}
.service_ico ul li:nth-of-type(1),.service_ico ul li:nth-of-type(2),.service_ico ul li:nth-of-type(3),.service_ico ul li:nth-of-type(4),.service_ico ul li:nth-of-type(5),.service_ico ul li:nth-of-type(6),.service_ico ul li:nth-of-type(7),.service_ico ul li:nth-last-of-type(1){ display:inline-block}
.service_ico ul li:nth-last-of-type(1){ margin-right:0}

.service_tit{ float: left;width: 100%;height: auto;overflow: hidden;text-align: left;border-bottom: 1px solid #e8e9ea;}
.service_tit span{ display: inline-block;width: 60px;height: 60px;transition: all .6s ease-in-out;background-position: -10px 4px;background-repeat: no-repeat;background-size: 80px}
.service_tit:hover span{ background-color: #1780c8;background-position: -10px -85px;border-radius: 5px}
.service_tit h3{ width: 100%;height:30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;color: #000;font-size: 16px;text-align: left}
.service_tit:hover h3{ color: #1780c8;}
.service_txt{ float: left;width: 100%;height: auto;overflow: hidden;text-align: left;padding-top: 10px}
.service_txt a{ float: left;width: 50%;height: 28px;line-height: 28px;text-align: left;}
.service_txt a:nth-child(odd){ padding-right: 10px}
.service_txt a:nth-child(even){ padding-left: 10px}
.service_txt a span{ display: inline-block;float: left;width: auto;max-width: 100%;height: 100%;color: #888;position: relative;padding-right: 15px;transition: all .6s;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;font-size:12px;}
.service_txt a span:after{ content: '';width: 0;opacity: 0;height: 1px;background: #1780c8;position: absolute;left: 0;bottom: 0;transition: all 0.36s;}
.service_txt a span:before{ content: "";width: 10px;height: 100%;position: absolute;right: 0;top: 0;opacity: 0;transition: all .6s;background: url('../images/m_ic.png') no-repeat center center;background-size: 100%}
.service_txt a:hover span{ color: #1780c8}
.service_txt a:hover span:after{ width: 100%;opacity: 1;}
.service_txt a:hover span:before{ opacity: 1}

/*首页-实验室中心*/
.index_room{float: left;width: 100%;height: auto;margin-top: 70px;text-align: center;overflow: hidden;background: url("../images/room_bg.png") no-repeat top center;}
.room_list{
    width: 1430px;
    height: auto;
    overflow: hidden;
    margin: -40px auto 0;
    padding: 0 15px 30px;
}
.room_all{
    width: 100%;
    height: auto;
    padding: 70px 0 55px;
}
.room_all .swiper-slide{
    background: none;
}
.room_all .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.room_all .swiper-pagination-bullet-active{
    width: 20px;
    background-color: #1780c8;
    border-radius: 25px;
}
.room_all .swiper-slide .con{
    display: block;
    margin: 0 0;
    text-align: center;
    padding: 20px 12px 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(7,18,101,.09);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    background: #ffffff;
}
.room_all .swiper-slide .con:hover {
    /*box-shadow: 0 0 30px rgba(23,128,200,.6);*/
    /*box-shadow: 0 0 10px rgba(0,0,0,.3);*/
    transform: translate3d(0, -10px, 0);
}
.room_all .swiper-slide .con .icon{width: 100%;height: 280px;overflow: hidden;display: inline-block;background-size: auto 100% !important;}
.room_all .swiper-slide .con p{font-size: 22px;color: #000;line-height: 37px;font-weight: normal;position: relative;padding-bottom: 5px;margin-bottom: 10px;}
.room_all .swiper-slide .con p:after {content: '';position: absolute;bottom: 0;left: 50%;height: 1px;width: 45px;background-color: #8c8c8c;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.room_all .swiper-slide .con:hover p:after {width: 80px;}
.room_all .swiper-slide .con .con_txt{font-size: 14px;line-height: 24px;color: #000;height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*首页-中认实力*/
.index_strength{float: left;width: 100%;height: auto;margin: 60px 0 40px;overflow: hidden;}
.strength_tab{height: auto;overflow: hidden;}
.strength_list{width: 100%;height: auto;margin: 5px 0 20px;text-align: center;overflow: hidden;}
.strength_list ul li{font-size: 16px;padding: 0 15px;color: #ffffff;height: 38px;line-height: 38px;display: inline-block;border-radius: 5px;margin: 0 10px;cursor: pointer;transition: all .3s;background-color: #c6c6c6;}
.strength_list ul li:hover, .strength_list ul li.on {background-color: #1780c8;}
.strength_detail_c{width: 100%;height: auto;overflow: hidden;background: #efefef;}
.strength_detail{width: 1450px;height: auto;margin: 0 auto;overflow: hidden;}
.strength_ico{width: 100%;height: auto;margin: 30px 0;padding: 0 50px;display: none;position: relative;}
.strength_ico .str_slibe{width: 100%;height: 100%;overflow: hidden;padding: 10px 0; /*background-color: #ffffff;*/}
.strength_ico .swiper-button-next{width: 46px;height: 46px;background: url("../images/next.png") no-repeat center center;opacity: 0.6;right: 0;outline:none;}
.strength_ico .swiper-button-prev{
    width: 46px;
    height: 46px;
    background: url("../images/prev.png") no-repeat center center;
    opacity: 0.6;
    left: 0;
    outline:none;
}
.strength_ico .swiper-button-next:after,.strength_ico .swiper-button-prev:after{
    content: "";
}
.strength_ico  .str_slibe .swiper-slide{
    width: 100%;
    height: auto;
    padding: 15px 0;
    text-align: center;
    /*background-color: #e6e6e6;*/
    border-radius: 5px;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    border: 2px solid #e6e6e6;
    position: relative;
}
.strength_ico .swiper-slide span.ioc{
    width: 100%;
    height: 300px;
    line-height: 300px;
    display: inline-block;
    overflow: hidden;
    transition: all .6s;
}
.strength_ico .swiper-slide:hover{
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}

/*首页-我们的优势*/
.index_good{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../images/HomeAboutBg.jpg") no-repeat center center;
}
.index_good .index_title{
    padding-top: 50px;
}
.good_list{
    height: auto;
    overflow: hidden;
    margin: 20px auto 50px;
}
.good_list ul{
    text-align: center;
}
.good_list ul li{
    width: 320px;
    height: 377px;
    margin: 0 10px;
    padding: 0 5px;
    /*background: url(../images/adva_item_bg.png) no-repeat center center;*/
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}
.good_list ul li:after{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
}
.good_list ul li > p{
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    background: url(../images/libg0.png) center center no-repeat;
    margin-top: 166px;
    position: relative;
    z-index: 5;
}
.good_list ul li span {
    color: #fff;
    margin-top: 10px;
    display: none;
    position: relative;
    z-index: 5;
}
.good_list ul li span p{
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
}

/*首页-关于我们*/
.index_about{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 100px;
    background-size: cover;
    background: url("../images/bg-2.jpg") no-repeat top center;
    background-size: cover;
}
.about_you{
    float: left;
    width: 705px;
    color: #fff;
    padding-top: 122px;
}
.about_you h1{
    font-size: 36px;
    font-weight: normal;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 20px;
}
.about_you h1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 60px;
    background-color: #fff;
}
.about_you h1 a {
    color: #fff;
}
.about_you .about_txt p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
}
.about_map{
    float: right;
    width: 679px;
    height: 306px;
    position: relative;
    margin-right: -40px;
    margin-top: 105px;
    background: url(../images/bg-1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.about_map .point_area{
    text-align: center;
    position: absolute;
    width: 80px;
    height: 80px;
    transition: opacity .5s ease-out;
}
.about_map .point_area:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
    left: 50%;
}
.about_map .point_area .about_map_txt{
    width: 50px;
    position: absolute;
    left: 48px;
    top: 40%;
    color: #fff;
}
.about_map .point {
    position: absolute;
    width: 100%;
    height: 100%;
}
.about_map .point:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
}
.about_map .point.point_10:after {
    animation: 4.5s ease-out 225ms infinite ripple;
}
.about_map .point.point_40:after {
    animation: 4.5s ease-out .9s infinite ripple;
}
.about_map .point.point_shadow:after {
    box-shadow: inset 0 0 5em rgba(255,255,255,.16);
}
.about_map .point.point_80:after {
    animation: 4.5s ease-out 1.8s infinite ripple;
}
@keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}
.about_data{
    float: left;
    width: 100%;
    height: 152px;
    margin-top: 70px;
    overflow: hidden;
}
.about_data ul li{
    float: left;
    width: 25%;
    height: 100%;
    padding-top: 15px;
    text-align: center;
    overflow: hidden;
    line-height:33px;
    position: relative;
}
.about_data ul li>div,.about_data ul li>div i{
    font-size:70px;
    color:rgba(255,255,255,1);
    font-style: normal;
}
.about_data ul li>div i{
    position: relative;
}
.about_data ul li>div i:after{
    content: "+";
    display: inline;
    font-size: 24px;
    position: relative;
    top:-30px;
    left:10px;
}
.about_data ul li p{
    font-size:24px;
    color:rgba(255,255,255,1);
    margin-top: 13px;
    line-height: 36px;
}

/*首页-新闻中心*/
.index_new{
    float: left;
    width: 100%;
    height: auto;
    padding-top: 60px;
    overflow: hidden;
}
.new_list{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px #ddd solid;
    margin:15px auto 0;
    padding-bottom: 10px;
}
.new_list ul li{
    font-size: 16px;
    padding: 0 15px;
    color: #ffffff;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    border-radius: 5px;
    margin: 0 10px;
    cursor: pointer;
    transition: all .3s;
    background-color: #c6c6c6;
}
.new_list ul li:hover,.new_list ul li.on{
    background-color: #1780c8;
}
.new_tab{
    height: auto;
    padding: 30px 0 50px;
    overflow: hidden;
}
.new_tab_conter{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}

.index_new_two{
    float: left;
    width: 100%;
    height: auto;
    margin: 30px 0 10px;
    overflow: hidden;
}
.new_all{
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    overflow: hidden;
}
.new_all .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.new_all .swiper-pagination-bullet-active{
    width: 20px;
    /*background-color: #00b3d5;*/
    background-color: #1780c8;
    border-radius: 25px;
}
.new_all_tit{
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 10px;
    font-weight: 400;
}
.new_slide_one{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.new_slide_one ul li{
    float: left;
    width: calc(50% - 10px);
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
}
.new_slide_one ul li:nth-child(even){
    float: right;
}
.new_slide_one_img{
    float: left;
    width: 240px;
    height: 150px;
    overflow: hidden;
    background: url('../images/no_bj.jpg') no-repeat center center;
    background-size: 100%;
}
.new_slide_one_img img{
    width: 100%;
}
.new_slide_one_txt{
    float: left;
    width: 450px;
    height: 150px;
    padding: 0 0 0 10px;
    overflow: hidden;
}
.new_slide_one_txt h4{
    float: left;
    width: 100%;
    height: 25px;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    transition: all.3s;
}
.new_slide_one ul li:hover h4{
    color: #1780c8;
}
.new_slide_one_txt p{
    float: left;
    height: 95px;
    font-size: 13px;
    font-style: normal;
    color: #999;
    line-height: 25px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.new_slide_two{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.new_slide_two ul li{
    float: left;
    width: 25%;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url('../images/arrow_right.png') no-repeat left 11px;
}
.new_slide_two ul li a{
    color: #1a1a1a;
    transition: all .3s;
    font-size: 13px;
}
.new_slide_two ul li:hover a{
    color: #1780c8;
}

/*首页-表单*/
.index_from{
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: url("../images/bg-4.jpg") no-repeat center center;
}
.index_from .index_title h2{
    color: #ffffff;
    padding: 35px 0 20px;
}
.from_table{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.from_table_left{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.from_table input{
    float: left;
    width: 32.3%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    border: none;
    background: #ffffff;
    margin-bottom: 10px;
    margin-right: 1.5%;
    outline: none;
    padding-left: 10px;
    border-radius: 3px;
}
.from_table input:nth-last-of-type(1){
    margin-right: 0;
}
.from_table_right{
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.from_table_right textarea{
    width: 100%;
    height: 120px;
    overflow: hidden;
    outline: none;
    background-color: #ffffff;
    border: none;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.from_table button{
    width: 180px;
    height: 45px;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    background-color: #ffffff;
    display: block;
    margin: 10px auto 0;
    border: none;
}

/*==客服↓==*/
.side_bar{position: fixed; right:0;bottom:180px;z-index:99}
.side_bar ul li{position: relative;margin:1px 0;padding:10px; text-align:center;cursor: pointer;background: rgba(0, 0, 0, 0.5);outline: none;}
.side_bar ul li a{display: block;}
.side_bar ul li em{ display: block;width:33px;height:27px;margin: 0 auto 2px;}
.side_bar ul li b{font-size:14px; color:#fff;}
.side_bar ul li:hover{ background: #1780c8;}
.side_bar ul li .toolbar-layer {position: absolute;right: 85px;bottom: -5px;width: 172px;opacity: 0;padding: 5px;cursor: initial;border-radius: 5px;border: 1px #ccc solid;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 95%;transform: scale(0.01);transition: all 1s;}
.side_bar ul li:hover .toolbar-layer {opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
.side_bar ul li.weixin .toolbar-layer{width:140px}
.side_bar ul li.marks .toolbar-layer{width: 450px;z-index:999}
.side_bar ul li .hint-layer{display: none; position:absolute;right: 85px;bottom:-10px;width:172px; cursor: initial;}
.side_bar ul li.tidings .ico{ background: url(../images/ico-sq.png) no-repeat center;}
.side_bar ul li.qq .ico{ background: url(../images/ico-qq.png) no-repeat center;}
.side_bar ul li.zhengshu .ico{ background: url(../images/zhengshu.png) no-repeat center;background-size: auto 100%;}
.side_bar ul li.weixin .ico{ background: url(../images/ico-wx.png) no-repeat center;}
.side_bar ul li.weixin img{width: 100%;}
.side_bar ul li.top .ico{ background: url(../images/ico-top.png) no-repeat center;}
.side_bar ul li .hint-layer .close{  position: absolute; right:20px;top:20px;width:25px;height:25px;line-height:23px; text-align: center; color:#fff;font-size:18px; border-radius: 50%; background: #e1e1e1;}
.side_bar ul li .hint-layer .close:hover{ background: #1780c8;}


/*尾部*/
.footer{
    float: left;
    width: 100%;
    height: auto;
    padding: 54px 0 12px;
    overflow: hidden;
    /*background: #E4E4E4;*/
    background: #e7e7e7;
}
.footer_address{
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.address{
    float: left;
    width: 50%;
    height: 80px;
    margin: 0 0 20px;
}
.address_img{
    float: left;
    height: 80px;
    padding-left: 90px;
    padding-right: 40px;
    font-size: 1.5233vw;
    line-height: 80px;
    border-right: 1px solid #ccc;
}
.address_con{
    overflow: hidden;
    padding-top: 2px;
    padding-left: 33px;
}
.address_con span{
    font-size: 36px;
    color: #000;
    line-height: 46px;
    display: block;
    margin-bottom: 6px;
}
.address_con p{
    font-size: 14px;
}

.footer_nav{
    height: auto;
    overflow: hidden;
    margin:20px auto;
}
.footer ul{
    float: left;
    width: 100%;
    height: auto;
    display: table;
    overflow: hidden;
}
.footer ul li{
    display: table-cell;
    text-align: left;
}
.footer ul li h2{
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 400;
}
.footer ul li p{
    font-size: 12px;
    line-height: 2;
}
.footer ul li h2 a{
    color: #333333;
}
.footer ul li p a{
    color: #808080;
    transition: all .3s;
}
.footer ul li p a:hover{
    color: #000;
}
.footer_a{
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}
.footer_a a{
    font-size: 12px;
    color: #727171;
    display: inline-block;
    padding: 0 14px;
    position: relative;
    transition: all .3s ease-in;
}
.footer_a a:nth-of-type(1){
    padding: 0 14px 0 0;
}
.footer_a a:hover{
    color: #000;
}
.footer_a a em{
    position: absolute;
    width: 1px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    left: 0;
    background: #727171;
}
.footer_b{
    height: auto;
    line-height: 20px;
    margin-top: 5px;
    position: relative;
}
.footer_b span{font-size: 12px;color: #727171;margin-right: 15px;}
.footer_b a{font-size: 12px;color: #727171;margin-right: 15px;}
.footer_photo{width: auto;height: auto;overflow: hidden;position: absolute;right: 0;bottom: 0;z-index: 22;}
.footer_photo_list{float: right;width: 100px;height: auto;margin-left: 30px;overflow: hidden;}
.footer_photo_list img{width: 100%;height: 100px;overflow: hidden;display: block;}
.footer_photo_list p{ width: 100%;text-align: center;height: 30px;line-height: 30px;font-size: 13px;color: #727171;}

.footer_c{
    height: auto;
    line-height: 20px;
    margin-top: 5px;
    padding-right: 400px !important;
}
.footer_c span{
    font-size: 12px;
    color: #727171;
    margin-right: 5px;
}
.footer_c a{
    font-size: 12px;
    color: #727171;
    margin-right: 15px;
}

/*内页banner*/
.inner_banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.inner_banner img{max-width: 100%;}
.inner_nav{position: absolute;width: 100%;height: 50px;bottom: 0;line-height: 50px;background: rgba(0,0,0,0.5);}
.inner_nav a{display: inline-block;position: relative;padding-right:15px;padding-left:8px;color: #fff;}
.inner_nav a:after{content: '>';font-size:14px;color: #fff;position: absolute;right:0;top: 0;}
.inner_nav a:first-child{padding-left:20px;}
.inner_nav a:first-child:before{width: 14px;height: 14px;content: '';background:url(../images/home.png) no-repeat;position: absolute;top: 50%;left: 0;margin-top: -7px;}

/*分页样式*/
.list_page {float: left;width: 100%;display: block;margin: 10px 0 20px;text-align: center;}
.list_page:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content:""}
.list_page ul {display: inline-block;margin: 0;padding: 0;list-style: none;vertical-align: bottom;border-right: 1px solid #ddd;border-radius: 4px;}
.list_page ul li {display: inline-block;border: 1px solid #ddd;float: left;border-right: none;border-radius: 0;}
.list_page ul a {display: inline-block;padding: 9pt 20px;background: #fff;color: #333;line-height: 18px;transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s;float:left;}
.list_page ul li a:hover,.list_page ul li.active a {background: #333;color: #fff;}
.list_page ul li:not(:first-child):not(:last-child) {border-radius: 0}
.list_page ul li:first-child {border-radius: 4px 0 0 4px}
.list_page ul li:last-child {border-radius: 0 4px 4px 0}
.list_page ul .page-active a {border-radius: 0;background: #eee;color: #333}
.list_page ul li:nth-of-type(1),.list_page ul li:nth-of-type(2),.list_page ul li:nth-last-of-type(1){ display: none; }

/*电池认证*/
.battery_global{width: 100%;height: auto;overflow: hidden;padding: 60px 0 30px;}
.battery_global .txt_title{ margin-bottom: 0}
.battery_global .about_map{background: none;}
.global_region{width: 986px;height: auto;margin: 10px auto 0 !important;float: none;position: relative;}
.global_region img{width: 100%;}
.global_region .point_area{width: 50px;height: 50px;}
.battery_global .about_map .point:after{border: 1px solid #000;}
.battery_global .about_map .point_area:hover .point:after{border: 1px solid #0caf93;}
.battery_global .about_map .point_area:before{background: #000;}
.battery_global .about_map .point_area:hover:before{ background: #0caf93;}
.global_region .point_area .about_map_txt{font-size: 15px;left: -25px;top: 90%;width: 95px;opacity: 1;color: #000;transition: all .6s;}
.global_region .point_area:hover .about_map_txt{color: #0caf93;}
.battery_product{width: 100%;height: auto;padding-bottom: 40px;overflow: hidden;background: url("../images/serviceHomeBg.jpg") no-repeat top right fixed; /*background-attachment: fixed;*/background-size: auto 100%;}
.battery_product .txt_title{margin: 60px auto 20px;}
.battery_product .index_title h1{color: #333;}
.bat_pro_list{width: 100%;height: auto;margin: 0 auto;overflow: hidden;}
.bat_pro_list li{float: left;width: 268px;background: #fff;border: 1px solid transparent;margin: 6px 15px 6px 0;text-align: center;transition: all 0.3s;overflow: hidden;border-radius: 5px;}
.bat_pro_list li:nth-child(5n){margin: 6px 0 6px 0;}
.bat_pro_list li:nth-of-type(11),.bat_pro_list li:nth-of-type(12){ display: none}
.bat_pro_list li a {display: block;overflow: hidden;height: 290px;padding: 0 18px;}
.bat_pro_list li .bat_pro_img{transition: all 0.3s;height:80px;width:80px;margin: 55px auto 15px;background-repeat: no-repeat;background-size: 100%;}
.bat_pro_list li .bat_pro_tit {font-size: 18px;line-height: 24px;color: #333;transition: all 0.3s;}
.bat_pro_list li .bat_pro_txt{font-size: 14px;line-height: 22px;color: #333;transition: all 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 8px;}
.bat_pro_list li:hover {border-color: #1780c8;box-shadow: 0 0 13px rgba(135, 135, 135, 0.3);}
.bat_pro_list li:hover .bat_pro_txt {transform: translateY(-5px);}
.battery_branch{width: 100%;height: auto;padding-bottom: 60px;overflow: hidden;background-color: #f9f9f9;}
.battery_branch .txt_title{margin: 60px 0 20px;}
.bat_bra_list{width: 100%;height: auto;margin: 0 auto;}
.bat_bra_list ul li{float: left;width: 280px;height: 210px;padding: 23px 13px;overflow: hidden;border: 2px solid #f9f9f9;border-right: none;border-bottom: none;background-color: #FFFFFF;}
.bat_bra_list ul li:hover {box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transition: .4s;transform: translate3d(0, -3px, 0);}
.bat_bra_list ul li:nth-child(5n){border-right: 2px solid #f9f9f9;border-bottom: none;}
.bat_bra_list ul li .bat_bra_img{width: 100%;height: auto;line-height: normal;text-align: center;}
.bat_bra_list ul li .bat_bra_img img{width: 100%;}
.bat_bra_list ul li h2{color: #333;font-size: 16px;font-weight: normal;text-align: left;}
.bat_bra_list ul li p{color: #999999;font-size: 12px;line-height: 24px;margin: 5px 0 10px;height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.bat_bra_list ul li .bat_bra_more{margin-top: 15px;padding: 0 10px;}
.bat_bra_list ul li .bat_bra_more a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;border: 1px solid #1780c8;color: #1780c8;font-size: 14px;border-radius: 3px;}
.battery_case{width: 100%;height: auto;overflow: hidden;padding-bottom: 60px;background-color: #FFFFFF;}
.battery_case .txt_title{margin: 60px auto 20px;}
.bat_case_list{width: 100%;height: auto;margin: 0 auto;position: relative;}
.bat_case_list .swiper-container{padding: 0 5px;}
.bat_case_list .swiper-slide{width: auto;height: 250px;margin: 5px 0;overflow: hidden;box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);}
.bat_case_list .swiper-slide .bat_case_img{
    height: 208px;
    /*margin: 35px 0 15px 0;*/
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
}
.bat_case_list .swiper-slide .bat_case_img img {
    width: 100%;
    /*height: 100%;*/
}
.bat_case_list .swiper-slide .bat_case_tit{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    color: #080808;
    text-align: center;
    padding: 0 3%;
}
.bat_case_list .swiper-slide .bat_case_con{
    position: absolute;
    left: 0;
    top: -209px;
    color: #fff;
    background: rgba(23,128,200,0.8);
    text-align: left;
    padding: 10px 10px 0 10px;
    opacity: 1;
    width: 100%;
    height: 208px;
    transition: all .6s;
}
.bat_case_list .swiper-slide .bat_case_con h4{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 15px 2% 10px;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    line-height: 24px;
    border-bottom: #ffffff dashed 1px;
}
.bat_case_list .swiper-slide .bat_case_con p{
    line-height: 20px;
    overflow: hidden;
    font-size: 13px;
    padding-top: 10px;
}
.bat_case_list .swiper-slide:hover .bat_case_con{
    top: 0;
}
.bat_case_list .swiper-button-next, .bat_case_list .swiper-button-prev{
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 50%;
    outline: none;
    transition: all 0.3s;
    box-shadow: 0 0 15px rgba(200, 200, 200, 0.35);
}
.bat_case_list .swiper-button-next:after,.bat_case_list .swiper-button-prev:after{
    font-size: 20px;
    color: #080808;
}
.bat_case_list .swiper-button-next{ right: -20px;}
.bat_case_list .swiper-button-prev{ left: -20px;}

/*认证服务列表*/
.product_page{
    height: auto;
    margin: 30px auto 50px;
    overflow: hidden;
}
.product_left {
    float: left;
    width: 21%;
    height: auto;
    overflow: hidden;
}
.left_nav {
    width: 100%;
    overflow: hidden;
}
.left_nav .left_nav_title {
    position: relative;
    padding: 18px 35px;
    color: #fff;
    font-size: 25px;
    background: #1780c8
}
.left_nav .left_nav_title:after {
    content: "";
    float: right;
    width: 35px;
    height: 34px;
    background: url(../images/left_nav_title.png) no-repeat center;
}
.left_nav .left_one_column{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f8f8;
}
.left_nav .left_one_column > li {
    margin-top: 1px;
}
.left_nav .left_one_column > li > h3 {
    position: relative;
    padding: 15px 30px;
    display: block;
    background: #888888;
}
.left_nav .left_one_column > li > h3 a {
    color: #fff;
    font-size: 18px;
}
.left_nav .left_one_column > li > h3:before {
    float: right;
    margin-top: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    transition: all .4s ease-in-out;
}
.left_nav .left_one_column > li.active > h3, .left_nav .left_one_column > li > h3.on, .left_nav .left_one_column > li > h3:hover {
    background: #1780c8;
}
.left_nav .left_one_column > li.active > h3:before, .left_nav .left_one_column > li > h3.on:before {
    transform: rotate(180deg);
}
.left_nav .left_one_column li.active > .two_column {
    display: block;
}
.left_nav .two_column {
    display: none;
}
.left_nav .two_column > li {
    margin-top: 1px;
    border: 1px #ededed solid
}
.left_nav .two_column > li > h3 {
    padding: 15px 30px 15px 50px;
    background: #ededed;
}
.left_nav .two_column > li > h3:before {
    float: right;
    margin-top: 5px;
    color: #8d8d8d;
    font-size: 15px;
    font-weight: bold;
    transition: all .4s ease-in-out;
}
.left_nav .two_column > li > h3 a {
    font-size: 14px;
    color: #535353;
    padding-left: 20px;
    background: url(../images/leftNav-ico-03.png) no-repeat left;
}
.left_nav .two_column > li.active > h3 {
}
.left_nav .two_column > li.active > h3:before, .left_nav .two_column > li > h3.on:before {
    transform: rotate(180deg);
}
.left_nav .two_column > li.active > h3 a, .left_nav .two_column > li > h3.on a, .left_nav .two_column > li > h3 a:hover {
    color: #1780c8
}
.left_nav .two_column > li.active > .three_column {
    display: block;
}
.left_nav .three_column {
    display: none;
}
.left_nav .three_column > li {
    padding: 10px 10px 10px 80px;
}
.left_nav .three_column > li a {
    display: block;
    color: #747474;
    font-size: 14px;
}
.left_nav .three_column > li > a:hover {
    color: #1780c8;
    transform: translateX(-10px)
}
.column_icon:before {
    content: "";
    width: 30px;
    height: 15px;
    background: url("../images/jt_01.png") no-repeat center center;
}
.two_column .column_icon:before{
    background: url("../images/jt_02.png") no-repeat center center;
}
.product_left img{
    width: 100%;
    margin-top: 20px;
}


.p_left_contact{float: left;width: 100%;position:relative;margin-top:30px;padding:10px 10px 26px;border:1px #ddd solid;overflow: hidden;}
.p_left_contact:before{content: "";position: absolute;left:0;top:0;z-index: -1;width:100%;height: 140px;background: #1780c8;}
.p_left_contact .title{color:#fff;font-size:25px;margin-bottom: 15px;}
.p_left_contact .title .more{float:right;color:#fff;font-size:14px;padding: 0 3px 3px;line-height: 18px;border:1px #fff solid;}
.p_left_contact .top{display: block;max-width:100%;margin: auto;}
.p_left_contact .tel{ display: block;color: #000;font-size: 18px;padding-bottom: 10px;margin: 15px 0 5px 0;border-bottom: 1px #aaa dotted;}
.p_left_contact .tel span{display: block;color:#1780c8;font-weight:bold;font-size: 28px;}
.p_left_contact .wx{margin-top: 20px;}
.p_left_contact .wx h5{margin-bottom:10px;font-size:18px;font-weight:bold;color:#1780c8;text-align: center}
.p_left_contact .wx span{position:relative;display: block;margin:3px 0;padding-left:10px;color: #868686;font-size: 13px;line-height: 20px;}
.p_left_contact .wx span:before{ content:""; position: absolute; left:0;top:8px;width:5px;height:5px; background: #ddd;}

/*.p_left_contact{*/
/*width: 100%;*/
/*height: auto;*/
/*overflow: hidden;*/
/*border-radius: 5px;*/
/*margin-top: 20px;*/
/*background: #1780c8 url("../images/012.jpg") no-repeat center center;*/
/*!*border: 1px solid red;*!*/
/*box-shadow: 0 3px 7px rgba(0, 0, 0, .26);*/
/*position: relative;*/
/*}*/
/*.p_left_contact:after{*/
/*content: "";*/
/*top:0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*background-color: rgba(0,0,0,0.1);*/
/*z-index: 1;*/
/*}*/
/*.p_left_contact h3{*/
/*padding: 30px 0 0 10px;*/
/*color: #fff;*/
/*font-size: 30px;*/
/*position: relative;*/
/*z-index: 2;*/
/*}*/
/*.p_left_contact dl {*/
/*margin-bottom: 20px;*/
/*padding: 10px 0 5px 10px;*/
/*color: #fff;*/
/*position: relative;*/
/*z-index: 2;*/
/*}*/
/*.p_left_contact dl dt {*/
/*padding-top: 10px;*/
/*font-size: 16px;*/
/*}*/
/*.p_left_contact dl dd {*/
/*padding: 0 0 5px;*/
/*font-weight: 700;*/
/*font-size: 24px;*/
/*}*/
.p_left_company{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 25px;
    padding: 10px;
    /*border: 1px solid #E4E4E4;*/
    background: rgba(23,128,200,0.7);
}
.p_left_com{
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0;
    color: #FFFFFF;
    overflow: hidden;
}
.p_left_com:nth-of-type(1){
    margin: 10px 0 15px;
}
.p_left_com h1{
    font-size: 18px;
    margin-bottom: 7px;
}
.p_left_com p{
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
}

.product_right{
    float: right;
    width: 77%;
    height: auto;
    overflow: hidden;
}
/*认证一级目录*/
.class_one,.class_one_title{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.product_right .class_one{
    border: 1px solid #E4E4E4;
    padding: 20px 15px;
}
.class_one_title dt{ width: 100%;height: 40px;line-height: 40px;margin-bottom: 20px;border-bottom: 2px solid #E4E4E4;}
.class_one_title dt a{
    float: left;
    color: #333333;
    font-size: 24px;
    /*border-bottom: 2px solid rgba(23,128,200,1);*/
    position: relative;
    padding-right: 5px;
}
.class_one_title dt a:after{
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(23,128,200,1);
}
.class_one_title dd.calss_one_item{
    float: left;
    width: 24.1%;
    height: 148px;
    margin: 0 1.2% 10px 0;
    overflow: hidden;
}
.class_one_title dd:nth-of-type(8),.class_one_title dd:nth-of-type(12){
    margin: 0 0 10px 0;
}
.class_one_title dd:nth-child(5n){
    margin: 0 0 10px 0;
}
.class_one_title dd:nth-of-type(9){
    margin: 0 1.2% 10px 0;
}
.calss_one_item h3{
    height: 40px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 5px;
}
.calss_one_item h3 em{
    float: left;
    width: 39px;
    height: 39px;
    overflow: hidden;
    background-position: 0 7px;
    background-repeat: no-repeat;
    background-size: cover;
}
.calss_one_item h3 a{
    color: #000000;
    font-size: 18px;
    line-height: 40px;
}
.calss_one_item p{
    float: left;
    width: 33.33%;
    height: 26px;
    line-height: 26px;
    /*margin-right: 2%;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right:2.5%
}
.calss_one_item p:nth-child(3n){
    margin-right: 0;
}
.calss_one_item p a{
    float: left;
    font-size: 12px;
    color: #898989;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.calss_one_item p a:hover{
    color: #1780c8;
}
.calss_one_item span{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.calss_one_item span a{
    color: #555;
    font-size: 12px;
}
.calss_one2_item{ float: left; width:32%;height: auto;overflow: hidden;margin-right: 2%;margin-bottom: 20px;}
.calss_one2_item:nth-of-type(3),.calss_one2_item:nth-of-type(6){ margin-right: 0}
.calss_one2_item:nth-of-type(4){ margin-right: 2%;}
/*.calss_one2_item:nth-of-type(4){ margin-right: 2% !important;}*/
.calss_one2_item a{display: block; padding: 20px 30px;border: 1px #ddd solid; vertical-align: middle;}
.calss_one2_item a h4{ font-size: 16px;color: #898989;line-height: 20px;margin-bottom: 5px;}
.calss_one2_item a p{ height: 44px; font-size: 14px;color: #898989;line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden}
.calss_one2_item:hover a h4,.calss_one2_item:hover a p{ color: #1780c8}

.class_two{
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    overflow: hidden;
    border: 1px solid #E4E4E4;
}
.class_two ul li{
    float: left;
    width: 33.33%;
    height: auto;
    overflow: hidden;
}
.product_right_list{
    width: 100%;
    height: auto;
    min-height: 930px;
    padding: 20px 10px;
    border: #ddd solid 1px;
    overflow: hidden;
    background: #f7f7f7;
}
.product_right_list li {
    width: 248px;
    margin: 8px 8px;
    float: left;
    background: #fff;
    text-align: center;
    transition: all 0.3s;
}
.product_right_list li a {
    display: block;
    overflow: hidden;
    height: 280px;
    padding: 0 20px;
    position: relative;
}
.product_right_list li a:before, .product_right_list li a:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    transition: all 0.3s;
    opacity: 0;
}
.product_right_list li a:before {
    border-left: 1px solid rgba(23,128,200, 0.5);
    border-right: 1px solid rgba(23,128,200, 0.5);
    transform: scale(1, 0);
}
.product_right_list li a:after {
    border-top: 1px solid rgba(23,128,200, 0.5);
    border-bottom: 1px solid rgba(23,128,200, 0.5);
    transform: scale(0, 1);
}
.product_right_list li .tb{
    margin: 55px auto 30px;
    width: 100px;
    height: 100px;
    position: relative;
    transition: all .6s;
    background-size: 100% !important;
}
/*.product_right_list li:hover .tb{
    background-position: center -7px !important;
}*/
.product_right_list li .tb img {
    width: auto;
    margin-bottom: 18px;
    transition: all 0.3s;
}
.product_right_list li .tb:after {
    width: 16px;
    height: 2px;
    content: "";
    background: #c8c8c8;
    display: block;
    overflow: hidden;
    transition: all 0.3s;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
}
.product_right_list li .bt {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
}
.product_right_list li:hover {
    box-shadow: 0 5px 15px #E5E5E5;
}
.product_right_list li:hover a:before, .product_right_list li:hover a:after {
    opacity: 1;
    transform: scale(1, 1);
}
.product_right_list li:hover .tb img {
    transform: translateY(-5px);
}
.product_right_list li:hover .tb:after {
    width: 50px;
    margin-left: -25px;
    background: rgba(23,128,200, 0.5);
}
.product_right .list_page{ margin: 30px 0 15px;}

/*认证二级目录*/
.class_three{ float: left;width: 100%;height: auto;min-height:785px;padding: 30px 20px;border: 1px solid #E4E4E4;}
.class_three li{ float: left;width: 48%;height: auto;overflow: hidden;margin-bottom: 20px;margin-right: 4%;border: 1px solid #ddd;padding: 20px 30px;transition: all .6s}
.class_three li:nth-child(2n){ margin-right: 0}
.two_column_img{ float: left;width:61px;height: 80px;background-position: 0 7px; background-repeat: no-repeat; background-size: 100%;border-right: 1px solid #ddd;}
.two_column_list{ float: left;width: 100%;height: 80px;overflow: hidden;padding: 0 0 0 10px;}
.two_column_list h4{ float: left;width: 100%;height: 26px;line-height: 26px;font-size: 18px;color: #000;margin-bottom: 4px;}
.two_column_list p{ float: left;width: 100%;height: 50px;line-height: 25px;font-size: 16px;color: #000;}
.class_three li:hover{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); transform: translate3d(0, -3px, 0);}

/*认证服务详情*/
.detail_Box{width: 100%;height: auto;overflow: hidden;margin: 30px auto 60px;position: relative;}
.detail_Box_left{float: left;width: 940px;height: auto;overflow: hidden;position: relative;z-index: 60;}
.detail_Box_img{float: left;width: 100%;height: auto;overflow: hidden;}
.detail_Box_img img{width: 100%;}
.detail_Box .detail_zon{ width:100%}
.detail_Box_txt{float: left;width: 100%;height: auto;margin-top: 20px;overflow: hidden;}
.detail_Box_txt:nth-of-type(2){margin-top: 30px;}
.detail_Box_txt_t1{width: 100%;height: 36px;line-height: 36px;font-size: 18px;color: #333333;font-weight: bold;border-bottom: 3px solid #f2f2f2;}
.detail_Box_txt_t2{padding: 5px 0 10px;width: 100%;height: auto;overflow: hidden;}
.detail_Box_txt_t2 h1,.detail_Box_txt_t2 h2,.detail_Box_txt_t2 h3,.detail_Box_txt_t2 h4,.detail_Box_txt_t2 h5,.detail_Box_txt_t2 h6{font-size: 16px;line-height: 26px;color: #333333;}
.detail_Box_txt .detail_Box_txt_t2 p{font-size: 14px;line-height: 26px;color: #333333;}
.detail_Box_txt .detail_Box_txt_t2 p img{max-width: 100%;margin-top: 15px;}
.detail_Box_txt .detail_Box_txt_t3{color: #1780c8;}
.detail_Box_case{float: left;width: 100%;height: auto;margin-top: 30px;min-height: 300px;overflow: hidden;background-color: #f8f8f8;}
.detail_Box_case .detail_Box_txt_t1{margin: 5px 0 0;padding: 0 10px;}
.detail_Box_case .bat_bra_list{padding: 0 10px;}
.detail_Box_case .bat_bra_list li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);transition: .4s;}
.detail_Box_right{float: right;width: 375px;height: auto;overflow: hidden; /*border: 1px solid red;*/position: absolute;right:50px;}
.detail_Box_right_w{width: 100%;}
.detail_Box_right h1{font-size: 22px;color: #000000;margin: 10px 0 5px;line-height: 30px;}
.detail_Box_right p{font-size: 14px;color: #666666;margin-top: 10px;line-height: 24px;}
.detail_Box_right a,.service .con dl dd a{width: 222px;height: 46px;font-size: 14px;line-height: 46px;border: 1px solid #1780c8;text-align: center;margin-top: 16px;cursor: pointer;position: relative;display: inline-block;}
.detail_Box_right a span,.service .con  dl dd a span{color: #1780c8;position: relative;z-index: 2;transition: .4s;}
.detail_Box_right a:after,.service .con  dl dd a:after{content: "";width: 0;height: 100%;position: absolute;background: #1780c8;left: 0;top: 0;z-index: 1;}
.detail_Box_right a:hover span,.service .con  dl dd a:hover span{color: #FFFFFF;}
.detail_Box_right a:hover:after,.service .con  dl dd a:hover:after{width: 100%;transition: .4s;}
.nav_fix_pos{ position: fixed;top:0;left:50%; right: 50px; z-index: 55; width: 1400px; margin-left: -700px;}
.nav_fix_pos .detail_Box_right_w{float: right;width: 375px;}

/*新闻资讯*/
.new_nav{ float: right}
.new_nav ul li{ display: inline-block;margin-right: 5px;}
.new_nav ul li a{ display: block;padding: 0 10px;height: 30px;position: inherit; line-height: 30px;font-size: 14px;color: #fff;transition: 0.5s all;-webkit-transition: 0.5s all;border-radius: 25px;}
.new_nav ul li a:after,.new_nav ul li a:first-child:before{ content:''; }
.new_nav ul li a:first-child:before{ background: none}
.new_nav ul li:hover a ,.new_nav ul li.active a { background: #fff;color: #000;  }

.column_sort{float: left;width: 100%;height: auto;overflow: hidden;}
.column_sort ul{width: 1400px;margin: 20px auto 15px;height: auto;text-align: left;padding-bottom: 10px;overflow: hidden;}
.column_sort ul li{display: inline-block;position: relative;margin-right:15px;}
.column_sort ul li a {display: block;padding: 0 30px;height: 35px;line-height: 33px;font-size: 14px;color: #333;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;border: 1px solid #000;border-radius: 25px;}
.column_sort ul li.cur a,.column_sort ul li a:hover{background: #1780c8;color: #fff;border: 1px solid #fff;}
.new,.new_detail{width: 1400px;padding: 30px 20px 0;height: auto;margin: 30px auto;overflow: hidden;border: 1px solid #f2f2f2;background-color: #FFFFFF;}
.new{ margin: 10px auto 30px;}
.new .fenye{margin-top: 20px;}
#con_one_1{float: left;width: 945px;position: relative;border-right: 1px solid #f2f2f2; padding-right: 28px;}
.post{overflow:hidden;background-color:#fff;border-bottom:1px solid #eee;border-radius:2px;position:relative;min-height: 120px;max-height: 170px;border-bottom: 1px dashed #ddd;-webkit-transition:all .4s ease;transition:all .4s ease;margin: 20px 0;padding-bottom: 20px;cursor: pointer;}
#con_one_1 .post:nth-of-type(1){margin:0 0 20px;}
.post:hover{background:#fcfcfc;}
.post .new_txt{position:relative}
.post .new_txt h2{padding:0;font-size:20px;line-height:36px; }
.post .new_txt h2 a{ color: #000;margin: 0 auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;height: 36px;overflow: hidden;}
.post:hover .new_txt h2 a{ color: #1780c8;}
.post_img{float:left;max-width:240px;max-height: 134px; min-height: 134px;position:relative;height: auto;box-sizing: border-box;overflow: hidden}
.post_img a{ margin-right:4%;}
.post_img a img{ max-width: 100%;}
.float-left{ overflow: hidden;display: block;}
.post_img .mask-tags{position:absolute;top:0;left:0;color:#fff;padding:2px 10px;font-size:12px;display:block;background:#f45170;z-index:50}
.post-text{font-size:14px;line-height:25px;display:block;max-height: 72px;overflow: hidden}
.post .new_con{color:#999;height:auto;margin:8px 0 0}
.post .new_con span{font-size:13px;color:#999;margin-right:10px;display:inline-block}
.post .new_con span a{color:#999}
.post .new_con span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}

#con_one_2{float: right;display: inline;width: 380px;}
.com-title{border-bottom: 3px solid #F5F5F5;padding-bottom: 5px;margin-bottom: 5px;}
.com-title span{border-bottom: 3px solid #1780c8;padding-bottom: 3px;font-size: 18px;color: #3C3B3C;}
.new_hot{width: 100%;height: auto;margin-bottom: 25px;overflow: hidden;}
.new_hot ul{padding: 0 0;background: url('../images/hot.png') no-repeat 0 8px;overflow: hidden;}
.new_hot ul li{color: #3e3e3e;font-size: 15px;height: 36px;line-height: 36px;text-indent: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_hot ul li a{color: #000;transition: all .7s;}
.new_hot ul li a:hover{color: #1780c8;}
.new_follow{width: 100%;height: auto;overflow: hidden;}
.follow_ewm{width: 100%;height: auto;padding-top: 10px;text-align: center;overflow: hidden;}
.follow_ewm p{width: 100%;height: 24px;display: block;text-align: center;font-size: 16px;color: #4c4c4c;line-height: 24px;overflow: hidden;}
.follow_ewm img{ width: 240px; margin: 0 auto 15px;}
.read { margin: 25px 0 30px;}
.read .read_box, .read .read_box { padding: 10px 0;margin-top: 5px;}
.read .read_box+.read_box, .read .read_box+.read_box { border-top: 1px dashed #EEEEEE;}
.read .read_box .readtitle, .read .read_box .readtitle { font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.read .read_box .read_img, .read .read_box .read_img { width: 90px; height: 59px; float: left; display: inline; margin-right: 10px; padding-top: 4px;text-align: center}
.read .read_box .read_img img{ height: 100%}
.read .read_box p {  margin-left: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-top: 10px}
.read .read_box p a{ color: #696969;font-size: 14px;height: 46px; line-height: 23px; display: block;}
#con_one_3{ float: left; width: 945px; position: relative;border-right: 1px solid #f2f2f2; padding-right: 30px;}
.list_con { border-bottom: 1px solid #F2F2F2; padding-bottom: 5px;}
.list_con h1 { max-height:90px; line-height: 35px; font-size: 26px; font-weight: bold; color: #3E3E3E; margin-bottom: 5px;}
.list_con .tfontsize { float: right; color: #B9B9B9; font-size: 14px;}
.list_con span { color: #B9B9B9; margin: 0 20px 0 0; font-size: 14px;}
.list_con span i {color: #B9B9B9;}
.article-content{ line-height: 2;font-size: 16px;padding: 15px 0 0}
.article-content p{ line-height: 2;font-size: 14px;}
.article-content img{ max-width: 100%!important; height: auto!important; }
.article_page{ float: left;margin: 10px 0;width: 100%;}
.article_page .pre,.article_page .next{ float: left;height: 30px;width: 100%;font-size: 16px;line-height: 30px;color:#3E3E3E;overflow: hidden }
.article_page .pre a,.article_page .next a{ font-size: 16px;line-height: 30px;color:#3E3E3E }
.correlation {margin: 20px 0 10px; overflow:hidden;float: left;width: 100%}
.correlation ul { padding: 10px 0; overflow: hidden}
.correlation ul li { width: 209px; float: left; margin-right: 13px; margin-left:13px; display:inline;}
.correlation ul li p { font-size: 14px; line-height: 22px; margin-top: 5px;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.correlation ul li img { width: 209px; height: 130px;}
.correlation ul li:nth-of-type(1){margin-left:0;}
.correlation ul li:nth-last-of-type(1){margin-right:0;}

/*案例中心*/
.case{ width: 100%; height: auto; padding: 10px 0; margin: 10px auto;overflow: hidden}
.case_nav{ float: left; width: 290px; height: auto; overflow: hidden}
.case_nav_list{ float: left; width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.case_left_tit{ float: left; width: 100%; height: 50px; line-height: 50px; background-color: #1780c8; color: #FFFFFF; padding: 0 0 0 20px; font-size: 18px;border-radius: 5px 5px 0 0;}
.case_left_tit span{ margin-left: 5px; color: #fff9ec; font-size: 12px; text-transform: uppercase }
.case_nav_list ul{ float: left; padding: 15px 10px; width: 100%; height: auto; overflow: hidden;border: 1px solid #f1f1f1;}
.case_nav_list ul li{ float: left; width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; border-radius: 3px; background: #ddd;}
.case_nav_list ul li.active{ background-color: #636363;}
.case_nav_list ul li a{ color: #333; font-size: 14px; padding-left: 10px;width: 100%;height: 100%;overflow: hidden;display: inline-block}
.case_nav_list ul li.active a{ color: #FFFFFF}
.case_nav_push{ float: left; width: 100%; height: auto; overflow: hidden}
.case_nav_push ul{ float: left; padding: 15px 10px; width: 100%; height: auto; overflow: hidden;background-color: #636363}
.case_nav_push ul li{ float: left; width: 100%; height: auto; line-height: 40px; margin-bottom: 10px; border-radius: 3px;}
.case_nav_push ul li span{ float: left; width: 100%; height: 40px; padding-left: 10px; background-color: #FFFFFF; color: #333;border-radius: 3px;display: inline-block;margin-bottom: 3px;}
.case_nav_push ul li p,.case_nav_push ul li p a{ float: left; width: 100%; height: auto;margin-bottom: 1px;}
.case_nav_push ul li p{ width: 50%;  }
.case_nav_push ul li p a{ color: #FFFFFF; display: inline-block;font-size: 12px;padding-left: 10px;line-height: 20px; }
.case_nav_push ul li p a:hover{ color: #1780c8}

.case_list,.case_list ul.case_list_ul{ float: right; width: 1080px; height: auto; overflow: hidden}
.case_list_ul{ width: 100%;border-bottom:  1px solid #f1f1f1;}
.case_list_ul li{ float: left; width: 360px; height: 315px; overflow: hidden; border: 1px solid #f1f1f1;border-bottom: none;border-right: none;padding: 0 0 20px;}
.case_list_ul li:nth-child(3n){ border-right:  1px solid #f1f1f1;}
.case_list_ul li .case_list_img{ float: left; width: 100%; height: auto;text-align: center;padding: 10px 10px 0;overflow: hidden}
/*.case_list ul li .case_list_img > div{ display: table-cell;vertical-align: middle;text-align: center}*/
.case_list_ul li .case_list_img  img{ max-width: 100%;transition: all .6s}
.case_list_ul li:hover .case_list_img  img{ transform: scale(1.09);}
.case_list_ul li p,.case_list_ul li h2{ float: left;width: 100%;text-align: center;color: #333;height: 30px;line-height: 30px;font-size: 18px;padding: 0 10px; overflow: hidden }
.case_list_ul li p{ height: 44px;line-height: 22px;;font-size: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left;}
.case_list_ul li:hover p{ color: #1780c8; text-decoration: underline;}
.slogan{ float: left; width: 100%; height: auto;font-size: 24px; color: #595757;line-height: 64px;text-align: center;margin: 50px auto 0}
.slogan a{ color: #1780c8;}

.case_list_details,.case_details_tit,.case_details_con,.case_details_jump,.case_details_more{ float: left; width: 100%;height: auto; overflow: hidden}
.case_details_tit{ padding: 35px 20px 15px;    border-bottom: 1px dashed #ccc;}
.case_details_tit h1{color: #333; text-align: center; font-size: 20px;line-height: 40px;}
.case_details_tit p{ text-align: center;width: 100%;height: 20px;line-height: 20px;}
.case_details_tit p span{  font-size: 14px; color: #333;margin: 0 10px;}
.case_details_tit p span a{ color: #1780c8; }
.case_details_con{ padding: 15px 0 0}
.case_details_con p,.case_details_con h1,.case_details_con h2,.case_details_con h3,.case_details_con h4,.case_details_con h5,.case_details_con h6{ font-size: 15px; line-height: 30px; color: #333;}
.case_details_con p img{ max-width: 100%;}
.case_details_con p a{ color: #1780c8; }
.case_details_jump{ margin: 15px 0 5px}
.case_details_jump .pre,.case_details_jump .next{width: 100%;height: auto;float: left;height: 30px;line-height: 30px;}
.case_details_jump a{width: 100%;height: 30px;line-height: 30px;color:#333;text-align: left;font-size: 14px;}
.case_details_jump a:hover,.case_details_more ul li a:hover{color:#1780c8;text-decoration: underline; }
.case_details_more{margin-bottom: 10px;}
.case_details_more h3{ padding-left: 22px;font-size: 18px;line-height:30px;background: url("../images/ioc_1.jpg") no-repeat left center}
.case_details_more ul li{ float: left;width: 32%;margin-right: 2%;height: 30px;line-height: 30px;padding-left: 15px;background: url("../images/arrow_right.png") no-repeat left center;}
.case_details_more ul li:nth-child(3n){ margin-right: 0}
.case_details_more ul li a{width: 100%;height: 30px;display: inline-block;font-size: 14px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}

/*服务与支持*/
/*.son_header{ float: left;width: 100%;height: 72px;line-height: 72px;overflow: hidden;border-bottom: 1px solid #ccc;}*/
/*.son_header_tit,.son_header_nav{float: left;width: 20%;height: 100%;font-size: 28px;overflow: hidden;}*/
/*.son_header_nav{ float: right; width: 80%;text-align: right}*/
/*.son_header_nav ul li{ display: inline-block;margin-top: 17px;}*/
/*.son_header_nav ul li a{ display: block;overflow: hidden;border: 1px solid #ccc;line-height: 36px;padding: 0 25px;border-radius: 4px;font-size: 14px;color: #333333;transition: all .6s}*/
/*.son_header_nav ul li.active a,.son_header_nav ul li:hover a{ background: #1780c8;color: #fff;border-color: #1780c8;}*/
/*.service{ float: left;width: 1500px;padding: 30px 50px 0;height: auto;margin: 20px auto;overflow: hidden;}*/
/*.service ul li{ float: left;width: 48%;height: 80px;overflow: hidden;margin-bottom: 30px;border-radius: 8px; box-shadow: 0 0 5px #d1d7d0;}*/
/*.service ul li:nth-child(2n){float: right}*/
/*.service ul li a{width: 100%;height: 100%;display: inline-block;padding: 0 9%; transition: all .6s;position: relative;line-height: 80px;font-size: 20px;color: #333;}*/
/*.service ul li a:hover{ background-color:#1780c8; color: #FFFFFF}*/
/*.service ul li a:after,.service ul li a:before{ content: "";position: absolute;width: 32px;height: 32px;top:24px;background-position: 0 0;transition: all .6s }*/
/*.service ul li a:after{ right: 2%;  background-image: url("../images/down.png"); background-position: 0 -36px;}*/
/*.apply ul li a:before{left: 2%;  background-image: url("../images/apply.png"); }*/
/*.service ul li a:hover:after{ background-position: 0 0;}*/
/*.service ul li a:hover:before{ background-position: 0 -36px;}*/
.service{ float: right; width: 1080px; height: auto;}
.service ul.service_son {width: 100% }
.service ul.service_son li { float: left;width: 100%;height: auto;margin-bottom: 30px;}
.service .title{ float: left;width: 100%;height: 80px;line-height:80px; cursor: pointer; overflow: hidden;border-radius: 8px; box-shadow: 0 0 5px #d1d7d0;padding: 0 8%; transition: all .6s;position: relative; font-size: 20px; }
/*.service .title:hover,.service .title.on{ background-color:#1780c8; color: #FFFFFF}*/
.service .down:after,.service .apply:before,.service .posters:before,.service .faq:before{ content: "";position: absolute;width: 32px;height: 32px;top:24px;background-position: 0 0;transition: all .6s }
.service .down:after{ right: 2%;  background-image: url("../images/down.png"); background-position: 0 -36px;}
.service .apply:before{left: 2%;  background-image: url("../images/apply.png"); }
.service .posters:before{left: 2%;  background-image: url("../images/posters.png"); }
.service .faq:before{left: 2%;  background-image: url("../images/faq.png"); }
/*.service .title:hover:after{ background-position: 0 0;}*/
/*.service .title:hover:before{ background-position: 0 -36px;}*/
.service .con,.job_list_hide{ float: left; width: 100%; padding: 2%; background: #f7f7f7; display: none }
.service .con dl dd{ width: 100%; background: #fff; padding: 35px 3.7% 45px; }
.service .con dl dd h2 { line-height: 44px; font-size: 24px; color: #333; margin-bottom: 14px; }
.service .con dl dd div.line { border-bottom: 1px solid #e6e5e5; padding-bottom: 20px; }
.service .con dl dd div.line p{ line-height: 2; font-size: 16px;}
.service .con dl dd a { width: 200px; margin-right: 15px;}
.service .slogan{ margin: 0 auto; }

.certificate_query{ width: 100%; min-height: 945px; overflow: hidden; box-shadow: 0 0 10px #ddd; padding: 80px 155px 0 155px; background: #fff;text-align: center}
.query_logo{ width: 100%;height: auto;font-size: 38px;color: #282828;font-weight: bold;line-height: 45px;text-align: center;margin-top: 40px;}
.query_logo span{ background: url("../images/logo.png") no-repeat left center;background-size: auto 100%;padding-left: 108px;}
.query_tit{ width: 100%;height: 40px;line-height: 40px;font-size: 22px;margin: 5px 0;}
.query_form{ width: 770px;min-height: 385px;padding: 40px 4%;margin: 0 auto; overflow: hidden; background: url("../images/search.jpg") no-repeat center center;background-size: 100% 100%;}
.query_form input{ color: #333; font-size: 14px; outline: none; padding: 0 20px 0 60px;border: 2px solid #e9e9e9; margin: 15px 0 0 0; width: 80%; height: 55px; line-height: 55px; background: url(../images/query.png) no-repeat 15px center;}
.query_form button{ width: 180px; color: #fff; font-size: 16px;padding: 15px 20px;margin: 15px auto 0;border: none;background: #1780c8;transition: all .6s}
.query_form button:hover{ opacity: 0.8;}
.query_txt{ float: left;width: 100%;height: auto;margin-top: 20px;text-align: left}
.query_txt p{ font-size: 18px;line-height:24px;margin-bottom: 5px; }
.query_txt span{ float:left;width:100%;font-size: 14px;line-height: 30px;}
.query_txt img{ max-width: 80%}
.query_content{ width: 100%;height: auto;padding: 0 10%; margin-bottom: 30px;}
.query_content p{ width: 100%;height: auto; line-height: 25px; font-size: 18px;margin-bottom: 5px;text-align: left;overflow: hidden;}
.query_content span{ float: left;width: 105px;height: 25px;display: inline-block;text-align: left}

.company{ width: 100%;height: 965px;overflow: hidden; box-shadow: 0 0 10px #ddd; padding: 30px 45px 0;}
.company_list p{ float:left;width: 100%;height: 50px;border: 1px solid #333;border-top: none;color: #333333;font-weight: 400;text-align: center;cursor: pointer}
.company_list p:nth-of-type(1){ border-top: 1px solid #333;height: 60px;}
.company_list p a span{ float: left;height: 100%;line-height: 50px;padding: 0 1%;display: block;color: #333333;;font-size: 15px;overflow: hidden}
.company_list p:nth-of-type(1) a span{ font-weight: bold;font-size: 19px;line-height: 60px; }
.company_list p a span:nth-of-type(1){ width: 20%;border-right: 1px solid #333}
.company_list p a span:nth-of-type(2){ width: 30%;border-right: 1px solid #333}
.company_list p a span:nth-of-type(3){ width: 50%;}
.company_list p a span:nth-of-type(3){ transition: all .6s}
.company_list p:hover a span:nth-of-type(3){ color: #1780c8}
.company_list p:nth-of-type(1):hover a span:nth-of-type(3){ color: #333}
/*.company_list li{ float: left; width: 330px; height: 160px;background-color: #FFFFFF;transition: all .6s;}*/
/*.company_list li:nth-of-type(even){ background-color: #F9F9F9}*/
/*.company_list li:hover{ background-color: #1780c8;}*/
/*.company_list li a{ width: 100%;height: 100%;display: block;text-align: center;line-height: 160px;color: #000;font-size: 18px;padding: 0 3%;}*/
/*.company_list li a:hover{ color: #FFFFFF}*/

/*关于我们*/
.about_content{ width: 100%;height: auto;margin: 60px auto 0;overflow: hidden}
.about_w{ width: 1450px;height: auto;padding: 0 25px;margin: 0 auto;}
.company_group{ float: left; width: 100%; height: auto; overflow: hidden;margin-bottom: 30px;}
.company_group_left{ float: left; width: 700px; margin-right: 30px; text-align: justify; }
.company_group_left p{ text-indent: 2em; font-size: 16px; color: #424242; line-height: 36px;  }
.company_group_right{ float: right;width:calc(100% - 760px);margin-left: 20px;text-align: center}
.company_group_right img{ max-width: 100%;}

.culture{background: #f4f4f4 url(../images/images_02.jpg) no-repeat 50% 100%;float: left;width: 100%;height: auto;overflow: hidden;padding-top: 60px;}
.culture .txt_title{ margin-bottom: 0}
.culture_position{ height: auto; margin: -50px auto 70px; overflow: hidden;position: relative;  }
.culture .culture_list{ float:left; width: 50%; height: 335px; padding-right: 260px; text-align: right; position: relative; overflow: hidden;}
.culture .culture_list dd:before{ content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background: #1780c8; border-radius: 100%; top: 40%; right: 37%; z-index: 2;transition: all .5s ease;}
.culture .culture_list dd:after{ content: ""; display: inline-block; position: absolute; width: 135px; height: 1px; background: #dcdcdc; top: 54%; right: 20%;transform: rotate(40deg); z-index: 1;transition: all .5s ease;}
.culture .culture_list:nth-child(1) dd:before{ top: 40.5%;}
.culture .culture_list:nth-child(2) dd:before{ left: 37%;}
.culture .culture_list:nth-child(4) dd:before{ left: 36.9%;}
.culture .culture_list:nth-child(3) dd:before{ top: 58%;right: 36.7%;}
.culture .culture_list:nth-child(4) dd:before{ top: 57.2%;}
.culture .culture_list:nth-child(1) dd{ margin-top: 92px;}
.culture .culture_list:nth-child(2) dd{ margin-top: 90px;}
.culture .culture_list:nth-child(1) dd:after{ right: 20.8%}
.culture .culture_list:nth-child(2) dd:after{transform: rotate(-40deg);left: 20.6%;}
.culture .culture_list:nth-child(3) dd:after{transform: rotate(-40deg); top: 46%;}
.culture .culture_list:nth-child(4) dd:after{transform: rotate(40deg); top: 46%;left: 21%;}
.culture .culture_list:nth-child(2n){ padding-left: 260px; text-align: left; padding-right: 0;}
.culture .culture_list:nth-child(2n) dt{ float: left;}
.culture .culture_list dd{ font-size: 20px; color: #222222; font-weight: bolder;border-bottom: 1px solid #d2d6d9; padding:0 2% 20px; margin-bottom: 15px;transition: all .5s ease; margin-top: 150px;}
.culture .culture_list dt p{ font-size: 14px; color: #2E2D3C; line-height: 26px;}
.culture .culture_content{ position: relative;}
.culture .culture_center{ width: 230px; height: 230px; border-radius: 100%; text-align: center; line-height: 230px; position: absolute; left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%);background: #fff url(../images/images_01.png) no-repeat 50% 50%;z-index: 8;}
.culture .culture_list .culture_list_img{webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 380px;height: 380px;position: absolute;overflow: hidden;transition: all .5s ease;transform: translate3d(0,0,0);z-index: 5;}
.culture .culture_list .culture_list_img img{width: 50%;position: absolute;opacity: 0;transition: all .5s ease;transform: translate3d(0,0,0);}
.culture .culture_list1 .culture_list_img{right: 0;bottom: 0;transform: translate3d(50%,50%,0);background-color: #1780c8;}
.culture .culture_list1 .culture_list_img img{left: 0;top: 0;}
.culture .culture_list2 .culture_list_img{left: 0;bottom: 0;transform: translate3d(-50%,50%,0);background-color: #1780c8;}
.culture .culture_list2 .culture_list_img img{right: 0;top: 0;}
.culture .culture_list3 .culture_list_img{right: 0;top: 0;transform: translate3d(50%,-50%,0);background-color: #1780c8;}
.culture .culture_list3 .culture_list_img img{left: 0;bottom: 0;}
.culture .culture_list4 .culture_list_img{left: 0;top: 0;background-color: #1780c8;transform: translate3d(-50%,-50%,0);}
.culture .culture_list4 .culture_list_img img{ right: 0; bottom: 0; }
.culture .culture_list:hover .culture_list_img{ background: #fff;}
.culture_list:hover .culture_list_img img {opacity: 1;transform: translate3d(0,0,0);}
.culture_list:hover .culture_list_img span{ opacity: 0;}
.culture_list:hover dd{ color: #1780c8; border-bottom: 1px solid #1780c8;transition: all .5s ease;}
.culture_list1:hover .culture_list_img{transform: translate3d(50%,50%,0) scale(1.2);}
.culture_list1:hover .culture_list_img{transform: translate3d(50%,50%,0) scale(1.2);}
.culture_list2:hover .culture_list_img{transform: translate3d(-50%,50%,0) scale(1.2);}
.culture_list3:hover .culture_list_img{transform: translate3d(50%,-50%,0) scale(1.2);}
.culture_list4:hover .culture_list_img{transform: translate3d(-50%,-50%,0) scale(1.2);}
.culture .culture_list:hover dd:after{ background: #1780c8;}
.culture_list .culture_list_img:before{content: '';display: block;height: 2px;top: 50%;width: 100%;left: 0;background-color: #fff;position: absolute;z-index: 1;}
.culture_list .culture_list_img:after{content: '';display: block;height: 100%;left: 50%;width: 2px;top: 0;background-color: #fff;position: absolute;z-index: 1;}
.culture_list .culture_list_img span{display: block;width: 22px;height: 22px;background-color: rgba(255,255,255,.3);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;transition: opacity .5s ease;}
.culture_list .culture_list_img span:after{content: '';display: block;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;margin-top: -5px;margin-left: -5px;background-color: #f6f9fb;}
.culture_list1 .culture_list_img span{ left: 25%; margin-left: -22px;bottom: 75%;margin-bottom: 0;}
.culture_list2 .culture_list_img span{ right: 25%; margin-right: -22px; bottom: 75%; margin-bottom: 0;}
.culture_list3 .culture_list_img span{ left: 25%; margin-left: -22px; top: 75%; margin-top: 0;}
.culture_list4 .culture_list_img span{ right: 25%; margin-right: -22px; top: 75%; margin-top: -0px;}

.team{ float: left;width: 100%;height: auto;margin: 60px auto 70px;overflow: hidden;}
.team_list{ width: 100%;height: auto;position: relative}
.team_list .swiper-slide .box { display: block;overflow: hidden;background: #fff;text-align: center; border: 1px solid #e0e0e0;padding: 0 20px;height: 540px;border-radius: 5px;position: relative;transition: all 0.3s;}
.team_list .swiper-slide .pic { display: block; overflow: hidden; margin: 54px auto 0 auto;border: 4px solid #ececec;width: 204px;height: 204px;border-radius: 50%;transition: all 0.3s;}
.team_list .swiper-slide .pic img { width: 100%;height: 100%;transition: all 0.3s;}
.team_list .swiper-slide span {font-size: 24px;display: block;overflow: hidden;line-height: 30px;margin: 62px 0 20px 0;transition: all 0.3s;    font-weight: bold;}
.team_list .swiper-slide p {display: block;overflow: hidden;line-height: 28px;color: #666;font-size: 16px;transition: all 0.3s;}
.team_list .swiper-slide .web_but {width: 120px;color: #fff; background: #1780c8; text-align: center;line-height: 36px;border-radius: 4px;font-size: 16px;position: absolute;bottom: 40px;left: 50%;margin-left: -60px;transition: all 0.3s;}
.team_list .swiper-slide .text { margin-top:15px;position: absolute;line-height: 26px;height: 140px;overflow: hidden;color: #fff;top: 100%;left: 0;right: 0;font-size:14px;padding: 0 15px;text-align: center;transition: all 0.3s;}
.team_list .swiper-slide .text p{ line-height: 24px; font-size: 13px;}
.team_list .swiper-slide:hover .box {border-color: #1780c8;background: #1780c8;}
.team_list .swiper-slide:hover .pic {border-color: transparent;}
.team_list .swiper-slide:hover .pic img {transform: scale(1.1);}
.team_list .swiper-slide:hover span {margin: 25px 0 5px 0;color: #fff;}
.team_list .swiper-slide:hover p {color: #fff;}
.team_list .swiper-slide:hover .web_but {opacity: 0;}
.team_list .swiper-slide:hover .text { position: unset}
.team_list .hxtd_next, .team_list .hxtd_prev {position: absolute;top: 50%;transform: translateY(-50%);color: #acacac;width: 72px;height: 72px;line-height: 72px;z-index: 5;font-size: 30px;font-weight: bold;cursor: pointer;background: #fff;border-radius: 50%;outline: 0;transition: all 0.3s;}
.team_list .hxtd_next{ background: url("../images/next.png") no-repeat center center}
.team_list .hxtd_prev{ background: url("../images/prev.png") no-repeat center center}
.team_list .hxtd_next:hover, .team_list .hxtd_prev:hover { box-shadow: 0 0 15px rgba(200, 200, 200, 0.35);}
.team_list .hxtd_next {right: -105px;}
.team_list .hxtd_prev {left: -105px;}

/*荣誉证书*/
.honor{ width: 100%;height: auto;background: #f7f7f7;padding: 40px 0 40px;overflow: hidden}
.honor_list { overflow: hidden; }
.honor_list li {float: left;width: 320px;margin: 20px 15px;background: #fff;border-radius: 5px;transition: all 0.3s;padding: 40px 28px 0;overflow: hidden;text-align: center;cursor: pointer;}
.honor_list li .pic {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;height: 310px;}
.honor_list li .pic img {max-width: 100%;max-height: 100%;transition: all 0.7s;}
.honor_list li:hover .pic img{transform: scale(1.1);}
.honor_list li .bt {font-size: 16px;line-height: 28px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;overflow: hidden;height: 80px;}
.honor_list li:hover {box-shadow: 0 0 20px rgba(186, 186, 186, 0.5);}

/*实验室*/
.laboratory{ float: left;width: 100%;height: auto;overflow: hidden;}
.laboratory ul li{ float: left;width: 33.33%;height: auto;}
.laboratory ul li a {position: relative;margin: 0 10px 20px 10px;display: block;}
.laboratory_img{ position: relative;padding-top: 74.8%;box-sizing: border-box;cursor: pointer;transition: all .4s ease-in-out;overflow: hidden;}
.laboratory_img img{ position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 1;transition: all .7s ease-in-out;overflow: hidden;max-width: 100%;}
.laboratory ul li:hover .laboratory_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.laboratory ul li a p{ position: absolute;bottom: 1px;left:0; background: rgba(0,0,0,0.5);text-align: center;width: 100%;height: 40px;line-height: 40px;color: #ffffff}
.lab_con{float: left;width: 100%;height: auto;margin: 60px auto 35px;overflow: hidden;}


/*招聘*/
.job_idea{float: left;width: 100%;height: auto;overflow: hidden;}
.job_idea_list{float: left;width: 100%;height: 500px;overflow: hidden;background: url("../images/jop_01.jpg") no-repeat center center;background-size: cover;}
.idea_list_tit{float: left;width: 100%;height: auto;margin: 40px 0 20px;overflow: hidden;}
.idea_list_tit h3{font-size: 40px;color: #fff;line-height: 45px;text-align: center;}
.idea_list_tit p{font-size: 20px;color: #fff;line-height: 26px;text-align: center;margin-bottom: 10px;}
.idea_list{ margin: 0 auto;overflow: hidden;text-align: center}
.idea_list > div{ width: 320px;height: 310px;background: #fff;padding: 35px;display: inline-block;margin: 0 20px;overflow: hidden;}
.idea_list > div dt{ font-size: 20px; color: #333333; margin-bottom: 10px;}
.idea_list > div dd p{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 10px;text-align: left}
.job_list{float: left;width: 100%;height: auto;margin: 65px 0 50px;overflow: hidden;padding: 0 50px;}
.job_list_tit{ float: left;width: 100%;height: 50px;background: #1780c8;color: #fff;line-height: 55px;border-radius: 5px 5px 0 0;}
.job_list_tit span,.job_list_show span{ float: left;height: 50px;text-align:center;overflow: hidden;display: inline-block;}
.job_list_tit span:nth-of-type(1),.job_list_tit span:nth-of-type(4),.job_list_show span:nth-of-type(1),.job_list_show span:nth-of-type(4){ width: 19%;}
.job_list_tit span:nth-of-type(2),.job_list_tit span:nth-of-type(3),.job_list_show span:nth-of-type(2),.job_list_show span:nth-of-type(3){ width: 28%;}
.job_list ul li div.job_list_show span:nth-of-type(5){ width: 6%;background: url("../images/jt_02.png") no-repeat center center;transition: all .6s}
.job_list ul li div.on span:nth-of-type(5){ -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg); }
.job_list ul,.job_list ul li{ float: left;width: 100%;height: auto;overflow: hidden;cursor: pointer}
.job_list ul li{border:1px solid #ddd;border-top: none}
.job_list_show{ float: left;width: 100%;height: 50px;line-height: 50px;background-color: #ffffff}
.job_list ul li .on{ border-bottom: 1px dotted #d5d5d5;}
.job_list_hide_con{ float: left;width: 100%;height: auto;background-color: #ffffff;padding: 25px 3% 35px;}
.job_list_hide_con h3{ font-size: 18px;color: #333333;margin-bottom: 10px;}
.job_list_hide_con p{ font-size: 14px;color: #333333; line-height: 24px;}

/*联系我们*/
.fl{float: left}
.fr{float: right}
.contact_us{ float: left;width: 100%;height: auto;padding: 45px 0 25px;overflow: hidden;}
.contact_map,.contact_map_title{ width: 100%;height: 500px;overflow: hidden;background-color: #000;}
.contact_map_title dd{ width: 100%;height: 100%;display: inline-block}
.contact_us .contact_map{ position: relative;}
.contact_us .contact_map .contact_title{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 46px; bottom: 0;text-align: center;overflow: hidden}
.contact_us .contact_map .contact_title li{ color: #333333; font-size: 16px; margin: 0 15px;display: inline-block; width: 260px; height: 46px; line-height: 46px; background: #fff; text-align: center; cursor: pointer;}
.contact_us .contact_map .contact_title li.on{ background: rgba(0,0,0,0.4); color: #fff;}

.contact_top{ margin-top: 45px;float: left;width: 100%;height: auto;overflow: hidden}
.contact_top .contact_top_left{ width:660px;height: auto;float: left;overflow: hidden}
.contact_top .contact_top_left .top_left_title{ padding:35px 0; font-size:18px; color:#333333; font-weight:bolder}
.contact_top .contact_top_left .top_left_body{ background:#ffffff;}
.left_body_t { -webkit-align-items: center; display: -webkit-flex;}
.contact_top .contact_top_left .top_left_body dl{ background:#f6f6f6; padding:50px 40px; margin-top:38px;overflow: hidden;float: left;width: 100%}
.contact_top .contact_top_left .top_left_body dl:nth-child(1){ margin-top:0}
.contact_top .contact_top_left .top_left_body dl dt{ color:#333333; font-size:14px; line-height:30px; padding-left:28px}
.contact_top .contact_top_left .top_left_body dl dt p{ font-size: 14px;line-height: 20px;}
.contact_top .contact_top_left .top_left_body dl dt p:nth-of-type(1){ margin-bottom: 10px;}
.contact_top .contact_top_left .top_left_body dl dt p span{ display:inline-block; padding-left:14px;}
.contact_top .contact_top_right{  width:680px;float: right;height: auto;overflow: hidden}
.contact_top .contact_top_right .top_right_title{ padding:35px 0; font-size:18px; color:#333333; font-weight:bolder}
.contact_top .contact_top_right .top_right_wen .right_wen_xun{ width:100%; margin-bottom:20px}
.contact_top .contact_top_right .top_right_wen .right_wen_xun dd{ font-size:14px; color:#666666}
.contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_nei{ background:#fff; line-height:50px; width:100%; margin-top:14px; padding-left:20px;outline:none; }
.contact_top .contact_top_right .top_right_wen .right_wen_bottom .wen_bottom_ti{ width:100%; line-height:50px; background:#03a9f4; font-size:15px; text-align:center; color:#fff; cursor:pointer;border: none}
.contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_body{ height:170px}

/*详细页*/
.detail_zon{ float: right;width: 77%;height: auto;overflow: hidden;text-align: center}
.detail_zon h1,.detail_zon h2,.detail_zon h3,.detail_zon h4,.detail_zon h5,.detail_zon h6{ float: left;width: 100%;height: 35px;line-height:35px;text-align: left;margin:20px 0 5px;border-bottom: 3px solid rgb(242, 242, 242);font-size: 16px;color: rgb(51, 51, 51);overflow: visible;}
.detail_zon p{ color: #000000; font-size: 14px;line-height: 25px;text-align: left;float: left;margin-bottom:5px;width:100%; }
.detail_zon p img,.detail_zong img{max-width: 100%;}
.lab_room{ float: left;width: 100%;height: auto;overflow: hidden;}
.lab_room ul{ margin-top: 5px;float: left;width: 100%}
.lab_room ul li{ float: left;width: 24%;height: auto;overflow: hidden;margin-right: 1.33%;margin-bottom: 10px;}
.lab_room ul li:nth-child(4n){ margin-right: 0;}
.lab_room ul li .pic{ float: left;width: 100%;height: auto;overflow: hidden}
.lab_room ul li .pic img{ max-width: 100%;margin: 5px auto 0;}
.lab_room ul li p{ color: #000000;font-size: 14px;text-align: center;transition: all .4s ease-in-out; width: 100%;height: 28px;line-height: 28px;}
.room_pic{ width: 100%;height: auto;}
.room_pic img{ max-width: 100%;}

.bat_bra_listss ul li{ float: left;width: 280px; height: 245px;/*padding: 0 0;*/margin: 15px 15px 15px 15px;padding: 23px 13px;overflow: hidden; border: 2px solid #f9f9f9; border-right: none;border-bottom: none; background-color: #FFFFFF;/*border-radius: 8px;*/}
.bat_bra_listss ul li:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transition: .4s; transform: translate3d(0, -3px, 0);}
.bat_bra_listss ul li:nth-child(5n){ /*margin: 15px 0 15px 0;*/ border-right: 2px solid #f9f9f9;border-bottom: none;}
.bat_bra_listss ul li .bat_bra_img{width: 100%; height: 60px; margin-bottom: 15px; /*margin-top: 25px;*/ line-height: normal; text-align: center;}
.bat_bra_listss ul li .bat_bra_img img{height: 100%;/*display: inline;*//*vertical-align: middle;*/}
.bat_bra_listss ul li h2{color: #333;font-size: 16px;font-weight: normal;text-align: center;}
.bat_bra_listss ul li p{color: #999999;font-size: 12px;line-height: 24px;margin: 5px 0 10px;height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bat_bra_listss ul li .bat_bra_more{margin-top: 15px;padding: 0 10px;}
.bat_bra_listss ul li .bat_bra_more a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;border: 1px solid #1780c8;color: #1780c8;font-size: 14px;border-radius: 3px;}

.menu-opened .header_h{ height: 72px;}

/*材料认证*/
.material_one,.material_list,.material_list_left,.material_list_left ul li,.material_list_right,.material_list_right div.item{ float: left;width: 100%;height: auto;}
.material_one{ background-color: #FFFFFF;overflow: hidden}
.material_one .txt_title{ margin: 60px auto 20px;}
.material_list{ padding: 20px 0 50px;}
.material_list_left{ width: 260px;}
.material_list_left ul li{ padding-right: 20px;height: 50px;line-height: 50px; font-size: 18px;color: rgb(137, 137, 137);transition: all .6s;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.material_list_left ul li:hover,.material_list_left ul li.active{ color: #1780c8}
.material_list_right{ width: calc(100% - 260px)}
.material_list_right div.item{ display: none}
.material_list_right div.item:nth-of-type(1){ display: inline-block}
.material_list_right div.item ul li{ float: left;width: 25%;height: 225px;padding: 10px;overflow: hidden;transition: all .65s;border: 2px solid rgba(0,0,0,.04);border-right: none;border-bottom: none;background-color: #FFFFFF;}
.material_list_right div.item ul li:nth-of-type(1){ border-top-color: rgba(0,0,0,0);border-left-color: rgba(0,0,0,0)}
.material_list_right div.item ul li:nth-of-type(2),.material_list_right div.item ul li:nth-of-type(3),.material_list_right div.item ul li:nth-of-type(4){ border-top-color: rgba(0,0,0,0);}
.material_list_right div.item ul li:nth-of-type(5){ border-left-color: rgba(0,0,0,0)}
.material_list_right div.item ul li:hover{ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);transition: .4s;transform: translate3d(0, -3px, 0);}
.material_list_right_img{ width: 100%;height: auto;line-height: normal;text-align: center;}
.material_list_right_img img{width: 100%;}
.material_list_right div.item ul li h3{ color: #333;font-size: 16px;margin-top: 15px;font-weight: normal;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.material_list_right div.item ul li p{ color: #999999;font-size: 14px;line-height: 24px;margin: 10px 0 0;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.material_two,.material_case,.material_case_above{ float: left;width: 100%;height: auto;}
.material_two{ background: url(../images/serviceHomeBg.jpg) no-repeat top right;background-size: 100% 100%;overflow: hidden;padding-bottom: 30px;}/*background-attachment: fixed;*/
.material_two .txt_title{ margin: 60px auto 20px;}
.material_case ul li{ float: left;width: calc(25% - 25px);height: 350px;margin: 0 33px 33px 0;position: relative}
.material_case ul li:nth-child(4n){ margin-right: 0}
.material_case_above{ width: 100%;height: 100%;padding: 20px;box-shadow: 0 5px 38px rgba(0,69,87, 0.09);border-radius: 10px;opacity: 1;
    transform: translateY(0) rotateX(0);transition: all 0.6s ease-in-out 0s;background-color:rgba(255,255,255,1)}
.material_case ul li:hover .material_case_above{ transform: translateY(-100%) rotateX(90deg);transform-origin: bottom center;opacity: 0;}
.material_case_above a{ width: 100%;text-align: center;display: inline-block}
.material_case_above img{ max-height: 80px;margin-bottom: 8%}
.material_case_above h3,.material_case_below h3{ font-size: 18px;color: #222222;min-height: 45px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 5px;text-align: center;}
.material_case_above p{ text-align: left;font-size: 14px;line-height: 28px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.material_case_below{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background: url(../images/ico_34.jpg) center no-repeat;background-size: cover;box-shadow: 0 5px 38px rgba(0,69,87, 0.09);opacity: 0;transition: all 0.60s ease-in-out 0s;}
.material_case ul li:hover .material_case_below{ opacity: 1;}


.material_case_below h3{ color: #FFFFFF;margin-top: 40px;}
.material_case_below p{ text-align: left;font-size: 14px;line-height: 28px;color: #FFFFFF;padding: 0 10px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.material_case_below a{ text-align: center;display: inline-block;vertical-align: top;min-width: 38%;border: #ffffff solid 1px;border-radius: 5px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;height: 40px;line-height: 38px;padding: 0 10px;}
.material_case_below a:nth-of-type(1){ background: #FFFFFF;color: #3d509f;margin-right: 6%;}
.material_case_below a:nth-of-type(2){ color: #FFFFFF}

@media (max-width: 1450px) and (min-width: 1316px){
    .w_1500 {width: 1300px;padding: 0 5px;}
    .header_new_phone{ width: 21%}
    .header_container{ width: 1290px; padding: 0 5px;}
    .service_detail .lh{ width: 1300px; padding: 0 5px; }
    .room_list{ width: 1300px;padding: 0 5px 30px;}
    .strength_detail{ width: 1300px; }
    .about_you{ position: absolute}
    .about_map{ margin-right: 0}
    .index_good{ background-size: 100% 100%;}
    .good_list ul li{ width: 24%;margin: 0 1.33% 0 0;float: left}
    .good_list ul li:nth-of-type(4){ margin: 0}
    .new_list{ margin: 5px auto 0;padding-bottom: 20px;}
    .new_tab{ padding: 30px 0 30px;}
    .new_slide_one_img{ width: 217px;height: 135px;}
    .new_slide_one_txt{ width: 398px;height: 135px;}
    .new_slide_one_txt p{ height: auto;line-height: 20px;}

    /*电池*/
    .bat_pro_list li{ width: 19.2%;margin-right: 1%}
    /*消费类*/
    .bat_bra_list ul li{ width: 20%}
    /*中认服务*/
    .product_right_list{ padding: 20px 0; }
    .product_right_list li{ width: 24%;margin: 8px 0.5%}
    .detail_Box{ padding: 0 1%;}
    .detail_Box_left{ width: 72%}
    .bat_bra_listss ul li{ width: 29.33%;margin: 10px 2%}
    .detail_Box_right{ width: 25%;right:12px}
    .nav_fix_pos{ left: 74%;margin-left: 0}
    .nav_fix_pos .detail_Box_right_w{ width: 100%}
    /*案例*/
    .case_nav{ width: 21%}
    .case_list{ width: 77%}
    .case_list ul.case_list_ul{ width: 100%}
    .case_list_ul li{ width: 33.33%;height: auto;padding-bottom: 10px}
    .case_list_ul li .case_list_img{ height: 200px}
    /*服务与支持*/
    .service{ width: 77%}
    /*关于中认*/
    .company_group_left{ width: 60%}
    .company_group_right{ width: 36%}
    .culture .culture_list dd:before,.culture .culture_list dd:after{ display: none}
    .culture .culture_list{ padding-right: 230px}
    .culture .culture_list:nth-child(2n){ padding-left: 230px}
    .honor_list li{width: 24%;margin: 20px 0.5%;padding: 40px 20px 0;}
    .contact_top .contact_top_left{ width: 48%}
    .contact_top .contact_top_right{ width: 50%}
}
/*新闻资讯*/
@media (max-width: 1416px) and (min-width: 1316px){
    .new, .new_detail{ width: 98%;margin: 10px 1% 30px}
    #con_one_1,#con_one_3{ width: 74%}
    #con_one_2{ width: 24%}
    .correlation ul li{ width: 24%;margin-right: 0.66%; margin-left: 0.66%;}
    .correlation ul li img{ width: 100%}
}
@media (max-width: 1315px) and (min-width: 1216px){
    .w_1500 {width: 1200px;padding: 0 5px;}
    .header_new_phone{ width: 21%}
    .header_container{ width: 1200px; padding: 0 5px;}
    .service_detail .lh{ width: 1200px; padding: 0 5px; }
    .room_list{ width: 1200px;padding: 0 5px 30px; }
    .strength_detail{ width: 1200px; }
    .strength_ico{ padding:  0;}
    .strength_ico .swiper-button-next,.strength_ico .swiper-button-prev{ display: none}
    .about_you{ position: absolute}
    .about_map{ margin-right: 0}
    .about_data ul li>div, .about_data ul li>div i{ font-size: 64px;}
    .index_good{ background-size: 100% 100%;}
    .good_list ul li{ width: 24%;margin: 0 1.33% 0 0;float: left}
    .good_list ul li:nth-of-type(4){ margin: 0}
    .new_list{ margin: 5px auto 0;padding-bottom: 20px;}
    .new_tab{ padding: 30px 0 30px;}
    .new_slide_one_img{ width: 200px;height: 125px;}
    .new_slide_one_txt{ width: 360px;height: 125px;}
    .new_slide_one_txt p{ height: auto;line-height: 25px;-webkit-line-clamp: 3;margin-bottom: 0;}
    .address_con span {font-size: 30px;line-height: 32px;}

    /*电池*/
    .bat_pro_list li{ width: 19.2%;margin-right: 1%}
    .bat_pro_list li a{ padding: 0 5px}
    /*消费类*/
    .bat_bra_list ul li{ width: 20%}
    /*中认服务*/
    .product_right_list{ padding: 15px 0; }
    .product_right_list li{ width: 32%;margin: 8px 0.66%}
    .detail_Box{ padding: 0 1%;}
    .detail_Box_left{ width: 67%}
    .bat_bra_listss ul li{ width: 32.33%;margin: 10px 0.5%}
    .detail_Box_right{ width: 28%;right:12px}
    .nav_fix_pos{ left: 70%;margin-left: 0}
    .nav_fix_pos .detail_Box_right_w{ width: 100%}
    /*新闻资讯*/
    .new, .new_detail{ width: 98%;margin: 10px 1% 30px}
    #con_one_1,#con_one_3{ width: 73%}
    #con_one_2{ width: 25%}
    .correlation ul li{ width: 24%;margin-right: 0.66%; margin-left: 0.66%;}
    .correlation ul li img{ width: 100%}
    /*案例*/
    .case_nav{ width: 21%}
    .case_list{ width: 77%}
    .case_list ul.case_list_ul{ width: 100%}
    .case_list_ul li{ width: 33.33%;height: auto;padding-bottom: 10px}
    .case_list_ul li .case_list_img{ height: 200px}
    /*服务与支持*/
    .service{ width: 77%}
    /*关于中认*/
    .company_group_left{ width: 58%}
    .company_group_right{ width: 38%;margin-left: 0}
    .company_group_left p{ font-size: 15px;line-height: 30px;}
    .culture .culture_list dd:before,.culture .culture_list dd:after{ display: none}
    .team_list .hxtd_next, .team_list .hxtd_prev{ display: none}
    .team_list .swiper-slide .box{ padding: 0 10px}
    .honor_list li{width: 32.33%;margin: 20px 0.5%}
    .contact_top .contact_top_left{ width: 48%}
    .contact_top .contact_top_right{ width: 50%}

    /*材料认证*/
    .material_list_left{ width: 200px}
    .material_list_right{  width: calc(100% - 200px);}
}
@media (max-width: 1216px){
    .header_new{ display: none}
    .header_xun{ display: none}
    .side_bar{ display: none}
    .header_logo img { height: 70%; margin-top: 10px;}
    .w_1500{ width: 100%;padding: 0 10px;}
    .index_service{ padding:35px 0}
    .service_detail{ padding: 40px 10px 0;min-height: auto}
    .service_detail .lh{ width: 100%;padding: 0;}
    .room_list{width: 100%;padding: 0 10px}
    .index_strength{ margin:35px 0 0}
    .strength_detail{ width: 100%;}
    .strength_ico .swiper-button-next,.strength_ico .swiper-button-prev{ display: none}
    .strength_ico{ margin: 15px 0 30px;}
    .about_you{ position: absolute;z-index: 99;}
    .about_data ul li>div, .about_data ul li>div i{ font-size: 60px;}
    .good_list ul li{ width: 24%;margin: 0 1.33% 0 0;float: left}
    .good_list ul li:nth-of-type(4){ margin: 0}
    .index_new{ padding-top:45px;}
    .index_title p{ line-height: 30px;}
    .new_slide_one_img{ width: 33.5%;height: 125px;}
    .new_slide_one_txt{ width: 66.5%;height: 125px;}
    .new_slide_one_img{ background-size: 100% 100%;}
    .new_tab {padding: 20px 0 30px;}
    .new_slide_one_txt p{ -webkit-line-clamp: 3;line-height: 22px;height: auto;margin-bottom: 0;}
    .new_slide_one_img img { height: 100%;}
    .from_table{ width: 950px;}
    .address_con span { font-size: 32px;line-height: 32px;}
    .footer_photo{ bottom: -5px;}

    /*电池*/
    .bat_pro_list li{ width: 32%;margin-right: 2%}
    .bat_pro_list li:nth-child(3n){ margin-right: 0}
    .bat_pro_list li:nth-child(5n) { margin: 6px 2% 6px 0;}
    .bat_pro_list li:nth-of-type(11),.bat_pro_list li:nth-of-type(11){ display: inline-block}
    .bat_pro_list li a{ padding: 0 2%}
    .bat_case_list .swiper-button-next, .bat_case_list .swiper-button-prev{ display: none}
    /*消费类*/
    .bat_bra_list ul li{ width: 25%}
    .bat_bra_list ul li:nth-of-type(9),.bat_bra_list ul li:nth-of-type(10){display: none}
    /*中认服务*/
    .product_left{ display: none}
    .product_right{ width: 100%}
    .product_right_list{ padding: 15px 0; }
    .product_right_list li{ width: 24%;margin: 8px 0.5%}
    .detail_Box_left{ width: 100%}
    .detail_Box_right{ display: none}
    /*新闻资讯*/
    .new, .new_detail{ width: 99%;margin: 10px 0.5% 30px}
    #con_one_1,#con_one_3{ width: 73%;padding-right: 3%}
    .post .new_txt h2{ font-size: 18px}
    #con_one_2{ width: 25%}
    .new_hot ul li{ font-size: 13px}
    .correlation{ display: none}
    /*案例*/
    .case_nav{ display: none}
    .case_list{ width: 100%}
    .case_list ul.case_list_ul{ width: 100%}
    .case_list_ul li{ width: 33.33%;height: auto;padding-bottom: 10px}
    .case_list_ul li .case_list_img{ height: 200px}
    .case .slogan{display: none}
    .case_list_details{padding: 0 1%}
    /*服务与支持*/
    .service{ width: 100%}
    /*关于中认*/
    .company_group_left{ width: 100%;margin-right: 0}
    .company_group_right{ width: 100%;margin-left: 0}
    .company_group_left p{ font-size: 15px;line-height: 30px;}
    .culture_position { margin: 20px auto 40px;}
    .culture .culture_list_img{ display: none}
    .culture .culture_center{ display: none}
    .culture .culture_list{ width: 100%;padding: 0;margin-bottom: 20px;text-align: left;height: auto}
    .culture .culture_list:nth-child(1) dd{ margin-top: 0;}
    .culture .culture_list:nth-child(2n){ padding: 0;}
    .culture .culture_list:nth-child(2) dd{ margin-top: 0}
    .culture .culture_list dd{ padding: 0 0 5px;margin-top: 0;margin-bottom: 5px;}
    .culture .culture_list dd:before,.culture .culture_list dd:after{ display: none}
    .culture .culture_list .fr{ width: 100%;float: left}
    .team_list .hxtd_next, .team_list .hxtd_prev{ display: none}
    .team_list .swiper-slide .box{ padding: 0 5%}
    .honor_list li{width: 32.33%;margin: 20px 0.5%;padding: 30px 15px 0}
    .idea_list > div{ width: 29%;margin: 0 1.5%;padding: 35px 15px}
    .idea_list > div dd p{ font-size: 13px;line-height: 24px;}
    .contact_top .contact_top_left{ width: 48%}
    .contact_top .contact_top_right{ width: 50%}
    .detail_zon{ width: 100%}

    /*材料认证*/
    .material_list_left{ width: 180px}
    .material_list_left ul li{ font-size: 16px}
    .material_list_right{  width: calc(100% - 180px);}

    .material_case ul li{ height: 300px;}
    .material_case_below h3{ min-height: 35px;}
}
@media (max-width: 1024px){
    .header { position: fixed; top: 0; left: 0; z-index: 100; background: #fff;}
    .header_h {height: 72px;}
    .battery_global{ display: none}
    .new_nav{ display: none}
    .new, .new_detail{ width: 99%;margin: 10px 0.5% 30px}
    #con_one_1,#con_one_3{ width: 100%;padding-right: 0;border-right: none}
    #con_one_2{ display: none}
    .service_ico ul li{ padding: 10px;min-height: 280px}
    /*服务与支持*/
    .certificate_query{ width: 100%;padding: 80px 3% 0;}
    .query_form{ width: 100%}
    /*关于中认*/
    .contact_top .contact_top_left{ width: 100%}
    .contact_top .contact_top_right{ width: 100%;margin-top: 20px}
    .contact_top .contact_top_left .top_left_body dl{ margin-top: 15px}
    .contact_top .contact_top_left .top_left_body dl:nth-of-type(1),.contact_top .contact_top_left .top_left_body dl:nth-of-type(2){ width: 49%;margin-top: 0}
    .contact_top .contact_top_left .top_left_body dl:nth-of-type(1){ margin-right: 2%}


    .material_case ul li{ width: calc(33.33% - 10px);margin: 0 15px 15px 0}
    .material_case ul li:nth-child(3n){ margin-right: 0}
    .material_case ul li:nth-child(4n){ margin-right: 15px}
}
@media (max-width: 993px){
    .banner_all .swiper-pagination-bullet { width: 45px;}
    .service_ico ul li{ width: calc(25% - 6px);margin: 0 8px 8px 0}
    .service_txt a span{ font-size: 12px}

    .room_all { padding: 60px 0 45px;}
    .index_about{ padding-bottom: 60px;}
    .about_map{ margin-right: 0; margin-top: 40px;}
    .about_map .point_area{ display: none}
    .about_you{ text-align: center;width: 100%;left:0;padding: 0 2%;top:100px;}
    .about_you h1:after{ left: 50%;margin-left: -30px;}
    .about_data{ margin-top: 20px;height: auto}
    .about_data ul li{ width: 50%;margin-bottom: 25px;}
    .about_data ul li>div, .about_data ul li>div i { font-size: 50px; }
    .about_data ul li p { font-size: 20px;margin-top: 0;}
    .index_good{ background-size: cover !important;}
    .good_list ul li{ width: 49%;margin-right: 2%;margin-bottom: 20px;background-size: cover !important;}
    .good_list ul li:nth-child(2n){ margin-right: 0}
    .new_slide_one_img img{ width: auto}
    .footer{ padding:10px 0 0;}
    .footer_c{ padding-right:0 !important;}
    .from_table{ width: 100%;padding: 0 1%}
    .footer_address,.footer_nav{ display: none}
    .footer_photo{ position: unset;text-align: center}
    .footer_photo_list{ float: unset;display: inline-block;margin: 10px 10px 0;}
    .inner_nav a{ font-size: 12px;}
    /*消费类*/
    .bat_bra_list ul li{ width: 33.33%}
    .bat_bra_list ul li:nth-of-type(9){display: inline-block}
    /*中认服务*/
    .class_one_title dd.calss_one_item{ width: 32%;margin: 0 2% 10px 0;}
    .class_one_title dd:nth-child(5n),.class_one_title dd:nth-of-type(8), .class_one_title dd:nth-of-type(12){ margin: 0 2% 10px 0; }
    .class_one_title dd:nth-of-type(3),.class_one_title dd:nth-of-type(6),.class_one_title dd:nth-of-type(9),.class_one_title dd:nth-of-type(12){margin: 0 0 10px 0; }
    .calss_one2_item a{ padding: 20px 1%}
    .product_right_list li{ width: 32%;margin: 8px 0.66%}
    .bat_bra_listss ul li{ width: 32.33%;margin: 10px 0.5%}
    .class_three li{ padding: 10px 2%}
    .two_column_list{ padding: 0}
    /*案例*/
    .case_list_ul li{ width: 50%;height: auto;padding-bottom: 10px}
    .case_list_ul li .case_list_img{ height: 200px}
    .case_details_tit{padding: 0 0 10px}
    /*服务与支持*/
    .company {height: auto;padding: 10px 2% 15px;}
    .honor_list li{width: 46%;margin: 20px 2%;}
    .laboratory ul li a p{ font-size: 14px}
    .idea_list > div { width: 29.5%; margin: 0 1%; padding: 25px 10px;}
    .job_list{ padding:0 3%}

    .material_list_right div.item ul li{ width: 33.33%}

}
@media (max-width: 768px){
    .header_logo img {height: 60%;margin-top: 15px;}
    .mobile-nav-toggler{ right:1%}
    .header_container{ padding: 0 1%;}
    .side_bar{ display: none;}
    .banner_all .swiper-slide .index_banner_pc{ display:none}
    .banner_all .swiper-slide .index_banner_wab{ display: inline-block}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 1px}
    .banner_all .swiper-pagination-bullet { width: 15px; height: 5px; }
    .index_title h1, .index_title h2 {font-size: 20px;line-height: 35px;letter-spacing: 1px;}
    .index_title p { font-size: 14px;line-height: 20px;}
    .index_service { padding: 15px 0 0 0;}
    .service_list{ padding-bottom: 10px;}
    .service_detail{ padding:20px 10px 0;}
    .service_list ul li{ font-size: 14px;margin: 0 5px;}
    /*.service_ico ul li{ margin-bottom: 15px;width: 33.33%;}*/
    /*.service_ico ul li h5 { font-size: 14px;height: 15px;overflow: hidden}*/
    /*.service_ico ul li span{ width: 80px;height: 80px;}*/
    /*.service_ico ul li span em{ width: 70px;height: 70px;left: 4px; top: 4px;background-size: 100%;}*/
    /*.service_ico ul li:hover span em { background-position: 0 -67px; }*/

    .service_ico ul li{ width: 100%;margin:0 0 10px 0;display: none}
    .service_ico ul li:nth-of-type(1),.service_ico ul li:nth-of-type(2),.service_ico ul li:nth-of-type(3){ display: inline-block}

    .index_room{ margin-top: 20px;}
    .index_strength { margin: 25px 0 0;}
    .strength_list ul li { font-size: 13px;}
    .strength_ico { margin: 0 0 10px;padding: 0 5px;}
    .strength_ico .swiper-slide span.ioc{ background-size: auto 100% !important;}
    .index_about { padding-bottom: 30px; }
    .about_you { top: 80px; }
    .about_you h1 { font-size: 22px;padding-bottom: 15px; margin-bottom: 5px;}
    .about_you .about_txt p { font-size: 14px; line-height: 26px; }
    .about_you .about_txt p { margin-bottom: 10px;}
    .about_map { width: 100%;}
    .about_data ul li { margin-bottom: 35px;}
    .about_data ul li>div, .about_data ul li>div i { font-size: 36px; }
    .good_list ul li{ width: 100%;margin: 10px 0;}
    /*新闻资讯*/
    .new_list ul li{ margin: 0 auto}
    .new_slide_one ul li{width: 100%;margin-bottom: 5px;}
    .new_slide_one_img { display: none}
    .new_slide_one_txt { width: 100%;padding: 0 1%;margin-bottom: 5px;border-bottom: 1px dotted #e9e9e9; }
    .new_slide_two ul li{ width: 100%;background: url(../images/arrow_right.png) no-repeat 1% 11px; }
    .index_from{ height: auto;background-size: auto 100%;padding-bottom: 20px;}
    .index_from .index_title h2 {padding: 35px 0 12px;font-size: 18px;}
    .from_table input{ width: 100%;margin-right: 0;height: 38px; line-height: 38px;}
    .from_table_right textarea { height: 90px;}

    .inner_banner{ height: auto;}/*background-position: right center !important;*/
    .inner_banner img{ display: inline-block}
    .list_page ul a{ padding: 5pt 10px; font-size: 12px;}
    /*电池*/
    .bat_pro_list li{ width: 100%;margin-right: 0}
    .bat_pro_list li:nth-child(3n){ margin-right: 0}
    .bat_pro_list li:nth-child(5n) { margin: 6px 0 6px 0;}
    .bat_pro_list li a{ padding: 0 1%}
    /*消费类*/
    .bat_bra_list ul li{ width: 100%;height:auto;margin-bottom:5px}
    /*中认服务*/
    .product_right .class_one{ padding: 20px 0;}
    .class_one_title dd.calss_one_item{ width: 50%;margin: 0 0 10px 0 !important;padding: 0 1%}
    .calss_one2_item{ width: 48%;margin: 0 1% 10px;}
    .class_one_title dd:nth-of-type(3),.class_one_title dd:nth-child(5n){ margin: 0 1% 10px;}
    .product_right_list li{ width: 48%;margin: 0 1% 12px}
    .bat_bra_listss ul li{ width: 46%;margin: 10px 2%}
    .two_column_list h4{ font-size: 16px}
    .class_three{ padding: 30px 5px}
    /*新闻资讯*/
    .post{ height: auto;min-height: auto;max-height: none;}
    .post_img{ width: 100%;min-height: auto;max-width: 100%;height: auto;max-height: 220px;text-align: center;}
    .post_img a{ margin-right: 0}
    .post .new_txt{width: 100%;float: left;}
    .post-text{ float: left;width: 100%;height: auto}
    .post .new_con{ float: left;width: 100%;height: auto}
    .list_con h1{ line-height: 14px; font-size: 16px;text-align: center}
    .list_con p{ text-align: center}
    .list_con span { margin: 0 10px 0 0;font-size: 12px;}
    .article_page .pre, .article_page .next{ font-size: 14px;}
    .article_page .pre a, .article_page .next a{ font-size: 14px;}
    /*案例*/
    .case_list_ul li{ width: 100%;height: auto;padding-bottom: 10px}
    .case_list_ul li .case_list_img{ height: auto}
    .case_details_more ul li a{font-size: 12px;}
    .case_details_tit p span{ font-size: 12px;margin: 0 5px;}
    .case_details_tit p span:nth-last-of-type(1){display: none}
    .case_details_tit h1{ font-size: 16px;margin-bottom: 5px;line-height: 24px;}
    .case_details_con p, .case_details_con h1, .case_details_con h2, .case_details_con h3, .case_details_con h4, .case_details_con h5, .case_details_con h6 {font-size: 14px;line-height: 24px;}
    /*服务与支持*/
    .service .title{ font-size:18px;}
    .certificate_query{ width: 100%;padding: 40px 1%;min-height: auto;}
    .team_list .swiper-slide .box{ min-height: 470px;height: auto;padding: 0 2% 10px}
    .team_list .swiper-slide .pic{ margin-top: 25px;}
    .team_list .swiper-slide span{ margin: 30px 0 10px 0;}
    /*关于中认*/
    .honor_list li{width: 48%;margin: 10px 1%;}
    .laboratory ul li{ width: 50%}
    .lab_room ul li{ width: 49%;margin-right: 2%}
    .lab_room ul li:nth-child(2n){ margin-right: 0}
    .job_idea{ display: none}
    .job_list{ margin: 0 0;}
    .job_list { padding: 0 1%;}
    .job_list_hide_con h3{ font-size: 16px;}
    .contact_map, .contact_map_title{ height: 400px}
    .contact_us .contact_map .contact_title li{ width: 210px;font-size: 15px;margin: 0 10px}
    .contact_top .contact_top_left{ display: none}

    .two_column_list p{ font-size: 13px;line-height: 21px}

    .material_list{ padding: 0 0 30px;}
    .material_list_left{ width: 100%;height: 40px;overflow: hidden;overflow-x: auto;}
    .material_list_left ul{ float: left;position: relative;z-index: 4;display: flex;align-items: flex-start;flex-wrap: nowrap;overflow-y: auto;}
    .material_list_left ul li{ float: left;flex: none;width: auto;margin-right: 10px;font-size: 14px;height: 40px;line-height: 40px;}
    .material_list_right{ width: 100%}
    .material_list_right div.item ul li{ width: 100%;height: auto;border: 2px solid rgba(0,0,0,.08) !important;}

    .txt_title{ font-size: 20px;line-height: 40px;}
    .txt_title span{ padding-bottom: 5px}

    .material_case ul li{ width: calc(50% - 5px);margin: 0 10px 10px 0}
    .material_case ul li:nth-child(2n){ margin-right: 0}
    .material_case ul li:nth-child(3n){ margin-right: 10px;}
    .material_case ul li:nth-child(4n){ margin-right: 10px;}
}
@media (max-width: 500px){
    /*.inner_banner{ height:275px;}*/
    /*.service_ico ul li span em{ width: 50px;height: 50px;left: 9px;top:2px}*/
    .room_all .swiper-slide .con .icon{ height: 195px;}
    .room_list .swiper-container-horizontal>.swiper-pagination-bullets,.room_list .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
    .strength_ico .swiper-slide span.ioc{ height: 250px;}
    /*.service_ico ul li span { width: 70px; height: 70px;}*/
    /*.service_ico ul li:hover span em:before{ opacity: 0}*/
    /*.service_ico ul li:hover span em { background-position: unset;}*/
    .good_list ul li{ height:auto;padding: 15px 5px;min-height: 200px;}
    .good_list ul li > p{ margin-top: 0 !important;}
    .good_list ul li span { display: inline-block!important;}
    /*中认服务*/
    .class_one_title dd.calss_one_item{ width: 100%;margin: 0 0 10px 0 !important;padding: 0 1%;min-height: 90px;height: auto;}
    .calss_one2_item{ width: 100%;margin: 0 0 10px;}
    .class_one_title dd:nth-of-type(3),.class_one_title dd:nth-child(5n){ margin: 0 0 10px;}
    .product_right_list li{ width: 98%;margin: 0 1% 12px}
    .bat_bra_listss ul li{ width: 90%;margin: 5px 5%}
    .class_three{ padding: 30px 5px}
    .class_three li{ width: 100%}
    /*新闻资讯*/
    .new, .new_detail{ width: 98%; margin: 10px 1% 30px;border: none;padding: 30px 0 0;}
    .post .new_txt h2 { font-size: 14px;line-height: 20px;margin: 5px 0 2px}
    .post-text{ font-size: 12px;line-height: 18px;}
    .post .new_txt h2 a{ height: auto}
    /*案例*/
    .case_details_more{display: none}
    /*服务与支持*/
    .service .title{ font-size:15px;height: 55px;line-height: 55px;padding: 0 1% 0 9%}
    .service .down:after, .service .apply:before, .service .posters:before, .service .faq:before{ width:20px;height:20px;background-size: 100%;top:18px}
    .service .down:after{ display: none}
    .service .con, .job_list_hide{ padding: 1%;}
    .service .con dl dd{ padding: 15px 1% 25px; overflow: hidden}
    .service .con dl dd h2{ display: none}
    .service .con dl dd div.line p{ font-size: 14px;line-height: 1.8}
    .service .con dl dd a{ width: 48%;float: left;margin-right: 2%}
    .query_logo{ font-size: 22px;margin-top: 0;}
    .query_logo span{ padding-left: 64px;}
    .query_tit{ font-size: 18px;line-height: 20px;height: auto;margin: 0 0 10px;}
    .query_form{ min-height: auto}
    .query_form input{ width: 90%;}
    .query_form button{ padding: 12px 20px;}
    .query_txt span{ font-size: 12px;line-height: 22px;}
    .query_content{ padding: 0 1%;margin-bottom: 0}
    .query_content p{ font-size: 14px;line-height: 20px;}
    .query_content span{ width: 85px;}
    .company {  padding: 10px 1% 0; }
    .company_list p:nth-of-type(1) a span{ font-size: 14px}
    .company_list p a span{ font-size: 12px}
    .company_list p a span:nth-of-type(3){ line-height: 20px;padding-top: 5px;}
    /*关于中认*/
    .company_group_left p { font-size: 14px; line-height: 26px; }
    .honor_list li{width: 96%;margin: 5px 2%;}
    .laboratory ul li{ width: 100%}
    .job_list_tit span, .job_list_show span{ font-size: 12px}
    .job_list_hide_con{ padding: 15px 1% 25px;}
    .job_list_hide_con p { font-size: 13px;line-height: 22px; }
    .job_list_hide_con h3{ margin-bottom: 5px;}
    .contact_map, .contact_map_title{ height: 320px}
    .contact_us .contact_map .contact_title li{ width: 135px;font-size: 13px;margin: 0 5px}
    .contact_top .contact_top_right .top_right_wen .right_wen_xun .wen_xun_nei{ line-height: 40px;margin-top: 5px}
    
    .footer_photo_list{ width:80px;}
    .footer_photo_list img{ height:80px;}


    .material_case ul li{ width: 100%;margin-right: 0}
    .material_case ul li:nth-child(3n){ margin-right: 0;}
    .material_case ul li:nth-child(4n){ margin-right: 0;}
}

.scroll ul li{line-height:44px;}
.scroll ul li>a{display:block;font-size:15px;color:#2B2B2B;border-bottom:1px solid #ddd;padding:0 0 0 10px;}
.scroll ul li .subnav a{display:block;padding-left:30px;font-size:14px;line-height:40px;border-bottom:1px dashed #ddd;color: #2b2b2b;}
.scroll ul li .subnav .sub_nav{width: 100%;height: auto;overflow: hidden;}
.sub_nav h1{display: block;padding-left: 20px;font-size: 14px;line-height: 40px;border-bottom: 1px dashed  #ddd;color: #2b2b2b;font-weight: 400;}
.sub_nav h1 a{padding-left: 0 !important;border-bottom: none !important;;}
.scroll ul li .subnav .sub_nav .sub_nav_list ul.sub_nav_product{display: none;}
.scroll ul li .subnav .sub_nav .sub_nav_list > a{padding-left: 30px;background: url('../images/arrow_right.png') no-repeat 90% center ;background-size: 5px 9px;}
.scroll ul li .subnav .sub_nav .sub_nav_list:nth-last-of-type(1) > a{background:none;}
.scroll ul li .subnav .sub_nav ul li a{padding-left: 38px;}
.scroll .wap-nav-bottom{padding:30px 0;}
.scroll .wap-nav-bottom ol{text-align:center;}
.scroll .wap-nav-bottom ol li{display:inline-block;margin:0 5px;}
.scroll .wap-nav-bottom .login{text-align:center;}
.scroll .wap-nav-bottom .login a{font-size:16px;color:#333;}