/* 前端谷梦阳 */
/* 主色调 #349994  */
@font-face {
    font-family: "gma";
    src: 
        url("index-4.html")/*tpa=https://www.tophicon.com/font/HELVETICANEUE-BOLD.woff*/ format("woff"),
        url("HELVETICANEUE-BOLD.ttf")/*tpa=https://www.tophicon.com/font/HELVETICANEUE-BOLD.ttf*/ format("truetype"),
        url("HELVETICANEUE-BOLD.eot")/*tpa=https://www.tophicon.com/font/HELVETICANEUE-BOLD.eot*/ format("embedded-opentype"),
        url("HELVETICANEUE-BOLD.svg")/*tpa=https://www.tophicon.com/font/HELVETICANEUE-BOLD.svg*/ format("svg");
    font-weight: normal;
    font-style: normal;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow-x: hidden;
    max-width: 1920px;
    min-width: 1280px;
    position: relative;
    padding: 0;
    width: 100%;
    color: #1f1f1f;
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    background: #fff;
}

html.act {
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: #1f1f1f;
}

textarea,
select {
    outline: none;
    color: #666;
    font-size: 14px;
    width: 100%;
}

img {
    border: none;
    transform: scale(1);
    -webkit-transform: scale(1);
    display: block;
    max-width: 100%;
}

img[src=""] {
    opacity: 0;
}

body::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

body::-webkit-scrollbar-thumb {
    background: #000;
}

body::-webkit-scrollbar-track {
    background: #fff;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_48 {
    font-size: 48px;
}

.f_52 {
    font-size: 52px;
}

.f_60 {
    font-size: 60px;
}

.f_80 {
    font-size: 80px;
}

/*分页*/

.BMap_mask,
.BMap_cpyCtrl,
.BMap_scaleTxt,
.BMap_scaleCtrl,
.BMap_omCtrl,
.anchorBL {
    display: none !important;
}

.a_dw {
    position: relative;
    top: -86px;
}

.a_kxo {
    position: relative;
    top: -81px;
}

.nc_box {
    max-width: 800px;
    min-width: 100px;
    width: 85%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.obox {
    max-width: 1280px;
    min-width: 100px;
    width: 85%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.ibox {
    max-width: 16000px;
    min-width: 1200px;
    width: 85%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.zbox {
    max-width: 1800px;
    min-width: 100px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-sizing: border-box;
}

.alltime,
.alltime * {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.alltime1,
.alltime1 * {
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wow {
    opacity: 0;
}

.wow1 {
    opacity: 1;
}


/* 头部 */
.m_header {
    display: none;
}

.header_nav {
    display: none;
}

.header {
    width: 100%;
    height: 86px;
    position: fixed;
    top: -90px;
    left: 0;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header.search {
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.header.one1 {
    top: 0;
}

.header.fixed .zbox .ul1 li .ltp a {
    color: #121212;
}

.header.fixed .zbox .h_daohang .center .chen {
    color: #121212;
}

.header.fixed .zbox .h_daohang .center .xiegang {
    color: #121212;
}

.header.fixed .zbox .h_daohang .right .ss_text {
    color: #121212;
}

.header.fixed .zbox .ul1 li.act .ltp a {
    color: #121212;
}

.header.fixed .zbox .ul1 li:hover .ltp a {
    color: #121212;
}

.header.fixed .zbox .ul1 li .ltp a::before {
    background: #121212;
}

.header .zbox {
    height: 100%;
    line-height: 86px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
}

.header .logo_img {
    float: left;
    cursor: pointer;
}

.header .logo_img>a {
    width: 150px;
    height: 46px;
    display: block;
    margin-top: 10px;
    position: relative;
}

.header .logo_img>a img {
    position: absolute;
    top: 0;
    left: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
}

.header .logo_img>a .logo1,
.header .logo_img>a .logo2 {
    opacity: 0;
}

.header .logo_img>a .logo {
    opacity: 1;
}

.header.lg1 .logo_img>a .logo,
.header.lg1 .logo_img>a .logo2 {
    opacity: 0;
}

.header.lg1 .logo_img>a .logo1 {
    opacity: 1;
}

.header.fixed .logo_img>a .logo,
.header.fixed .logo_img>a .logo1 {
    opacity: 0;
}

.header.fixed .logo_img>a .logo2 {
    opacity: 1;
}

.header.lg2 .logo_img>a .logo,
.header.lg2 .logo_img>a .logo1 {
    opacity: 0;
}

.header.lg2 .logo_img>a .logo2 {
    opacity: 1;
}

.header.ny .logo_img>a .logo,
.header.ny .logo_img>a .logo1 {
    opacity: 0;
}

.header.ny .logo_img>a .logo2 {
    opacity: 1;
}

.header .zbox .h_daohang {
    float: right;
    /*width: 45%;*/
    width: 60%;
    height: 100%;
    line-height: 86px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header .zbox .ul1 {
    width: 75%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.header .zbox .h_daohang .center {
    display: flex;
    align-items: center;
}

.header .zbox .h_daohang .center .chen {
    position: relative;
    color: #fff;
}

.header .zbox .h_daohang .center .chen::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 25px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.header.lg2 .zbox .h_daohang .center .chen::before {
    background: #323232;
}

.header.fixed .zbox .h_daohang .center .chen::before {
    background: #323232;
}

.header .zbox .h_daohang .center .chen:hover::before {
    width: 100%;
    opacity: 1;
}

.header .zbox .h_daohang .center .chen.act::before {
    width: 100%;
    opacity: 1;
}

.header .zbox .h_daohang .center .img {
    margin-right: 12px;
}

.header .zbox .h_daohang .center .xiegang {
    margin: 0 6px;
    color: #fff;
}

.header .zbox .h_daohang .right {
    position: relative;
}

.header .zbox .h_daohang .right .right_firsta {
    display: flex;
    align-items: center;
}

.header .zbox .h_daohang .right .ss_tc {
    width: 100%;
    height: 215px;
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #fff;
    display: none;
}

.header.fixed .zbox .h_daohang .right .ss_tc {
    top: 85px;
}

.header.one1 .zbox .h_daohang .right .ss_tc {
    top: 85px;
}

.header .zbox .h_daohang .right .ss_tc .ss_box {
    width: 41.6%;
    margin: 0 auto;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .up {
    width: 100%;
    margin-top: 45px;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .up .inp {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #999999;
    position: relative;
    line-height: 1;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .up .inp input {
    width: 90%;
    height: 30px;
    border: 0;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .up .inp .inputdisn {
    display: none;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .up .inp .ss_img {
    position: absolute;
    right: 0;
    top: 0;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down {
    width: 100%;
    margin-top: 20px;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down .three_text {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down .three_text .three {
    width: 80px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 7px;
    color: #666;
    cursor: pointer;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down .three_text .three.act {
    background-color: #349994;
    color: #fff;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down .three_text .three:hover {
    background-color: #349994;
    color: #fff;
}

.header .zbox .h_daohang .right .ss_tc .ss_box .down .three_text .line {
    width: 1px;
    height: 12px;
    background-color: #d9d9d9;
    margin: 0 10px;
}

.header .zbox .h_daohang .right .img {
    width: 18px;
    height: 18px;
    position: relative;
    margin-right: 10px;
}

.header .zbox .h_daohang .right .img img {
    position: absolute;
    top: 0;
    left: 0;
}

.header .zbox .h_daohang .right .img img:last-child {
    opacity: 0;
}

.header.fixed .zbox .h_daohang .right .img img:last-child {
    opacity: 1;
}

.header.fixed .zbox .h_daohang .right .img img:first-child {
    opacity: 0;
}

.header.ny .zbox .h_daohang .right .img img:last-child {
    opacity: 1;
}

.header.ny .zbox .h_daohang .right .img img:first-child {
    opacity: 0;
}

.header .zbox .h_daohang .right .ss_text {
    color: #fff;
}

.header .zbox .ul1 li {
    height: 100%;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.header .zbox .ul1 li .ltp a {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    color: #fff;
    font-weight: bold;
}

.header .zbox .ul1 li .ltp a::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 25px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

.header.lg2 .zbox .ul1 li .ltp a::before {
    background: #323232;
}

.header .zbox .ul1 li.act .ltp a::before {
    width: 100%;
    opacity: 1;
}

.header .zbox .ul1 li:hover .ltp a::before {
    width: 100%;
    opacity: 1;
}

.header .zbox .ul1 li.act .ltp a {
    width: 100%;
    color: #fff;
}

.header.lg2 .zbox .ul1 li .ltp a {
    width: 100%;
    color: #323232;
}

.header.lg2 .zbox .h_daohang .center .chen {
    position: relative;
    color: #323232;
}

.header.lg2 .zbox .h_daohang .center .xiegang {
    margin: 0 6px;
    color: #323232;
}

.header.lg2 .zbox .h_daohang .right .img img:last-child {
    opacity: 1;
}

.header.lg2 .zbox .h_daohang .right .ss_text {
    color: #323232;
}

.header .zbox .ul1 li:hover .ltp a {
    width: 100%;
    color: #fff;
}

.header.lg2 .zbox .ul1 li:hover .ltp a {
    width: 100%;
    color: #323232;
}

.header .zbox .ul1 li .lbt a:hover {
    color: #fff;
}

.header.ny .zbox .ul1 li .ltp a {
    color: #323232;
}

.header.ny .zbox .ul1 li .ltp a::before {
    background: #323232;
}

.header.lg2 .zbox .ul1 li .ltp a::before {
    background: #323232;
}

.header.ny .zbox .h_daohang .center .chen {
    color: #323232;
}

.header.ny .zbox .h_daohang .center .xiegang {
    margin: 0 6px;
    color: #323232;
}

.header.ny .zbox .h_daohang .right .ss_text {
    color: #323232;
}

.header .zbox .ul1 li .lbt {
    display: none;
    /*width: 160px;*/
    width: 190px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    /* margin-left: 2px; */
}

.header .zbox .ul1 li .lbt .sbox {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
}

.header .zbox .ul1 li .lbt a {
    display: block;
    /*line-height: 3.6;*/
    line-height: 2.8;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    font-weight: bold;
}

.header .zbox .ul1 li .lbt a:hover {
    background-color: #ebeff2;
    color: #333;
}

/* 头部 */

/* 脚部 */
.footer {
    width: 100%;
    height: 420px;
    min-width: 60px;
    background-color: #e5e5e5;
    padding-top: 50px;
    z-index: 100;
    position: relative;
}

.footer .up {
    width: 100%;
}

.footer .up .ibox {
    display: flex;
    justify-content: space-between;
}

.footer .up .ibox .left {
    width: 46.4%;
}

.footer .up .ibox .left .f_logo {
    margin-bottom: 30px;
}

.footer .up .ibox .left .four_img {}

.footer .up .ibox .left .four_img .four {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.footer .up .ibox .left .four_img .four:last-child {
    margin-bottom: 0;
}

.footer .up .ibox .left .four_img .four .img {
    margin-right: 18px;
}

.footer .up .ibox .left .four_img .four .c_text * {
    color: #111;
}

.footer .up .ibox .right {
    width: 53.6%;
    padding-top: 11px;
}

.footer .up .ibox .right .ul1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer .up .ibox .right .ul1 li {}

.footer .up .ibox .right .ul1 li a:first-child {
    color: #323232;
    margin-bottom: 32px;
    font-weight: bold;
}

.footer .up .ibox .right .ul1 li a {
    display: block;
    color: #111111;
    margin-bottom: 20px;
    line-height: 1;
}

.footer .up .ibox .right .ul1 li a:last-child {
    margin-bottom: 0;
}

.footer .up .ibox .right .ul1 li a:hover {
    color: #349994;
}

.footer .down {
    width: 100%;
    height: 60px;
    background-color: #111111;
    position: absolute;
    bottom: 0;
}

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

.footer .down .ibox .bq_left {
    display: flex;
    align-items: center;
}

.footer .down .ibox .bq_left a {
    margin-left: 10px;
}

.footer .down .ibox * {
    color: #999;
}

.footer .up .ibox .left .sop {
    width: 160px;
    height: 30px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 22px;
}

.footer .up .ibox .left .sop select {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 10px 0 7px;
}


.footer .up .ibox .left .sop select option {
    width: 100%;
    background-color: #fff;
    border: 0;
    line-height: 3;
}

.footer .up .ibox .left .sop .img {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 5;
    pointer-events: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

/* 脚部 */
/* 脚部 */
@keyframes bd {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(0.5);
    }

    20% {
        transform: scale(0.2);
    }

    30% {
        transform: scale(0.3);
    }

    40% {
        transform: scale(0.4);
    }

    50% {
        transform: scale(0.6);
    }

    65% {
        transform: scale(0.75);
    }

    75% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

#index #particleGlobal.act {
    -webkit-animation: bd .6s linear;
    -moz-animation: bd .6s linear;
    animation: bd .6s linear;
}

#index #particleGlobal.rem {
    -webkit-animation: bd1 .3s linear;
    -moz-animation: bd1 .3s linear;
    animation: bd1 .3s linear;
}

#index #particleGlobal.act1 {
    display: none;
}


.bg_dong {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    pointer-events: none;
}

.bg_dong.act {
    opacity: 0;
    z-index: -99;
}

.num {
    color: #000;
}

#b_index #index #particleGlobal>img.blue {
    display: block;
}

#b_index #index #particleGlobal>img.white {
    display: none;
}

#b_index #index.act #particleGlobal>img.blue {
    display: none;
}

#b_index #index.act #particleGlobal>img.white {
    display: block;
}

.swiper_bd {
    height: 100vh;
    overflow: hidden;
}

.swiper_bd>.swiper-wrapper>.swiper-slide {
    height: 100%;
    overflow: hidden;
}

/* .swiper_bd>.swiper-wrapper>.swiper-slide:last-child {
    height: 800px !important;
} */

.swiper_bd .swiper-slide .img {
    /* width: 100%;
    height: 100%; */
    position: relative;
}

.swiper_bd .swiper-slide .img img {
    /* width: 100%; */
    /* height: 100%; */
}

.swiper_bd .swiper-slide .fp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}

.swiper_bd .swiper-slide .fp .c_text {
    color: #349994;
}

.swiper_bd .swiper-slide .fp .img1 {
    margin: 38px 0 28px 0;
}

.swiper_bd .swiper-slide .fp .d_text {
    color: #349994;
}

.swiper_bd .swiper-slide.bgb {
    background-image: -webkit-gradient(linear, right top, left top, from(#27b0a5), to(#0c5b54));
    background-image: -webkit-linear-gradient(right, #27b0a5, #0c5b54);
    background-image: -o-linear-gradient(right, #27b0a5, #0c5b54);
    background-image: linear-gradient(to left, #27b0a5, #0c5b54);
    opacity: 1;
}

.swiper_bd .bgi1 {
    position: relative;
}

.swiper_bd .bgi1 .ibox {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15%;
    z-index: 5;
    display: none;
}

.swiper_bd .bgi1 .ibox .five_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.swiper_bd .bgi1 .ibox .five_img .five {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper_bd .bgi1 .ibox .five_img .five .text {
    color: #fff;
    margin-top: 27px;
    opacity: 0;
}

.swiper_bd .bgi1 .ibox .five_img .five:hover .img {
    transform: translateY(-15px);
}

.swiper_bd .bgi1 .ibox .five_img .five:hover .text {
    opacity: 1;
    transform: translateY(-12px);
}

.swiper_bd .bgi1 .three_quan {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    align-items: center;
    display: none;
}

.swiper_bd .bgi1 .three_quan .three {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 5;
    margin-right: 11px;
    cursor: pointer;
}

.swiper_bd .bgi1 .three_quan .three .donghua {
    position: absolute;
    top: 0;
    left: 0;
}

.swiper_bd .bgi1 .three_quan .three .donghua .zw canvas {
    opacity: 0;
}

.swiper_bd .bgi1 .three_quan .three .donghua .zw.circleChart canvas {
    opacity: 1;
}

.swiper_bd .bgi1 .three_quan .three .dian {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper_bd .bgi1 .three_quan .three.act .dian {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
}



.swiper1 .ul1 {
    position: absolute;
    left: 240px;
    top: 65%;
    z-index: 999;
    display: flex;
}

.swiper1 .ul1 li {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.swiper1 .ul1 li .yd {
    width: 6px;
    height: 6px;
    background-color: #999999;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
}

.swiper1 .ul1 li.act .yd {
    background-color: #fff;
}

.swiper1 .ul1 li.act .dy {
    opacity: 1;
}

.swiper1 .ul1 li .dy {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.swiper1 .swiper-slide {
    position: relative;
}

.swiper1 .swiper-slide video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.swiper1 .swiper-slide .s1_img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.swiper1 .swiper-slide .text {
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -262px;
    opacity: 0;
}

.swiper1 .swiper-slide.swiper-slide-active .text {
    top: 30%;
    transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    opacity: 1;
}

.swiper1 .swiper-slide .text .ch_text {
    line-height: 1;
    color: #fff;
    margin-bottom: 24px;
}

.swiper1 .swiper-slide .text .en_text {
    line-height: 1;
    color: #fff;
    text-align: center;
}

.swiper1 .swiper-slide .s1_box.act img {
    display: none;
}

/* 首页第二屏 */
.swiper_bd .bgi2 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #0b5a54, #24b1a7);
    position: relative;
}

.swiper_bd .bgi2 .white_yuan {
    max-width: 1100px;
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper_bd .bgi2 .white_yuan .ul1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li {
    position: absolute;
    top: 195px;
    left: 9%;
}

.swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(2) {
    top: 400px;
    left: 41.4%;
}

.swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(3) {
    top: 515px;
    left: 75.7%;
}

.swiper_bd .bgi2 .white_yuan .ul1 li:first-child .ul_box .s_img img:last-child {
    transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    -o-transform: rotate(11deg);
}

.swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(3) .ul_box .s_img img:last-child {
    transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box {}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img {
    width: 140px;
    height: 140px;
    position: relative;
}

@keyframes y_zhuan {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes y_zhuan {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img::before {
    content: "";
    display: block;
    width: 140px;
    height: 140px;
    background: url("i_7.png")/*tpa=https://www.tophicon.com/images/i_7.png*/;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    animation: y_zhuan 5s linear infinite;
    -webkit-animation: y_zhuan 5s linear infinite;
}

.swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(2) .ul_box .s_img::before {
    animation: y_zhuan 5.2s linear infinite;
    -webkit-animation: y_zhuan 5.2s linear infinite;
}

.swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(3) .ul_box .s_img::before {
    animation: y_zhuan 5.8s linear infinite;
    -webkit-animation: y_zhuan 5.8s linear infinite;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img img {
    position: absolute;
    top: 0;
    left: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img img:last-child {
    opacity: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box:hover .s_img img:last-child {
    opacity: 1;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box:hover .s_img img:first-child {
    opacity: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box.act .s_img img:last-child {
    opacity: 1;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box.act .s_img img:first-child {
    opacity: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .text {
    text-align: center;
    margin-top: 25px;
    opacity: 0;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box:hover .text {
    opacity: 1;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box.act .text {
    opacity: 1;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .text .d_text {
    color: #fff;
}

.swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .text .c_text {
    color: #ffff;
    margin-top: 12px;
}

.swiper_bd .bgi2 .white_yuan .up {
    max-width: 60%;
    min-width: 54%;
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.swiper_bd .bgi2 .white_yuan .up .ffjy {
    margin: 45px 0 35px 0;
    line-height: 1.5;
    color: #fff;
}

/* 首页第三屏 */
.swiper_bd .bgi3 {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper_bd .bgi3 .five_img {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper_bd .bgi3 .five_img>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .3;
    object-fit: cover;
}

.swiper_bd .bgi3 .five_img img.act {
    z-index: 5;
    opacity: 1;
}

.swiper_bd .bgi3 .ibox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.swiper_bd .bgi3 .ibox .up {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 37px;
}

.swiper_bd .bgi3 .ibox .up .ffjy {
    margin-top: 42px;
    color: #fff;
}

.swiper_bd .bgi3 .ibox .swiper9 {
    display: none;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box {
    width: 100%;
    position: relative;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box .img {
    width: 100%;
    height: 305px;
    position: relative;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box .img img {
    position: absolute;
    top: 0;
    left: 0;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box .img img:last-child {
    opacity: 0;
    animation: y_zhuan 6s linear infinite;
    -webkit-animation: y_zhuan 6s linear infinite;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box:hover .img img:last-child {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box:hover .img img:first-child {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box .s9_text {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}



.swiper_bd .bgi3 .ibox .swiper9 .s9_box .s9_text .text {
    width: 140px;
    text-align: center;
    color: #fff;
    margin: 17px 0 12px 0;
}

.swiper_bd .bgi3 .ibox .swiper9 .s9_box:hover .s9_text .text {
    font-size: 26px;
    color: #fff;
    margin: 17px 0 12px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.swiper_bd .bgi3 .ibox .five_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box {
    width: 100%;
    position: relative;
}


.swiper_bd .bgi3 .ibox .five_img .s9_box .img {
    width: 100%;
    /* height: 305px; */
    position: relative;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box .img img {
    width: 100%;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box .img img:last-child {
    opacity: 0;
    animation: y_zhuan 6s linear infinite;
    -webkit-animation: y_zhuan 6s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%,-50%); */
}

.swiper_bd .bgi3 .ibox .five_img .s9_box:hover .img img:last-child {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box:hover .img img:first-child {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box .s9_text {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box .s9_text .text {
    width: 140px;
    text-align: center;
    color: #fff;
    margin: 17px 0 12px 0;
}

.swiper_bd .bgi3 .ibox .five_img .s9_box:hover .s9_text .text {
    font-size: 26px;
    color: #fff;
    margin: 17px 0 12px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}








.swiper_bd .bgi3 .ibox .more1 {
    margin-top: 40px;
}

/* 首页第四屏 */
.swiper_bd .bgi4 {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper_bd .bgi4 .ibox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 9%;
}

.swiper_bd .bgi4 .ibox .up {
    width: 100%;
    margin-bottom: 80px;
}

.swiper_bd .bgi4 .ibox .up .ffjy {
    color: #349994;
    margin-top: 50px;
    text-align: center;
}

.swiper_bd .bgi4 .ibox .center {
    width: 100%;
}

.swiper_bd .bgi4 .ibox .center .three_text {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.swiper_bd .bgi4 .ibox .center .three_text .three {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper_bd .bgi4 .ibox .center .three_text .three .shang {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.swiper_bd .bgi4 .ibox .center .three_text .three .shang .num {
    color: #349994;
    font-family: "gma";
}

.swiper_bd .bgi4 .ibox .center .three_text .three:first-child .shang .fh {
    transform: translateY(21px);
    font-size: 48px;
}

.swiper_bd .bgi4 .ibox .center .three_text .three .shang .fh {
    color: #349994;
    font-size: 110px;
    transform: translateY(-5px);
}

.swiper_bd .bgi4 .ibox .center .three_text .three .xia {
    color: #349994;
    font-weight: bold;
    margin-top: 40px;
}

.swiper_bd .bgi4 .ibox .more {
    margin-top: 80px;
}

/* 首页第五屏 */
.swiper_bd .bgi5 {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper_bd .bgi5 .ymw {
    width: 100%;
    height: calc(100vh - 420px);
    background-image: -webkit-gradient(linear, right top, left top, from(#27b0a5), to(#0c5b54));
    background-image: -webkit-linear-gradient(right, #27b0a5, #0c5b54);
    background-image: -o-linear-gradient(right, #27b0a5, #0c5b54);
    background-image: linear-gradient(to left, #27b0a5, #0c5b54);
}

.swiper_bd .bgi5 .ymw .ibox {
    padding: 11% 12% 0;
}

.swiper_bd .bgi5 .ibox .text {}

.swiper_bd .bgi5 .ibox .text .d_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.swiper_bd .bgi5 .ibox .text .d_text img {
    width: auto;
    height: auto;
}

.swiper_bd .bgi5 .ibox .text .d_text div {

    color: #fff;
    font-family: "gma";
    transform: translateY(21px);
    text-transform: uppercase;
}

.swiper_bd .bgi5 .ibox .text .d_text #text div {
    display: none;
}


.swiper_bd .bgi5 .ibox .text .d_text span {
    min-width: 8px;
}

.swiper_bd .bgi5 .ibox .text .c_text {
    font-weight: bold;
    color: #fff;
    margin: 57px 0 50px 0;
    text-align: center;
    line-height: 1;
}

.swiper_bd .bgi5 .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
}











/* 新闻详情 */
#news_con .xwxq {
    width: 100%;
}

#news_con .xwxq .nc_box {
    padding: 156px 0 203px 0;
}

#news_con .xwxq .nc_box .title {
    line-height: 1.5;
    color: #121212;
    font-weight: bold;
    justify-content: left;
}

#news_con .xwxq .nc_box .three_text {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 41px;
}

#news_con .xwxq .nc_box .three_text .three {
    margin-right: 60px;
    color: #555;
}

#news_con .xwxq .nc_box .three_text .three:last-child {
    margin-right: 0;
}

#news_con .xwxq .nc_box .line {
    width: 100%;
    height: 1px;
    background-color: #d7dbdb;
    margin: 17px 0 40px 0;
}

#news_con .xwxq .nc_box .c_text {
    color: #333333;
    line-height: 2;
    margin-bottom: 15px;
}

#news_con .xwxq .nc_box .img {
    width: 100%;
    margin: 40px 0;
}

#news_con .xwxq .nc_box .img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#news_con .xwxq .nc_box .c_line {
    width: 100%;
    height: 1px;
    background-color: #d7dbdb;
    margin: 43px 0 40px 0;
}

#news_con .xwxq .nc_box .two_sx {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#news_con .xwxq .nc_box .two_sx .sxyt {
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

#news_con .xwxq .nc_box .two_sx .sxyt:hover {
    color: #349994;
}

#news_con .xwxq .nc_box .two_sx .syt {
    margin-bottom: 21px;
}

#news_con .xwxq .nc_box .two_sx .right a {
    width: 180px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.6);
    background-color: #349994;
    border-radius: 4px;
}

#news_con .xwxq .nc_box .two_sx .right a:hover {
    color: #fff;
}

/* 关于我们 */
#about .gsjs {
    width: 100%;
    background-color: #fff;
}

#about .gsjs .ibox {
    padding: 120px 0 110px 0;
    position: relative;
}

#about .gsjs .ibox .up {
    margin-bottom: 70px;
}

#about .gsjs .ibox .up .c_text {
    color: #333;
    margin-top: 50px;
    line-height: 1.8;
}

#about .gsjs .ibox .down {
    width: 100%;
}

#about .gsjs .ibox .down .d_left {
    float: left;
    width: 57%;
    position: relative;
    border: 1px solid #dbdbdb;
}

#about .gsjs .ibox .down .d_left .swiper2 .swiper-slide {
    position: relative;
}

#about .gsjs .ibox .down .d_left .swiper2 .swiper-slide .vidd {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 2;
}

#about .gsjs .ibox .down .d_left .swiper2 .swiper-slide .imgvideo {
    opacity: 0;
}

#about .gsjs .ibox .down .d_left .vid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 2;
}

#about .gsjs .ibox .down .d_left .swiper2 .swiper-pagination-fraction,
#about .gsjs .ibox .down .d_left .swiper2 .swiper-pagination-custom,
#about .gsjs .ibox .down .d_left .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px;
    left: 0;
    width: 100%;
}

#about .gsjs .ibox .down .d_right {
    float: right;
    width: 30.5%;
}

#about .gsjs .ibox .down .d_right .zjjm {
    width: 50%;
    height: 220px;
    border: 1px solid #dbdbdb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

#about .gsjs .ibox .down .d_right .zjjm:hover {
    background-color: #349994;
}

#about .gsjs .ibox .down .d_right .zjjm.act {
    background-color: #349994;
}

#about .gsjs .ibox .down .d_right .zldw {
    border-bottom: 0;
}

#about .gsjs .ibox .down .d_right .jssl {
    border-right: 0;
    float: left;
}

#about .gsjs .ibox .down .d_right .jczz {
    float: right;
}

#about .gsjs .ibox .down .d_right .mhyj {
    border-top: 0;
}

#about .gsjs .ibox .down .d_right .zjjm:last-child {
    float: right;
}

#about .gsjs .ibox .down .d_right .zjjm .img {
    width: 70px;
    height: 70px;
    position: relative;
}

#about .gsjs .ibox .down .d_right .zjjm .img img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .gsjs .ibox .down .d_right .zjjm .img img:last-child {
    opacity: 0;
}

#about .gsjs .ibox .down .d_right .zjjm:hover .img img:last-child {
    opacity: 1;
}

#about .gsjs .ibox .down .d_right .zjjm:hover .img img:first-child {
    opacity: 0;
}

#about .gsjs .ibox .down .d_right .zjjm.act .img img:last-child {
    opacity: 1;
}

#about .gsjs .ibox .down .d_right .zjjm.act .img img:first-child {
    opacity: 0;
}

#about .gsjs .ibox .down .d_right .zjjm .text {
    color: #333;
    margin-top: 35px;
}

#about .gsjs .ibox .down .d_right .zjjm:hover .text {
    color: #fff;
}

#about .gsjs .ibox .down .d_right .zjjm.act .text {
    color: #fff;
}

#about .gsjs .ibox .ul3 {
    width: 100%;
    position: relative;
}

#about .gsjs .ibox .ul3 li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-10px);
    margin-top: 30px;
}

#about .gsjs .ibox .ul3 li.act {
    position: initial;
    opacity: 1;
    transform: translateY(0px);
}

#about .gsjs .ibox .lxbk {
    width: 75%;
    transform: translateY(-15px);
}

#about .gsjs .ibox .lxbk .d_text {
    color: #121212;
    font-weight: bold;
}

#about .gsjs .ibox .lxbk .c_text {
    color: #333;
    line-height: 1.8;
    margin-top: 25px;
}

/* 投资关系 */
#about .tzgx {
    width: 100%;
    background-color: #349994;
}

#about .tzgx .ibox {
    padding: 120px 0 65px 0;
    overflow: hidden;
}

#about .tzgx .ibox .down {
    width: 100%;
    position: relative;
    margin-top: 45px;
}

#about .tzgx .ibox .down .d_up {
    width: 100%;
    display: flex;
    justify-content: center;
}

#about .tzgx .ibox .down .d_up .three_text {
    width: 33%;
    cursor: pointer;
}

#about .tzgx .ibox .down .d_up .three_text.act {
    width: 33%;
}

#about .tzgx .ibox .down .d_up .three_text .year {
    font-size: 36px;
    opacity: .1;
    color: #fff;
    font-family: "gma";
}

#about .tzgx .ibox .down .d_up .three_text .d_text {
    font-size: 20px;
    opacity: .6;
    font-weight: bold;
    color: #fff;
    margin: 15px 0 0 0;
}

#about .tzgx .ibox .down .d_up .three_text .text {
    height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 41px;
}


#about .tzgx .ibox .down .d_up .three_text.act .year {
    font-size: 60px;
    opacity: 1;
    line-height: 1;
}

#about .tzgx .ibox .down .d_up .three_text.act .img {
    opacity: 0;
}

#about .tzgx .ibox .down .d_up .three_text.act .d_text {
    font-size: 30px;
    opacity: 1;
}

#about .tzgx .ibox .down .d_down {
    position: absolute;
    bottom: -4px;
    left: 0;
}

#about .tzgx .ibox .down .car {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: -25%;
}


#about .tzgx .ibox .down .car.act0 {
    position: absolute;
    bottom: 0px;
    left: 0;
}

#about .tzgx .ibox .down .car.act1 {
    position: absolute;
    bottom: 0px;
    left: 33%;
}

#about .tzgx .ibox .down .car.act2 {
    position: absolute;
    bottom: 0px;
    left: 66%;
}

#about .tzgx .ibox .down .car.act3 {
    left: 100%;
    -webkit-transition: all 6s linear;
    -moz-transition: all 6s linear;
    transition: all 6s linear;
}

#about .tzgx_down {
    width: 100%;
    height: 500px;
    background: url("a_14.png")/*tpa=https://www.tophicon.com/images/a_14.png*/ center no-repeat;
    background-size: cover;
}

#about .tzgx_down .ibox {
    position: relative;
}

#about .tzgx_down .ibox .three_text {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 83px;
    left: 0;
    opacity: 0;
    transform: translateY(8px);
}

#about .tzgx_down .ibox .three_text.act {
    opacity: 1;
    transform: translateY(0);
    z-index: 5;
}

#about .tzgx_down .ibox .three_text .left {
    width: 22.3%;
}

#about .tzgx_down .ibox .three_text .left .img {
    border: 4px solid rgba(255, 255, 255, 0.1);

}

#about .tzgx_down .ibox .three_text .right {
    width: 72.5%;
}

#about .tzgx_down .ibox .three_text .c_text {
    color: #fff;
    line-height: 1.8;
    transform: translateY(-6px);
}

/* 资质体系 */
#about .zztx {
    width: 100%;
    background: url("../img/a_41.png")/*tpa=https://www.tophicon.com/images/a_41.png*/ center no-repeat;
    background-size: cover;
    position: relative;
}

#about .zztx .ibox {
    padding: 120px 0 70px 0;
}

#about .zztx .ibox .down {
    width: 100%;
}

#about .zztx .ibox .down .ul1 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#about .zztx .ibox .down .ul1 li {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0;
    z-index: -1;
}

#about .zztx .ibox .down .ul1 li.act {
    position: relative;
    top: 0;
    opacity: 1;
    z-index: 5;
}

#about .zztx .ibox .down .four_text {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin: 60px 0 50px 0;
}

#about .zztx .ibox .down .four_text .four {
    width: 19.8%;
    height: 60px;
    font-weight: bold;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 8px;
}

#about .zztx .ibox .down .four_text .four .text {
    color: #349994;
    position: relative;
    z-index: 2;
}

#about .zztx .ibox .down .four_text .four.act .text {
    color: #fff;
}

#about .zztx .ibox .down .four_text .four:hover .text {
    color: #fff;
}

#about .zztx .ibox .down .four_text .four .img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#about .zztx .ibox .down .four_text .four .img img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .zztx .ibox .down .four_text .four .img img:last-child {
    opacity: 0;
}

#about .zztx .ibox .down .four_text .four:hover .img img:last-child {
    opacity: 1;
}

#about .zztx .ibox .down .four_text .four:hover .img img:first-child {
    opacity: 0;
}

#about .zztx .ibox .down .four_text .four.act .img img:last-child {
    opacity: 1;
}

#about .zztx .ibox .down .four_text .four.act .img img:first-child {
    opacity: 0;
}

#about .zztx .ibox .down .dd_text {
    color: #349994;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 50px;
}

#about .zztx .ibox .down .swiper3 {
    padding-bottom: 50px;
}

#about .zztx .ibox .down .swiper3 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #9d9e9e;
    border-radius: 50%;
    opacity: 1;
}

#about .zztx .ibox .down .swiper3 .swiper-slide {}

#about .zztx .ibox .down .swiper3 .swiper-slide .s3_box {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

#about .zztx .ibox .down .swiper3 .swiper-slide .s3_box .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
    background-color: rgba(52, 153, 148, .95);
    opacity: 0;
}

#about .zztx .ibox .down .swiper3 .swiper-slide .s3_box:hover .text {
    opacity: 1;
}

#about .zztx .ibox .down .swiper3 .swiper-slide .s3_box .text .d_text {
    width: 100%;
    color: #fff;
    margin-bottom: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#about .zztx .ibox .down .swiper13 {
    padding-bottom: 50px;
}

#about .zztx .ibox .down .swiper13 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #9d9e9e;
    border-radius: 50%;
    opacity: 1;
}

#about .zztx .ibox .down .swiper13 .swiper-slide {}

#about .zztx .ibox .down .swiper13 .swiper-slide .s3_box {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

#about .zztx .ibox .down .swiper13 .swiper-slide .s3_box .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
    background-color: rgba(52, 153, 148, .95);
    opacity: 0;
}

#about .zztx .ibox .down .swiper13 .swiper-slide .s3_box:hover .text {
    opacity: 1;
}

#about .zztx .ibox .down .swiper13 .swiper-slide .s3_box .text .d_text {
    width: 100%;
    color: #fff;
    margin-bottom: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#about .zztx .ibox .down .swiper14 {
    padding-bottom: 50px;
}

#about .zztx .ibox .down .swiper14 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #9d9e9e;
    border-radius: 50%;
    opacity: 1;
}

#about .zztx .ibox .down .swiper14 .swiper-slide {}

#about .zztx .ibox .down .swiper14 .swiper-slide .s3_box {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
}

#about .zztx .ibox .down .swiper14 .swiper-slide .s3_box .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
    background-color: rgba(52, 153, 148, .95);
    opacity: 0;
}

#about .zztx .ibox .down .swiper14 .swiper-slide .s3_box:hover .text {
    opacity: 1;
}

#about .zztx .ibox .down .swiper14 .swiper-slide .s3_box .text .d_text {
    width: 100%;
    color: #fff;
    margin-bottom: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}









#about .atanchung {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

#about .atanchung .ibox {
    height: 100%;
}

#about .atanchung .out {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url("out3.png")/*tpa=https://www.tophicon.com/images/out3.png*/ center no-repeat;
    background-size: cover;
    top: 200px;
    left: 70%;
    z-index: 6;
    cursor: pointer;
}

#about .atanchung.tc2 .out {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url("out3.png")/*tpa=https://www.tophicon.com/images/out3.png*/ center no-repeat;
    background-size: cover;
    top: 40%;
    left: 70%;
    z-index: 6;
    cursor: pointer;
}

#about .atanchung .out:hover {
    background: url("out4.png")/*tpa=https://www.tophicon.com/images/out4.png*/ center no-repeat;
    background-size: cover;
}

#about .atanchung .swiper_tcall {
    height: 100%;
}

#about .atanchung .swiper_tcall .sbox {
    width: 100%;
    height: 100%;
    position: relative;
}

#about .atanchung .swiper_tcall .sbox .img {
    /* width: 390px; */
    width: 550px;
    height: auto;
    overflow: auto;
    /* margin: 8% auto 0; */
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#about .atanchung .swiper_tcall .sbox .text {
    text-align: center;
    margin-top: 20px;
    color: #fff;
}

#about .atanchung .swiper_tcall .img img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-right: 0px;
}

#about .atanchung .ibox .tbtn {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 6;
}

#about .atanchung .ibox .tbtn img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .atanchung .ibox .tbtn img:last-child {
    opacity: 0;
}

#about .atanchung .ibox .tbtn:hover img:last-child {
    opacity: 1;
}

#about .atanchung .ibox .tbtn:hover img:first-child {
    opacity: 0;
}

#about .atanchung .ibox .next4 {
    left: auto;
    right: 0;
}



/* 新闻活动 */
#about .xwhd {
    width: 100%;
}

#about .xwhd .ibox {
    padding: 120px 0 0 0;
}

#about .xwhd .ibox .down {
    margin-top: 60px;
}

#about .xwhd .ibox .down .three_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#about .xwhd .ibox .down .three_img .three {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
}

#about .xwhd .ibox .down .three_img .three:nth-child(4n) {
    margin-right: 0;
}

/*#about .xwhd .ibox .down .three_img .three:nth-last-child(1) {*/
/*    margin-bottom: 0;*/
/*}*/

/*#about .xwhd .ibox .down .three_img .three:nth-last-child(2) {*/
/*    margin-bottom: 0;*/
/*}*/

/*#about .xwhd .ibox .down .three_img .three:nth-last-child(3) {*/
/*    margin-bottom: 0;*/
/*}*/

#about .xwhd .ibox .down .three_img .three .img {
    width: 100%;
    overflow: hidden;
}

#about .xwhd .ibox .down .three_img .three .img img {
    width: 100%;
}

#about .xwhd .ibox .down .three_img .three:hover .img img {
    transform: scale(1.2);
}

#about .xwhd .ibox .down .three_img .three .line {
    width: 100%;
    height: 10px;
    background-color: #349994;
}

#about .xwhd .ibox .down .three_img .three .text {
    padding: 30px 0 60px 0;
    border-bottom: 1px solid #e5e5e5;
}

#about .xwhd .ibox .down .three_img .three .text .year {
    color: #555;
    margin-bottom: 30px;
}

#about .xwhd .ibox .down .three_img .three .text .c_text {
    width: 100%;
    color: #121212;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#about .xwhd .ibox .down .three_img .three:hover .text .c_text {
    color: #349994;
}

#about .xwhd .ibox .down .more {
    margin: 0 auto;
    margin-top: 61px;
}

/* 招贤纳士 */
#about .zxns {
    width: 100%;
    height: 600px;
}

#about .zxns .ibox {
    padding: 120px 0 129px 0;
}

#about .zxns .ibox .down {
    margin-top: 70px;
}

#about .zxns .ibox .down .text {
    max-width: 800px;
    width: 55.6%;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 68px 0;
    margin: 0 auto;
    border-radius: 8px;
}

#about .zxns .ibox .down .text .d_text {
    color: #fff;
    font-weight: bold;
}

#about .zxns .ibox .down .text .line {
    width: 60px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 26px 0 25px;
}

#about .zxns .ibox .down .text .c_text {
    color: #fff;
}

/* 待遇培训 */
#about .dypx {
    width: 100%;
    background-color: #fff;
}

#about .dypx .ibox {
    padding: 120px 0;
    display: flex;
    justify-content: space-between;
}

#about .dypx .ibox .left {
    width: 50%;
}

#about .dypx .ibox .right {
    width: 44.5%;
}

#about .dypx .ibox .right .up {
    width: 100%;
}

#about .dypx .ibox .right .up .d_text {
    color: #349994;
    font-weight: bold;
    margin-bottom: 20px;
}

#about .dypx .ibox .right .up .c_text {
    color: #121212;
    line-height: 1.8;
    font-weight: bold;
}

#about .dypx .ibox .right .line {
    width: 100%;
    margin: 35px 0 40px 0;
}

#about .dypx .ibox .right .down {
    width: 100%;
}

#about .dypx .ibox .right .down .d_text {
    color: #349994;
    font-weight: bold;
    margin-bottom: 20px;
}

#about .dypx .ibox .right .down .three_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#about .dypx .ibox .right .down .three_text .three {
    width: 50%;
    margin-bottom: 30px;
}

#about .dypx .ibox .right .down .three_text .three:last-child {
    margin-bottom: 0;
}

#about .dypx .ibox .right .down .three_text .three .t_text {
    color: #121212;
    line-height: 1.8;
    font-weight: bold;
}

#about .dypx .ibox .right .down .three_text .three .c_text {
    color: #555;
    line-height: 1.8;
}

/* 办公环境 */
#about .bghj {
    width: 100%;
    background-color: #fbfbfb;
}

#about .bghj .ibox {
    padding: 76px 0 100px 0;
}

#about .bghj .ibox .up {
    width: 100%;
}

#about .bghj .ibox .up .text {
    width: 100%;
    text-align: center;
    color: #121212;
    font-weight: bold;
}

#about .bghj .ibox .down {
    width: 100%;
    margin-top: 60px;
    position: relative;
}

#about .bghj .ibox .down .swiper5 {
    padding-bottom: 5px;
}

#about .bghj .ibox .down .swiper5 .swiper-slide {
    width: 55.5556%;
    margin-right: 40px;
}

#about .bghj .ibox .down .swiper5 .swiper-slide .s5_box {
    width: 100%;
}

#about .bghj .ibox .down .swiper5 .swiper-slide .s5_box .img {
    width: 100%;
    position: relative;
}

#about .bghj .ibox .down .swiper5 .swiper-slide .s5_box .img::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
}

#about .bghj .ibox .down .swiper5 .swiper-slide.swiper-slide-active .s5_box .img::after {
    background: transparent;
}

#about .bghj .ibox .down .swiper5 .swiper-slide .s5_box .img::before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #cacaca;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
}

#about .bghj .ibox .down .swiper5 .swiper-slide.swiper-slide-active .s5_box .img::before {
    background: #349994;
}

#about .bghj .ibox .down .swiper5 .swiper-slide .s5_box .text {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #121212;
    font-weight: bold;
    background-color: #fdfdfd;
    -moz-box-shadow: 2px 2px 5px #f4f4f4;
    -webkit-box-shadow: 2px 2px 5px #f4f4f4;
    box-shadow: 2px 2px 5px #f4f4f4;
}

#about .bghj .ibox .down .swiper5 .swiper-slide.swiper-slide-active .s5_box .text {
    color: #349994;
    background-color: #ffffff;
}

#about .bghj .ibox .down .btn .prev5 {
    transform: translateX(-130px);
}

#about .bghj .ibox .down .btn .next5 {
    transform: translateX(130px);
}

/* 活动 */
#about .hd {
    width: 100%;
}

#about .hd .ibox {
    padding: 80px 0 30px 0;
}

#about .hd .ibox .up {
    width: 100%;
}

#about .hd .ibox .up .text {
    width: 100%;
    text-align: center;
    color: #121212;
    font-weight: bold;
}

#about .hd .ibox .down {
    width: 100%;
    margin-top: 60px;
    position: relative;
}

#about .hd .ibox .down .swiper6 {
    padding-bottom: 50px;
    z-index: 6;
}

#about .hd .ibox .down .swiper6 .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #9e9e9e;
}

#about .hd .ibox .down .swiper6 .swiper-slide {}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(52, 153, 148, .9);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
    opacity: 0;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box:hover::before {
    opacity: 1;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .img {
    width: 100%;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .qxhd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    color: #fff;
    font-weight: bold;
    opacity: 0;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box:hover .qxhd {
    opacity: 1;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line {
    width: 94%;
    height: 91%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 7;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .fourud {
    width: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box:hover .four_line .fourud {
    width: calc(100% - 20px);
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .four2 {
    bottom: 0;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .fourlr {
    width: 1px;
    height: 0;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box:hover .four_line .fourlr {
    height: calc(100% - 20px);
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .four4 {
    right: 0;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .img1 {
    position: absolute;
    top: -5px;
    left: -5px;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .img2 {
    position: absolute;
    bottom: -5px;
    left: -5px;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .img3 {
    position: absolute;
    bottom: -5px;
    right: -5px;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .img4 {
    position: absolute;
    top: -5px;
    right: -5px;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box .four_line .jiaimg {
    opacity: 0;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
}

#about .hd .ibox .down .swiper6 .swiper-slide .s6_box:hover .four_line .jiaimg {
    opacity: 1;
    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
}

#about .hd .ibox .down .btn {
    top: 42%;
}

#about .hd .ibox .down .btn .prev6 {
    transform: translateX(-130px);
}

#about .hd .ibox .down .btn .next6 {
    transform: translateX(130px);
}

/* 加入我们 */
#about .jrwm {
    width: 100%;
    background-color: #fbfbfb;
}

#about .jrwm .ibox {
    padding: 80px 0 140px 0;
}

#about .jrwm .ibox .up {
    width: 100%;
}

#about .jrwm .ibox .up .text {
    width: 100%;
    text-align: center;
    color: #121212;
    font-weight: bold;
}

#about .jrwm .ibox .down {
    width: 100%;
    margin-top: 60px;
}

#about .jrwm .ibox .down .ul1 {}

#about .jrwm .ibox .down .ul1 li {
    min-height: 503px;
    display: flex;
    justify-content: space-between;
}

#about .jrwm .ibox .down .ul1 li .lrt {
    width: 49%;
    position: relative;
}

#about .jrwm .ibox .down .ul1 li .lrt .three.act {
    top: 0 !important;
    background-color: #fff;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

#about .jrwm .ibox .down .ul1 li .lrt .three {
    width: 100%;
    margin-bottom: 40px;
    -moz-box-shadow: 0px 0px 8px #F0F0F0;
    -webkit-box-shadow: 0px 0px 8px #F0F0F0;
    box-shadow: 0px 0px 8px #F0F0F0;
    cursor: pointer;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fbfbfb;
}

#about .jrwm .ibox .down .ul1 li .lrt .three:nth-child(2) {
    top: 36%;
    left: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three:nth-child(3) {
    top: 72%;
    left: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three:last-child {
    margin-bottom: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three::before {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #349994;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
    opacity: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three.act::before {
    width: 100%;
    opacity: 1;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop {
    width: 100%;
    padding: 30px 30px 50px 40px;
    display: flex;
    justify-content: space-between;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left {
    width: 100%;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left .d_text {
    color: #121212;
    font-weight: bold;
    margin-bottom: 19px;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left .three_text {
    display: flex;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left .three_text .text {
    color: #555;
    padding-right: 12px;
    border-right: 1px solid #999999;
    margin-left: 12px;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left .three_text .text:last-child {
    border-right: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_left .three_text .text:first-child {
    margin-left: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_right {
    width: 40px;
    height: 40px;
    position: relative;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_right img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .ttop .t_right img:last-child {
    opacity: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three.act .ttop .t_right img:last-child {
    opacity: 1;
}

#about .jrwm .ibox .down .ul1 li .lrt .three.act .ttop .t_right img:first-child {
    opacity: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom {
    width: 100%;
    padding: 0 30px 0 40px;
    display: none;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo {
    display: flex;
    justify-content: space-between;
    padding: 39px 0;
    border-top: 1px dotted #cccccc;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_left {
    width: 19%;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .text {
    width: 100%;
    color: #121212;
    font-weight: bold;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_right {
    width: 81%;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_right .r_three {
    color: #555;
    margin-bottom: 10px;
    line-height: 1.5;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_right .r_three:last-child {
    margin-bottom: 0;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .jl {
    width: 100%;
    padding: 14px 0 54px 0;
    color: #555;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .jl .s1 {
    margin-left: 20px;
}

#about .jrwm .ibox .down .ul1 li .lrt .three .bottom .jl .s1:hover {
    color: #349994;
}

#about .jrwm .ibox .down .fy {
    margin-top: 77px;
}

/* 找到我们 */
#about .zdwm {
    width: 100%;
}

#about .zdwm .ibox {
    padding-top: 80px;
    margin-bottom: 60px;
}

/* 地图 */
.contact.bgmap {
    width: 100%;
    position: relative;
}

#wrap {
    width: 100%;
    height: 700px;
    position: relative;
    z-index: 1;
}

#mapContainer {
    height: 100%;
}

.amap-copyright,
.amap-logo {
    display: none !important;
}

.my-map .icon {
    background: url("a_39.png")/*tpa=https://www.tophicon.com/images/a_39.png*/ no-repeat;
    z-index: 9991;
}

.my-map .icon-cir {
    height: 81px;
    width: 81px;
    z-index: 997;
}

.my-map .amap-info-content {
    position: relative;
    top: -30px;
    left: 126px;
    padding: 0;
    border: 0;
    overflow: visible;
}

.amap-info-content h5 {
    font-size: 15px;
    font-weight: bold;
}

.amap-info-close {
    display: none !important;
}

.amap-info-content {
    padding: 10px 20px;
    -moz-box-shadow: 2px 2px 11px #e0d6e2;
    -webkit-box-shadow: 2px 2px 11px #e0d6e2;
    box-shadow: 2px 2px 11px #e0d6e2;
}

.amap-info-sharp {
    display: none;
    background: transparent;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    position: relative;
    left: -9px;
}

.map_fp {
    width: 226px;
    height: 72px;
    padding-left: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    position: relative;
    transform: translate(10px, -3px);
    -moz-box-shadow: 0px 2px 16px #E0D6E2;
    -webkit-box-shadow: 0px 2px 16px #E0D6E2;
    box-shadow: 0px 2px 16px #E0D6E2;
}

.map_fp .d_text {
    color: #621c75;
    font-weight: bold;
}

.map_fp .c_text {
    color: #666;
    margin-top: 12px;
}

.map_fp .img {
    position: absolute;
    bottom: -10px;
    left: 20px;
}

/* 关于我们项目管理体系 */
#about .zztx .ibox .down .xmgl {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    overflow: hidden;
}

#about .zztx .ibox .down .xmgl .six_img {
    width: 100%;
    border-bottom: 1px dashed #a5d1cf;
    display: flex;
    justify-content: space-between;
}

#about .zztx .ibox .down .xmgl .six_img .six {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-right: 1px dashed #a5d1cf;
    padding: 30px 0;
    cursor: pointer;
}

#about .zztx .ibox .down .xmgl .six_img .six:last-child {
    border-right: 0;
}

#about .zztx .ibox .down .xmgl .six_img .six:hover {
    background-color: #349994;
}

#about .zztx .ibox .down .xmgl .six_img .six.act {
    background-color: #349994;
}

#about .zztx .ibox .down .xmgl .six_img .six .text {
    color: #349994;
    font-weight: bold;
    margin-top: 25px;
    letter-spacing: 1px;
}

#about .zztx .ibox .down .xmgl .six_img .six:hover .text {
    color: #fff;
}

#about .zztx .ibox .down .xmgl .six_img .six.act .text {
    color: #fff;
}

#about .zztx .ibox .down .xmgl .six_img .six .img {
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
}

#about .zztx .ibox .down .xmgl .six_img .six .img img {
    position: absolute;
    top: 0;
    left: 0;
}

#about .zztx .ibox .down .xmgl .six_img .six .img img:last-child {
    position: absolute;
    top: 40px;
    left: 0;
}

#about .zztx .ibox .down .xmgl .six_img .six:hover .img img {
    top: -40px;
}

#about .zztx .ibox .down .xmgl .six_img .six:hover .img img:last-child {
    top: 0px;
}

#about .zztx .ibox .down .xmgl .six_img .six.act .img img {
    top: -40px;
}

#about .zztx .ibox .down .xmgl .six_img .six.act .img img:last-child {
    top: 0px;
}

#about .zztx .ibox .down .xmgl .xmgl_down {
    width: 100%;
    height: 360px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
}

#about .zztx .ibox .down .xmgl .ul1 li.act .xmgl_down {}

#about .zztx .ibox .down .xmgl .xmgl_down .left {
    width: 33.8%;
}

#about .zztx .ibox .down .xmgl .xmgl_down .left .img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

#about .zztx .ibox .down .xmgl .xmgl_down .left .img img {
    width: 100%;
}

#about .zztx .ibox .down .xmgl .xmgl_down .right {
    width: 66.2%;
    padding-left: 40px;
}

#about .zztx .ibox .down .xmgl .xmgl_down .right .text {
    padding-top: 20px;
}

#about .zztx .ibox .down .xmgl .xmgl_down .right .text .d_text {
    color: #349994;
    font-weight: bold;
}

#about .zztx .ibox .down .xmgl .xmgl_down .right .text .c_text {
    color: #349994;
    line-height: 1.8;
}

#about .zztx .ibox .down .xmgl .xmgl_down .right .text .line {
    width: 60px;
    height: 1px;
    background-color: #349994;
    margin: 21px 0 16px 0;
}

#about .zztx .ibox .down .xmgl .ul1 {
    position: relative;
}

#about .zztx .ibox .down .xmgl .ul1 li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translateY(-10px);
    opacity: 0;
}

#about .zztx .ibox .down .xmgl .ul1 li.act {
    position: initial;
    z-index: 2;
    transform: translateY(0px);
    opacity: 1;
}

/* 数字化服务 */
#digital .jsfw {
    width: 100%;
}

#digital .jsfw .ibox {
    padding: 120px 0 100px 0;
}

#digital .jsfw .ibox .down {
    width: 100%;
    margin-top: 80px;
}

#digital .jsfw .ibox .down .right {
    width: 47.5%;
    float: right;
    padding-top: 135px;
}

#digital .jsfw .ibox .down .right .text {}

#digital .jsfw .ibox .down .right .text .d_text {
    color: #333;
}

#digital .jsfw .ibox .down .right .text .c_text {
    color: #333;
    line-height: 1.8;
    margin-top: 32px;
}

#digital .jsfw .ibox .down .left {
    width: 47.2%;
    float: left;
}

/* 数字化技术服务能力 */
#digital .szh {
    width: 100%;
    height: 425px;
    background: url("../img/n_3.png")/*tpa=https://www.tophicon.com/images/n_3.png*/ center no-repeat;
    background-size: cover;
}

#digital .szh .ibox {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#digital .szh .ibox .title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 40px;
}

#digital .szh .ibox .c_text {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 28px;
    text-align: justify;
}

#digital .szh .ibox .c_text:last-child {
    margin-bottom: 0;
}

/* 典型模块 */
#digital .dxmk {
    width: 100%;
    background-color: #fbfbfb;
}

#digital .dxmk .ibox {
    padding: 100px 0;
}

#digital .dxmk .up {}

#digital .dxmk .up .text {
    color: #121212;
    font-weight: bold;
    text-align: center;
}

#digital .dxmk .down {
    width: 100%;
    margin-top: 60px;
}

#digital .dxmk .down .seven_text {}

#digital .dxmk .down .seven_text .seven {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 31px 20px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    margin-bottom: 30px;
}

#digital .dxmk .down .seven_text .seven:last-child {
    margin-bottom: 0;
}

#digital .dxmk .down .seven_text .seven .left {
    width: 110px;
    height: 60px;
    position: relative;
}

#digital .dxmk .down .seven_text .seven .left .num {
    color: #dbdbdb;
    line-height: 1;
    font-family: "gma";
}

#digital .dxmk .down .seven_text .seven .left .img {
    position: absolute;
    bottom: -6px;
    right: 27px;
}

#digital .dxmk .down .seven_text .seven .center {
    width: 85%;
    transform: translateX(-2%);
    padding: 14px 0;
}

#digital .dxmk .down .seven_text .seven .center .d_text {
    color: #121212;
    font-weight: bold;
    line-height: 1.5;
}

#digital .dxmk .down .seven_text .seven.act .center .d_text {
    color: #349994;
}

#digital .dxmk .down .seven_text .seven .center .c_text {
    color: #121212;
    line-height: 1.5;
    display: none;
    margin-top: 16px;
}

#digital .dxmk .down .seven_text .seven .right {
    width: 40px;
    display: flex;
    align-items: center;
}

#digital .dxmk .down .seven_text .seven .right .img {
    width: 40px;
    height: 40px;
    position: relative;
}

#digital .dxmk .down .seven_text .seven .right .img img {
    position: absolute;
    top: 0;
    left: 0;
}

#digital .dxmk .down .seven_text .seven .right .img img:last-child {
    opacity: 0;
}

#digital .dxmk .down .seven_text .seven.act .right .img img:last-child {
    opacity: 1;
}

#digital .dxmk .down .seven_text .seven.act .right .img img:first-child {
    opacity: 0;
}

/* 行业服务 */
#digital .hyfw {
    width: 100%;
    height: 500px;
}

#digital .hyfw .ibox {
    padding: 120px 0 0 0;
}

#digital .hyfw .ibox .down {
    margin-top: 43px;
}

#digital .hyfw .ibox .down .text {
    width: 72.2%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}


#digital .hyfw .ibox .down .text .c_text {
    color: #fff;
    line-height: 1.8;
    text-align: center;
}

/* 五服务 */
#digital .wfw.phone {
    display: none;
}

#digital .wfw {
    width: 100%;
}

#digital .wfw .ibox {
    padding: 80px 0 100px 0;
}

#digital .wfw .ibox .five_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#digital .wfw .ibox .five_img .five {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}

#digital .wfw .ibox .five_img .five:nth-child(3n) {
    margin-right: 0;
}

#digital .wfw .ibox .five_img .five .img {
    width: 100%;
}

#digital .wfw .ibox .five_img .five .img img {
    width: 100%;
}

#digital .wfw .ibox .five_img .five .line {
    width: 100%;
    height: 10px;
    background-color: #349994;
    position: absolute;
    bottom: 0;
    left: 0;
}

#digital .wfw .ibox .five_img .five:hover .line {
    width: 100%;
    height: 100%;
    background-color: rgba(52, 153, 148, .9);
}

#digital .wfw .ibox .five_img .five .text {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}

#digital .wfw .ibox .five_img .five .text .c_text {
    font-weight: bold;
    color: #fff;
    position: relative;
}

#digital .wfw .ibox .five_img .five .text .c_text::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -9px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}


#digital .wfw .ibox .five_img .five:hover .text .c_text::before {
    width: 100%;
    opacity: 1;
}

#digital .wfw .ibox .more {
    margin-top: 32px;
}

/* 服务内容 */
#digital .fwnr {
    width: 100%;
    background-color: #fbfbfb;
}

#digital .fwnr .ibox {
    padding: 100px 0 80px 0;
}

#digital .fwnr .ibox .up {}

#digital .fwnr .ibox .c_text {
    color: #121212;
    margin: 53px 0 74px 0;
    line-height: 1.8;
}

#digital .fwnr .ibox .five_img {
    display: flex;
    justify-content: space-between;
}

#digital .fwnr .ibox .five_img .five {
    width: 18%;
    position: relative;
    z-index: 2;
}

#digital .fwnr .ibox .five_img .five .uf {
    width: 100%;
    margin-right: 2.5%;
    padding: 52px 0 57px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 4;
    background-color: #fff;
}

#digital .fwnr .ibox .five_img .five:last-child {
    margin-right: 0;
}

#digital .fwnr .ibox .five_img .five .img {
    width: 62px;
    height: 62px;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

#digital .fwnr .ibox .five_img .five .img img {
    position: absolute;
    left: 0;
    top: 0;
}

#digital .fwnr .ibox .five_img .five .img img:last-child {
    top: 62px;
}

#digital .fwnr .ibox .five_img .five:hover .img img:last-child {
    top: 0;
}

#digital .fwnr .ibox .five_img .five:hover .img img:first-child {
    top: -62px;
}

#digital .fwnr .ibox .five_img .five .text {
    color: #121212;
    margin-top: 30px;
    font-weight: bold;
    z-index: 5;
}

#digital .fwnr .ibox .five_img .five:hover .text {
    color: #349994;
}

#digital .fwnr .ibox .five_img .five .bg_img {
    position: absolute;
    right: -8px;
    bottom: -8px;
    z-index: -1;
}

/* 六大产品 */
#digital .ldcp {
    width: 100%
}

#digital .ldcp .ibox {
    padding: 60px 0 120px 0;
}

#digital .ldcp .up {
    width: 100%;
    padding: 50px;
    border: 1px solid #e5e5e5;
}

#digital .ldcp .up .ul1 {
    width: 100%;
    position: relative;
}

#digital .ldcp .up .ul1 li {
    position: absolute;
    top: 15px;
    left: 0;
    opacity: 0;
}

#digital .ldcp .up .ul1 li.act {
    position: initial;
    opacity: 1;
    top: 0;
}

#digital .ldcp .up .text {
    color: #121212;
    line-height: 1.8;
}

#digital .ldcp .down {
    width: 100%;
    margin-top: 60px;
}

#digital .ldcp .down .six_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#digital .ldcp .down .six_img .six {
    /*width: 32%;*/
    width: 24.2%;
    /*margin-right: 2%;*/
    margin-right: 1%;
    margin-bottom: 2%;
    position: relative;
}

/*#digital .ldcp .down .six_img .six:nth-child(3n) {*/
/*    margin-right: 0;*/
/*}*/

#digital .ldcp .down .six_img .six:nth-child(4n) {
    margin-right: 0;
}

/*#digital .ldcp .down .six_img .z_box {*/
/*    display: none;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(1) {*/
/*    display: block;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(2) {*/
/*    display: block;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(3) {*/
/*    display: block;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(4) {*/
/*    display: block;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(5) {*/
/*    display: block;*/
/*}*/

/*#digital .ldcp .down .six_img .z_box:nth-child(6) {*/
/*    display: block;*/
/*}*/

#digital .ldcp .down .six_img .six .img {
    width: 100%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

#digital .ldcp .down .six_img .six .img img {
    width: 100%;
}

#digital .ldcp .down .six_img .six:hover .img img {
    transform: scale(1.2);
}

#digital .ldcp .down .six_img .six .text {
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 0 15px;
}

#digital .ldcp .down .six_img .six:hover .text {
    color: #349994;
}

#digital .ldcp .down .six_img .six::before {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #349994;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

#digital .ldcp .down .six_img .six:hover::before {
    width: 100%;
    opacity: 1;
}

#digital .ldcp .down .more {
    margin-top: 52px;
}

/* 实验室介绍 */
#laboratory .sysjs .ibox {
    padding: 120px 0 90px 0;
}

#laboratory .sysjs .ibox .down {
    width: 100%;
    margin-top: 53px;
}

#laboratory .sysjs .ibox .down .text {
    color: #333;
    line-height: 1.8;
}

/* 三大方案 */
#laboratory .sdfa {
    width: 100%;
    background-color: #fbfbfb;
}

#laboratory .sdfa .ibox {
    padding: 80px 0 100px 0;
}

#laboratory .sdfa .ibox .threeall {
    width: 100%;
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    background-color: #ffffff;
}

#laboratory .sdfa .ibox .threeall .left {
    width: 50%;
    float: left;
}

#laboratory .sdfa .ibox .threeall:nth-child(2n) .left {
    float: right;
}

#laboratory .sdfa .ibox .threeall .left .img {
    width: 100%;
    position: relative;
}

#laboratory .sdfa .ibox .threeall .left .img>img {
    width: 100%;
}

#laboratory .sdfa .ibox .threeall .left .img .s_img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#laboratory .sdfa .ibox .two .left .img .s_img {
    position: absolute;
    top: 50%;
    right: auto;
    left: 0;
    transform: translateY(-50%) rotate(180deg);
}


#laboratory .sdfa .ibox .threeall .right {
    width: 50%;
    display: flex;
    align-items: center;
    float: right;
    padding-top: 105px;
}

#laboratory .sdfa .ibox .threeall:nth-child(2n) .right {
    float: left;
}

#laboratory .sdfa .ibox .threeall .right .text {
    width: 100%;
    padding: 0 6% 0 11%;
}

#laboratory .sdfa .ibox .threeall .right .text .d_text {
    color: #121212;
    font-weight: bold;
    margin-bottom: 37px;
}

#laboratory .sdfa .ibox .threeall .right .text .c_text {
    color: #333;
    line-height: 1.8;
}

/* 行业服务 */

#laboratory .sypt {
    width: 100%;
    height: 600px;
}

#laboratory .sypt .ibox {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#laboratory .sypt .ibox .text {
    width: 65.2%;
}

#laboratory .sypt .ibox .text .d_text {
    color: #fff;
    font-weight: bold;
    margin-bottom: 34px;
}

#laboratory .sypt .ibox .text .c_text {
    color: #fff;
    line-height: 1.8;
}

/* 主要功能 */
#laboratory .zygn {
    width: 100%;
}

#laboratory .zygn .ibox {
    padding: 100px 0 120px 0;
}

#laboratory .zygn .ibox .up {}

#laboratory .zygn .ibox .up .d_text {
    color: #121212;
    font-weight: bold;
}

#laboratory .zygn .ibox .down {
    width: 100%;
    height: 520px;
    margin-top: 40px;
}

#laboratory .zygn .ibox .down .right {
    width: 38.9%;
    height: 100%;
    float: right;
    padding: 38px 1.2% 38px 2.3%;
    background-color: #f0f0f0;
    position: relative;
}

#laboratory .zygn .ibox .down .right::before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: #349994;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 5;
}

#laboratory .zygn .ibox .down .ul2 {
    width: 100%;
    height: 100%;
    float: right;
    overflow: auto;
    padding-right: 24px;
}

#laboratory .zygn .ibox .down .ul2::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

#laboratory .zygn .ibox .down .ul2::-webkit-scrollbar-thumb {
    background: #349994;
}

#laboratory .zygn .ibox .down .ul2::-webkit-scrollbar-track {
    background: #e5e5e5;
}

#laboratory .zygn .ibox .down .ul2 li {
    width: 100%;
    cursor: pointer;
}

#laboratory .zygn .ibox .down .ul2 li .c_text {
    width: 100%;
    line-height: 1.8;
    padding: 23px 0;
    border-bottom: 1px dotted #dddddd;
    color: #333;
    display: flex;
}

#laboratory .zygn .ibox .down .ul2 li .c_text .s1 {
    margin-right: 13px;
    color: #999;
}

#laboratory .zygn .ibox .down .ul2 li:hover .c_text {
    color: #349994;
}

#laboratory .zygn .ibox .down .ul2 li:hover .c_text .s1 {
    color: #349994;
}

#laboratory .zygn .ibox .down .ul2 li.act .c_text {
    color: #349994;
}

#laboratory .zygn .ibox .down .ul2 li.act .c_text .s1 {
    color: #349994;
}

#laboratory .zygn .ibox .down .left {
    width: 61.1%;
    height: 100%;
    float: left;
    position: relative;
}

#laboratory .zygn .ibox .down .left img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-30px);
    opacity: 0;
}

#laboratory .zygn .ibox .down .left img.act {
    transform: translateX(0);
    z-index: 5;
    opacity: 1;
}

/* 产品详情 */
#product_con .cpxx {
    width: 100%;
}

#product_con .cpxx .nc_box {
    padding: 160px 0 220px 0;
}

#product_con .cpxx .nc_box .d_text {
    color: #121212;
    font-weight: bold;
}

#product_con .cpxx .nc_box .line {
    width: 100%;
    height: 1px;
    background-color: #d7dbdb;
    margin: 40px 0 45px 0;
}

#product_con .cpxx .nc_box .c_text {
    color: #333;
    line-height: 1.8;
}

#product_con .cpxx .nc_box .swiper8 {
    border: 1px solid #f0f0f0;
    margin-top: 46px;
}

#product_con .cpxx .nc_box .swiper8 .swiper-slide .img {
    width: 100%;
}

#product_con .cpxx .nc_box .swiper8 .swiper-slide .img img {
    width: 100%;
}

#product_con .cpxx .nc_box .swiper8 .btn .prev8 {
    transform: translateX(70px);
}

#product_con .cpxx .nc_box .swiper8 .btn .next8 {
    transform: translateX(-70px);
}

#product_con .cpxx .nc_box .more {
    margin-top: 60px;
}

/* 解决方案 */
/* 机器人应用 */
#solve .jqryy {
    width: 100%;
    background: url("s_2.png")/*tpa=https://www.tophicon.com/images/s_2.png*/ center top no-repeat;
    background-size: cover;
    padding: 120px 0 90px 0;
}

#solve .jqryy .ibox {}

#solve .jqryy .down {
    width: 77.4%;
    margin: 53px auto 0;
    text-align: center;
}

#solve .jqryy .down .text {
    color: #333;
    line-height: 1.8;
}

/* 四大产品 */
#solve .sdcp .ul1 {
    position: relative;
}

#solve .sdcp .ul1 li {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: -1;
}

#solve .sdcp .ul1 li.act {
    position: initial;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    z-index: 5;
    opacity: 1;
}

#solve .sdcp {
    width: 100%;
}

#solve .sdcp .ibox {
    padding-bottom: 120px;
}

#solve .sdcp .ibox .four {
    width: 100%;
    padding: 80px 0;
}

#solve .sdcp .ibox .four .left {
    width: 52%;
    float: right;
    padding: 60px 0 0 4.1%;
}

#solve .sdcp .ibox .four .left .text {}

#solve .sdcp .ibox .four .left .text .b_text {
    color: #121212;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.1;
}

#solve .sdcp .ibox .four:hover .left .text .b_text {
    color: #349994;
}

#solve .sdcp .ibox .four .left .text .line {
    width: 100%;
    height: 1px;
    background-color: #a8a8a8;
    margin: 30px 0 23px 0;
}

#solve .sdcp .ibox .four .left .text .d_text {
    color: #121212;
    line-height: 1.8;
}

#solve .sdcp .ibox .four .left .text .c_text {
    color: #333;
    line-height: 1.6;
    margin-top: 10px;
}

#solve .sdcp .ibox .four .right {
    width: 48%;
    float: left;
}

#solve .sdcp .ibox .four .right .img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#solve .sdcp .ibox .four .right .img img {
    width: 100%;
}

#solve .sdcp .ibox .four:hover .right .img img {
    transform: scale(1.2);
}

#solve .sdcp .ibox .four .right .img::before {
    content: "";
    display: block;
    width: 0;
    height: 10px;
    background: #349994;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    z-index: 5;
}

#solve .sdcp .ibox .four:hover .right .img::before {
    width: 100%;
    opacity: 1;
}


#solve .sdcp .ibox .four:nth-child(2n) .left {
    float: left;
    padding: 60px 4.1% 0 0;
}

#solve .sdcp .ibox .four:nth-child(2n) .left .text {
    padding-left: 0;
}

#solve .sdcp .ibox .four:nth-child(2n) .right {
    float: right;
}

/* 解决方案详情 */
#solve_con .faxq {
    width: 100%;
}

#solve_con .faxq .nc_box {
    padding: 160px 0 220px 0;
}

#solve_con .faxq .nc_box .text {}

#solve_con .faxq .nc_box .text .d_text {
    color: #121212;
    font-weight: bold;
    margin-bottom: 30px;
}

#solve_con .faxq .nc_box .text .s_text {
    color: #121212;
}

#solve_con .faxq .nc_box .text .line {
    width: 100%;
    height: 1px;
    background-color: #d7dbdb;
    margin: 40px 0 50px 0;
}

#solve_con .faxq .nc_box .text .x_text {
    color: #121212;
    font-weight: bold;
    margin-bottom: 20px;
}

#solve_con .faxq .nc_box .text .c_text {
    color: #333;
    line-height: 1.8;
    margin: 12px 0;
}

#solve_con .faxq .nc_box .text .img {
    margin: 50px 0;
}

#solve_con .faxq .nc_box .text .ul1 {
    margin-bottom: 30px;
}

#solve_con .faxq .nc_box .text .ul1 li {
    display: flex;
    margin: 12px 0;
}

#solve_con .faxq .nc_box .text .s1 {
    color: #999999;
    margin-right: 12px;
    line-height: 1.8;
}

#solve_con .faxq .nc_box .text .s2 {
    color: #333;
    line-height: 1.8;
}

#solve_con .faxq .nc_box .more {
    margin-top: 80px;
}

/* 搜索 */
#search .ssjg {
    margin: 168px 0 120px 0;
}

#search .ssjg .ibox {}

#search .ssjg .ibox .text1 {
    width: 100%;
    padding: 29px 79px 31px 39px;
    -moz-box-shadow: 2px 3px 8px #F7F7F7;
    -webkit-box-shadow: 2px 3px 8px #F7F7F7;
    box-shadow: 2px 3px 8px #F7F7F7;
    border: 1px solid #f7f7f7;
}

#search .ssjg .ibox .text1 .d_text {
    font-weight: bold;
    color: #626466;
}

#search .ssjg .ibox .text1 .lrg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

#search .ssjg .ibox .text1 .lrg .left {
    width: 41%;
}

#search .ssjg .ibox .text1 .lrg .left .three_btn {
    width: 100%;
    display: flex;
}

#search .ssjg .ibox .text1 .lrg .left .three_btn .three {
    width: 30%;
    height: 40px;
    margin-right: 5%;
    color: #626466;
    background-color: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}

#search .ssjg .ibox .text1 .lrg .left .three_btn .three.act {
    background-color: #349994;
    color: #fff;
}

#search .ssjg .ibox .text1 .lrg .left .three_btn .three:hover {
    background-color: #349994;
    color: #fff;
}

#search .ssjg .ibox .text1 .lrg .right {
    width: 50%;
}

#search .ssjg .ibox .text1 .lrg .right .inp {
    width: 100%;
    height: 40px;
    display: flex;
}

#search .ssjg .ibox .text1 .lrg .right .inp .inp_box {
    width: calc(100% - 80px);
    height: 100%;
    position: relative;
}

#search .ssjg .ibox .text1 .lrg .right .inp .inp_box input {
    width: 100%;
    height: 100%;
    border: 1px solid #f0f0f0;
    padding-left: 45px;
}

#search .ssjg .ibox .text1 .lrg .right .inp .inp_box .img {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

#search .ssjg .ibox .text1 .lrg .right .inp .ss {
    width: 80px;
    height: 100%;
    background-color: #349994;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

#search .ssjg .ibox .ul1 {
    width: 100%;
    min-height: 100px;
    margin-top: 80px;
    position: relative;
}


#search .ssjg .ibox .ul1 li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#search .ssjg .ibox .ul1 li.act {
    position: initial;
    display: block;
}

#search .ssjg .ibox .ul1 li .six_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#search .ssjg .ibox .ul1 li .six_img .six {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}

#search .ssjg .ibox .ul1 li .six_img .six:nth-child(3n) {
    margin-right: 0;
}

#search .ssjg .ibox .ul1 li .six_img .six .img {
    width: 100%;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

#search .ssjg .ibox .ul1 li .six_img .six .img img {
    width: 100%;
}

#search .ssjg .ibox .ul1 li .six_img .six:hover .img img {
    transform: scale(1.2);
}

#search .ssjg .ibox .ul1 li .six_img .six .text {
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 0 15px;
}

#search .ssjg .ibox .ul1 li .six_img .six:hover .text {
    color: #349994;
}

#search .ssjg .ibox .ul1 li .six_img .six::before {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #349994;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}

#search .ssjg .ibox .ul1 li .six_img .six:hover::before {
    width: 100%;
    opacity: 1;
}

#search .ssjg .ibox .ul1 li .three_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#search .ssjg .ibox .ul1 li .three_img .three {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

#search .ssjg .ibox .ul1 li .three_img .three:nth-child(3n) {
    margin-right: 0;
}

#search .ssjg .ibox .ul1 li .three_img .three:nth-last-child(1) {
    margin-bottom: 0;
}

#search .ssjg .ibox .ul1 li .three_img .three:nth-last-child(2) {
    margin-bottom: 0;
}

#search .ssjg .ibox .ul1 li .three_img .three:nth-last-child(3) {
    margin-bottom: 0;
}

#search .ssjg .ibox .ul1 li .three_img .three .img {
    width: 100%;
    overflow: hidden;
}

#search .ssjg .ibox .ul1 li .three_img .three .img img {
    width: 100%;
}

#search .ssjg .ibox .ul1 li .three_img .three:hover .img img {
    transform: scale(1.2);
}

#search .ssjg .ibox .ul1 li .three_img .three .line {
    width: 100%;
    height: 10px;
    background-color: #349994;
}

#search .ssjg .ibox .ul1 li .three_img .three .text {
    padding: 30px 0 60px 0;
    border-bottom: 1px solid #e5e5e5;
}

#search .ssjg .ibox .ul1 li .three_img .three .text .year {
    color: #555;
    margin-bottom: 30px;
}

#search .ssjg .ibox .ul1 li .three_img .three .text .c_text {
    width: 100%;
    color: #121212;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search .ssjg .ibox .ul1 li .three_img .three:hover .text .c_text {
    color: #349994;
}

#search .ssjg .ibox .ul1 li .four_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#search .ssjg .ibox .ul1 li .four_img .four {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 120px;
}

#search .ssjg .ibox .ul1 li .four_img .four:nth-child(2n) {
    margin-right: 0;
}

#search .ssjg .ibox .ul1 li .four_img .four:last-child {
    margin-bottom: 0;
}

#search .ssjg .ibox .ul1 li .four_img .four:nth-last-child(2) {
    margin-bottom: 0;
}

#search .ssjg .ibox .ul1 li .four_img .four .right {
    width: 100%;
}

#search .ssjg .ibox .ul1 li .four_img .four .right .img {
    width: 100%;
    overflow: hidden;
}

#search .ssjg .ibox .ul1 li .four_img .four .right .img img {
    width: 100%;
}

#search .ssjg .ibox .ul1 li .four_img .four:hover .right .img img {
    transform: scale(1.2);
}

#search .ssjg .ibox .ul1 li .four_img .four .left {
    width: 100%;
}

#search .ssjg .ibox .ul1 li .four_img .four .left .text {
    width: 100%;
    padding-top: 41px;
}

#search .ssjg .ibox .ul1 li .four_img .four .left .text .b_text {
    color: #121212;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search .ssjg .ibox .ul1 li .four_img .four:hover .left .text .b_text {
    color: #349994;
}

#search .ssjg .ibox .ul1 li .four_img .four .left .text .line {
    width: 100%;
    height: 1px;
    background-color: #b3b3b3;
    margin: 30px 0 31px 0;
}

#search .ssjg .ibox .ul1 li .four_img .four .left .text .d_text {
    color: #121212;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search .ssjg .ibox .ul1 li .four_img .four .left .text .c_text {
    color: #333;
    line-height: 1.8;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#search .ssjg .ibox .ul1 li .more {
    margin-top: 80px;
}















































@media (max-width: 1680px) {
    #about .bghj .ibox .down .btn .prev5 {
        transform: translateX(-80px);
    }

    #about .bghj .ibox .down .btn .next5 {
        transform: translateX(80px);
    }

    #about .hd .ibox .down .btn .prev6 {
        transform: translateX(-80px);
    }

    #about .hd .ibox .down .btn .next6 {
        transform: translateX(80px);
    }

    .swiper_bd .bgi2 .white_yuan {
        top: 45%;
    }

    .swiper_bd .bgi5 .ymw .ibox {
        padding: 4% 12% 0;
    }
}
@media (max-width: 1540px) {
    .header .zbox .h_daohang {
        width: 65%;
    }
    .header .zbox .ul1 {
        width: 75%;
    }
}
@media (max-width: 1440px) {
    .header .zbox .ul1 li .lbt a {
        font-size: 12px;
    }

    .header .zbox .h_daohang {
        float: right;
        width: 65%;
        height: 100%;
        line-height: 86px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .zbox .ul1 {
        width: 75%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    #about .gsjs .ibox .down .d_right {
        float: right;
        width: 35.5%;
    }

    #about .zztx .ibox .down .four_text .four {
        height: 51px;
    }

    #about .bghj .ibox .down .btn {
        top: 41%;
    }
}

/* dz */

@media (max-width: 1366px) {

    #about .bghj .ibox .down .btn .prev5 {
        transform: translateX(11px);
    }

    #about .bghj .ibox .down .btn .next5 {
        transform: translateX(-11px);
    }

    #about .hd .ibox .down .btn {
        z-index: 6;
    }

    #about .hd .ibox .down .btn .prev6 {
        transform: translateX(10px);
    }

    #about .hd .ibox .down .btn .next6 {
        transform: translateX(-10px);
    }

    .swiper_bd .bgi5 .ymw .ibox {
        padding: 7% 12% 0;
    }
}

@media (max-width: 1280px) {
    .header .zbox .h_daohang {
        float: right;
        /*width: 44.6%;*/
        width: 65%;
        height: 100%;
        line-height: 86px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .zbox .ul1 {
        /*width: 59%;*/
        width: 90%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    #about .zztx .ibox .down .four_text .four {
        height: 50px;
    }

}

@media (max-width: 1030px) {
    .f_14 {
        font-size: 12px;
    }

    .f_16 {
        font-size: 12px;
    }

    .f_18 {
        font-size: 14px;
    }

    .f_20 {
        font-size: 16px;
    }

    .f_22 {
        font-size: 16px;
    }

    .f_24 {
        font-size: 18px;
    }

    .f_26 {
        font-size: 22px;
    }

    .f_28 {
        font-size: 22px;
    }

    .f_30 {
        font-size: 24px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_34 {
        font-size: 28px;
    }

    .f_36 {
        font-size: 28px;
    }

    .f_38 {
        font-size: 30px;
    }

    .f_40 {
        font-size: 30px;
    }

    .f_42 {
        font-size: 34px;
    }

    .f_50 {
        font-size: 34px;
    }

    .f_52 {
        font-size: 32px;
    }

    .f_80 {
        font-size: 34px;
    }

    .ibox {
        max-width: 1200px;
        min-width: 100px;
        width: 91%;
        margin: 0 auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        box-sizing: border-box;
    }

    .header {
        display: none;
    }

    .m_header {
        width: 100%;
        height: 60px;
        display: block;
        overflow: hidden;
        padding: 0 5%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header .sanline {
        width: 50px;
        height: 50px;
    }

    .m_header .sanline img {
        width: 50px;
        height: 50px;
    }

    .header_nav .sancha {
        width: 50px;
        height: 50px;
    }

    .header_nav .sancha img {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .header_nav {
        display: block;
        position: fixed;
        z-index: 999999999999;
        width: 100%;
        height: 100%;
        top: 0%;
        right: -100%;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s;
        overflow: hidden;
        box-sizing: border-box;
        background-color: #fff;
    }

    .header_nav.act {
        right: 0;
    }

    .header_nav li a {
        font-size: 18px;
        color: #666;
        padding: 10px 30px 10px 50px;
        line-height: 30px;
        position: relative;
    }

    .header_nav li .ltp:after {
        content: "";
        display: block;
        width: 5px;
        height: 20px;
        background: #349994;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 30px;
    }


    .header_nav li .qp .hd {
        display: none;
    }

    .header_nav li .qp .hd .hp a {
        display: block;
        font-size: 16px;
    }

    .header_nav li .qp .hd .hp a:last-child {
        border-bottom: 1px solid #ccc;
    }

    .header_nav li.search {
        position: relative;
    }

    .header_nav li.search span {
        position: absolute;
        top: 17px;
    }

    .header_nav li.search .searchbtn img {
        position: absolute;
        top: 7px;
    }

    .header_nav li .china {
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        padding: 10px 30px 10px 50px;
    }

    .header_nav li .china a {
        padding: 0 10px;
        position: relative;
    }

    .header_nav li .china a.chen.act::before {
        content: "";
        display: block;
        width: calc(100% - 20px);
        height: 1px;
        background: #999999;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .header_nav li .inp {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        padding: 0 30px 0 50px;
        margin-top: 10px;
    }

    .header_nav li .inp .inp_box {
        height: 100%;
        position: relative;
    }

    .header_nav li .inp .inp_box input {
        height: 100%;
        border: 1px solid #f0f0f0;
        padding-left: 35px;
    }

    .header_nav li .inp .inp_box .img {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
    }

    .header_nav li .inp .ss {
        width: 80px;
        height: 100%;
        background-color: #349994;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        cursor: pointer;
        padding: 0;
    }


    .footer {
        padding-top: 0;
        height: auto;
    }

    .footer .down {
        height: 100px;
        position: initial;
    }

    .footer .up {
        display: none;
    }

    /* 脚 */

    #digital .jsfw .ibox {
        padding: 60px 0;
    }

    #digital .dxmk .ibox {
        padding: 60px 0;
    }

    #digital .wfw .ibox {
        padding: 60px 0;
    }

    #digital .fwnr .ibox {
        padding: 60px 0;
    }

    #digital .ldcp .ibox {
        padding: 60px 0;
    }

    #solve .jqryy {
        padding: 60px 0;
    }

    #solve .sdcp .ibox .four {
        padding: 30px 0;
    }

    #solve .sdcp .ibox {
        padding-bottom: 60px;
    }

    #about .gsjs .ibox {
        padding: 60px 0;
    }

    #about .gsjs .ibox .down .d_right .zjjm .text {
        margin-top: 15px;
    }

    #about .gsjs .ibox .down .d_right .zjjm {
        height: 140px;
    }

    #about .gsjs .ibox .up {
        margin-bottom: 40px;
    }

    #about .gsjs .ibox .down .d_left {
        width: 62%;
    }

    #about .gsjs .ibox .down .d_right {
        width: 33.5%;
    }

    #about .tzgx .ibox {
        padding: 60px 0;
    }

    #about .tzgx .ibox .down .d_up .three_text .d_text {
        font-size: 16px;
    }

    #about .zztx .ibox {
        padding: 60px 0;
    }

    #about .zztx .ibox .down .four_text .four {
        height: 36px;
    }

    #about .zztx .ibox .down .xmgl .xmgl_down {
        height: 300px;
    }

    #about .xwhd .ibox {
        padding: 60px 0;
    }

    #about .zxns .ibox .down .text {
        width: 74.6%;
    }

    #about .dypx .ibox {
        padding: 60px 0;
    }

    #about .dypx .ibox .right .up .d_text {
        margin-bottom: 10px;
    }

    #about .dypx .ibox .right .line {
        margin: 15px 0 20px 0;
    }

    #about .dypx .ibox .right .down .d_text {
        margin-bottom: 10px;
    }

    #about .dypx .ibox .right .down .three_text .three {
        width: 50%;
        margin-bottom: 10px;
    }

    #about .bghj .ibox {
        padding: 60px 0;
    }

    #about .hd .ibox {
        padding: 60px 0 30px 0;
    }

    #about .jrwm .ibox {
        padding: 60px 0;
    }

    #about .jrwm .ibox .down .ul1 li {
        min-height: 430px;
    }

    #about .jrwm .ibox .down .fy {
        margin-top: 50px;
    }

    #about .zdwm .ibox {
        padding-top: 60px;
        margin-bottom: 60px;
    }

    #search .ssjg {
        margin: 80px 0 60px 0;
    }

    #search .ssjg .ibox .ul1 {
        margin-top: 60px;
    }

    #search .ssjg .ibox .ul1 li .more {
        margin-top: 60px;
    }

    #about .atanchung .out {
        width: 40px;
        height: 40px;
        top: 60px;
        left: 70%;
    }

    .swiper1 .swiper-slide .text {
        margin-left: -162px;
        top: 37% !important;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img {
        width: 120px;
        height: 120px;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img::before {
        width: 120px;
        height: 120px;
        background: url("i_7.png")/*tpa=https://www.tophicon.com/images/i_7.png*/;
        background-size: cover;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li {
        top: 175px;
        left: 9%;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(2) {
        top: 358px;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li:nth-child(3) {
        top: 457px;
    }

    .swiper_bd .bgi3 .ibox .swiper9 .s9_box .img {
        width: 100%;
        height: 174px;
        position: relative;
    }

    .swiper_bd .bgi3 .ibox .swiper9 .s9_box .s9_text .text {
        width: 140px;
        text-align: center;
        color: #fff;
        margin: 2px 0 2px 0;
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three .shang .fh {
        color: #349994;
        font-size: 38px;
        transform: translateY(-5px);
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three:first-child .shang .fh {
        transform: translateY(9px);
        font-size: 26px;
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three .xia {
        color: #349994;
        font-weight: bold;
        margin-top: 15px;
    }

    .swiper_bd .bgi5 .ymw {
        height: calc(100vh - 100px);
    }

    .swiper_bd .bgi5 .ymw .ibox {
        padding: 210px 5% 0;
    }

    #laboratory .sysjs .ibox {
        padding: 60px 0;
    }

    #laboratory .sdfa .ibox {
        padding: 60px 0;
    }

    #laboratory .sypt {
        width: 100%;
        height: 500px;
    }

    #laboratory .zygn .ibox {
        padding: 60px 0;
    }

    #about .gsjs .ibox .lxbk {
        width: 100%;
        transform: translateY(0px);
        margin-top: 15px;
    }

    #about .gsjs .ibox .lxbk .c_text {
        color: #333;
        line-height: 1.8;
        margin-top: 5px;
    }

    /* dz1 */
}

@media (max-width: 960px) {
    .f_14 {
        font-size: 14px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_18 {
        font-size: 14px;
    }

    .f_20 {
        font-size: 14px;
    }

    .f_22 {
        font-size: 16px;
    }

    .f_24 {
        font-size: 16px;
    }

    .f_26 {
        font-size: 18px;
    }

    .f_28 {
        font-size: 18px;
    }

    .f_30 {
        font-size: 22px;
    }

    .f_32 {
        font-size: 22px;
    }

    .f_34 {
        font-size: 22px;
    }

    .f_36 {
        font-size: 22px;
    }

    .f_38 {
        font-size: 24px;
    }

    .f_40 {
        font-size: 24px;
    }

    .f_42 {
        font-size: 24px;
    }

    .f_50 {
        font-size: 26px;
    }

    .f_52 {
        font-size: 28px;
    }

    .f_60 {
        font-size: 30px;
    }

    .f_80 {
        font-size: 30px;
    }

    /* 头 */
    .m_header {
        width: 100%;
        height: auto;
        display: block;
        /* overflow: hidden; */
        padding: 0 5%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header a img {
        height: 37px;
    }

    .footer .ibox .down {
        display: block;
        padding-top: 10px;
        text-align: center;
        line-height: 1.5;
    }

    .footer .down .ibox {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        line-height: 1.8;
    }

    /* 数字化服务五大服务手机端 */
    #digital .wfw.pc {
        display: none;
    }

    #digital .wfw.phone {
        display: block;
        width: 100%;
    }

    #digital .wfw.phone .ibox {
        padding: 20px 0;
    }

    #digital .wfw.phone .ibox .swiper7 .five {
        width: 100%;
        position: relative;
    }

    #digital .wfw.phone .ibox .swiper7 .five .img {
        width: 100%;
    }

    #digital .wfw.phone .ibox .swiper7 .five .img img {
        width: 100%;
    }

    #digital .wfw.phone .ibox .swiper7 .five .line {
        width: 100%;
        height: 10px;
        background-color: #349994;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #digital .wfw.phone .ibox .swiper7 .five:hover .line {
        width: 100%;
        height: 100%;
        background-color: rgba(52, 153, 148, .9);
    }

    #digital .wfw.phone .ibox .swiper7 .five .text {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #digital .wfw.phone .ibox .swiper7 .five .text .c_text {
        font-weight: bold;
        color: #fff;
        position: relative;
    }

    #digital .wfw.phone .ibox .swiper7 .five .text .c_text::before {
        content: "";
        display: block;
        width: 0;
        height: 2px;
        background: #fff;
        position: absolute;
        bottom: -6px;
        left: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
    }

    #digital .wfw.phone .ibox .swiper7 .five:hover .text .c_text::before {
        width: 100%;
        opacity: 1;
    }

    #about .gsjs .ibox {
        padding: 20px 0;
    }

    #about .gsjs .ibox .up .c_text {
        color: #333;
        margin-top: 15px;
        line-height: 1.8;
    }

    #about .gsjs .ibox .down .d_right {
        float: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #about .gsjs .ibox .down .d_left {
        float: none;
        width: 100%;
        margin-top: 15px;
    }

    #about .gsjs .ibox .down .d_right .zjjm {
        border: 1px solid #dbdbdb !important;
    }

    #about .gsjs .ibox .down .d_right .jssl {
        float: none;
    }

    #about .gsjs .ibox .down .d_right .jczz {
        float: none;
    }

    #about .gsjs .ibox .down .d_right .zjjm:last-child {
        float: none;
    }

    #about .gsjs .ibox .down .d_right .zjjm:nth-child(1) {
        border-bottom: 0 !important;
        border-right: 0 !important;
    }

    #about .gsjs .ibox .down .d_right .zjjm:nth-child(2) {
        border-bottom: 0 !important;
    }

    #about .gsjs .ibox .down .d_right .zjjm:nth-child(3) {
        border-right: 0 !important;
    }

    #about .tzgx .ibox .down .d_down {
        display: none;
    }

    #about .tzgx .ibox .down .car.act0 {
        display: none;
    }

    #about .tzgx .ibox .down .car.act1 {
        display: none;
    }

    #about .tzgx .ibox .down .car.act2 {
        display: none;
    }

    #about .tzgx .ibox .down .d_up {
        display: block;
    }

    #about .tzgx .ibox .down .d_up .three_text.act {
        width: 100%;
    }

    #about .tzgx .ibox .down .d_up .three_text {
        width: 100%;
    }

    #about .tzgx .ibox .down .d_up .three_text .img {
        display: none;
    }

    #about .tzgx .ibox .down .d_up .three_text.act .year {
        font-size: 28px;
    }

    #about .tzgx .ibox .down .d_up .three_text .d_text {
        font-size: 18px !important;
        margin: 4px 0 0 0;
    }

    #about .tzgx .ibox .down .d_up .three_text.act .d_text {
        font-size: 22px !important;
        margin: 4px 0 0 0;
    }

    #about .tzgx .ibox .down .d_up .three_text .year {
        font-size: 26px;
    }

    #about .tzgx .ibox .down .d_up .three_text .text {
        height: 65px;
        margin-bottom: 0px;
    }

    #about .tzgx_down {
        height: auto;
    }

    #about .tzgx .ibox .down {
        margin-top: 20px;
    }

    #about .tzgx_down .ibox .three_text {
        display: none;
        position: initial;
        /* top: 30px;
    left: 0;
    opacity: 0;
    transform: translateY(0px); */
        top: 0;
        padding: 20px 0;
    }

    #about .tzgx_down .ibox .three_text.act {
        display: block;
    }

    #about .tzgx_down .ibox .three_text .left {
        width: 100%;
        border: 4px solid rgba(255, 255, 255, 0.1);
    }

    #about .tzgx_down .ibox .three_text .right {
        width: 100%;
        margin-top: 25px;
    }

    #about .tzgx_down .ibox .three_text .right .c_text {
        height: 220px;
        overflow: auto;
    }

    #about .tzgx_down .ibox .three_text .right .c_text::-webkit-scrollbar {
        width: 4px;
        height: 1px;
    }

    #about .tzgx_down .ibox .three_text .right .c_text::-webkit-scrollbar-thumb {
        background: #349994;
    }

    #about .tzgx_down .ibox .three_text .right .c_text::-webkit-scrollbar-track {
        background: transparent;
    }

    #about .zztx .ibox {
        padding: 20px 0;
    }

    #about .zztx .ibox .down .four_text {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 20px 0 0 0;
    }

    #about .zztx .ibox .down .four_text .four {
        width: 49%;
        margin-bottom: 15px;
        margin-right: 2%;
    }

    #about .zztx .ibox .down .four_text .four:nth-child(2n) {
        margin-right: 0;
    }

    #about .zztx .ibox .down .four_text .four {
        height: 34px;
    }

    #about .zztx .ibox .down .dd_text {
        margin-bottom: 17px;
    }

    #about .atanchung .swiper4 .sbox .img {
        width: 100%;
        margin: 40% auto 0;
    }

    #about .atanchung .out {
        width: 40px;
        height: 40px;
        top: 90px;
        left: 82%;
    }

    #about .zztx .ibox .down .xmgl .six_img {
        flex-wrap: wrap;
        border-bottom: 0;
    }

    #about .zztx .ibox .down .xmgl .six_img .six {
        width: 50%;
        padding: 15px 0;
        border-bottom: 1px dashed #a5d1cf;
    }

    #about .zztx .ibox .down .xmgl .six_img .six .text {
        margin-top: 10px;
    }

    #about .zztx .ibox .down .xmgl .six_img .six:nth-child(2n) {
        border-right: 0;
    }

    #about .zztx .ibox .down .xmgl .xmgl_down {
        height: auto;
        padding: 15px;
        display: block;
    }

    #about .zztx .ibox .down .xmgl .xmgl_down .left {
        width: 100%;
    }

    #about .zztx .ibox .down .xmgl .xmgl_down .right {
        width: 100%;
        padding-left: 0;
    }

    #about .xwhd .ibox {
        padding: 20px 0;
    }

    #about .xwhd .ibox .down {
        margin-top: 20px;
    }

    #about .xwhd .ibox .down .three_img .three {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 6% !important;
    }

    #about .xwhd .ibox .down .three_img .three:last-child {
        margin-bottom: 0;
    }

    #about .xwhd .ibox .down .three_img .three .text {
        padding: 15px 0 20px 0;
    }

    #about .xwhd .ibox .down .three_img .three .text .year {
        margin-bottom: 10px;
    }

    #about .xwhd .ibox .down .more {
        margin-top: 10px;
    }

    #about .zxns {
        width: 100%;
        height: 300px;
        background: url("../img/a_42.png")/*tpa=https://www.tophicon.com/images/a_42.png*/ center no-repeat !important;
        background-size: cover !important;
    }

    #about .zxns .ibox {
        padding: 60px 0;
    }

    #about .zxns .ibox .down {
        margin-top: 20px;
    }

    #about .zxns .ibox .down .text {
        width: 100%;
        padding: 25px 0;
    }

    #about .zxns .ibox .down .text .line {
        width: 30px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.4);
        margin: 15px 0;
    }

    #about .dypx .ibox {
        padding: 20px 0;
        display: block;
    }

    #about .dypx .ibox .left {
        width: 100%;
    }

    #about .dypx .ibox .right {
        width: 100%;
        margin-top: 15px;
    }

    #about .dypx .ibox .right .line {
        margin: 11px 0 15px 0;
    }

    #about .bghj .ibox {
        padding: 20px 0;
    }

    #about .bghj .ibox .down .swiper5 .swiper-slide .s5_box .text {
        width: 100%;
        height: 45px;
    }

    #about .bghj .ibox .down .swiper5 {
        padding-bottom: 35px;
    }

    #about .bghj .ibox .down {
        width: 100%;
        margin-top: 20px;
        position: relative;
    }

    #about .bghj .ibox .down .swiper5 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        background: transparent;
        border: 1px solid #9e9e9e;
        ;
        border-radius: 50%;
        opacity: 1;
    }

    #about .bghj .ibox .down .btn {
        display: none;
    }

    #about .hd .ibox {
        padding: 20px 0;
    }

    #about .hd .ibox .down {
        margin-top: 20px;
    }

    #about .jrwm .ibox {
        padding: 20px 0;
    }

    #about .jrwm .ibox .down {
        margin-top: 20px;
    }

    #about .jrwm .ibox .down .ul1 li {
        min-height: auto;
        display: block;
    }

    #about .jrwm .ibox .down .ul1 li .lrt {
        width: 100%;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three {
        position: relative;
        margin-bottom: 15px;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .ttop {
        width: 100%;
        padding: 15px 25px 15px 20px;
        display: flex;
        justify-content: space-between;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo {
        display: block;
        padding: 15px 0;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_left {
        width: 100%;
        margin-bottom: 10px;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .bottom .otwo .o_right {
        width: 100%;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .bottom {
        width: 100%;
        padding: 0 10px 0 10px;
        display: none;
    }

    #about .jrwm .ibox .down .ul1 li .lrt .three .bottom .jl {
        width: 100%;
        padding: 14px 0 20px 0;
        color: #555;
    }

    #about .jrwm .ibox .down .fy {
        margin-top: 20px;
    }

    #about .jrwm .ibox .down .fy .ul2 li:last-child {
        display: none;
    }

    #about .jrwm .ibox .down .fy .ul2 li:nth-last-child(2) {
        display: none;
    }

    #about .zdwm .ibox {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    #wrap {
        width: 100%;
        height: 300px;
        position: relative;
        z-index: 1;
    }

    .contact.bgmap {
        width: 100%;
        position: relative;
    }

    #digital .jsfw .ibox {
        padding: 20px 0;
    }

    #digital .jsfw .ibox .down {
        margin-top: 20px;
    }

    #digital .jsfw .ibox .down .right {
        width: 100%;
        float: none;
        padding-top: 0px;
        margin-bottom: 15px;
    }

    #digital .jsfw .ibox .down .left {
        width: 100%;
        float: none;
    }

    #digital .jsfw .ibox .down .right .text .c_text {
        margin-top: 15px;
    }

    #digital .szh .ibox .title {
        margin-bottom: 15px;
    }

    #digital .szh .ibox .c_text {
        margin-bottom: 4px;
    }

    #digital .dxmk .ibox {
        padding: 20px 0;
    }

    #digital .dxmk .down {
        width: 100%;
        margin-top: 20px;
    }

    #digital .dxmk .down .seven_text .seven {
        align-items: center;
        padding: 10px;
        border: 1px solid #f0f0f0;
        cursor: pointer;
        margin-bottom: 15px;
    }

    #digital .dxmk .down .seven_text .seven .left .img {
        display: none;
    }

    #digital .dxmk .down .seven_text .seven .left {
        width: 50px;
        height: auto;
        position: relative;
    }

    #digital .dxmk .down .seven_text .seven .right {
        width: 30px;
    }

    #digital .dxmk .down .seven_text .seven .right .img {
        width: 30px;
        height: 30px;
    }

    #digital .hyfw {
        width: 100%;
        height: 300px;
        background: url("n_22.png")/*tpa=https://www.tophicon.com/images/n_22.png*/ center no-repeat !important;
        background-size: cover !important;
    }

    #digital .hyfw .ibox {
        padding: 50px 0 0 0;
    }

    #digital .hyfw .ibox .down .text {
        width: 100%;
    }

    #digital .hyfw .ibox .down {
        margin-top: 20px;
    }

    #digital .wfw.phone .ibox .swiper7 {
        padding-bottom: 30px;
    }

    #digital .wfw.phone .ibox .swiper7 .swiper-pagination-bullet {
        border: 1px solid #9e9e9e;
    }

    #digital .fwnr .ibox {
        padding: 20px 0;
    }

    #digital .fwnr .ibox .c_text {
        margin: 20px 0;
    }

    #digital .fwnr .ibox .five_img {
        flex-wrap: wrap;
        justify-content: center;
    }

    #digital .fwnr .ibox .five_img .five {
        width: 32%;
        position: relative;
        z-index: 2;
        margin-bottom: 5%;
    }

    #digital .fwnr .ibox .five_img .five .uf {
        margin-right: 2.5%;
        padding: 15px 0 15px 0;
    }

    #digital .fwnr .ibox .five_img .five .text {
        margin-top: 4px;
    }

    #digital .fwnr .ibox .five_img .five .bg_img {
        display: none;
    }

    #digital .fwnr .ibox .five_img .five:nth-last-child(2) {
        margin-bottom: 0;
    }

    #digital .fwnr .ibox .five_img .five:last-child {
        margin-bottom: 0;
    }

    #digital .ldcp .ibox {
        padding: 20px 0;
    }

    #digital .ldcp .up {
        padding: 10px;
    }

    #digital .ldcp .down {
        margin-top: 20px;
    }

    #digital .ldcp .down .six_img .six {
        /*width: 100%;*/
        width: 50%;
        margin-right: 0%;
        margin-bottom: 6%;
    }

    #digital .ldcp .down .six_img .six .text {
        height: 50px;
        line-height: 50px;
    }

    #digital .ldcp .down .six_img .six:last-child {
        margin-bottom: 0;
    }

    #digital .ldcp .down .more {
        margin-top: 20px;
    }

    #product_con .cpxx .nc_box {
        padding: 20px 0;
    }

    #product_con .cpxx .nc_box .line {
        margin: 15px 0;
    }

    #product_con .cpxx .nc_box .swiper8 {
        border: 1px solid #f0f0f0;
        margin-top: 20px;
    }

    #product_con .cpxx .nc_box .swiper8 .btn .prev8 {
        transform: translateX(10px);
    }

    #product_con .cpxx .nc_box .swiper8 .btn .next8 {
        transform: translateX(-10px);
    }

    #product_con .cpxx .nc_box .more {
        margin-top: 20px;
    }

    #news_con .xwxq .nc_box {
        padding: 20px 0;
    }

    #news_con .xwxq .nc_box .three_text {
        margin-top: 15px;
        justify-content: space-between;
    }

    #news_con .xwxq .nc_box .three_text .three {
        margin-right: 0px;
    }

    #news_con .xwxq .nc_box .three_text .three:nth-last-child(2) {
        display: none;
    }

    #news_con .xwxq .nc_box .line {
        margin: 15px 0 15px 0;
    }

    #news_con .xwxq .nc_box .c_text {
        color: #333333;
        line-height: 2;
        margin-bottom: 5px;
        text-align: justify;
    }

    #news_con .xwxq .nc_box .img {
        width: 100%;
        margin: 15px 0;
    }

    #news_con .xwxq .nc_box .c_line {
        margin: 15px 0;
    }

    #news_con .xwxq .nc_box .two_sx {
        display: block;
    }

    #news_con .xwxq .nc_box .two_sx .sxyt {
        width: 100%;
    }

    #news_con .xwxq .nc_box .two_sx .syt {
        margin-bottom: 10px;
    }

    #news_con .xwxq .nc_box .two_sx .right a {
        width: 150px;
        height: 40px;
        margin: 20px auto 0;
    }

    #solve .jqryy {
        padding: 20px 0;
    }

    #solve .jqryy .down {
        width: 100%;
        margin: 15px auto 0;
        text-align: center;
    }

    #solve .sdcp .ibox .four {
        padding: 20px 0;
    }

    #solve .sdcp .ibox .four .right {
        width: 100%;
        float: none;
    }

    #solve .sdcp .ibox .four .left {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 15px;
    }

    #solve .sdcp .ibox .four .left .text .line {
        margin: 15px 0 10px 0;
    }

    #solve .sdcp .ibox .four .left .text .c_text {
        color: #333;
        line-height: 1.6;
        margin-top: 3px;
    }

    #solve .sdcp .ibox .four:nth-child(2n) .left {
        float: none;
        padding: 0;
        margin-bottom: 15px;
    }

    #solve .sdcp .ibox {
        padding-bottom: 20px;
    }

    #solve_con .faxq .nc_box {
        padding: 20px 0;
    }

    #solve_con .faxq .nc_box .text .d_text {
        margin-bottom: 15px;
    }

    #solve_con .faxq .nc_box .text .line {
        margin: 15px 0 15px 0;
    }

    #solve_con .faxq .nc_box .text .img {
        margin: 20px 0;
    }

    #solve_con .faxq .nc_box .text .ul1 li {
        margin: 5px 0;
    }

    #solve_con .faxq .nc_box .text .x_text {
        margin-bottom: 10px;
    }

    #solve_con .faxq .nc_box .more {
        margin-top: 20px;
    }

    #search .ssjg {
        margin: 60px 0 20px 0;
    }

    #search .ssjg .ibox .text1 {
        width: 100%;
        padding: 10px;
        -moz-box-shadow: 2px 3px 8px #F7F7F7;
        -webkit-box-shadow: 2px 3px 8px #F7F7F7;
        box-shadow: 2px 3px 8px #F7F7F7;
        border: 1px solid #f7f7f7;
    }

    #search .ssjg .ibox .text1 .lrg {
        width: 100%;
        display: block;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
    }

    #search .ssjg .ibox .text1 .lrg .left {
        width: 100%;
    }

    #search .ssjg .ibox .text1 .lrg .right {
        width: 100%;
        margin-top: 15px;
    }

    #search .ssjg .ibox .text1 .lrg .left .three_btn {
        justify-content: space-between;
    }

    #search .ssjg .ibox .text1 .lrg .left .three_btn .three {
        width: 32%;
        height: 35px;
        margin-right: 0;
    }

    #search .ssjg .ibox .ul1 {
        margin-top: 20px;
    }

    #search .ssjg .ibox .ul1 li .six_img .six {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 6%;
        position: relative;
    }

    #search .ssjg .ibox .ul1 li .six_img .six .text {
        height: 50px;
        line-height: 50px;
    }

    #search .ssjg .ibox .ul1 li .more {
        margin-top: 20px;
    }

    #search .ssjg .ibox .ul1 li .six_img .six:last-child {
        margin-bottom: 0;
    }

    #search .ssjg .ibox .ul1 li .three_img .three {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 6%;
    }

    #search .ssjg .ibox .ul1 li .three_img .three .text {
        padding: 15px 0 20px 0;
    }

    #search .ssjg .ibox .ul1 li .three_img .three .text .year {
        margin-bottom: 10px;
    }

    #search .ssjg .ibox .ul1 li .four_img .four {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 8% !important;
    }

    #search .ssjg .ibox .ul1 li .four_img .four .left .text {
        width: 100%;
        padding-top: 15px;
    }

    #search .ssjg .ibox .ul1 li .four_img .four .left .text .line {
        margin: 15px 0 15px 0;
    }

    #search .ssjg .ibox .ul1 li .four_img .four .left .text .c_text {
        margin-top: 5px;
    }

    #search .ssjg .ibox .ul1 li .four_img .four:last-child {
        margin-bottom: 0 !important;
    }

    .swiper1 .swiper-slide video {
        display: none;
    }

    .swiper1 .swiper-slide .s1_box.act img {
        display: none;
    }

    .swiper1 .swiper-slide .s1_box.act img.s2_img {
        width: 100%;
        height: 100vh;
        display: block;
    }

    .swiper_bd .bgi1 .ibox {
        padding: 0;
        bottom: 0;
        display: none;
    }

    .swiper1 .swiper-slide .text {
        width: 100%;
        transform: translate(-50%, -50%);
        margin-left: 0;
        top: 50% !important;
    }

    .swiper1 .swiper-slide .text .ch_text {
        text-align: center;
    }

    .swiper_bd .bgi1 .three_quan {
        top: 91%;
    }

    .swiper_bd .bgi2 .white_yuan .up {
        max-width: 100%;
        min-width: 90%;
        position: initial;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        text-align: center;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 {
        position: initial;
        top: 0;
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }

    .swiper_bd .bgi2 .white_yuan>.img>img {
        display: none;
    }

    .swiper_bd .bgi2 .white_yuan .up .ffjy {
        margin: 15px 0 20px 0;
        line-height: 1.5;
    }

    .swiper_bd .bgi2 .white_yuan {
        top: 54%;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .text {
        margin-top: 0px;
        opacity: 1;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .text .c_text {
        display: none;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li {
        position: initial;
        width: 32%;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box {
        width: 100%;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img {
        width: 100%;
        height: 114px;
    }

    .swiper_bd .bgi2 .white_yuan .ul1 li .ul_box .s_img::before {
        /* width: 95%;
    height: 110px;
    background: url(../images/i_7.png);
    background-size: cover; */
        display: none;
    }

    .swiper_bd .swiper-slide .img {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .swiper_bd .bgi3 .ibox .swiper9 .s9_box .img img:last-child {
        display: none;
    }

    .swiper_bd .bgi3 .ibox .swiper9 {
        /* display: none; */
    }

    .swiper_bd .bgi4 .ibox {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }

    .swiper_bd .bgi4 .ibox .up {
        width: 100%;
        margin-bottom: 25px;
    }

    .swiper_bd .bgi4 .ibox .up .ffjy {
        color: #349994;
        margin-top: 30px;
        text-align: center;
    }

    .swiper_bd .bgi4 .ibox .center .three_text {
        width: 100%;
        display: block;
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three {
        margin-bottom: 15px;
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three .xia {
        color: #349994;
        font-weight: bold;
        margin-top: 7px;
    }

    .swiper_bd .bgi4 .ibox .more {
        margin-top: 30px;
    }

    .swiper_bd .bgi5 .ibox .text .d_text img {
        display: none;
    }

    .swiper_bd .bgi5 .ymw .ibox {
        padding: 180px 0 0;
    }

    .swiper_bd .bgi5 .ibox .text .c_text {
        font-weight: bold;
        color: #fff;
        margin: 35px 0 50px 0;
        text-align: center;
        line-height: 1.5;
        font-size: 18px;
    }

    .swiper_bd .bgi5 .ibox .text .d_text div {
        text-align: center;
    }

    #laboratory .sysjs .ibox {
        padding: 20px 0;
    }

    #laboratory .sysjs .ibox .down {
        width: 100%;
        margin-top: 20px;
    }

    #laboratory .sdfa .ibox {
        padding: 20px 0;
    }

    #laboratory .sdfa .ibox .threeall {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    #laboratory .sdfa .ibox .threeall .left {
        width: 100%;
        margin-bottom: 15px;
    }

    #laboratory .sdfa .ibox .threeall .right {
        width: 100%;
        margin-bottom: 15px;
    }

    #laboratory .sdfa .ibox .threeall .right .text {
        width: 100%;
        padding: 10px 10px 0 10px;
    }

    #laboratory .sdfa .ibox .threeall .right .text .d_text {
        color: #121212;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #laboratory .sypt .ibox .text {
        width: 100%;
    }

    #laboratory .zygn .ibox {
        padding: 20px 0;
    }

    #laboratory .zygn .ibox .down {
        width: 100%;
        height: auto;
        margin-top: 5px;
    }

    #laboratory .zygn .ibox .down .right {
        width: 100%;
        height: 100%;
        float: none;
        padding: 0 0;
        background-color: #fff;
    }

    #laboratory .zygn .ibox .down .left {
        width: 100%;
        height: 190px;
        float: left;
        position: relative;
        margin-top: 15px;
    }

    #laboratory .zygn .ibox .down .ul2 li .c_text {
        padding: 10px 0;
    }

    #laboratory .zygn .ibox .down .right::before {
        display: none;
    }

    #laboratory .sypt {
        width: 100%;
        height: 300px;
        background: url("l_5.png")/*tpa=https://www.tophicon.com/images/l_5.png*/ center no-repeat !important;
        background-size: cover !important;
    }

    .swiper_bd .bgi4 .ibox .center .three_text .three:first-child .shang .fh {
        transform: translateY(5px);
        font-size: 12px;
        color: #349994;
    }

    #laboratory .sdfa .ibox .threeall .left {
        width: 100%;
        float: none;
    }

    #laboratory .sdfa .ibox .threeall:nth-child(2n) .left {
        float: none;
    }

    #laboratory .sdfa .ibox .threeall .right {
        width: 100%;
        display: flex;
        align-items: center;
        float: none;
        padding-top: 0px;
    }

    #laboratory .sdfa .ibox .threeall:nth-child(2n) .right {
        float: none;
    }

    .footer .down .ibox .bq_left {
        display: block;
    }

    #product_con .cpxx {
        margin-top: 60px;
    }

    #news_con .xwxq {
        margin-top: 60px;
    }

    #solve_con .faxq {
        margin-top: 60px;
    }

    .bg_dong.act {
        display: block;
        z-index: 2;
    }

    .swiper_bd .bgi3 .ibox .swiper9 .s9_box .img {
        height: auto;
    }

    .swiper_bd .bgi3 .ibox .swiper9 .s9_box .img img {
        width: 68%;
        position: initial;
        top: 0;
        left: 0;
        display: block;
        margin: 0 auto;
    }

    .swiper_bd .bgi3 .ibox .up {
        width: 100%;
        text-align: center;
        line-height: 1.5;
        margin-bottom: 0px;
    }

    .swiper_bd .bgi3 .ibox .more1 {
        margin-top: 0px;
    }

    .swiper_bd .bgi5 .ibox .text .d_text span {
        min-width: 8px;
        display: none !important;
    }

    .swiper_bd .bgi5 .ibox .text .d_text #text div {
        margin-bottom: 8px;
        display: block;
    }

    #index #particleGlobal {
        display: none;
    }

    .a_dw {
        position: relative;
        top: -50px;
    }

    .swiper_bd .bgi3 .ibox .swiper9 {
        display: block;
    }

    .swiper_bd .bgi3 .ibox .five_img {
        display: none;
    }

    #about .gsjs .ibox .down .d_left .vid {
        display: none;
    }

    #about .hd .ibox .down .btn {
        display: none;
    }

    #about .tzgx .ibox .down .car {
        display: none;
    }

    #about .gsjs .ibox .down .d_left .swiper2 .swiper-slide .vidd {
        display: none;
    }

    #about .gsjs .ibox .down .d_left .swiper2 .swiper-slide .imgvideo {
        opacity: 1;
    }

    #about .bghj .ibox .down .swiper5 .swiper-slide {
        margin-right: 0;
    }
}