@charset "utf-8";

@font-face {
    font-family: myFont;
    src: url(../fonts/myFont.ttf);
}

html, body {
    height: 100%;
}

body {
    position: relative;
}

:root {
    --main-color: #4DBBAA;
}

header {
    height: 100px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.1);
    box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.1);
    z-index: 30;
    padding: 0 42px;
}

header .logo {
    float: left;
    width: 122px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

header .logo img {
    width: 100%;
}

/* gnb overlay BG */
#gnb {
    float: left;
    padding-left: 160px;
}

#gnb>ul>li, #gnb .li {
    display: inline-block;
}

#header #gnb>ul>li>a, #header #gnb .li>a {
    position: relative;
    z-index: 100;
    display: block;
    height: 100px;
    line-height: 100px;
    padding: 0 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    color: #333;
}

#header.white-bg #gnb>ul>li>a, #header.white-bg #gnb .li>a {
    color: #666;
}

#gnb>ul>li>a .kr {
    font-weight: 400;
}

#header #gnb>ul>li>a:hover, #header #gnb>ul>li.avtive01>a {
    color: var(--main-color);
}

#header #gnb>ul>li.active>a {
    color: var(--main-color);
}

/* GNB */
#gnbBg {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 0;
    background: #F5F5F5;
    z-index: 98;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    -ms-transition: height 0.3s;
    transition: height 0.3s;
}

#gnbBg.open {
    height: 365px;
    border-top: 1px solid #e5e5e5;
}

#gnb.total-menu>ul>li .gnb-2dep {
    visibility: hidden;
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 100px;
    min-height: 365px;
    z-index: 99;
    width: 100%;
    text-align: left;
    -webkit-transition: all 0s 0s;
    -moz-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    -ms-transition: all 0s 0s;
    transition: all 0s 0s;
}

#gnb.total-menu>ul>li .gnb-2dep.show {
    visibility: visible;
    opacity: 1.0;
    filter: Alpha(opacity=100);
    -webkit-transition: all 0.3s 0.1s;
    -moz-transition: all 0.3s 0.1s;
    -o-transition: all 0.3s 0.1s;
    -ms-transition: all 0.3s 0.1s;
    transition: all 0.3s 0.1s
}

.gnb-2dep-menu-list {
    float: left;
    width: 60%;
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gnb-2dep-menu-list .gnb_mleft {
    width: 638px;
    max-width: 100%;
    float: right;
}

.gnb-2dep-menu-list .gnb_sub {
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1;
    padding-bottom: 21px;
    color: #333333;
}

.gnb-2dep-menu-list li {
    float: left;
    position: relative;
    width: 50%;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnb2 .gnb-2dep-menu-list li {
    width: 50%;
    padding-right: 40px
}

.gnb-2dep-menu-list li a {
    display: table;
    position: relative;
    width: 100%;
    height: 64px;
    padding-bottom: 12px;
    color: #888;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s
}

.gnb-2dep-menu-list li a:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--main-color);
    content: "";
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}

.gnb-2dep-menu-list li a span {
    display: table-cell;
    color: inherit;
    vertical-align: bottom;
    font-size: 18px;
}

.gnb-2dep-menu-list li a .gnb-icon {
    position: absolute;
    bottom: 12px;
    right: 0;
    font-size: 18px;
}

.gnb-2dep-menu-list li a:hover {
    color: var(--main-color);
}

.gnb-2dep-menu-list li a:hover:before {
    width: 100%;
}

.gnb-2dep-menu-list li.active a:hover {
    width: 100%;
}

.gnb-2dep-menu-list li a:hover .gnb-icon svg path {
    fill: var(--main-color);
}

.gnb-2dep-menu-txt {
    float: left;
    width: 40%;
    background-color: #fff;
}

.gnb-2dep-menu-txt .gnb-2dep-menu-img {
    width: 100%;
    height: 365px;
    float: right;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gnb-2dep-menu-txt .gnb-left {
    float: left;
    width: 45%;
    padding-right: 15px;
    padding-top: 38px;
}

.gnb-2dep-menu-txt .gnb-left .gnb_text {
    font-size: 26px;
    line-height: 1.2;
    color: var(--main-color);
    min-height: 100px;
    margin-bottom: 35px;
}

.gnb-2dep-menu-txt .gnb-left p {
    font-size: 16px;
    line-height: 28px;
}

.d_e_drop .gnb_mleft {
    max-width: 930px;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}

.d_e_drop .gnb-2dep-menu-list {
    justify-content: flex-end;
}

@media(max-width:1400px) {
    .d_e_drop .gnb-2dep-menu-list {
        padding-left: 80px;
    }

}

.d_e_drop .up_ .l_ {
    float: left;
}

.d_e_drop .up_ .allmore {
    float: right;
    display: flex;
    align-items: cneter;
    justify-content: flex-end;
}

.d_e_drop .up_ .allmore span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    padding-right: 18px;
}

.d_e_drop .up_ .allmore:hover span {
    color: #4DBBAA;
}

.d_e_drop .up_ .allmore .icon {
    width: 32px;
    height: 32px;
    background-color: #CCCCCC;
    opacity: 1;
    border-radius: 50%;
    background-image: url(../images/drop_icon_white.svg);
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

.d_e_drop .up_ .allmore:hover .icon {
    background-color: #4DBBAA;
}

.d_e_drop .up_ .l_ i {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    cursor: pointer;
    margin-right: 32px;
}

.d_e_drop .up_ .l_ i.active {
    color: #4DBBAA;
}

.d_e_drop .down_ .list_ {
    display: none;
    margin: 0 -12px;
    margin-top: 30px;
    height: 240px;
    overflow-y: auto;
}

.d_e_drop .down_ .list_::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.d_e_drop .down_ .list_::-webkit-scrollbar-button:vertical {
    display: none
}

.d_e_drop .down_ .list_::-webkit-scrollbar-corner, .d_e_drop .down_ .list_::-webkit-scrollbar-track {
    background-color: #fff;
}

.d_e_drop .down_ .list_::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #4DBBAA;
}

.d_e_drop .down_ .list_::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #4DBBAA;
}

.d_e_drop .down_ .list_::-webkit-scrollbar-thumb:vertical:active {
    background-color: #4DBBAA;
}

.d_e_drop .down_ .list_.show {
    display: block;
}

.d_e_drop .down_ .list_:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.d_e_drop .down_ .list_ .i {
    float: left;
    width: 25%;
    padding: 0 12px;
    margin-bottom: 20px;
}

.d_e_drop .down_ .list_ .i .img {
    background-color: #eee;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d_e_drop .down_ .list_ .i .img img {
    width: 100%;
    max-width: 120px;
}

.d_e_drop .down_ .list_ .i p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 19px;
    padding-top: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d_e_drop .d_drop_more {
    padding-top: 50px;
    height: 365px;
    padding-left: 60px;
    padding-right: 70px;
}

.d_e_drop .d_drop_more .t {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 36px;
}

.d_e_drop .d_drop_more a {
    display: block;
    height: 56px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #666666;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 56px;
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.d_e_drop .d_drop_more a span {
    position: relative;
    z-index: 1;
}

.d_e_drop .d_drop_more a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #4DBBAA;
    transition: all .3s linear;
}

.d_e_drop .d_drop_more a:hover {
    color: #fff;
    border-color: transparent;
}

.d_e_drop .d_drop_more a:hover:after {
    width: 100%;
    z-index: 0;
}

/* -------- Headerhover  -------- */
#header #gnb>ul>li.active>a, #header.over #gnb>ul>li.on>a, #header.over #gnb>ul>li>a:hover, #header #gnb .li:hover a {
    color: var(--main-color);
}

#header #gnb>ul>li.active>a:after, #header.over #gnb>ul>li.on>a:after, #header #gnb>ul>li>a:hover:after, #header #gnb>ul>li.avtive01>a:after {
    width: calc(100% - 30px);
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateXXX(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: var(--main-color);
    opacity: 1;
}

header .header_a {
    float: right;
}

header .header_a a {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 100px;
}

header .header_a a:not(:first-child) {
    margin-left: 30px;
}

header .header_a a:hover {
    color: var(--main-color);
}

header .header_btn {
    height: 100%;
    float: right;
    position: relative;
    display: flex;
}

header .header_btn .btn {
    line-height: 100%;
    margin-left: 40px;
    position: relative;
    width: 24px;
    display: inline-block;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
}
header .header_btn .m_lang {
    background-image: url(../images/cact_icon05.svg);

}
header .header_btn .m_lang:hover {
    background-image: url(../images/cact_iconh.svg);
    
}
header .header_btn a.position {
    background-image: url(../images/header_position.svg);
}

header .header_btn a.position:hover {
    background-image: url(../images/header_position_blue.svg);
}

header .header_btn a.search {
    background-image: url(../images/header_search.svg);
}

header .header_btn a.search:hover {
    background-image: url(../images/header_search_blue.svg);
}

header .header_btn a.wechat {
    background-image: url(../images/header_wechat.svg);
    position: relative;
}

header .header_btn a.wechat:hover {
    background-image: url(../images/header_wechat_blue.svg);
}

header .header_btn a.nav_btn {
    background-image: url(../images/header_nav_btn.svg);
}

header .header_btn a.nav_btn:hover {
    background-image: url(../images/header_nav_btn_blue.svg);
}

header .header_btn .wechat .eng {
    display: none;
    background: #fff;
    box-shadow: 0 1px 11px rgb(0 0 0 / 30%);
    width: 120px;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    z-index: 96;
}

header .header_btn .btn:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #E2E2E2;
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav_box {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9999;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding: 30px 42px;
}

.nav_box.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.nav_box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
}

.nav_box.show:after {
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.nav_box .bg_ {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-position: center;
}

.nav_box.show .bg_ {
    opacity: .3;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.nav_box .up {
    height: 60px;
    position: relative;
    z-index: 2;
}

.nav_box .up .nav_logo {
    width: 122px;
    float: left;
    opacity: 0;
}

.nav_box.show .up .nav_logo {
    opacity: 1;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.nav_box .up .nav_logo img {
    width: 100%;
}

.nav_box .up .close {
    float: right;
    width: 30px;
    opacity: 0;
    cursor: pointer;
}

.nav_box.show .up .close {
    opacity: 1;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.nav_box .up .close img {
    width: 100%;
}

.nav_box .down {
    height: calc(100% - 60px);
    position: relative;
    padding: 0 240px;
    z-index: 3;
}

.nav_box .down .website_link {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.nav_box .down .website_link .i {
    position: relative;
    margin: 0 5px;
}

.nav_box .down .website_link .i .drop {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    display: none;
}

.nav_box .down .website_link .i:hover .drop {
    display: block;
}

.nav_box .down .website_link .i .drop img {
    width: 100%;
}

.nav_box .down .website_link .i a {
    display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}

.nav_box .down .website_link .i.pos a {
    background-image: url(../images/header_position_white.svg);
}

.nav_box .down .website_link .i.wec a {
    background-image: url(../images/header_wechat-white.svg);
}

.nav_box .down .list_ {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    height: 100%;
}

@media(max-width:768px) {
    .nav_box .down .list_ {
        padding: 10% 0 30%;
    }

}

.nav_box .down .list_ .i {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}

.nav_box.show .down .list_ .i {
    -webkit-transition-property: margin, opacity, -webkit-transform;
    transition-property: margin, opacity, -webkit-transform;
    -o-transition-property: margin, transform, opacity;
    transition-property: margin, transform, opacity;
    transition-property: margin, transform, opacity, -webkit-transform;
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.nav_box.show .down .list_ .i:nth-child(1) {
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}

.nav_box.show .down .list_ .i:nth-child(2) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.nav_box.show .down .list_ .i:nth-child(3) {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s;
}

.nav_box.show .down .list_ .i:nth-child(4) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.nav_box.show .down .list_ .i:nth-child(5) {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s;
}

.nav_box.show .down .list_ .i:nth-child(6) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.nav_box.show .down .list_ .i:nth-child(7) {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

.nav_box.show .down .list_ .i:nth-child(8) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.nav_box.show .down .list_ .i:nth-child(9) {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.nav_box .down .list_ .y .icon {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    cursor: pointer;
}

.nav_box .down .list_ .y .icon i {
    position: absolute;
    width: 22px;
    height: 1px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

.nav_box .down .list_ .y .icon i:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.nav_box .down .list_ .i.active .y .icon i:nth-child(1) {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.nav_box .down .list_ .y>a {
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 42px;
}

.nav_box .down .list_ .e_list {
    padding: 20px 20px 20px 50px;
    display: none;
}

.nav_box .down .list_ .e_list .e {
    float: left;
    margin-right: 80px;
}

.nav_box .down .list_ .e_list .e>a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 5px;
}

.nav_box .down .list_ .e_list .e .s>a {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
    display: block;
    margin-top: 16px;
}

/*search*/
.header_ser {
    width: 22px;
    position: relative;
    height: 100%;
    float: left;
    margin: 0 18px;
}

#header .header_ser:after {
    width: 0px;
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -5px;
    content: "";
    height: 10px;
    border: 1px solid #fff;
    opacity: 0.3;
}

#header.white-bg .header_ser:after {
    border: 1px solid #999;
}

#header.white-bg .sousuoend {
    background-image: url(../images/sear1.png);
}

#header.white-bg .sousuoend:hover {
    background-image: url(../images/searhover.png);
}

.cuohao {
    color: #333;
    font-size: 30px;
}

.cuohaoa {
    color: #333;
}

header #util-search-box {
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: #fff !important;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100px;
}

header #util-search-box .container {
    padding-right: 0;
    padding-left: 0;
}

header #util-search-box .search-box-container {
    position: relative;
}

header #util-search-box .search-box-container .search-area {
    position: relative;
    height: 100px;
    padding-right: 0;
    padding-left: 0;
}

header #util-search-box .search-box-container .search-area .search-prepend {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    padding: 39px 20px;
    line-height: 22px;
}

header #util-search-box .search-box-container .search-area .search-prepend>button {
    display: inline-block;
    color: #000;
    background-image: url(../images/header_search.svg);
    width: 22px;
    height: 22px;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: top;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

header #util-search-box .search-box-container .search-area .search-field {
    height: 100%;
    padding-right: 60px;
    padding-left: 60px;
}

header #util-search-box .search-box-container .search-area .search-field>input {
    width: 100%;
    height: 100px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

header #util-search-box .search-box-container .search-area .search-field>input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;    /* Firefox */
}

header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;    /* Firefox */
}

header #util-search-box .search-box-container .search-area .search-field>input::placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;    /* Firefox */
}

header #util-search-box .search-box-container .search-area .search-field>input:-ms-input-placeholder {

    /* Internet Explorer 10-11 */
    color: #999;
}

header #util-search-box .search-box-container .search-area .search-field>input::-ms-input-placeholder {

    /* Microsoft Edge */
    color: #999;
}

header #util-search-box .search-box-container .search-area .search-append {
    position: absolute;
    top: 36px;
    cursor: pointer;
    right: 0;
}

header #util-search-box .search-box-container .auto-compile {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: left;
    background-color: #fff;
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list {
    position: relative;
    padding: 18px 20px;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list:last-child {
    padding-bottom: 30px;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list strong {
    display: inline-block;
    margin-left: 42px;
    vertical-align: top;
    font-weight: 500;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list ul {
    padding-left: 42px;
    overflow: hidden;
    padding-top: 15px;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li {
    width: 20%;
    float: left;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

html.is-resize header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a {
    -webkit-transition: none !important;
    transition: none !important;
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:hover, header #util-search-box .search-box-container .auto-compile .auto-compile-list ul>li>a:active {
    color: var(--main-color);
}

header #util-search-box .search-box-container .auto-compile .auto-compile-list+.auto-compile-list::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e8e8e8;
}

@media(max-width:1700px) {
    #header #gnb>ul>li>a, #header #gnb .li>a {
        padding: 0 15px;
    }

    header .header_a a:not(:first-child) {
        margin-left: 15px;
    }

    #gnb {
        padding-left: 40px;
    }

}

@media(max-width:1440px) {
    #header #gnb>ul>li>a, #header #gnb .li>a {
        padding: 0 5px;
    }

    .nav_box .down .list_ .y>a {
        font-size: 28px;
    }

    .nav_box .down {
        padding: 30px 100px 0;
    }

    #header #gnb>ul>li>a:hover:after {
        width: calc(100% - 10px);
    }

}

@media(max-width:1280px) {
    #gnb, header .header_a {
        display: none;
    }

    header .header_btn a:nth-child(1):after {
        display: none;
    }

    .nav_box .down .list_ .e_list .e {
        margin-right: 20px;
    }

}

@media(max-width:768px) {
    header {
        height: 64px;
        padding: 0 20px;
    }

    header .logo, .nav_box .up .nav_logo {
        width: 90px;
    }

    header .header_btn a.position, header .header_btn a.search:after, header .header_btn a.wechat {
        display: none;
    }

    header .header_btn .btn {
        margin-left: 15px;
    }

   header .header_btn .btn::after {
    display: none;
   }

    .nav_box {
        padding: 20px 20px;
    }

    .nav_box .up .close {
        width: 20px;
    }

    .nav_box .down {
        padding: 20px 0px 10px;
    }

    .nav_box .down .list_ .y>a {
        font-size: 18px;
        line-height: 28px;
    }

    .nav_box .down .list_ .y .icon i {
        width: 12px;
    }

    .nav_box .down .list_ .y .icon {
        width: 28px;
        height: 28px;
    }

    .nav_box .down .list_ .e_list {
        padding: 10px 10px 0px 29px;
    }

    .nav_box .down .list_ .e_list .e>a {
        font-size: 16px;
    }

    .nav_box .down .list_ .e_list .e .s>a {
        font-size: 14px;
        margin-top: 0;
        display: inline-block;
        opacity: .8;
        margin-right: 5px;
    }

    .nav_box .down .list_ .e_list .e {
        width: 100%;
        margin-bottom: 10px;
    }

    .nav_box .down .website_link .i.wec {
        display: none;
    }

}

/*首页banner*/
.index_banner {
    height: 100vh;
    background-color: #ccc;
    position: relative;
}

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

.index_banner .img_pc {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index_banner .img_pc video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.index_banner .img_m img {
    width: 100%;
}

.index_banner_text {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.index_banner .swiper-slide .index_banner_text .t1 {
    font-size: 56px;
    color: #fff;
    font-weight: bold;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.index_banner .swiper-slide-active .index_banner_text .t1 {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.index_banner .swiper-slide .index_banner_text .t2, .index_banner .swiper-slide .index_banner_text .t3 {
    font-size: 56px;
    color: #fff;
    margin-top: 10px;
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: all 1s .3s;
    -o-transition: all 1s .3s;
    transition: all 1s .3s;
}

.index_banner .swiper-slide-active .index_banner_text .t2, .index_banner .swiper-slide-active .index_banner_text .t3 {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.index_banner .swiper-slide .index_banner_text .t4 {
    margin-top: 50px;
    overflow: hidden;
}

.index_banner .swiper-slide .index_banner_text .t4 a {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all 1s .6s;
    -o-transition: all 1s .6s;
    transition: all 1s .6s;
}

.index_banner .swiper-slide-active .index_banner_text .t4 a {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.public_more_01 {
    display: inline-block;
    background-color: #fff;
}

.public_more_01 span {
    float: left;
    line-height: 56px;
    padding: 0;
    color: #666;
    font-size: 16px;
    overflow: hidden;
    max-width: 0;
    height: 56px;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    white-space: nowrap;
    opacity: 0;
}

.public_more_01:hover span {
    opacity: 1;
    max-width: 300px;
    padding: 0 20px 0 40px;
}

.public_more_01 .icon {
    width: 56px;
    height: 56px;
    background-color: #fff;
    background-image: url(../images/more_gray.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    float: left;
}

.index_banner_bottom {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 70px;
}

.index_banner_bottom .pd {
    padding-left: 12%;
    padding-right: 6%;
}

.index_banner_progress {
    width: 630px;
    float: left;
}

.index_banner_progress .list_ {
    margin: 0 -6px;
}

.index_banner_progress .i {
    width: 33.33%;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}

.index_banner_progress .i>span {
    font-size: 16px;
    color: #fff;
}

.index_banner_progress .i .progress {
    height: 2px;
    background-color: rgba(255, 255, 255, .5);
    margin-top: 15px;
    position: relative;
}

.index_banner_progress .i .progress .d {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    width: 0;
}

.index_banner_play {
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 20px;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

.index_banner_play:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.index_banner_play:before {
    content: '';
    width: 4px;
    height: 10px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.index_banner_play.pause:after {
    opacity: 1;
}

.index_banner_play.pause:before {
    opacity: 0;
}

.index_banner_btn {
    float: right;
}

.index_banner_btn .btn_ {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
}

.index_banner_btn .btn_:not(:last-child) {
    margin-right: 20px;
}

.index_banner_btn .btn_ .ewm {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    border: 1px solid transparent;
    padding: 0px;
    height: 0;
    overflow: hidden;
}

.index_banner_btn .btn_:hover .ewm {
    display: block;
    height: 110px;
    padding: 5px;
    -webkit-transition-property: height, padding;
    -o-transition-property: height, padding;
    transition-property: height, padding;
    -webkit-transition-duration: .9s, 0s;
    -o-transition-duration: .9s, 0s;
    transition-duration: .9s, 0s;
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.index_banner_btn .btn_ .ewm img {
    width: 100px;
    height: 100px;
}

.index_banner_btn .tel {
    background-image: url(../images/phone.svg);
}

.index_banner_btn .wechat {
    background-image: url(../images/wechat.svg);
}

.index_banner_btn .share {
    position: relative;
    background-image: url(../images/share.svg);
}

.index_banner_btn .share:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 26px;
    background: #FFFFFF;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_banner_btn .chat {
    background-image: url(../images/chat.svg);
    position: relative;
    -webkit-transition: all .9s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-left: 20px;
}

@media(min-width:768px) {
    .index_banner_btn .chat:after {
        content: '产品咨询';
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        white-space: nowrap;
        position: absolute;
        left: 0px;
        width: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
        -webkit-transition: opacity 0s;
        -o-transition: opacity 0s;
        transition: opacity 0s;
    }

    .index_banner_btn .chat:hover {
        margin-left: 85px;
        background-color: #ffffff;
        background-image: url(../images/chat_blue.svg);
    }

    .index_banner_btn .chat:hover:after {
        opacity: 1;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
        width: auto;
        left: -70px;
    }

}

@media(max-width:1440px) {
    .index_banner .swiper-slide .index_banner_text .t1 {
        font-size: 42px;
    }

    .index_banner .swiper-slide .index_banner_text .t2, .index_banner .swiper-slide .index_banner_text .t3 {
        font-size: 42px;
    }

}

@media(max-width:1200px) {
    .index_banner .swiper-slide .index_banner_text .t1 {
        font-size: 32px;
    }

    .index_banner .swiper-slide .index_banner_text .t2, .index_banner .swiper-slide .index_banner_text .t3 {
        font-size: 24px;
    }

    .public_more_01 .icon {
        width: 40px;
        height: 40px;
        background-size: 18px;
    }

    .public_more_01 span {
        display: none;
    }

    .index_banner_progress {
        width: 480px;
    }

    .index_banner_btn {
        display: none;
    }

}

@media(max-width:768px) {
    .index_banner {
        height: auto;
    }

    .index_banner_bottom .pd {
        padding-left: 20px;
        padding-right: 20px;
    }

    .index_banner_bottom {
        display: none;
    }

    .index_banner_progress {
        display: none;
    }

    .index_banner_play {
        display: none;
    }

    .index_banner .swiper-slide .index_banner_text .t1 {
        font-size: 24px;
    }

    .index_banner .swiper-slide .index_banner_text .t2, .index_banner .swiper-slide .index_banner_text .t3 {
        font-size: 18px;
    }

    .index_banner .swiper-pagination-bullet-active {
        background-color: #fff;
    }

}

/*index pub css*/
.index_product .swiper-scrollbar-drag {
    transform: translateY(-50%) !important;
    top: 50% !important;
}

.index_pub_title {
    text-align: center;
}

.index_pub_title p {
    font-size: 40px;
    font-weight: bold;
    color: #000;
    line-height: 50px;
}

.index_pub_title span {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #999999;
    padding-top: 15px;
    display: inline-block;
}

@media(max-width:768px) {
    .index_pub_title p {
        font-size: 26px;
    }

    .index_pub_title span {
        font-size: 14px;
        padding-top: 8px;
        line-height: 20px;
    }

}

.index_product .index_pub_title p {
    color: #fff;
}

.index_product .index_pub_title span {
    color: #fff;
    opacity: 0.5;
}

.index_product {
    height: 100vh;
    background-image: url(../images/pro_bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

.index_product>.box {
    position: absolute;
    left: 0;
    top: 125px;
    right: 0;
    bottom: 0;
}

.index_product>.box>.pd {
    height: 100%;
}

.index_product .index_pub_title {
    height: 100px;
}

.index_product .con {
    height: calc(100% - 100px);
    position: relative;
    padding-top: 30px;
}

.index_product .big_cata {
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0px;
    border-bottom: 2px solid #ffffff;
    height: 46px;
}

.index_product .big_cata .l_ {
    margin: 0 -7px;
}

.index_product .big_cata .i {
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    width: 120px;
    text-align: center;
    display: inline-block;
    margin: 0 7px;
    border-bottom: 2px solid transparent;
    position: relative;
    height: 44px;
}

.index_product .big_cata .i:not(:last-child):after {
    content: '';
    width: 1px;
    height: 16px;
    background: #FFFFFF;
    position: absolute;
    right: -11px;
    top: 3px;
}

.index_product .big_cata .i.active {
    border-bottom: 2px solid #ffffff;
}

.index_product .pro_box {
    height: calc(100% - 46px);
    position: relative;
}

.index_product .pro_box .i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
}

.index_product .pro_box .i.active {
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index_product .pro_box .i_list {
    width: 100%;
    height: 100%;
    position: relative;
}

.index_product .pro_box .i_item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -99;
}

.index_product .pro_box .i_item.active {
    z-index: 2;
    opacity: 1;
}

.index_product .pro_box .title {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.index_product .pro_box .i_item .title span {
    opacity: .3;
    display: block;
    font-family: myFont;
    font-size: 170px;
    font-weight: 400;
    line-height: 170px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(86%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    clip-path: circle(0% at 100% 51%);
    -webkit-clip-path: circle(0% at 100% 51%);
}

.index_product .pro_box .i_item.active .title span {
    clip-path: circle(150% at 100% 51%);
    -webkit-clip-path: circle(150% at 100% 51%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index_product .pro_box .i_item .pro_img {
    width: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(calc(-50% + 50px), -50%);
    -ms-transform: translate(calc(-50% + 50px), -50%);
    transform: translate(calc(-50% + 50px), -50%);
    z-index: 2;
    opacity: 0;
}

.index_product .pro_box .i_item.active .pro_img {
    -webkit-transform: translate(calc(-50%), -50%);
    -ms-transform: translate(calc(-50%), -50%);
    transform: translate(calc(-50%), -50%);
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.index_product .pro_box .i_item .pro_img img {
    width: 100%;
}

.index_product .pro_box .text {
    position: absolute;
    bottom: 120px;
    left: 0;
    max-width: 50%;
    z-index: 3;
}

.index_product .pro_box .i_item .text .t1 {
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.index_product .pro_box .i_item.active .text .t1 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.index_product .pro_box .i_item .text .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-top: 15px;
    max-width: 500px;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
}

.index_product .pro_box .i_item.active .text .t2 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.index_product .pro_box .i_item .text .t3 {
    padding-top: 30px;
    opacity: 0;
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
}

.index_product .pro_box .i_item.active .text .t3 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.index_product .pro_box .text .t3 .t3_i {
    float: left;
    position: relative;
}

.index_product .pro_box .text .t3 .t3_i:not(:last-child) {
    padding-right: 60px;
}

.index_product .pro_box .text .t3 .t3_i:not(:last-child):after {
    content: '';
    width: 1px;
    height: 32px;
    background: #FFFFFF;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_product .pro_box .text .t3 p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    line-height: 26px;
}

.index_product .pro_box .text .t3 span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.index_product .pro_box .i_item .text .t4 {
    padding-top: 50px;
    opacity: 0;
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
}

.index_product .pro_box .i_item.active .text .t4 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.index_product .pro_box .text .t4 .btn {
    display: block;
    width: 144px;
    height: 48px;
    border: 1px solid #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
    float: left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index_product .pro_box .text .t4 .btn:hover {
    background-color: #fff;
    color: var(--main-color);
}

.index_product .pro_box .text .t4 .btn:nth-child(1) {
    margin-right: 25px;
}

.index_product .pro_box .i_name {
    position: absolute;
    right: 0;
    bottom: 120px;
    width: 200px;
    height: 110px;
    z-index: 4;
}

.index_product .pro_box .i_name .swiper-container {
    height: 100%;
    width: 100%;
}

.index_product .pro_box .i_name .swiper-slide {
    color: #fff;
    text-align: right;
    padding-right: 20px;
    line-height: 36px;
    cursor: pointer;
}

.index_product .pro_box .i_name .swiper-slide-active {
    cursor: default;
    color: var(--main-color);
}

.index_product .swiper-scrollbar {
    width: 1px;
    background-color: #fff;
    display: block !important;
}

.index_product .swiper-scrollbar-drag {
    background-color: var(--main-color);
}

.index_product .pro_m_box {
    display: none;
}

@media(max-width:1440px) {
    .index_product .pro_box .text {
        bottom: 30px;
    }

    .index_product .pro_box .i_name {
        bottom: 50px;
    }

    .index_product .pro_box .i_item .title span {
        font-size: 100px;
        line-height: 120px;
    }

    .index_product .pro_box .i_item .text .t1 {
        font-size: 24px;
    }

    .index_product .pro_box .i_item .text .t2 {
        margin-top: 5px;
    }

    .index_product .pro_box .i_item .text .t3 {
        padding-top: 10px;
    }

    .index_product .pro_box .i_item .text .t4 {
        padding-top: 20px;
    }

    .index_product .con {
        padding-top: 15px;
    }

}

@media(max-width:1024px) {
    .index_product .pro_pc {
        display: none;
    }

    .index_product {
        height: auto;
        padding: 40px 0;
    }

    .index_product>.box {
        position: relative;
        top: 0;
    }

    .index_product .con {
        height: auto;
    }

    /*移动端*/
    .index_product .pro_m_box {
        display: block;
        padding-top: 45px;
        position: relative;
    }

    .index_product .pro_m_box .i {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -999;
        opacity: 0;
        bottom: 0;
        right: 0;
    }

    .index_product .pro_m_box .i.show {
        position: relative;
        z-index: 2;
        opacity: 1;
        transition: all .3s;
    }

    .index_product .pro_m_box .t {
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 28px;
        text-align: center;
    }

    .index_product .pro_m_box .des {
        padding-top: 15px;
    }

    .index_product .pro_m_box .des .des_i {
        float: left;
        width: 33.33%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .index_product .pro_m_box .des .des_i:not(:last-child):after {
        content: '';
        width: 1px;
        height: 32px;
        background: #FFFFFF;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .index_product .pro_m_box .des .des_i p {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.5);
        line-height: 24px;
    }

    .index_product .pro_m_box .des .des_i span {
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
    }

    .index_product .pro_m_box .img {
        width: 100%;
        max-width: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
    }

    .index_product .pro_m_box .img img {
        width: 60%;
        position: relative;
        z-index: 1;
    }

    .index_product .pro_m_box .img span {
        position: absolute;
        z-index: 0;
        width: 100%;
        top: 30%;
        display: block;
        font-family: myFont;
        font-size: 40px;
        font-weight: 400;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(86%, rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }

    .index_product .pro_m_box .btn_ {
        text-align: center;
        margin-top: 50px;
    }

    .index_product .pro_m_box .btn_ .btn {
        display: inline-block;
        width: 120px;
        height: 42px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 42px;
        margin: 0 8px;
    }

    .index_product .pro_m_box .btn_ .btn:nth-child(1) {
        background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    }

    .index_product .pro_m_box .btn_ .btn:nth-child(2) {
        border: 1px solid #fff;
        background-color: transparent;
    }

    .index_product .pro_m_box .swiper-pagination {
        bottom: 60px;
    }

    .index_product .pro_m_box .swiper-pagination-bullet {
        width: 16px;
        height: 2px;
        background: #FFFFFF;
        opacity: 1;
        transition: all .4s linear;
        border-radius: 0;
    }

    .index_product .pro_m_box .swiper-pagination-bullet-active {
        width: 26px;
        height: 2px;
        background: #4DBBAA;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
    }

}

@media(max-width:768px) {
    .index_product .big_cata .i {
        font-size: 16px;
        padding-bottom: 23px;
        width: auto;
    }

}

.public_more_02 {
    height: 50px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #666666;
    padding: 0 24px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.public_more_02:hover {
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff;
}

.pub_img {
    position: relative;
    overflow: hidden;
}

.pub_img i {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.pub_img img {
    width: 100%;
}

.index_solution {
    background-color: #fff;
    padding: 106px 0 68px;
}

.index_solution .con .list {
    margin: -15px -12px;
    padding-top: 50px;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.index_solution .con .list .i {
    float: left;
    padding: 15px 12px;
    position: relative;
}

@media(min-width:768px) {
    .index_solution .con .list .i:after {
        content: '';
        z-index: 2;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        transition: 1.4s .3s cubic-bezier(0.42, 0, 0.38, 1);
    }

    .index_solution .con.aos-animate .list .i:after {
        width: 0;
    }

}

.index_solution .con .list .i_ {
    position: relative;
    display: block;
    height: 100%;
}

.index_solution .con .list .i:nth-child(1), .index_solution .con .list .i:nth-child(6) {
    width: 50%;
}

.index_solution .con .list .i:nth-child(2), .index_solution .con .list .i:nth-child(3), .index_solution .con .list .i:nth-child(4), .index_solution .con .list .i:nth-child(5) {
    width: 25%;
}

.index_solution .con .list .i .img {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.index_solution .con .list .i .img i {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.index_solution .con .list .i:hover i {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.index_solution .con .list .i img {
    width: 100%;
}

.index_solution .con .list .i p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 32px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    z-index: 2;
}

.index_solution .more {
    text-align: center;
    padding-top: 40px;
}

@media(max-width:1440px) {
    .index_solution .con .list .i p {
        font-size: 18px;
        padding: 20px;
    }

}

@media(max-width:1024px) {
    .index_solution .con .list .i:nth-child(1), .index_solution .con .list .i:nth-child(6) {
        width: 100%;
    }

    .index_solution .con .list .i:nth-child(2), .index_solution .con .list .i:nth-child(3), .index_solution .con .list .i:nth-child(4), .index_solution .con .list .i:nth-child(5) {
        width: 50%;
    }

}

@media(max-width:768px) {
    .index_solution {
        padding: 40px 0 40px;
    }

    .index_solution .con .list .i {
        padding: 5px;
    }

    .index_solution .con .list {
        margin: -5px;
        padding-top: 30px;
    }

    .index_solution .con .list .i p {
        font-size: 16px;
        padding: 10px;
    }

    .public_more_02 {
        height: 42px;
        padding: 0 16px;
        font-size: 14px;
        line-height: 42px;
    }

}

.index_case {
    background-color: #f9f9f9;
    padding: 56px 0 50px;
}

.index_case .con {
    padding-top: 50px;
}

.index_case .swiper-container {
    padding-bottom: 25px;
    position: relative;
}

.index_case .swiper-container .swiper-slide {
    opacity: .6;
    cursor: pointer;
}

.index_case .swiper-container .swiper-slide-active {
    opacity: 1;
}

.index_case .btn {
    position: absolute;
    height: 56px;
    left: 0;
    right: 0;
    top: calc(50% - 25px);
    z-index: 1;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_case .btn .btn_ {
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    pointer-events: auto;
    cursor: pointer;
    background-image: url(../images/more_gray.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.index_case .btn .btn_:hover {
    background-color: var(--main-color);
    background-image: url(../images/more_white.svg);
}

.index_case .btn .btn_.prev {
    float: left;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_case .btn .btn_.next {
    float: right;
}

.index_case .more {
    text-align: center;
    padding-top: 30px;
}

.index_case .more p {
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    letter-spacing: 1px;
    font-weight: bold;
}

.index_case .more span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    letter-spacing: 1px;
    max-width: 660px;
    margin: 24px auto 0;
}

.index_case .more .i {
    display: none;
}

.index_case .more .i:first-child {
    display: block;
}

.index_case .more .public_more_02 {
    margin-top: 50px;
}

.index_case .swiper-pagination {
    bottom: 0;
}

.index_case .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.index_case .swiper-pagination-bullet-active {
    background-color: var(--main-color);
}

@media(max-width:768px) {
    .index_case {
        padding: 40px 0;
    }

    .index_case .con {
        padding-top: 30px;
    }

    .index_case .btn .btn_ {
        width: 42px;
        height: 42px;
        background-size: 20px;
    }

    .index_case .btn {
        top: 50%;
    }

    .index_case .more {
        padding-left: 20px;
        padding-right: 20px;
    }

    .index_case .more p {
        font-size: 22px;
    }

    .index_case .more span {
        line-height: 24px;
    }

}

.index_about {
    background-color: #ffffff;
    padding: 60px 0;
}

.index_about .con .img_list {
    padding-top: 50px;
    margin: 0 -12px;
}

.index_about .con .img_list .i {
    float: left;
    width: 33.33%;
    padding: 0 12px;
    position: relative;
}

@media(min-width:768px) {
    .index_about .con .img_list .i:after {
        content: '';
        z-index: 2;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        transition: 1.4s .3s cubic-bezier(0.42, 0, 0.38, 1);
    }

    .index_about .con.aos-animate .img_list .i:after {
        width: 0;
    }

}

.index_about .con .img_list .i_ {
    position: relative;
}

.index_about .con .img_list .i_ .t_box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 0 38px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 30, 38, 0)), color-stop(100%, #224A5F), to(#0D1E26));
    background: -o-linear-gradient(top, rgba(14, 30, 38, 0) 0%, #224A5F 100%, #0D1E26 100%);
    background: linear-gradient(180deg, rgba(14, 30, 38, 0) 0%, #224A5F 100%, #0D1E26 100%);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.index_about .con .img_list .i_ .t_box:hover {
    background: linear-gradient(180deg, rgba(16, 139, 150, 0.4) 18.57%, #4DBBAA 100%);
}

.index_about .con .img_list .i_ .t_box .t1 {
    font-size: 28px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 38px;
}

.index_about .con .img_list .i_ .t_box .t2 {
    margin-top: 10px;
}

.index_about .con .img_list .i_ .t_box .t2 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.index_about .con .img_list .i_ .t_box .t3 {
    margin-top: 35px;
}

.index_about .con .public_more_01 {
    background-color: transparent;
    border: 1px solid #fff;
}

.index_about .con .public_more_01 .icon {
    background-color: transparent;
    width: 50px;
    height: 50px;
    background-image: url(../images/more_white.svg);
}

.index_about .con .public_more_01 span {
    line-height: 50px;
    height: 50px;
}

@media(min-width:768px) {
    .index_about .con .public_more_01:hover {
        background-color: #fff;
    }

    .index_about .con .public_more_01:hover span {
        color: var(--main-color);
    }

    .index_about .con .public_more_01:hover .icon {
        background-image: url(../images/more_blue.svg);
    }

}

.index_about .con .num_list {
    margin: 0 -12px;
    padding-top: 50px;
}

.index_about .con .num_list .i {
    float: left;
    width: 25%;
    padding: 0 12px;
}

.index_about .con .num_list .i_ {
    position: relative;
    padding-bottom: 25px;
    cursor: default;
}

.index_about .con .num_list .i_:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #EBEBEB;
    z-index: 0;
}

.index_about .con .num_list .i_:before {
    content: '';
    height: 1px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    z-index: 1;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}

.index_about .con .num_list .i_:hover:before {
    width: 100%;
}

.index_about .con .num_list .t {
    margin-top: 16px;
}

.index_about .con .num_list .i_ span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 19px;
}

.index_about .con .num_list .t p {
    font-size: 48px;
    font-weight: 500;
    color: #333333;
    line-height: 48px;
    display: inline-block;
}

.index_about .con .num_list .i_:hover .t p {
    color: var(--main-color);
}

.index_about .con .num_list .t i {
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}

@media(max-width:1200px) {
    .index_about .con .img_list .i_ .t_box {
        padding: 0 15px 15px;
    }

    .index_about .con .img_list .i_ .t_box .t1 {
        font-size: 22px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 28px;
    }

}

@media(max-width:992px) {
    .index_about .con .img_list .i {
        width: 100%;
        margin-bottom: 10px;
    }

    .index_about .con .public_more_01 .icon {
        width: 42px;
        height: 42px;
    }

    .index_about {
        padding: 40px 0;
    }

    .pub_img img {
        height: 260px;
    }

    .index_about .con .num_list .t p {
        font-size: 36px;
    }

}

@media(max-width:768px) {
    .index_about .con .num_list .i {
        width: 50%;
        margin-bottom: 20px;
    }

    .index_about .con .num_list .t p {
        font-size: 28px;
        line-height: 28px;
    }

    .index_about .con .num_list {
        padding-top: 30px;
    }

}

@media(max-width:374px) {
    .index_about .con .num_list .i_ span, .index_about .con .num_list .t i {
        font-size: 14px;
    }

    .index_about .con .num_list .t p {
        font-size: 20px;
        line-height: 24px;
    }

}

.index_news {
    background-color: #EFF3F5;
    padding: 60px 0 68px;
}

.index_news .list {
    margin: -13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 50px;
}

.index_news .list .l_ {
    width: 50%;
    max-width: 50%;
    padding: 13px;
}

.index_news .list .l_ a {
    display: block;
}

.index_news .list .l_ a:hover .img i {
    transform: scale(1.03);
}

.index_news .list .l_ .t1 {
    padding-top: 20px;
}

.index_news .list .l_ .t1 span {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.index_news .list .l_ .t1 i {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.index_news .list .l_ .t2 {
    margin-top: 15px;
}

.index_news .list .l_ .t2 p {
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    line-height: 40px;
    height: 80px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_news .list .l_ a:hover .t2 p {
    color: var(--main-color);
}

.index_news .list .l_ .t2 span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    height: 52px;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_news .list .r_ {
    width: 50%;
    max-width: 50%;
    padding: 13px;
}

.index_news .list .r_ .list_ {
    height: 100%;
    margin: -13px;
}

.index_news .list .r_ .i {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    padding: 13px;
}

@media(min-width:768px) {
    .index_news .list .r_ .i:after {
        content: '';
        z-index: 2;
        width: 100%;
        height: 100%;
        background-color: #EFF3F5;
        position: absolute;
        right: 0;
        bottom: 0;
        transition: 1.4s .3s cubic-bezier(0.42, 0, 0.38, 1);
    }

    .index_news .list.aos-animate .r_ .i:after {
        height: 0;
    }

}

.index_news .list .r_ .i a {
    display: block;
    background-color: #fff;
    height: 100%;
    padding: 30px 35px;
    position: relative;
    overflow: hidden;
}

.index_news .list .r_ .i a .t2 {
    position: relative;
    z-index: 1;
}

.index_news .list .r_ .i a .t2 p {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_news .list .r_ .i a:hover .t2 p {
    color: #fff;
}

.index_news .list .r_ .i a .t2 span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 25px;
}

.index_news .list .r_ .i a:hover .t2 span {
    color: rgba(255, 255, 255, .6);
}

.index_news .list .r_ .i a .t1 {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
    position: relative;
    z-index: 1;
}

.index_news .list .r_ .i a:hover .t1 {
    border-top-color: rgba(255, 255, 255, .2);
}

.index_news .list .r_ .i a .t1 span {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.index_news .list .r_ .i a .t1 i {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.index_news .list .r_ .i a .img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.index_news .list .r_ .i a:hover .img {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.index_news .list .r_ .i a .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
}

.index_news .more {
    text-align: center;
    padding-top: 50px;
}

@media(max-width:1600px) {
    .index_news .list .r_ .i a .t2 span {
        height: 52px;
        -webkit-line-clamp: 2;
    }

}

@media(max-width:1200px) {
    .index_news .list {
        flex-flow: row wrap;
    }

    .index_news .list .l_ {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .index_news .list .r_ {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

}

@media(max-width:768px) {
    .index_news {
        padding: 40px 0;
    }

    .index_news .list {
        padding-top: 30px;
        display: block;
    }

    .index_news .list .l_ .t1 {
        padding-top: 10px;
    }

    .index_news .list .l_ .t2 {
        margin-top: 5px;
    }

    .index_news .list .l_ .t2 p {
        font-size: 17px;
        line-height: 26px;
        height: 52px;
    }

    .index_news .list .r_ .i {
        width: 100%;
    }

    .index_news .list .r_ .i a .t2 p {
        font-size: 17px;
        line-height: 26px;
        height: 52px;
        -webkit-line-clamp: 2;
    }

    .index_news .list .r_ .i a {
        padding: 20px;
    }

    .index_news .more {
        padding-top: 25px;
    }

}

footer {
    background-color: #2B2F3F;
    padding-top: 85px;
}

.footer_nav dl {
    float: left;
    width: 240px;
}

.footer_nav dl dt {
    padding-bottom: 10px;
}

.footer_nav dl dt a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 21px;
}

.footer_nav dl dd a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
    line-height: 36px;
}

footer .p2 {
    padding-top: 70px;
}

footer .p2 .l_ {
    float: left;
    padding-top: 20px;
}

footer .p2 .l_ a {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
}

footer .p2 .l_ i {
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin: 0 16px;
}

footer .p2 .r_ {
    float: right;
}

footer .p2 .r_ .btn {
    float: left;
    position: relative;
}

footer .p2 .r_ .btn .icon {
    width: 50px;
    height: 50px;
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .8;
}

footer .p2 .r_ .tel .icon {
    background-image: url(../images/phone.svg);
}

footer .p2 .r_ .wechat .icon {
    background-image: url(../images/wechat.svg);
}

footer .p2 .r_ .share .icon {
    background-image: url(../images/share.svg);
}

footer .p2 .r_ .btn .ewm {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    height: 110px;
    display: none;
    padding: 5px;
}

footer .p2 .r_ .btn .ewm:after {
    content: '';
    border-top: 5px solid;
}

footer .p2 .r_ .btn:hover .ewm {
    display: block;
}

footer .p2 .r_ .btn .ewm img {
    width: 100%;
    height: 100%;
    opacity: .9;
}

footer .p2 .r_ .link {
    float: left;
    width: 288px;
    height: 50px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 12px 0 20px;
    cursor: pointer;
    position: relative;
    margin-left: 20px;
}

footer .p2 .r_ .link .t {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.3);
    line-height: 50px;
    float: left;
}

footer .p2 .r_ .link .icon_01 {
    background-image: url(../images/drop_down.svg);
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer .p2 .r_ .link .drop_down {
    background-color: #2B2F3F;
    position: absolute;
    bottom: 100%;
    left: -1px;
    width: calc(100% + 2px);
    max-height: 300px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 5px 20px;
    overflow-y: auto;
    display: none;
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar-button:vertical {
    display: none
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar-corner, footer .p2 .r_ .link .drop_down::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .3);
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--main-color);
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--main-color);
}

footer .p2 .r_ .link .drop_down::-webkit-scrollbar-thumb:vertical:active {
    background-color: var(--main-color);
}

footer .p2 .r_ .link .drop_down a {
    color: rgba(255, 255, 255, 0.3);
    display: block;
    line-height: 40px;
    font-size: 16px;
}

footer .p2 .r_ .link .drop_down a:hover {
    color: #fff;
}

footer .p3 {
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 25px 0;
    margin-top: 35px;
}

footer .p3 .footer_logo {
    float: left;
    width: 122px;
}

footer .p3 .footer_logo img {
    width: 100%;
}

footer .p3 .r_ {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 28px;
}

footer .p4 {
    padding: 25px 0;
    text-align: right;
}

footer .p4 a, footer .p4 span {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 28px;
}

@media(max-width:1600px) {
    .footer_nav dl {
        width: 20%;
    }

}

@media(max-width:1200px) {
    footer .p2 .l_, footer .p2 .r_ {
        width: 100%;
    }

    footer .p2 .l_ {
        margin-bottom: 40px;
    }

    footer .p2 .r_ .link .drop_down {
        background-color: #2B2F3F;
    }

}

@media(max-width:768px) {
    .footer_nav, footer .p2 .r_ .tel, footer .p2 .r_ .wechat, footer .p2 .l_ {
        display: none;
    }

    .footer_img_m {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .footer_img_m img {
        width: 100%;
    }

    footer {
        padding-top: 30px;
    }

    footer .p2 {
        padding-top: 30px;
    }

    footer .p2 .r_ .link {
        width: 100%;
        display: inline-block;
        float: unset;
        margin-left: 0;
    }

    footer .p3 .footer_logo {
        width: 100%;
        max-width: 122px;
        margin: 0 auto;
        float: unset;
        display: block;
    }

    footer .p3 .r_ {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    footer .p3 {
        padding-bottom: 0;
        border-bottom: none;
    }

    footer .p4 {
        padding-top: 0;
        text-align: center;
    }

    footer .p2 .r_ .btn.share {
        float: unset;
        display: none;
    }

    footer .p2 .r_ {
        text-align: center;
    }

}

/* 分享 */
.share_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    z-index: 1111;
    display: none;
}

.share_box {
    position: fixed;
    top: 50%;
    width: 258px;
    left: 50%;
    z-index: 11111;
    display: none;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.share_box .share_list {
    height: 148px;
    padding-top: 20px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px 10px 0px 0px;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.share_box .sub {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 18px;
}

.share_box .share_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.share_box .share_list ul li {
    padding-top: 22px;
    width: 33%;
    cursor: pointer;
}

.share_box .share_list ul li p {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 8px;
    line-height: 24px;
    text-align: center;
}

.cancel_share {
    cursor: pointer;
    height: 48px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    border-radius: 0px 0px 10px 10px;
}

.share-copy {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300px;
    height: 42px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 6px 6px;
    font-size: 14px;
    padding: 6px 16px;
    color: #FFFFFF;
    z-index: 9999;
}

.weixin {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
}

.copyIcon {
    background: url(../images/msg_icon_link.svg) center center / contain no-repeat;
    width: 20px;
    height: 30px;
    float: left;
}

.copyDesc {
    font-size: 14px;
    padding-left: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    float: left;
}

.share_list li a {
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.share_list li a.share_weixin:before {
    background-position: 0px 0px;
}

.share_list li a.share_qq:before {
    background-position: -100px 0px;
}

.share_list li a.share_ment:before {
    background-position: -50px 0px;
}

.share_list li a.share_tb:before {
    display: block;
    content: "";
    margin: 0px auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    background-image: url(../images/fxico.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.share_bg {
    width: 38px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
}

/*首页左侧悬浮*/
.index_float_left {
    position: absolute;
    height: 30px;
    left: 20px;
    top: calc(100% + 180px);
    z-index: 20;
    display: flex;
    flex-direction: row-reverse;
    transform: rotate(-90deg) translate(-100%, 100%);
    transform-origin: left;
}

.index_float_left .i {
    overflow: hidden;
    max-width: 20px;
    cursor: pointer;
    transition: all .9s;
    position: relative;
}

.index_float_left .i.active, .index_float_left .i:hover {
    max-width: 180px;
}

.index_float_left .i span {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    padding-top: 10px;
    color: var(--main-color);
    padding-left: 20px;
    position: relative;
    padding-right: 20px;
}

.index_float_left .i:after {
    content: '';
    width: 2px;
    height: 14px;
    background-color: #d9d9d9;
    position: absolute;
    right: 0;
    bottom: 6px;
}

.index_float_left .i.active:after {
    background-color: var(--main-color);
    width: 3px;
    height: 22px;
}

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

}

/*cultrue*/
.cultrue_show_bg {
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

.cultrue_show {
    padding-top: 100px;
    padding-bottom: 168px;
}

.cultrue_show .p_t1 {
    font-size: 56px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.cultrue_show .p_t2 {
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin-top: 20px;
}

.cultrue_show .p_img_icon {
    width: 54px;
    margin: 57px auto 0;
}

.cultrue_show .p_img_icon img {
    width: 100%;
}

.cultrue_show .list_ {
    padding-top: 117px;
    display: flex;
    align-items: stretch;
}

.cultrue_show .list_ .i {
    width: 33.33%;
    max-width: 33.33%;
    min-width: 33.33%;
}

.cultrue_show .list_ .i_ {
    height: 100%;
    padding: 80px 60px 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cultrue_show .list_ .i:nth-child(1), .cultrue_show .list_ .i:nth-child(3) {
    position: relative;
    top: 50px;
}

.cultrue_show .list_ .i_ .img {
    width: 38px;
    margin: 0 auto;
}

.cultrue_show .list_ .i_ .img img {
    width: 100%;
}

.cultrue_show .list_ .i_ .t {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin-top: 25px;
}

.cultrue_show .list_ .i_ .h_ {
    width: 20px;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    margin: 26px auto 0;
}

.cultrue_show .list_ .i_ .des {
    margin-top: 24px;
}

.cultrue_show .list_ .i_ .des p {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
}

@media(max-width:1400px) {
    .cultrue_show .list_ .i_ .des {
        text-align: center;
    }

    .cultrue_show .list_ .i_ .des p {
        display: inline;
    }

    .cultrue_show .list_ .i_ {
        padding: 80px 35px 170px;
    }

}

@media(max-width:1200px) {
    .cultrue_show .p_t1 {
        font-size: 46px;
    }

    .cultrue_show .list_ .i_ {
        padding: 40px 35px 81px;
    }

}

@media(max-width:768px) {
    .cultrue_show .list_ .i:nth-child(1), .cultrue_show .list_ .i:nth-child(3) {
        top: 0;
    }

    .cultrue_show .list_ .i {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .cultrue_show .list_ {
        flex-flow: row wrap;
    }

    .cultrue_show .list_ .i_ .des p {
        font-size: 16px;
        display: block;
    }

    .cultrue_show_bg {
        background-size: auto;
    }

    .cultrue_show .p_t1 {
        font-size: 25px;
    }

    .cultrue_show .p_img_icon {
        width: 40px;
    }

    .cultrue_show .list_ {
        padding-top: 60px;
    }

    .cultrue_show {
        padding-top: 80px;
        padding-bottom: 30px;
    }

}

@media(max-width:374px) {
    .cultrue_show .list_ .i_ .des p {
        display: inline;
    }

    .cultrue_show .p_t1 {
        font-size: 20px;
    }

}

/*job*/
.job_list_bg {
    position: relative;
    width: 100%;
    height: calc(100vh - 100px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.job_list_bg>.pd {
    border: 1px solid transparent;
}

.job_list_bg .bg_ {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
}

.job_list_p1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    width: 100%;
}

.job_list_p1 .t1 {
    font-size: 56px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.job_list_p1 .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 20px;
    text-align: center;
}

.job_list_p1 .t3 form {
    margin: 67px auto 0;
}

.job_list_p2 {
    padding: 48px 0;
}

.job_list_p2>.pd {
    position: relative;
    z-index: 2;
}

.job_list_p2 .text {
    background-image: url(../images/job_list_p2_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 128px 20px 20px;
    position: relative;
}

.job_list_p2 .text .bg_ {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(43, 47, 63, 0.7);
}

.job_list_p2 .text .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 1;
    position: relative;
    text-align: center;
}

.job_list_p2 .text .h_ {
    width: 20px;
    height: 1px;
    background: #FFFFFF;
    opacity: 1;
    margin: 24px auto;
    z-index: 1;
    position: relative;
}

.job_list_p2 .text .des p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    z-index: 1;
    position: relative;
    text-align: center;
}

.job_list_p2 .text .btn {
    display: block;
    width: 154px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin: 40px auto 0;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
    z-index: 1;
    position: relative;
    text-align: center;
    transition: all .2s;
}

.job_list_p2 .text .btn:hover {
    color: #fff;
    background: linear-gradient(69.46deg, #108B96 0%, #4DBBAA 73.21%, #4DBBAA 100%);
}

.job_list_p2 .text .s_ {
    height: 50px;
    width: 1px;
    background: #FFFFFF;
    margin: 55px auto 0;
    z-index: 1;
    position: relative;
}

.job_list_p3 {
    background-image: url(../images/job_list_p3_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.job_list_p3 .img_icon {
    width: 948px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-animation: opa 2.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.2s infinite alternate both;
    animation: opa 2.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.2s infinite alternate both;
}

.job_list_p3 .img_icon img {
    width: 100%;
}

.job_list_p3 .text {
    padding: 214px 0;
    position: relative;
}

.job_list_p3 .text .h_ {
    width: 20px;
    height: 1px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin-bottom: 20px;
}

.job_list_p3 .text .des {
    max-width: 542px;
}

.job_list_p3 .text .des p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-bottom: 30px;
}

.job_list_p4 {
    padding: 60px 0 140px;
    background-color: #eeeeee;
}

.job_list_p4 .tit {
    text-align: center;
}

.job_list_p4 .job_box {
    text-align: center;
    padding-top: 40px;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.job_list_p4 .job_box .h {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
}

.job_list_p4 .box {
    display: inline-block;
    width: 280px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 24px 24px 24px 24px;
    opacity: 1;
}

.job_list_p4 .job_drop {
    position: relative;
    padding: 0 20px;
}

.job_list_p4 .job_drop select {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    color: #ccc;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/drop_down__.svg') no-repeat scroll right center transparent;
}

.job_list_p4 .list_ {
    padding-top: 56px;
    margin: -12px;
}

.job_list_p4 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 12px;
}

.job_list_p4 .list_ .i_ {
    display: block;
    background-color: #ffffff;
    padding: 32px;
}

.job_list_p4 .list_ .i_:hover {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    transition: .2s;
}

.job_list_p4 .list_ .t1 {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.job_list_p4 .list_ .i_:hover .t1 {
    color: rgba(255, 255, 255, 0.6);
    transition: .2s;
}

.job_list_p4 .list_ .t2 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-top: 8px;
}

.job_list_p4 .list_ .i_:hover .t2 {
    color: #fff;
    transition: .2s;
}

.job_list_p4 .list_ .t3 {
    padding-top: 30px;
}

.job_list_p4 .list_ .t3 span {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    position: relative;
}

.job_list_p4 .list_ .i_:hover .t3 span {
    color: rgba(255, 255, 255, 0.6);
    transition: .2s;
}

.job_list_p4 .list_ .t3 span:not(:first-child) {
    padding-left: 30px;
}

.job_list_p4 .list_ .t3 span:not(:first-child):after {
    content: '';
    width: 1px;
    height: 14px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.job_list_p4 .list_ .i_:hover .t3 span:not(:first-child):after {
    background: rgba(255, 255, 255, 0.2);
    transition: .2s;
}

.job_list_p4 .list_ .t4 {
    border-top: 1px solid #ccc;
    margin-top: 24px;
    padding-top: 24px;
}

.job_list_p4 .list_ .i_:hover .t4 {
    border-top-color: rgba(255, 255, 255, 0.6);
    transition: .2s;
}

.job_list_p4 .list_ .t4:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.job_list_p4 .list_ .t4 span {
    float: left;
    width: calc(100% - 50px);
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 50px;
}

.job_list_p4 .list_ .i_:hover .t4 span {
    color: rgba(255, 255, 255, 0.6);
}

.job_list_p4 .list_ .t4 .more {
    width: 50px;
    height: 50px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid #EEEEEE;
    float: right;
    background-image: url(../images/jt_icon_eee.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.job_list_p4 .list_ .i_:hover .t4 .more {
    transition: .2s;
    background-color: #ffffff;
    background-image: url(../images/jt_right_green.svg);
}

.job_list_p4 .list_ .t5 {
    display: none;
}

@media(max-width:1400px) {
    .job_list_p4 .list_ .i {
        width: 50%;
    }

}

@media(max-width:1200px) {
    .job_list_p2 .text .des {
        text-align: center;
    }

    .job_list_p2 .text .des p {
        display: inline;
    }

    .job_list_p2 .text .t1 {
        font-size: 28px;
    }

    .job_list_p3 .img_icon {
        width: 700px;
    }

}

@media(max-width:768px) {
    .job_list_p1 .t1 {
        font-size: 28px;
    }

    .job_list_p1 {
        padding-top: 42px;
    }

    .job_list_p2 {
        padding: 20px 0;
    }

    .job_list_p2 .text .t1 {
        font-size: 20px;
        line-height: 30px;
    }

    .job_list_p2 .text {
        padding: 60px 20px 20px;
    }

    .job_list_p3 .img_icon {
        width: 100%;
    }

    .job_list_p3 .text {
        padding: 60px 0 80px;
    }

    .job_list_p4 {
        padding: 30px 0;
    }

    .job_list_p4 .job_box {
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding-top: 20px;
    }

    .job_list_p4 .list_ .i {
        width: 100%;
    }

    .job_list_p4 .list_ .i_ {
        padding: 20px;
    }

    .job_list_p4 .list_ .t2 {
        font-size: 18px;
    }

    .job_list_p4 .list_ .t3 {
        padding-top: 20px;
    }

    .job_list_p4 .list_ .t4 .more {
        width: 42px;
        height: 42px;
    }

    .job_list_p4 .list_ .t4 {
        padding-top: 20px;
    }

}

@media(max-width:374px) {
    .job_list_p4 .list_ .t4 span {
        font-size: 14px;
    }

}

/*contact us*/
.contact_us {
    position: relative;
}

.contact_us #map {
    width: 100%;
    height: 786px;
    border: #ccc solid 1px;
    font-size: 12px
}

.contact_us .m_nav {
    position: fixed;
    z-index: 5;
}

.contact_us .map {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.contact_us .text {
    position: relative;
    width: 100%;
    z-index: 3;
    top: -200px;
}

.contact_us .text .con {
    padding: 32px;
    background: linear-gradient(35deg, #108B96 0%, #4DBBAA 100%);
    box-shadow: 0px 16px 15px 1px rgba(0, 0, 0, 0.03), 0px 23px 26px 1px rgba(0, 0, 0, 0.05), 0px 38px 36px 1px rgba(0, 0, 0, 0.06), 0px 100px 72px 1px rgba(0, 0, 0, 0.1);
}

.contact_us .text .con .up {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 30px;
}

.contact_us .text .con .up .l {
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
}

.contact_us .text .con .up .navlink {
    float: right;
    width: 154px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_us .text .con .up .navlink span {
    font-size: 16px;
    font-weight: 400;
    color: #4DBBAA;
    padding-right: 28px;
}

.contact_us .text .con .up .navlink .img {
    width: 22px;
    height: 22px;
    background-image: url(../images/jt_right_green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.contact_us .text .con .down {
    padding-top: 75px;
    display: flex;
    align-items: stretch;
    padding-bottom: 30px;
}

.contact_us .text .con .down .i {
    width: 18%;
    padding: 0 40px;
    position: relative;
}

.contact_us .text .con .down .i:after {
    content: '';
    width: 1px;
    height: 72px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contact_us .text .con .down .i:nth-child(1) {
    width: 28%;
}

.contact_us .text .con .down .i:nth-child(5):after {
    display: none;
}

.contact_us .text .con .down .i .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.contact_us .text .con .down .i .t1 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    margin: 10px auto;
}

.contact_us .text .con .down .i .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
}

.contact_us .text .con .down .i:nth-child(5) .e_img {
    width: 102px;
    height: 102px;
    margin: 4px auto 0;
}

.contact_us .text .con .down .i:nth-child(5) .e_img img {
    width: 100%;
}

.contact_us .text .con .down .i:nth-child(5) .t3 {
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 14px;
}

.contact_form {
    margin-top: -140px;
    background-color: #EEEEEE;
    padding-bottom: 50px;
}

.contact_form .tit {
    position: relative;
}

.contact_form .tit .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.contact_form .tit .t2 {
    font-size: 36px;
    color: #333333;
    margin-top: 5px;
}

.contact_form .tit .bt {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}

.contact_form .tit .bt i {
    font-style: normal;
    color: #4DBBAA;
    display: inline-block;
    padding-right: 5px;
}

.contact_form .form_list {
    opacity: 1;
    border: 2px solid #999999;
    margin-top: 30px;
    padding: 60px;
}

.contact_form .form_list .list_ .i_:after {
    content: '';
    height: 0;
    clear: both;
    display: block;
    height: 0;
}

.contact_form .form_list .list_ label.text {
    float: left;
    width: 100px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 50px;
}

.contact_form .form_list .list_ label.text i {
    font-size: 16px;
    font-style: normal;
    color: #4DBBAA;
    display: inline-block;
    padding-left: 10px;
}

.contact_form .form_list .list_ .input_box {
    float: left;
    height: 50px;
    width: calc(100% - 100px);
    background-color: #fff;
    position: relative;
}

.contact_form .form_list .list_ .input_box input {
    display: block;
    height: 26px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
}

.contact_form .form_list .list_ .input_box textarea {
    letter-spacing: 0px;
    resize: none;
    border: none;
    background-color: transparent;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    display: block;
    height: 100%;
    width: 100%;
    font-family: 'Microsoft YaHei', 'NotoSansHans-light', "Arial", 'SimSun', Serif;
}

.contact_form .form_list .list_ .i {
    margin-bottom: 32px;
}

.contact_form .form_list .list_ .fl {
    float: left;
}

.contact_form .form_list .list_ .fr {
    float: right;
}

.contact_form .form_list .list_ .w50 {
    width: calc(50% - 30px);
}

.contact_form .form_list .list_ .w100 {
    width: 100%;
}

.contact_form .form_list .list_ .h200 {
    height: 200px;
}

.contact_form .form_list .btn {
    padding-left: 100px;
    padding-top: 10px;
}

.contact_form .form_list .btn button {
    width: 154px;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    cursor: pointer;
}

.contact_form .form_list .btn button:nth-child(1) {
    background: #2B2F3F;
}

.contact_form .form_list .btn button:nth-child(2) {
    background: #4DBBAA;
    margin-left: 16px;
}

.contact_form .form_list label.error {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 14px;
    color: #4DBBAA;
    line-height: 24px;
}

@media(max-width:1800px) {
}

@media(max-width:1750px) {
    .contact_us .text .con .down .i {
        padding: 0 20px;
    }

}

@media(max-width:1400px) {
    .contact_us .text .con .down {
        flex-flow: row wrap;
    }

    .contact_us .text .con .down .i:nth-child(1) {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .contact_us .text .con .down .i {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
        margin-bottom: 40px;
    }

    .contact_us .text .con .down .i:nth-child(2n-1):after {
        display: none;
    }

}

@media(max-width:1024px) {
    .contact_form .form_list .list_ .w50 {
        width: 100%;
    }

}

@media(max-width:768px) {
    .contact_us #map {
        height: 460px !important;
    }

    .contact_us .text .con .down .i {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 40px;
    }

    .contact_us .text .con .down .i:nth-child(-n+5) {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .contact_us .text .con .down .i:nth-child(-n+5):after {
        display: none;
    }

    .contact_us .text {
        top: 0;
    }

    .contact_us .text>.pd {
        padding: 0;
    }

    .contact_us .map {
        position: relative;
        height: 400px;
    }

    .contact_us .text .con .up .l {
        font-size: 20px;
        line-height: 50px;
    }

    .contact_us .text .con {
        padding: 20px;
    }

    .contact_us .text .con .down {
        padding-top: 30px;
    }

    .contact_us {
        height: auto;
    }

    .contact_form {
        margin-top: 50px;
    }

    .contact_form .tit .t1 {
        font-size: 22px;
    }

    .contact_form .tit .t2 {
        font-size: 22px;
    }

    .contact_form .tit .bt {
        display: none;
    }

    .contact_form .form_list {
        padding: 0;
        border-color: transparent;
    }

    .contact_form .form_list .btn {
        padding-left: 0;
    }

}

@media(max-width:374px) {
    .contact_form .form_list {
        margin-top: 20px;
    }

    .contact_form .form_list .list_ label.text {
        width: 100%;
    }

    .contact_form .form_list .list_ .input_box {
        width: 100%;
    }

    .contact_form .form_list .list_ .i {
        margin-bottom: 20px;
    }

    .contact_form .form_list .btn {
        padding-top: 30px;
    }

    .contact_form .form_list .btn button {
        width: 120px;
        height: 42px;
        line-height: 42px;
    }

}

/*售后培训*/
.server_sspx {
    padding-top: 60px;
    background-color: #EEEEEE;
    padding-bottom: 60px;
}

.server_sspx .up_ {
    padding-top: 40px;
    border-bottom: 1px solid #666666;
    padding-bottom: 35px;
}

.server_sspx .list_ {
    margin: -12px;
    padding-top: 30px;
    padding-bottom: 60px;
}

.server_sspx .list_ .i {
    float: left;
    width: 33.33%;
    padding: 12px;
}

.server_sspx .list_ .i_ {
    position: relative;
}

.server_sspx .list_ .i_ .img {
    position: relative;
}

.server_sspx .list_ .i_ .img img {
    width: 100%;
    position: relative;
    z-index: 0;
}

.server_sspx .list_ .i_ .img i {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.server_sspx .list_ .i_ .img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2;
}

.server_sspx .list_ .i_:hover .img:after {
    background: rgba(43, 47, 63, 0.6);
}

.server_sspx .list_ .i_ .img .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-image: url(../images/play_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    z-index: 3;
}

.server_sspx .list_ .i_ .text {
    background-color: #ffffff;
    padding: 32px;
}

.server_sspx .list_ .i_:hover .text {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.server_sspx .list_ .i_ .text p {
    float: left;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}

.server_sspx .list_ .i_:hover .text p {
    color: #fff;
}

.server_sspx .list_ .i_ .text span {
    float: right;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
}

.server_sspx .list_ .i_:hover .text span {
    color: rgba(255, 255, 255, .5);
}

.play_mv_box {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
}

.play_mv_box .play_mv {
    max-width: 50%;
    max-height: 80%;
    height: 90%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s;
    margin-top: 100px;
}

.play_mv_box .play_mv video {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.play_mv_box.show .play_mv {
    margin-top: 0;
    opacity: 1;
}

.play_mv_box .play_mv .close {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(0%, -100%);
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-image: url(../images/nav_close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

@media(max-width:992px) {
    .server_sspx .list_ .i {
        width: 50%;
    }

}

@media(max-width:768px) {
    .server_sspx .up_ {
        padding: 20px 0;
    }

    .server_sspx {
        padding: 40px 0;
    }

    .server_sspx .list_ .i {
        width: 100%;
    }

    .server_sspx .list_ .i_ .text {
        padding: 20px;
    }

    .server_sspx .list_ .i_ .text p {
        font-size: 16px;
    }

    .play_mv_box .play_mv {
        width: 100%;
        max-width: 100%;
    }

    .play_mv_box .play_mv .close {
        background-size: 20px;
    }

}

/*新闻详情*/
.news_show {
    padding-top: 50px;
}

.news_show .tit {
    max-width: 830px;
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    line-height: 54px;
}

.news_show .cont {
    border-top: 1px solid #eeeeee;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
}

.news_show .cont .l_ {
    float: left;
    width: 340px;
}

.news_show .cont .r_ {
    float: left;
    width: calc(100% - 340px);
}

.news_show .cont .l_ .up_ .time {
    float: left;
}

.news_show .cont .l_ .up_ .time span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
}

.news_show .cont .l_ .up_ .time p {
    font-size: 46px;
    font-weight: 400;
    color: #666666;
    line-height: 46px;
    margin-top: 10px;
}

.news_show .cont .l_ .up_ .icon_list {
    float: right;
    user-select: none;
}

.news_show .cont .l_ .up_ .icon_list .i {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #EEEEEE;
    opacity: 1;
    border-radius: 50%;
    margin: 0 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer;
}

.news_show .cont .l_ .up_ .icon_list .i:hover {
    background-color: var(--main-color);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(1) {
    background-image: url(../images/news_show_icon01.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(2) {
    background-image: url(../images/news_show_icon02.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(3) {
    background-image: url(../images/news_show_icon03.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(4) {
    background-image: url(../images/news_show_icon04.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(5) {
    background-image: url(../images/news_show_icon05.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(1):hover {
    background-image: url(../images/news_show_icon011.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(2):hover {
    background-image: url(../images/news_show_icon021.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(3):hover {
    background-image: url(../images/news_show_icon031.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(4):hover {
    background-image: url(../images/news_show_icon041.svg);
}

.news_show .cont .l_ .up_ .icon_list .i:nth-child(5):hover {
    background-image: url(../images/news_show_icon051.svg);
}

.news_show .cont .l_ .down_ {
    border-top: 1px solid #eeeeee;
    margin-top: 55px;
    padding-top: 20px;
}

.news_show .cont .l_ .down_ .t {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
}

.news_show .cont .l_ .down_ .list_ {
    padding-top: 15px;
}

.news_show .cont .l_ .down_ .list_ a {
    display: inline-block;
    height: 34px;
    background: #EEEEEE;
    opacity: 1;
    padding: 0 13px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
}

.news_show .cont .l_ .down_ .list_ a:hover {
    background-color: #4DBBAA;
    color: #fff;
}

.news_show .cont .r_ {
    padding-left: 140px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 1.3;
}

.news_show .cont .r_ p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 1.4;
}

.news_show .cont .r_ p:not(:first-child) {
    margin-top: 20px;
}

.news_show .cont .r_ img, .news_show .cont .r_ video {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.news_show_more {
    background-color: #eeeeee;
    padding-top: 30px;
}

.news_show_more .up_ {
    position: relative;
}

.news_show_more .up_:before` {
    content: '';
    width: 1px;
    height: 100px;
    background: #CCCCCC;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.news_show_more .n {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
}

.news_show_more .t {
    font-size: 28px;
    font-weight: 400;
    color: #333333;
    line-height: 42px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
}

.news_show_more .btn_:hover .t {
    color: #4DBBAA;
}

.news_show_more .prev {
    float: left;
    width: 50%;
    padding-right: 80px;
}

.news_show_more .next {
    float: left;
    width: 50%;
    padding-left: 80px;
}

.news_show_more .down_ {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
    padding: 20px 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.news_show_more .down_ a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news_show_more .down_ a .icon {
    width: 32px;
    height: 32px;
    background: #CCCCCC;
    opacity: 1;
    border-radius: 50%;
    background-image: url(../images/left_more_icon_white.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.news_show_more .down_ a span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    padding-left: 5px;
}

.news_show_more .down_ a:hover span {
    color: #4DBBAA;
}

.news_show_more .down_ a:hover .icon {
    background-color: #4DBBAA;
}

@media(max-width:1200px) {
    .news_show .cont .l_ {
        width: 100%;
        margin-bottom: 40px;
    }

    .news_show .cont .r_ {
        width: 100%;
        padding-left: 0;
    }

    .news_show_more .t {
        font-size: 20px;
        line-height: 30px;
        height: 60px;
    }

}

@media(max-width:768px) {
    .news_show .tit {
        font-size: 24px;
        line-height: 1.4;
    }

    .news_show .cont .l_ .down_ {
        margin-top: 30px;
    }

    .news_show_more .prev, .news_show_more .next {
        width: 100%;
        padding: 10px 0;
    }

    .news_show_more .t {
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }

}

@-webkit-keyframes shake-top {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

}

@keyframes shake-top {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
    }

    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

}

@-webkit-keyframes opa {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }

}

@keyframes opa {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }

}

/*内页全屏banner公共样式   job_list.html*/
.fullscreen_banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 100px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fullscreen_banner:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
}

@media(max-width:768px) {
    .mobile_banner_n {
        position: relative;
        z-index: 0;
    }

    .mobile_banner_n img {
        width: 100%;
    }

    .fullscreen_banner {
        height: auto;
    }

}

/*二级导航公共样式*/
.pub_e_nav {
    position: fixed;
    left: 0;
    top: 100px;
    right: 0;
    z-index: 990;
}

/*面包屑公共样式*/
.pub_position {
    position: absolute;
    left: 0;
    top: 62px;
    right: 0;
    z-index: 9;
}

/*整屏banner下一页按钮*/
.fullscreen_btn {
    position: absolute;
    bottom: 16px;
    left: 50%;
    margin-left: -16px;
    z-index: 2;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-animation: shake-top 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.2s infinite both;
    animation: shake-top 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.2s infinite both;
}

.fullscreen_btn img {
    width: 100%;
}

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

    .pub_e_nav {
        top: 62px;
    }

}

/*圆角搜索form  job_list.html*/
.public_search {
    width: 561px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 36px 36px 36px 36px;
    opacity: 1;
    position: relative;
}

.public_search input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 26px;
    display: block;
    width: 100%;
    padding: 0 20px;
    background-color: transparent;
    font-size: 16px;
    color: #333;
}

.public_search button {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #4DBBAA;
    opacity: 1;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-image: url(../images/search_icon_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
    z-index: 2;
}

@media(max-width:768px) {
    .public_search {
        width: 320px;
        height: 42px;
    }

    .public_search button {
        width: 36px;
        height: 36px;
    }

}

@media(max-width:374px) {
    .public_search {
        width: 280px;
    }

}

/*绿底白字按钮*/
.pub_green_btn {
    display: block;
    width: 154px;
    height: 50px;
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    text-align: center;
}

/*内页公共标题*/
.pub_n_title {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

@media(max-width:768px) {
    .pub_n_title {
        font-size: 24px;
    }

}

/*内页分类样式*/
.public_n_tit {
    font-size: 36px;
    font-weight: bold;
    color: #2B2F3F;
    line-height: 54px;
}

.public_n_cata a {
    display: inline-block;
    width: 154px;
    height: 50px;
    border: 1px solid #666666;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 50px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.public_n_cata a.active {
    border: none;
    background-image: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    color: #fff;
}

@media(max-width:768px) {
    .public_n_tit {
        font-size: 24px;
    }

    .public_n_cata a {
        width: 110px;
        height: 42px;
        font-size: 15px;
        line-height: 42px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

}

.public_n_bottom {
    padding: 103px 0;
    background-image: url(../images/pub_n_b_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.public_n_bottom:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
}

.public_n_bottom .text {
    position: relative;
    z-index: 1;
}

.public_n_bottom .t {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}

.public_n_bottom .des {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-top: 13px;
    text-align: center;
}

.public_n_bottom .more {
    display: block;
    width: 154px;
    height: 50px;
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    margin: 57px auto 0;
    text-align: center;
}

@media(max-width:768px) {
    .public_n_bottom .t {
        font-size: 24px;
    }

    .public_n_bottom {
        padding: 50px 0;
    }

    .public_n_bottom .more {
        margin: 30px auto 0;
    }

}

/*内页短banner*/
.public_banner_n {
    position: relative;
}

.public_banner_n .banner_n_img {
    position: relative;
    z-index: 0;
}

.public_banner_n .banner_n_img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90.03deg, rgba(0, 0, 0, 0.3) 0.04%, rgba(0, 0, 0, 0) 36.63%);
}

.public_banner_n .banner_n_text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding-top: 62px;
}

.public_banner_n .banner_n_text p {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.public_banner_n .banner_n_text span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    padding-top: 10px;
    display: block;
}

.public_banner_n .banner_n_text span i {
    display: block;
    line-height: 26px;
}

.public_banner_n .banner_n_text .btn_ {
    width: 154px;
    height: 50px;
    background-image: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    margin-top: 125px;
}

.public_banner_n .banner_n_text .btn_ .span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding-right: 28px;
}

.public_banner_n .banner_n_text .btn_ .icon {
    width: 22px;
    height: 22px;
    background-image: url(../images/more_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

@media(max-width:1200px) {
    .public_banner_n .banner_n_text .btn_ {
        margin-top: 40px;
    }

    /*.public_banner_n .banner_n_text span{display:none;}*/
}

@media(max-width:768px) {
    .public_banner_n .banner_n_text p {
        font-size: 30px;
    }

    .public_banner_n .banner_n_text .btn_ {
        height: 42px;
    }

}

/*下横线搜索*/
.public_n_search {
    border-bottom: 1px solid #666666;
    width: 296px;
    position: relative;
    height: 50px;
}

.public_n_search .input_box {
    position: absolute;
    left: 0;
    height: 28px;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.public_n_search .input_box input {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    background-color: transparent;
}

.public_n_search button {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-color: transparent;
    background-image: url(../images/header_search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}

/*page*/
.pub_page_list {
    text-align: center;
    width: 100%;
}

.pub_page_list .pagination {
    display: inline-block;
    position: relative;
}

.pub_page_list .pagination li {
    float: left;
}

.pub_page_list span, .pub_page_list a {
    display: block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
}

.pub_page_list .active span, .pub_page_list .active a {
    background-color: #4DBBAA;
    border-color: #4DBBAA;
    color: #fff;
}

.pub_page_list li:last-child span, .pub_page_list li:last-child span, .pub_page_list li:first-child a, .pub_page_list li:first-child a {
    border: none;
    font-size: 20px;
}

@media(max-width:768px) {
}

/*白底带右箭头按钮*/
.public_more_03 {
    width: 154px;
    height: 50px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.public_more_03:hover {
    background-color: #4DBBAA;
}

.public_more_03 span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    padding-right: 28px;
}

.public_more_03:hover span {
    color: #fff;
}

.public_more_03 .icon {
    width: 22px;
    height: 22px;
    background-image: url(../images/more_gray.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.public_more_03:hover .icon {
    background-image: url(../images/more_white.svg);
}

@media(max-width:768px) {
    .public_more_03 {
        width: 124px;
        height: 42px;
    }

    .public_more_03 span {
        font-size: 14px;
        padding-right: 12px;
    }

}

/*float_btn*/
.float_btn {
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 999;
}

.float_btn .i {
    width: 70px;
    height: 70px;
    margin: 1px 0;
    position: relative;
}

.float_btn .i>a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #333;
}

.float_btn .i.contact>a {
    background-image: url(../images/chat.svg);
}

.float_btn .i.wechat>a {
    background-image: url(../images/header_wechat-white.svg);
}

.float_btn .i.back_top>a {
    background-image: url(../images/top_icon_white.svg);
}

.float_btn .i>a:hover {
    background-color: var(--main-color);
}

.float_btn .i .drop_img {
    width: 0px;
    height: 120px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s linear;
    overflow: hidden;
}

.float_btn .i .drop_img img {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 120px;
}

.float_btn .i:hover .drop_img {
    width: 120px;
}

@media(min-width:768px) {
}

@media(max-width:768px) {
    .float_btn .i {
        width: 42px;
        height: 42px;
    }

    .float_btn .i>a {
        background-size: 25px;
    }

}

/*招聘弹窗*/

/*join tc box*/
.join_tc {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    z-index: -999;
    left: 0;
    top: 0;
    opacity: 0;
}

.join_tc.show {
    z-index: 20;
    opacity: 1;
}

.join-tc-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) translateY(100px);
    z-index: 10;
    background-color: red;
    border-radius: 10px;
    background-color: #fff;
    max-width: 640px;
    padding-bottom: 30px;
    opacity: 0;
    transition: all .6s;
}

.join_tc.show .join-tc-box {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0px);
}

.join-tc-box .join-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    border-bottom: 1px solid #E5E5E5;
}

.join-tc-box .join-top .t {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
}

.join-tc-box .join-top .join-close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.join-tc-box .join-top .join-close img {
    width: 24px;
    height: 24px;
}

.join-tc-box .text {
    max-height: 340px;
    overflow-y: auto;
    padding-left: 40px;
    padding-right: 40px;
    margin: 30px 0;
}

.join-tc-box .text .t_1 {
    color: #666666;
    font-size: 17px;
    line-height: 20px;
}

.join-tc-box .text .text_01 {
    font-size: 15px;
    color: #666666;
    line-height: 20px;
    padding-top: 6px;
}

.join-tc-box .text .des_02 {
    padding-top: 20px;
}

.join-tc-box .text .text_01 p {
    font-size: 15px;
    color: #666666;
    line-height: 20px;
}

.join-tc-box .text::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}

.join-tc-box .text::-webkit-scrollbar-button:vertical {
    display: none;
}

.join-tc-box .text::-webkit-scrollbar-corner, .join-tc-box .text::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.join-tc-box .text::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: var(--main-color);
}

.join-tc-box .text::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--main-color);
}

.join-tc-box .text::-webkit-scrollbar-thumb:vertical:active {
    background-color: var(--main-color);
}

.join-tc-box .more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 140px;
    height: 38px;
    background-color: #EDEDED;
    border-radius: 0px;
    padding: 0 8px 0 20px;
    margin-left: 30px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.join-tc-box .more:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #4DBBAA;
    transition: all .4s linear;
}

.join-tc-box .more:hover:after {
    width: 100%;
}

.join-tc-box .more span {
    font-size: 13px;
    color: #666;
    position: relative;
    z-index: 1;
}

.join-tc-box .more:hover span {
    color: #fff;
}

.join-tc-box .more .img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../images/more_03.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}

@media(max-width:768px) {
    .join-tc-box {
        width: 90%;
    }

    .join-tc-box .join-top {
        padding: 15px;
    }

    .join-tc-box .text {
        padding: 15px;
        margin: 10px 0;
    }

    .join-tc-box .more {
        margin-left: 15px;
    }

}

/*新闻列表*/
.news_list_p1 {
    padding-top: 40px;
    padding-bottom: 50px;
    background-color: #fff;
}

.news_list_p1 .news_swp_01 {
    padding-top: 30px;
    padding-bottom: 35px;
}

.news_list_p1 .box {
    margin: 0 -12px;
}

.news_list_p1 .swiper-slide {
}

.news_list_p1 .i {
    padding: 0 12px;
    height: 400px;
    float: left;
    width: calc(50% / 3);
    transition: all .5s linear;
}

.news_list_p1 .i .t1 {
    padding: 24px;
    position: relative;
    z-index: 1;
    opacity: 1;
}

.news_list_p1 .i.active .t1 {
    opacity: 0;
}

.news_list_p1 .i .t1 span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.news_list_p1 .i .t1 p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.news_list_p1 .i.active {
    width: calc(50%);
}

.news_list_p1 .i_ {
    display: block;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    overflow: hidden;
}

.news_list_p1 .i_:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.news_list_p1 .active .i_:before {
    display: none;
}

.news_list_p1 .i .t2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
    background: linear-gradient(180deg, rgba(16, 139, 150, .9) 0%, rgba(77, 187, 170, .9) 100%);
    padding: 74px 24px 24px 24px;
    transform: translateY(100%);
}

.news_list_p1 .i .t2 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    transform: translateY(50px);
    opacity: 0;
}

.news_list_p1 .i .t2 p {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transform: translateY(50px);
    opacity: 0;
}

.news_list_p1 .i.active .t2 {
    transform: translateY(0);
    transition: all .5s .5s;
}

.news_list_p1 .i.active .t2 span, .news_list_p1 .i.active .t2 p {
    transform: translateY(0);
    opacity: 1;
    transition: all .5s 1s;
}

.news_list_p1 .swiper-pagination {
    bottom: 0;
}

.news_list_p1 .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    transition: all .3s;
}

.news_list_p1 .swiper-pagination-bullet-active {
    width: 26px;
    height: 2px;
    background: #4DBBAA;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.news_list_p2 {
    background-color: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}

.news_list_p2 .pub_n_title {
    float: left;
}

.news_list_p2 .public_search {
    float: right;
    width: 396px;
}

.news_list_p2 .list_ {
    padding-top: 40px;
    margin: -10px;
    padding-bottom: 40px;
}

.news_list_p2 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 10px;
}

.news_list_p2 .list_ .i_ {
    transition: all .3s;
    position: relative;
    background-color: #fff;
}

.news_list_p2 .list_ .i_:hover {
    box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0.2);
}

.news_list_p2 .list_ .no_img .i_:hover {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.news_list_p2 .list_ .i .img {
    display: block;
    position: relative;
    overflow: hidden;
}

.news_list_p2 .list_ .i.no_img .img {
    opacity: 0;
}

.news_list_p2 .list_ .i .img i {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.news_list_p2 .list_ .i .img img {
    position: relative;
    z-index: 0;
    width: 100%;
}

.news_list_p2 .list_ .i .text_no_img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 40px 30px;
    display: block;
}

.news_list_p2 .list_ .i .text_no_img .t1 {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.news_list_p2 .list_ .i_:hover .text_no_img .t1 {
    color: rgba(255, 255, 255, 0.5);
}

.news_list_p2 .list_ .i .text_no_img .t2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 50px;
}

.news_list_p2 .list_ .i_:hover .text_no_img .t2 {
    color: rgba(255, 255, 255, 1);
}

.news_list_p2 .list_ .i .text_no_img .des {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    height: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-top: 30px;
}

.news_list_p2 .list_ .i_:hover .text_no_img .des {
    color: rgba(255, 255, 255, 0.5);
}

.news_list_p2 .list_ .i .text {
    padding: 30px;
    background-color: #fff;
    transition: all .3s;
}

.news_list_p2 .list_ .i.no_img .text {
    background-color: transparent;
}

.news_list_p2 .list_ .i_:hover .text {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.news_list_p2 .list_ .no_img .i_:hover .text {
    background: transparent;
}

.news_list_p2 .list_ .i .text .t1 {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 24px;
}

.news_list_p2 .list_ .i_:hover .text .t1 {
    color: rgba(255, 255, 255, 0.5);
}

.news_list_p2 .list_ .no_img .text .t1, .news_list_p2 .list_ .no_img .i_:hover .text .t1 {
    color: transparent;
}

.news_list_p2 .list_ .i .text .t2 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
}

.news_list_p2 .list_ .i_:hover .text .t2 {
    color: #ffffff;
}

.news_list_p2 .list_ .no_img .text .t2, .news_list_p2 .list_ .no_img .i_:hover .text .t2 {
    color: transparent;
}

.news_list_p2 .list_ .i .text .t3 {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    margin-top: 20px;
}

.news_list_p2 .list_ .i_:hover .text .t3 {
    border-top-color: rgba(255, 255, 255, .5);
}

.news_list_p2 .list_ .i .text .t3 .m {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 32px;
}

.news_list_p2 .list_ .i_:hover .text .t3 .m {
    color: #ffffff;
}

.news_list_p2 .list_ .i .text .t3 .b {
    float: right;
    width: 32px;
    height: 32px;
    position: relative;
}

.news_list_p2 .list_ .i .text .t3 .b .i_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
}

.news_list_p2 .list_ .i_:hover .text .t3 .b .i_icon {
    background-color: rgba(255, 255, 255, .3);
}

.news_list_p2 .list_ .i_:hover .text .t3 .b .i_icon:nth-child(-n+3) {
    opacity: 0;
}

.news_list_p2 .list_ .i .text .t3 .b .i_icon:nth-child(1) {
    background-image: url(../images/weibo_icon_white.svg);
}

.news_list_p2 .list_ .i .text .t3 .b .i_icon:nth-child(2) {
    background-image: url(../images/wechat.svg);
}

.news_list_p2 .list_ .i .text .t3 .b .i_icon:nth-child(3) {
    background-image: url(../images/link_icon_white.svg);
}

.news_list_p2 .list_ .i .text .t3 .t .i_icon:nth-child(3) {
    transform: translateX(calc(-100% - 5px));
    opacity: 1 !important;
    transition: .3s;
}

.news_list_p2 .list_ .i .text .t3 .t .i_icon:nth-child(2) {
    transform: translateX(calc(-200% - 10px));
    opacity: 1 !important;
    transition: .3s;
}

.news_list_p2 .list_ .i .text .t3 .t .i_icon:nth-child(1) {
    transform: translateX(calc(-200% - 15px));
    opacity: 1 !important;
    transition: .3s;
}

.news_list_p2 .list_ .i .text .t3 .b .g {
    z-index: 1;
    background-color: #4DBBAA;
    background-image: url(../images/share_icon_white.svg);
    transition: all .3s;
}

.news_list_p2 .list_ .i .text .t3 .t .g {
    background-image: url(../images/video_icon_close.svg);
}

.news_list_p2 .list_ .i .text .t3 .b .i_icon:nth-child(2) {
    display: none;
}

@media(max-width:1440px) {
    .news_list_p1 .i {
        padding: 0 5px;
    }

    .news_list_p1 .box {
        margin: 0 -5px;
    }

    .news_list_p1 .i .t1 {
        padding: 15px;
    }

    .news_list_p2 .list_ .i .text_no_img .t2 {
        margin-top: 20px;
    }

}

@media(max-width:1200px) {
    .news_list_p2 .list_ .i {
        width: 50%;
    }

}

@media(max-width:992px) {
    .news_list_p1 .i:nth-child(1) {
        width: 100%;
    }

    .news_list_p1 .i:nth-child(n+2) {
        display: none;
    }

}

@media(max-width:768px) {
    .news_list_p1 {
        padding: 30px 0 40px;
    }

    .news_list_p1 .i_ {
        background-position: center;
    }

    .news_list_p2 .public_search {
        width: 100%;
        margin-top: 20px;
    }

    .news_list_p2 .list_ .i .text {
        padding: 20px;
    }

    .news_list_p2 .list_ .i .text .t2, .news_list_p2 .list_ .i .text_no_img .t2 {
        font-size: 16px;
    }

    .news_list_p2 .list_ .i .text_no_img .des {
        -webkit-line-clamp: 2;
        height: 52px;
    }

}

@media(max-width:580px) {
    .news_list_p2 .list_ .i {
        width: 100%;
    }

}

/*服务支持*/
.server_ssfw_p2 {
    background-image: url(../images/fwzc_p1_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0 70px;
}

.server_ssfw_p2 .pub_n_title {
    text-align: center;
}

.server_ssfw_p2 .list_ {
    margin: 0 -13px;
    padding-top: 40px;
}

.server_ssfw_p2 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 0 13px;
}

.server_ssfw_p2 .list_ .i_ {
    position: relative;
}

.server_ssfw_p2 .list_ .i .img {
    position: relative;
}

.server_ssfw_p2 .list_ .i .img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(43, 47, 63, 0) 0%, rgba(43, 47, 63, 0.8) 100%);
}

.server_ssfw_p2 .list_ .i .img img {
    width: 100%;
}

.server_ssfw_p2 .list_ .i .text {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 32px;
}

.server_ssfw_p2 .list_ .i .text .n {
    font-size: 62px;
    font-weight: 400;
    color: #FFFFFF;
}

.server_ssfw_p2 .list_ .i .text .des {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 32px 32px;
}

.server_ssfw_p2 .list_ .i .text .des p {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 34px;
}

.server_ssfw_p2 .list_ .i .text .des span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    padding-top: 5px;
    display: block;
}

.server_ssfw_p2 .list_ .i .text_1 {
    padding-top: 20px;
    width: 100%;
    max-width: 310px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
}

.server_ssfw_p3 {
    background-image: url(../images/ssfw_p3_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.server_ssfw_p3 .l_ {
    float: left;
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}

.server_ssfw_p3 .r_ {
    float: left;
    width: 50%;
    background-image: linear-gradient(45deg, rgba(16, 139, 150, .8), rgba(16, 139, 150, .8));
    padding: 54px 12% 54px 54px;
}

.server_ssfw_p3 .l_ .text {
    max-width: 380px;
    padding-top: 54px;
}

.server_ssfw_p3 .l_ .text p {
    font-size: 36px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.server_ssfw_p3 .l_ .text span {
    display: block;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    padding-top: 24px;
}

.server_ssfw_p3 .r_ .img {
    width: 33px;
}

.server_ssfw_p3 .r_ .img img {
    width: 100%;
}

.server_ssfw_p3 .r_ .list_ .i {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 32px 0;
    position: relative;
}

.server_ssfw_p3 .r_ .list_ .i p {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 34px;
}

.server_ssfw_p3 .r_ .list_ .i .des {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    padding-top: 10px;
    display: none;
    height: 78px;
    padding-right: 20px;
}

.server_ssfw_p3 .r_ .list_ .i:nth-child(1) .des {
    display: block;
}

.server_ssfw_p3 .r_ .list_ .i .icon {
    width: 26px;
    height: 26px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 35px;
    cursor: pointer;
}

.server_ssfw_p3 .r_ .list_ .i .icon:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.server_ssfw_p3 .r_ .list_ .i .icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 1;
    transition: all .3s;
}

.server_ssfw_p3 .r_ .list_ .i.show .icon:before {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
}

.server_ssfw_p4 {
    padding: 54px 0;
    margin: 0 -12px;
}

.server_ssfw_p4 .i {
    float: left;
    width: 25%;
    padding: 0 12px;
}

.server_ssfw_p4 .i_ {
    background-color: #eeeeee;
    padding: 65px 0;
    display: block;
    position: relative;
}

.server_ssfw_p4 .i_ .img {
    width: 50px;
    margin: 0 auto;
}

.server_ssfw_p4 .i_ .img img {
    width: 100%;
}

.server_ssfw_p4 .i_ .h_ {
    width: 20px;
    height: 1px;
    background: #C4C4C4;
    margin: 30px auto;
}

.server_ssfw_p4 .i_ .text p {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 28px;
    text-align: center;
}

.server_ssfw_p4 .i_ .text span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    text-align: center;
    padding-top: 16px;
}

.server_ssfw_p4 .i_ .text span.l {
    color: #4DBBAA;
}

.server_ssfw_p4 .i_ #erweim {
    position: absolute;
    z-index: 2;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    transition: all .3s linear;
    height: 0;
}

.server_ssfw_p4 .i_:hover #erweim {
    height: 80%;
}

.server_ssfw_p4 .i_ #erweim img {
    width: 100%;
}

.server_ssfw_p5 {
    padding: 86px 0 94px;
    background-image: url(../images/ssfw_p5_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.server_ssfw_p5:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.server_ssfw_p5 .pd {
    position: relative;
    z-index: 1;
}

.server_ssfw_p5 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}

.server_ssfw_p5 .list_ {
    padding-top: 50px;
    margin: 0 -12px;
}

.server_ssfw_p5 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 0 12px;
}

.server_ssfw_p5 .list_ .i_ {
    background-color: #ffffff;
    display: block;
    padding: 36px 20px;
    text-align: center;
}

.server_ssfw_p5 .list_ .i_:hover {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.server_ssfw_p5 .list_ .i_ .img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.server_ssfw_p5 .list_ .i:nth-child(1) .img {
    background-image: url(../images/ssfw_icon01.svg);
}

.server_ssfw_p5 .list_ .i:nth-child(1) .i_:hover .img {
    background-image: url(../images/ssfw_icon01_.svg);
}

.server_ssfw_p5 .list_ .i:nth-child(2) .img {
    background-image: url(../images/ssfw_icon02.svg);
}

.server_ssfw_p5 .list_ .i:nth-child(2) .i_:hover .img {
    background-image: url(../images/ssfw_icon02_.svg);
}

.server_ssfw_p5 .list_ .i:nth-child(3) .img {
    background-image: url(../images/ssfw_icon03.svg);
}

.server_ssfw_p5 .list_ .i:nth-child(3) .i_:hover .img {
    background-image: url(../images/ssfw_icon03_.svg);
}

.server_ssfw_p5 .list_ .i .t {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    margin-top: 16px;
    text-align: center;
}

.server_ssfw_p5 .list_ .i_:hover .t {
    color: #ffffff;
}

.server_ssfw_p5 .list_ .i .des {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 16px;
}

.server_ssfw_p5 .list_ .i_:hover .des {
    color: rgba(255, 255, 255, 0.5);
}

.server_ssfw_p5 .list_ .i .more {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
    padding-right: 26px;
    background-image: url(../images/next_gray.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right center;
}

.server_ssfw_p5 .list_ .i_:hover .more {
    color: #fff;
    background-image: url(../images/next_white.svg);
}

@media(max-width:1200px) {
    .server_ssfw_p4 .i {
        width: 50%;
        margin-bottom: 24px;
    }

}

@media(max-width:1024px) {
    .server_ssfw_p3 .l_ {
        display: none;
    }

    .server_ssfw_p3 .r_ {
        width: 100%;
    }

}

@media(max-width:768px) {
    .server_ssfw_p2 .list_ .i {
        width: 100%;
    }

    .server_ssfw_p2 .list_ .i:not(:first-child) {
        margin-top: 30px;
    }

    .server_ssfw_p2 {
        padding: 40px 0 40px;
    }

    .server_ssfw_p3 .r_ .list_ .i p {
        font-size: 18px;
    }

    .server_ssfw_p4 .i {
        width: 100%;
    }

    .server_ssfw_p5 .list_ .i {
        width: 100%;
        margin-bottom: 20px;
    }

    .server_ssfw_p5 .tit {
        font-size: 24px;
    }

    .server_ssfw_p5 {
        padding: 50px 0;
    }

    .server_ssfw_p3 .r_ {
        padding: 30px 20px;
    }

    .server_ssfw_p3 .r_ .list_ .i .des {
        height: 130px;
    }

}

/*下载中心*/
.server_download {
    padding-top: 60px;
    background-color: #EEEEEE;
    padding-bottom: 60px;
}

.server_download .up_ {
    padding-top: 40px;
    border-bottom: 1px solid #666666;
    padding-bottom: 35px;
}

.server_download .public_n_cata {
    float: left;
}

.server_download .public_n_search {
    float: right;
}

.server_download .list_ {
    margin: -9px;
    padding-top: 30px;
    padding-bottom: 60px;
}

.server_download .list_ .i {
    float: left;
    width: 33.33%;
    padding: 9px;
}

.server_download .list_ .i_ {
    background: #FFFFFF;
    position: relative;
    z-index: 0;
    padding: 40px 30px 20px;
}

.server_download .list_ .i_:hover {
    background-image: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.server_download .list_ .i_ .t {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.server_download .list_ .i_:hover .t {
    color: #fff;
}

.server_download .list_ .i_ .des {
    border-top: 1px solid #cccccc;
    padding-top: 25px;
    margin-top: 30px;
}

.server_download .list_ .i_ .des:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
}

.server_download .list_ .i_:hover .des {
    border-top-color: rgba(255, 255, 255, .5);
    transition: all .3s;
}

.server_download .list_ .i_ .des .l_ {
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 28px;
}

.server_download .list_ .i_:hover .des .l_ {
    color: rgba(255, 255, 255, .5);
    transition: all .3s;
}

.server_download .list_ .i_ .des .r_ {
    display: block;
    float: right;
    width: 50px;
    height: 51px;
    opacity: 1;
    border: 1px solid #CCCCCC;
    background-image: url(../images/download.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px;
    transition: all .3s;
}

.server_download .list_ .i_:hover .des .r_ {
    border-color: transparent;
    background-color: #ffffff;
    background-image: url(../images/download_1.svg);
    transition: all .3s;
}

@media(max-width:1200px) {
    .server_download .list_ .i {
        width: 50%;
    }

}

@media(max-width:768px) {
    .server_download {
        padding: 40px 0;
    }

    .server_download .public_n_search {
        width: 100%;
        margin: 10px 0;
    }

    .server_download .up_ {
        padding: 20px 0;
        border-bottom: none;
    }

    .server_download .list_ .i {
        width: 100%;
    }

    .server_download .list_ {
        padding-top: 20px;
    }

    .server_download .list_ .i_ .des .r_ {
        width: 42px;
        height: 42px;
    }

    .server_download .list_ .i_ .des .l_ {
        line-height: 42px;
    }

}

/*服务支持  常见问题*/
.server_cjwt {
    padding-top: 60px;
    background-color: #EEEEEE;
    padding-bottom: 60px;
}

.server_cjwt .up_ {
    padding-top: 40px;
    border-bottom: 1px solid #666666;
    padding-bottom: 35px;
}

.server_cjwt .public_n_cata {
    float: left;
}

.server_cjwt .public_n_search {
    float: right;
}

.server_cjwt .list_ {
    margin: -9px;
    padding-top: 30px;
    padding-bottom: 60px;
}

.server_cjwt .list_ .i {
    float: left;
    width: 33.33%;
    padding: 9px;
}

.server_cjwt .list_ .i_ {
    height: 100px;
    background: #FFFFFF;
    position: relative;
    z-index: 0;
}

.server_cjwt .list_ .active .i_ {
    z-index: 1;
}

.server_cjwt .list_ .i_ .tbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 40px 25px;
    cursor: pointer;
}

.server_cjwt .list_ .active .i_ .tbox {
    height: auto;
    background-image: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.server_cjwt .list_ .active .i_ .tbox:after {
    content: '';
    width: 127px;
    height: 127px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../images/cjwt_bg.png);
    background-size: 100%;
}

.server_cjwt .list_ .i_ .tbox .t_:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.server_cjwt .list_ .i_ .tbox .t {
    position: relative;
}

.server_cjwt .list_ .i_ .tbox .t .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 2px;
    background-image: url(../images/jia_green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    transition: all .3s;
}

.server_cjwt .list_ .active .i_ .tbox .t .icon {
    background-image: url(../images/jian_white.svg);
}

.server_cjwt .list_ .i_ .tbox .t .r_ {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.server_cjwt .list_ .i_ .tbox .t_ .l_ {
    float: left;
    width: 35px;
    white-space: nowrap;
}

.server_cjwt .list_ .i_ .tbox .t_ .r_ {
    float: left;
    width: calc(100% - 35px)
}

.server_cjwt .list_ .i_ .tbox .t span {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
}

.server_cjwt .list_ .active .i_ .tbox .t span {
    color: #fff;
    overflow: visible;
    white-space: unset;
    text-overflow: unset;
}

.server_cjwt .list_ .i_ .tbox .des {
    display: none;
    opacity: 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 15px;
    padding-top: 40px;
    transition: all .3s;
}

.server_cjwt .list_ .active .i_ .tbox .des {
    opacity: 1;
    display: block;
}

.server_cjwt .list_ .i_ .tbox .des span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

@media(max-width:1200px) {
    .server_cjwt .list_ .i {
        width: 50%;
    }

}

@media(max-width:768px) {
    .server_cjwt {
        padding: 40px 0;
    }

    .server_cjwt .public_n_search {
        width: 100%;
        margin: 10px 0;
    }

    .server_cjwt .up_ {
        padding: 20px 0;
        border-bottom: none;
    }

    .server_cjwt .list_ .i {
        width: 100%;
    }

    .server_cjwt .list_ {
        padding-top: 20px;
    }

    .server_cjwt .list_ .i_ .des .r_ {
        width: 42px;
        height: 42px;
    }

    .server_cjwt .list_ .i_ .des .l_ {
        line-height: 42px;
    }

}

/*离线仿真*/
.lxfz_list_p1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    z-index: 8;
    margin-top: 40px;
}

.lxfz_list_p1 .t1 {
    font-size: 56px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 66px;
    text-align: center;
}

.lxfz_list_p1 .t2 {
    padding-top: 20px;
}

.lxfz_list_p1 .t2 p {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
}

.lxfz_list_p1 .pub_green_btn {
    margin: 90px auto 0;
}

.lxfz_hei {
    height: 710px;
    cursor: pointer;
}

.lxfz_hei .pub_img {
    float: left;
    width: 50%;
    height: 100%;
}

.lxfz_hei .pub_text {
    float: left;
    width: 50%;
    height: 100%;
    padding-top: 60px;
    background-color: #eee;
    padding-bottom: 40px;
    transition: all .3s;
}

.lxfz_hei .pub_text * {
    transition: all .3s;
}

.lxfz_hei .pub_img .swiper-container, .lxfz_hei .pub_img .swiper-wrapper, .lxfz_hei .pub_img .swiper-slide {
    height: 100%;
}

.lxfz_hei .pub_img .img {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lxfz_hei .pub_text .n {
    font-size: 126px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0);
    line-height: 126px;
    -webkit-text-stroke: 1px #4DBBAA;
    text-stroke: 1px #4DBBAA;
}

.lxfz_hei .pub_text .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #2B2F3F;
    line-height: 54px;
    margin-top: 70px;
}

.lxfz_hei .pub_text .h_ {
    width: 10px;
    height: 1px;
    background: #4DBBAA;
    margin: 15px 0 20px;
}

.lxfz_hei .pub_text .des p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
}

.lxfz_hei .pub_text .des p:not(:first-child) {
    margin-top: 30px;
}

.lxfz_list_p2 .pub_text {
    padding-left: 12%;
    padding-right: 135px;
}

.lxfz_list_p4 .pub_text {
    padding-right: 12%;
    padding-left: 135px;
}

.lxfz_list_p3 {
    background-image: url(../images/lxfz_p3_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 240px 0 250px;
    position: relative;
}

.lxfz_list_p3:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.lxfz_list_p3 .pd {
    position: relative;
    z-index: 1;
}

.lxfz_list_p3 .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}

.lxfz_list_p3 .des {
    padding-top: 35px;
    max-width: 780px;
    margin: 0 auto;
}

.lxfz_list_p3 .des p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
}

.lxfz_list_p3 .des p:not(:first-child) {
    margin-top: 20px;
}

.pub_lxfz_b {
    background-image: url(../images/lxfz_b_bg.jpg);
    padding: 125px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.pub_lxfz_b:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.pub_lxfz_b .pd {
    position: relative;
    z-index: 1;
}

.pub_lxfz_b .t {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
}

.pub_lxfz_b .btn {
    display: block;
    width: 154px;
    height: 50px;
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    margin: 40px auto 0;
    text-align: center;
}

.lxfz_swp01 .swiper-pagination-bullet-active {
    background-color: #4DBBAA;
}

.lxfz_swp03 .swiper-pagination-bullet-active {
    background-color: #4DBBAA;
}

.lxfz_swp04 .swiper-pagination-bullet-active {
    background-color: #4DBBAA;
}

@media(min-width:768px) {
    .lxfz_hei:hover .pub_text {
        background-color: #4DBBAA;
    }

    .lxfz_hei:hover .pub_text .n {
        color: rgba(255, 255, 255, 0.2);
    }

    .lxfz_hei:hover .pub_text .h_ {
        background-color: rgba(255, 255, 255, 1);
    }

    .lxfz_hei:hover .pub_text .t1 {
        color: #fff;
    }

    .lxfz_hei:hover .pub_text .des p {
        color: #fff;
    }

}

@media(max-width:1400px) {
    .lxfz_hei {
        height: auto;
        display: flex;
        align-items: stretch;
    }

    .lxfz_hei .pub_img {
        height: auto;
    }

    .lxfz_list_p2 .pub_text {
        padding-right: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .lxfz_hei .pub_text .t1 {
        margin-top: 20px;
    }

    .lxfz_hei .pub_text .n {
        font-size: 100px;
        line-height: 100px;
    }

}

@media(max-width:1200px) {
    .lxfz_list_p1 .t1 {
        font-size: 42px;
    }

    .lxfz_list_p1 .t2 {
        text-align: center;
    }

    .lxfz_list_p1 .t2 p {
        display: inline;
    }

}

@media(max-width:768px) {
    .lxfz_list_p2, .lxfz_list_p3, .lxfz_list_p4, .lxfz_list_p5 {
        margin-top: 20px;
    }

    .lxfz_list_p5 {
        margin-bottom: 20px;
    }

    .lxfz_list_p1 .t1 {
        font-size: 24px;
    }

    /*.lxfz_list_p1 .t2{display:none;}*/
    .lxfz_hei {
        position: relative;
    }

    .lxfz_hei .pub_text {
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1;
        padding: 40px 20px 80px;
    }

    .lxfz_hei .pub_img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
    }

    .lxfz_hei .pub_text .n {
        color: rgba(255, 255, 255, 1);
        -webkit-text-stroke: 1px #fff;
        text-stroke: 1px #fff;
        font-size: 80px;
        line-height: 80px;
    }

    .lxfz_hei .pub_text .h_ {
        background-color: #fff;
    }

    .lxfz_hei .pub_text .t1 {
        color: #fff;
        font-size: 28px;
    }

    .lxfz_hei .pub_text .des p {
        color: #fff;
    }

    .lxfz_list_p3 .t1 {
        font-size: 24px;
    }

    .lxfz_list_p3 {
        padding: 50px 0;
    }

    .pub_lxfz_b .t {
        font-size: 28px;
    }

}

/*产品列表*/
.product_list .pro_select {
    background-color: #eeeeee;
    padding-bottom: 30px;
    position: relative;
    z-index: 4;
}

.product_list .pro_select .up_ {
    padding-top: 35px;
}

.product_list .pro_select .up_ .t {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    float: left;
}

.product_list .pro_select .up_ .reset {
    float: right;
    width: 76px;
    height: 34px;
    background: #4DBBAA;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
}

.product_list .pro_select .down_ {
    margin: 0 -20px;
    padding-top: 30px;
}

.product_list .pro_select .down_ .i {
    float: left;
    width: 25%;
    padding: 0 20px;
}

.product_list .pro_select .down_ .t {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
}

.product_list .pro_select .down_ .mt {
    margin-top: 15px;
    height: 56px;
}

.pro_select_box {
    opacity: 1;
    border: 1px solid #C4C4C4;
    position: relative;
}

.pro_select_box .span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

.pro_select_box .span input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 16px;
    cursor: pointer;
}

.pro_select_box .span .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 22px;
    border-left: 1px solid #c4c4c4;
}

.pro_select_box .span .icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-top: 7px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.pro_select_box .drop_down_ {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    border: 1px solid #C4C4C4;
    background-color: #EEEEEE;
    padding: 10px 20px;
    display: none;
}

.pro_select_box .drop_down_ p {
    color: #ccc;
    font-size: 16px;
    margin: 10px 0;
    cursor: pointer;
}

.pro_select_box .drop_down_ p:hover {
    color: #666;
}

.range {
    position: relative;
    height: 100%;
    margin: 0;
    width: 100%;    /*overflow: hidden;*/
    user-select: none;
    -webkit-user-select: none;
}

.chunk-one, .chunk-two {
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 10;
    cursor: pointer;
    border: 2px solid #666666;
    box-sizing: border-box;
}

.range .chunk-two {
    left: 100%;
}

.strong01, .strong02 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    position: absolute;
    bottom: 0;
}

.strong01 {
    left: 0;
}

.strong02 {
    right: -16px;
}

.strip-one, .strip-two {
    position: absolute;
    left: 0;
    top: 6px;
    height: 4px;
    width: 100%;
    background-color: #c4c4c4;
}

.strip-two {
    width: 100%;
    background-color: #4DBBAA;
}

.pro_select_ {
    padding-right: 16px;
}

.product_list .cont {
    overflow: hidden;
}

.product_list .cont .tit {
    padding: 40px 0;
}

.product_list .cont .tit .t {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    line-height: 42px;
    float: left;
}

.product_list .cont .tit .des {
    float: right;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    display: none;
}

.product_list .cont .tit .des span {
    color: #4DBBAA;
    display: inline-block;
    padding: 0 3px;
}

.product_list .cont .list_ {
    margin: -12px;
    padding: 0 24px 50px;
}

.product_list .cont .list_ .i {
    float: left;
    width: 50%;
    padding: 12px;
}

.product_list .cont .list_ .i_ {
    position: relative;
    display: block;
}

.product_list .cont .list_ .i .bg {
    position: relative;
    z-index: 0;
}

.product_list .cont .list_ .i .bg img {
    width: 100%;
}

.product_list .cont .list_ .i_ .pro_c {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.product_list .cont .list_ .pro_img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50%;
}

.product_list .cont .list_ .pro_img img {
    width: 100%;
}

.product_list .cont .list_ .pro_text {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 48px;
}

.product_list .cont .list_ .pro_text .t1 {
    display: block;
    position: relative;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.2;
    padding-bottom: 16px;
}

.product_list .cont .list_ .pro_text .t1:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product_list .cont .list_ .pro_text .des {
    padding-top: 15px;
}

.product_list .cont .list_ .pro_text .des p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin: 4px 0;
}

.product_list .cont .list_ .pro_text .more {
    margin-top: 40px;
}

@media(max-width:1200px) {
    .product_list .pro_select .down_ .i {
        width: 50%;
        margin-bottom: 50px;
    }

    .product_list .cont .list_ .pro_text {
        padding: 15px;
    }

    .product_list .cont .list_ .pro_text .more {
        margin-top: 15px;
    }

    .product_list .cont .list_ .pro_text .t1 {
        font-size: 20px;
    }

    .product_list .cont .list_ .pro_text .des p {
        font-size: 14px;
        line-height: 20px;
    }

}

@media(max-width:768px) {
    .product_list .pro_select .down_ .i {
        width: 100%;
        margin-bottom: 30px;
    }

    .pro_select_box {
        position: relative;
        z-index: 99;
    }

    .product_list .cont .list_ {
        padding: 0 20px 30px;
    }

    .product_list .cont .list_ .i {
        width: 100%;
    }

    .product_list .cont .list_ .pro_img {
        max-width: 40%;
    }

    .product_list .cont .tit .t {
        font-size: 20px;
        line-height: 24px;
    }

    .product_list .cont .list_ .pro_text .des, .product_list .cont .list_ .pro_text .t1:after, .product_list .cont .list_ .pro_text .more span, .product_list .cont .list_ .pro_text .more .icon {
        display: none;
    }

    .product_list .cont .list_ .pro_text .more {
        display: none;
    }

    .product_list .cont .list_ .pro_text {
        width: 100%;
    }

    .product_list .cont .list_ .pro_text .t1 {
        padding-bottom: 0;
        text-align: center;
    }

    .product_list .pro_select {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99;
        top: 0;
        left: 0;
        display: none;
    }

    .product_list .pro_select.show {
        display: block;
    }

    .product_list .pro_select_btn__ {
        margin-left: 20px;
        margin-top: 30px;
        width: 110px;
        height: 42px;
        background-color: #4DBBAA;
        font-size: 16px;
        color: #fff;
        line-height: 42px;
        text-align: center;
        border-radius: 2px;
    }

}

/*解决方案*/
.solution_list {
}

.solution_list .p1 {
    padding: 55px 0 65px;
    background-image: url(../images/slt_p1_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.solution_list .p1 .up_ .l_ {
    float: left;
    width: 480px;
}

.solution_list .p1 .up_ .r_ {
    float: right;
    width: calc(100% - 480px);
    padding-left: 180px;
}

.solution_list .p1 .up_ .l_ p {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    line-height: 54px;
}

.solution_list .p1 .up_ .r_ p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
}

.solution_list .p1 .up_ .r_ p:not(:first-child) {
    margin-top: 20px;
}

.solution_list .p1 .down_ {
    margin-top: 50px;
}

.solution_list .p2 {
    position: relative;
}

.solution_list .p2 .img_box {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    transition: all .6s;
}

.solution_list .p2.aos-init .img_box {
    left: 200px;
    right: 200px;
}

@media(max-width:768px) {
    .solution_list .p2 .img_box {
        left: 0;
        right: 0;
    }

}

@media(min-width:768px) {
    .solution_list .p2.aos-animate .img_box {
        left: 0;
        right: 0;
    }

}

.solution_list .p2 .img_box .i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.solution_list .p2 .img_box .i:nth-child(1) {
    display: block;
}

.solution_list .p2 .text {
    position: relative;
    z-index: 1;
    padding-top: 56px;
    padding-bottom: 50px;
}

.slt_pub_t .t {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
    text-align: center;
    transition: all .6s;
}

.solution_list .p2.aos-init .slt_pub_t .t {
    opacity: 0;
    transform: translateY(30px);
}

.slt_pub_t .des {
    max-width: 577px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
    margin: 20px auto 0;
}

.solution_list .p2.aos-init .slt_pub_t .des {
    opacity: 0;
    transform: translateY(30px);
    transition: all .6s;
}

@media(min-width:768px) {
    .solution_list .p2.aos-animate .slt_pub_t .t {
        opacity: 1;
        transform: translateY(0);
    }

    .solution_list .p2.aos-animate .slt_pub_t .des {
        opacity: 1;
        transform: translateY(0);
    }

}

.solution_list .p2 .text .down_ {
    margin-top: 370px;
    margin: 370px -13px 0;
}

.solution_list .p2 .text .down_ .swiper-container {
    padding-bottom: 30px;
}

.solution_list .p2 .text .down_ .swiper-pagination {
    bottom: 0;
}

.solution_list .p2 .text .down_ .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    transition: all .3s;
}

.solution_list .p2 .text .down_ .swiper-pagination-bullet-active {
    width: 26px;
    height: 2px;
    background: #4DBBAA;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.solution_list .p2 .text .down_ .i {
    float: left;
    width: 100%;
    padding: 0 13px;
}

.solution_list .p2 .text .down_ .i_ {
    cursor: pointer;
}

.solution_list .p2 .text .down_ .i .h_ {
    width: calc(100% - 45px);
    height: 2px;
    background: #FFFFFF;
    opacity: 0.5;
}

.solution_list .p2.aos-init .text .down_ .i .h_ {
    width: 0px;
    transition: all .6s .4s;
}

@media(min-width:768px) {
    .solution_list .p2.aos-animate .text .down_ .i .h_ {
        width: calc(100% - 45px);
    }

}

.solution_list .p2 .text .down_ .i.active .h_ {
    background-color: #4DBBAA;
    opacity: 1;
}

.solution_list .p2 .text .down_ .i .t {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    margin: 16px 0;
}

.solution_list .p2.aos-init .text .down_ .i .t {
    opacity: 0;
    transform: translateY(30px);
    transition: all .6s .4s;
}

.solution_list .p2 .text .down_ .i .des {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    padding-right: 45px;
}

.solution_list .p2.aos-init .text .down_ .i .des {
    opacity: 0;
    transform: translateY(30px);
    transition: all .6s .4s;
}

@media(min-width:768px) {
    .solution_list .p2.aos-animate .text .down_ .i .t {
        opacity: 1;
        transform: translateY(0px);
    }

    .solution_list .p2.aos-animate .text .down_ .i .des {
        opacity: 1;
        transform: translateY(0px);
    }

}

.solution_list .p3 {
    padding-top: 56px;
    background-image: url(../images/solution_p3_bg.jpg);
    padding-bottom: 50px;
}

.solution_list .p3 .list_ {
    padding-top: 40px;
}

.solution_list .p3 .list_ .swiper-slide {
    position: relative;
}

.solution_list .p3 .list_ .img img {
    width: 100%;
}

.solution_list .p3 .list_ .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(43, 47, 63, 0) 0%, #2B2F3F 100%);
}

.solution_list .p3 .list_ .text .b {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
}

.solution_list .p3 .list_ .text .b .t {
    cursor: pointer;
}

.solution_list .p3 .list_ .text .b .t:after {
    content: '';
    display: block;
    clear: both;
}

.solution_list .p3 .list_ .text .b .t span {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 34px;
    font-size: left;
    width: calc(100% - 10px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.solution_list .p3 .list_ .text .b .t .icon {
    float: right;
    width: 10px;
    height: 10px;
    position: relative;
    margin-top: 10px;
}

.solution_list .p3 .list_ .text .b .t .icon:after {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.solution_list .p3 .list_ .text .b .t .icon:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 1;
    transition: all .3s;
}

.solution_list .p3 .list_ .text .b .des {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    display: none;
    padding-top: 8px;
}

.solution_list .p3 .list_ .text .b .t.active .icon:before {
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 0;
}

.solution_list .p3 .list_ .swiper-container {
    padding-bottom: 50px;
}

.solution_list .p3 .swiper-pagination {
    bottom: 0;
}

.solution_list .p3 .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.solution_list .p3 .swiper-pagination-bullet-active {
    width: 26px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.solution_list .p4 {
    padding: 60px 0;
    overflow: hidden;
}

.solution_list .p4 .tit .t {
    color: #333333;
}

.solution_list .p4 .list_ {
    padding-top: 50px;
}

.solution_list .p4 .swiper-slide {
    background-image: url(../images/slt_p4_img_bg.jpg);
    padding: 46px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.solution_list .p4 .swiper-slide .l_ {
    float: left;
    width: 260px;
}

.solution_list .p4 .swiper-slide .r_ {
    float: right;
    width: calc(100% - 260px);
    text-align: center;
}

.solution_list .p4 .swiper-slide .l_ .t {
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 48px;
}

.solution_list .p4 .swiper-slide .l_ .h_ {
    width: 10px;
    height: 1px;
    background: #FFFFFF;
    margin: 16px 0;
}

.solution_list .p4 .swiper-slide .l_ .des .i:after {
    content: '';
    display: block;
    clear: both;
}

.solution_list .p4 .swiper-slide .l_ .des .i {
    margin-bottom: 8px;
}

.solution_list .p4 .swiper-slide .l_ .des .i span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.solution_list .p4 .swiper-slide .l_ .des .i span:nth-child(1) {
    float: left;
    width: 120px;
}

.solution_list .p4 .swiper-slide .l_ .des .i span:nth-child(2) {
    float: left;
    width: calc(100% - 120px);
}

.solution_list .p4 .swiper-slide .l_ .more {
    width: 154px;
    height: 50px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 90px;
}

.solution_list .p4 .swiper-slide .l_ .more:hover {
    background-color: #4DBBAA;
}

.solution_list .p4 .swiper-slide .l_ .more span {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 26px;
    padding-right: 28px;
}

.solution_list .p4 .swiper-slide .l_ .more:hover span {
    color: #fff;
}

.solution_list .p4 .swiper-slide .l_ .more .icon {
    width: 22px;
    height: 22px;
    background-image: url(../images/more_gray.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.solution_list .p4 .swiper-slide .l_ .more:hover .icon {
    background-image: url(../images/more_white.svg);
}

.solution_list .p4 .swiper-slide .r_ img {
    width: 100%;
    max-width: 260px;
}

.solution_list .p4 .swiper-container {
    padding-bottom: 40px;
}

.solution_list .p4 .swiper-pagination {
    bottom: 0;
}

.solution_list .p4 .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    transition: all .3s;
}

.solution_list .p4 .swiper-pagination-bullet-active {
    width: 26px;
    height: 2px;
    background: #4DBBAA;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.solution_list .list_ {
    position: relative;
}

.solution_list .p4 .list_ .btn_ {
    width: 56px;
    height: 56px;
    background: #2B2F3F;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    top: 50%;
    background-image: url(../images/more_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
}

.solution_list .p4 .list_:hover .btn_ {
    opacity: 1;
}

.solution_list .p4 .list_ .btn_.prev {
    left: -30px;
    transform: translate(-100%, -50%) rotate(180deg);
}

.solution_list .p4 .list_ .btn_.next {
    right: -30px;
    transform: translate(100%, -50%);
}

.solution_list .p4 .list_ .btn_:hover {
    background-color: #4DBBAA;
}

@media(max-width:1400px) {
    .solution_list .p1 .up_ .r_ {
        padding-left: 20px;
    }

    .solution_list .p4 .swiper-slide .l_ {
        position: relative;
        z-index: 1;
    }

    .solution_list .p4 .swiper-slide .r_ {
        position: absolute;
        right: 0px;
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

}

@media(max-width:1200px) {
    .solution_list .p1 .up_ .l_ {
        width: 100%;
        margin-bottom: 50px;
    }

    .solution_list .p1 .up_ .r_ {
        width: 100%;
        padding-left: 0;
    }

}

@media(max-width:768px) {
    .solution_list .p1 .up_ .l_ {
        margin-bottom: 30px;
    }

    .solution_list .p1 .up_ .l_ p {
        font-size: 24px;
        line-height: 1.5;
    }

    .solution_list .p1 {
        padding: 35px 0;
    }

    .solution_list .p1 .down_ {
        margin-top: 30px;
    }

    .solution_list .p2 .text .down_ .i {
        padding: 0 3px;
    }

    .solution_list .p2 .text .down_ {
        margin: 180px -3px 0;
    }

    .slt_pub_t .t {
        font-size: 24px;
    }

    /*.slt_pub_t .des{display:none;}*/
    .solution_list .p2 .text {
        padding-bottom: 20px;
    }

    .solution_list .p3 .list_ .text .b .t span {
        font-size: 18px;
    }

    .solution_list .p3 {
        padding: 40px 0;
    }

    .solution_list .p4 .swiper-slide {
        padding: 20px;
    }

    .solution_list .p4 .swiper-slide .l_ .t {
        font-size: 20px;
    }

    .solution_list .p4 .swiper-slide .l_ .more {
        margin-top: 30px;
    }

    .solution_list .p4 .swiper-slide .l_ .h_ {
        margin: 10px 0;
    }

    .solution_list .p4 .swiper-slide .r_ {
        max-height: 100%;
    }

    .solution_list .p4 .swiper-slide .r_ img {
        max-height: 100%;
    }

    .solution_list .p4 {
        padding: 40px 0;
    }

    .solution_list .p4 .list_ {
        padding-top: 30px;
    }

    .solution_list .p2 .text .down_ .i .h_ {
        width: 100%;
    }

    .solution_list .p2 .text .down_ .i .des {
        padding-right: 0;
    }

}

/*产品详情*/
.pro_show_:before {
    display: none;
}

.pro_show_ .m_page_right {
    top: 0;
}

.pro_show_p1 {
    z-index: 8;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-bottom: 50px;
}

.pro_show_p1>.pd {
    position: relative;
}

.pro_show_p1 .tit {
    opacity: .3 !important;
    font-size: 130px;
    font-family: myFont;
    font-weight: 400;
    line-height: 130px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.pro_show_p1 .text {
    max-width: 700px;
    margin-top: 70px;
}

.pro_show_p1 .text .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.pro_show_p1 .text .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-top: 16px;
}

.pro_show_p1 .text .t3 {
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.pro_show_p1 .text .t3 .i {
    float: left;
}

.pro_show_p1 .text .t3 .i p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.pro_show_p1 .text .t3 .i span {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.pro_show_p1 .text .t3 .s_ {
    height: 70px;
    width: 1px;
    background-color: #fff;
    transform: rotate(20deg);
}

.pro_show_p1 .text .t4 .btn {
    display: inline-block;
    width: 144px;
    height: 48px;
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
}

.pro_show_p1 .text .t4 .btn:nth-child(1) {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.pro_show_p1 .text .t4 .btn:nth-child(2) {
    border: 1px solid #ffffff;
    background: transparent;
    margin-left: 25px;
}

.pro_show_p1 .img {
    position: absolute;
    right: 25%;
    top: calc(50% + 50px);
    max-width: 460px;
    transform: translateY(-50%);
}

.pro_show_p1 .img .swiper-pagination {
    bottom: 0;
}

.pro_show_p1 .img .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    background: #CCCCCC;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.pro_show_p1 .img .swiper-pagination-bullet-active {
    background-color: var(--main-color);
}

.pro_show_p1 .img img {
    width: 100%;
}

.pro_show_p2 {
    background-color: #fff;
}

.pro_show_p2.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
    z-index: 12;
    box-shadow: 0px 4px 8px 0px #0000000D;
}

.pro_show_p2 .l_ {
    font-size: 20px;
    font-weight: bold;
    color: #4DBBAA;
    line-height: 70px;
    float: left;
}

.pro_show_p2 .r_ {
    float: right;
}

.pro_show_p2 .r_ a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 68px;
    border-bottom: 2px solid transparent;
    margin-left: 50px;
}

.pro_show_p2 .r_ a.active {
    border-bottom: 2px solid #4DBBAA;
}

.pro_show_p3 {
    background-image: url(../images/pro_show_p3_bg.png);
    background-color: #122A4E;
    padding: 56px 0 60px;
    background-repeat: no-repeat;
    background-position: right;
}

.pro_show_p3 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
}

.pro_show_p3 .list_ {
    display: flex;
    flex-flow: row wrap;
    margin: -12px;
    padding-top: 30px;
    align-items: stretch;
}

.pro_show_p3 .list_ .i {
    width: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
    padding: 12px;
}

.pro_show_p3 .list_ .i_ {
    border: 1px solid #fff;
    height: 100%;
    padding: 32px;
}

.pro_show_p3 .list_ .i_:hover {
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    border-color: transparent;
}

.pro_show_p3 .list_ .i_ .img {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.pro_show_p3 .list_ .i:nth-child(1) .img {
    background-image: url(../images/pro_show_p3_img01.svg);
}

.pro_show_p3 .list_ .i:nth-child(2) .img {
    background-image: url(../images/pro_show_p3_img02.svg);
}

.pro_show_p3 .list_ .i:nth-child(3) .img {
    background-image: url(../images/pro_show_p3_img03.svg);
}

.pro_show_p3 .list_ .i:nth-child(4) .img {
    background-image: url(../images/pro_show_p3_img04.svg);
}

.pro_show_p3 .list_ .i:nth-child(5) .img {
    background-image: url(../images/pro_show_p3_img05.svg);
}

.pro_show_p3 .list_ .i_ .t1 {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    margin: 14px 0 8px;
}

.pro_show_p3 .list_ .i_ .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.pro_show_p4 {
    position: relative;
}

.pro_show_p4 .img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}

.pro_show_p4 .img img {
    width: 100%;
    opacity: 0;
}

.pro_show_p4 .text {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.pro_show_p4 .text:after {
    content: '';
    display: block;
    clear: both;
}

.pro_show_p4 .text .t1 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 36px;
}

.pro_show_p4 .text .t2 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin-top: 25px;
    max-width: 490px;
}

.pro_show_p4 .text .btn {
    display: block;
    width: 144px;
    height: 48px;
    background: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    text-align: center;
    margin-top: 50px;
}

.pro_show_p4.right__ .text .pd {
    text-align: right;
}

.pro_show_p4.right__ .text_box {
    width: 440px;
    float: right;
}

.pro_show_p4.right__ .text .t1 {
    text-align: left;
}

.pro_show_p4.right__ .text .t2 {
    text-align: left;
}

.pro_show_p5 {
    padding: 50px 0;
}

.pro_show_p5 .list_ {
    margin: 0 -12px;
}

.pro_show_p5 .list_ .i {
    float: left;
    padding: 0 12px;
    width: 50%;
}

.pro_show_p5 .list_ .i_ {
    position: relative;
}

.pro_show_p5 .list_ .i .img img {
    width: 100%;
}

.pro_show_p5 .list_ .i .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 32px;
}

.pro_show_p5 .list_ .i .text p {
    font-size: 22px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 36px;
    text-align: center;
}

.pro_show_p5 .list_ .i .text span {
    display: block;
    max-width: 80%;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    margin: 16px auto 0;
    text-align: center;
}

.pro_show_p5 .list_ .i:nth-child(2) .text span {
    max-width: 80%;
}

.pro_show_p6 {
    padding: 50px 0;
    background-color: #eeeeee;
}

.pro_show_p6 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #2B2F3F;
    line-height: 42px;
}

.pro_show_p6 .list_ {
    padding-top: 30px;
}

.pro_show_p6 table {
    width: 100%;
}

.pro_show_p6 table td {
    width: 25%;
    vertical-align: middle;
    text-align: center;
    background-color: #4DBBAA;
    font-size: 16px;
    color: #fff;
    padding: 8px 0;
}

.pro_show_p6 table .bg_01 {
    background-color: #108B96;
    text-align: left;
    padding-left: 50px;
    font-size: 18px;
}

.pro_show_p6 .img_box {
    padding-top: 32px;
}

.pro_show_p6 .img_box .img_list_ .i_i {
    float: left;
    width: 33.33%;
    padding: 16px;
}

.pro_show_p6 .img_box .img_list_ {
    margin: -16px;
}

.pro_show_p6 .img_box .img_list_ .i_i img {
    width: 100%;
}

@media(max-width:768px) {
    .pro_show_p6 .img_box .img_list_ .i_i {
        width: 100%;
    }

}

.pro_show_p7 {
    padding: 50px 0;
    background-color: #ffffff;
    overflow: hidden;
}

.pro_show_p7 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #2B2F3F;
    line-height: 42px;
}

.pro_show_p7 .list_ {
    padding-top: 30px;
}

.pro_show_p7 .list_ img {
    width: 100%;
}

.pro_show_p7 .list_ .pro_p7_swp {
    overflow: visible;
}

.pro_show_p7 .list_ .pro_p7_swp .swiper-slide {
    position: relative;
}

.pro_show_p7 .list_ .pro_p7_swp .img {
    position: relative;
}

.pro_show_p7 .list_ .pro_p7_swp .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;/*background:linear-gradient(135deg,#000000 0%,rgba(0,0,0,0) 100%);*/
}

.pro_show_p7 .list_ .pro_p7_swp .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    padding: 32px;
}

.pro_show_p7 .icon_ {
    padding-top: 45px;
}

.pro_show_p7 .icon_ .l_ {
    float: left;
}

.pro_show_p7 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #CCCCCC;
    opacity: 1;
    border-radius: 50%;
    margin-right: 8px;
}

.pro_show_p7 .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #4DBBAA;
    opacity: 1;
    border-radius: 50%;
}

.pro_show_p7 .icon_ .r_ {
    float: right;
}

.pro_show_p7 .icon_ .r_ .btn {
    width: 56px;
    height: 56px;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    display: inline-block;
    cursor: pointer;
}

.pro_show_p7 .icon_ .r_ .btn:nth-child(1) {
    background-color: #2B2F3F;
    background-image: url(../images/about_left_ico.svg);
}

.pro_show_p7 .icon_ .r_ .btn:nth-child(2) {
    background-color: #4DBBAA;
    background-image: url(../images/about_right_ico.svg);
}

.pro_show_p8 {
    padding: 50px 0;
}

.pro_show_p8 .tit {
    font-size: 36px;
    font-weight: bold;
    color: #2B2F3F;
    line-height: 42px;
}

.pro_show_p8 .list_ {
    margin: -12px;
    padding-top: 30px;
}

.pro_show_p8 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 12px;
}

.pro_show_p8 .list_ .i_ {
    background-color: #EEEEEE;
    padding: 32px;
}

.pro_show_p8 .list_ .i_ .t {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_show_p8 .list_ .i_ .t2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid #cccccc;
    margin-top: 24px;
}

.pro_show_p8 .list_ .i_ .t2 span {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 28px;
}

.pro_show_p8 .list_ .i_ .t2 .down {
    width: 50px;
    height: 51px;
    opacity: 1;
    border: 1px solid #CCCCCC;
    background-image: url(../images/download.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}

.pro_show_p1 .img_m {
    display: none;
}

.pro_show_p8 .list_ .i_:hover {
    background-image: linear-gradient(45deg, #108B96 0%, #4DBBAA 73%, #4DBBAA 100%);
}

.pro_show_p8 .list_ .i_:hover .t {
    color: #fff;
}

.pro_show_p8 .list_ .i_:hover .t2 span {
    color: rgba(255, 255, 255, .5);
    transition: all .3s;
}

.pro_show_p8 .list_ .i_:hover .t2 .down {
    border-color: transparent;
    background-color: #ffffff;
    background-image: url(../images/download_1.svg);
    transition: all .3s;
}

@media(max-width:1600px) {
    .pro_show_p1 .img {
        right: 12%;
        max-width: 400px;
    }

}

@media(max-width:1200px) {
    .pro_show_p1 .text {
        max-width: 560px;
    }

    .pro_show_p1 .text .t3 {
        margin: 30px 0;
    }

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

    .pro_show_p1 .tit {
        font-size: 90px;
        line-height: 90px;
    }

    .pro_show_p1 .text {
        padding-top: 40px;
    }

    .pro_show_p3 .list_ .i {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    .pro_show_p8 .list_ .i {
        width: 50%;
    }

}

@media(max-width:992px) {
    .pro_show_p1 .img {
        display: none;
    }

    .pro_show_ {
        height: auto;
        padding-top: 30px;
    }

    .pro_show_p1 {
        position: relative;
        transform: translate(0);
        top: auto;
    }

    .pro_show_p1 .text {
        width: 100%;
        margin-top: 0;
        max-width: 100%;
    }

    .pro_show_p1 .text .t1 {
        text-align: center;
        font-size: 24px;
        line-height: 1.2;
    }

    .pro_show_p1 .text .t2 {
        text-align: center;
        margin-top: 10px;
    }

    .pro_show_p1 .tit {
        display: none;
    }

    .pro_show_p1 .text .t3 .i span {
        font-size: 24px;
    }

    .pro_show_p1 .text .t3 .s_ {
        transform: rotate(0);
    }

    .pro_show_p1 .img_m {
        display: block;
        position: relative;
        right: auto;
        transform: translate(0);
        top: auto;
        margin: 0 auto 40px;
    }

    .pro_show_p1 .img_m img {
        position: relative;
        z-index: 1;
    }

    .pro_show_p1 .img_m .img_t {
        position: absolute;
        z-index: 0;
        left: 0;
        width: 100%;
        top: 30%;
        display: block;
        font-family: myFont;
        font-size: 40px;
        font-weight: 400;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(86%, rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }

}

@media(max-width:768px) {
    .pro_show_p1 .text .t3 .i p {
        font-size: 14px;
        line-height: 1.2;
    }

    .pro_show_p1 .text .t3 .i span {
        font-size: 16px;
        line-height: 1.2;
    }

    .pro_show_p1 .text .t3 .s_ {
        height: 24px;
    }

    .pro_show_p1 .img_m .swiper-container {
        width: 100%;
    }

    .pro_show_p1 .img_m .swiper-slide {
        text-align: center;
    }

    .pro_show_p1 .img_m .swiper-slide img {
        max-width: 280px;
    }

    .pro_show_p1 .text .t4 .btn {
        display: inline-block;
        width: 120px;
        height: 42px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 42px;
        margin: 0 8px;
    }

    .pro_show_p1 .text .t4 {
        text-align: center;
    }

    .pro_show_p1 .text .t4 .btn:nth-child(2) {
        margin-left: 10px;
    }

    .pro_show_p2.fixed {
        top: 64px;
    }

    .pro_show_p2 .l_ {
        display: none;
    }

    .pro_show_p2 .r_ {
        width: 100%;
    }

    .pro_show_p2 .r_ a {
        margin: 0 5px;
    }

    .pro_show_p2 .r_ a {
        line-height: 42px;
    }

    .pro_show_p3 .tit {
        font-size: 24px;
    }

    .pro_show_p3 {
        padding: 30px 0;
    }

    .pro_show_p3 .list_ .i {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .pro_show_p3 .list_ .i_ {
        padding: 20px;
    }

    .pro_show_p4 {
        display: flex;
        flex-direction: column-reverse;
    }

    .pro_show_p4 .img img {
        opacity: 1;
    }

    .pro_show_p4 .img {
        background-image: none !important;
        min-height: 100%;
    }

    .pro_show_p4 .text {
        position: relative;
        width: 100%;
        top: 0;
        transform: translate(0);
        padding: 40px 0;
        width: 100%;
    }

    .pro_show_p4 .text .t2 {
        max-width: 100%;
    }

    .pro_show_p4 .text .btn {
        margin-top: 30px;
    }

    .pro_show_p4.right__ .text_box {
        width: 100%;
    }

    .pro_show_p5 .list_ .i {
        width: 100%;
    }

    .pro_show_p5 .list_ .i:nth-child(1) {
        margin-bottom: 30px;
    }

    .pro_show_p5 .list_ .i .text p {
        font-size: 18px;
        color: #333;
    }

    .pro_show_p5 .list_ .i:nth-child(2) .text span {
        padding: 0 20px;
    }

    .pro_show_p5 .list_ .i .text span {
        color: #666666;
        max-width: 100%;
    }

    .pro_show_p5 .list_ .i .text {
        position: relative;
        padding-top: 15px;
    }

    .pro_show_p6 .tit, .pro_show_p7 .tit, .pro_show_p8 .tit {
        font-size: 24px;
    }

    .pro_show_p6 table .bg_01 {
        padding-left: 10px;
    }

    .pro_show_p6, .pro_show_p7 {
        padding: 30px 0;
    }

    .pro_show_p7 .icon_ .r_ {
        display: none;
    }

    .pro_show_p7 .icon_ .l_ {
        float: unset;
        margin: 0 auto;
        width: 100%;
    }

    .pro_show_p7 .icon_ {
        text-align: center;
        padding-top: 20px;
    }

    .pro_show_p8 .list_ .i {
        width: 100%;
    }

    .pro_show_p8 .list_ .i_ {
        padding: 20px;
    }

    .pro_show_p7 .list_ {
        width: 100%;
        overflow: hidden;
    }

    .pro_show_p7 .list_ .pro_p7_swp {
        overflow: hidden;
    }

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

}

/*行业案例*/
.case_list .pub_position {
    top: 0;
}

.case_banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 8;
}

.case_banner .pd {
    height: 100%;
}

.case_banner .l_ {
    float: left;
    width: 400px;
}

.case_banner .l_ .t1 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.case_banner .l_ .t2 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 54px;
}

.case_banner .l_ .t3 {
    width: 33px;
    margin: 40px 0;
}

.case_banner .l_ .t3 img {
    width: 100%;
}

.case_banner .l_ .t4 .i {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 30px;
}

.case_banner .l_ .t4 .span {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
}

.case_banner .l_ .t4 .n {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 15px 0 25px;
}

.case_banner .l_ .t4 .n span:nth-child(1) {
    font-family: 'Roboto';
    font-size: 48px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 48px;
}

.case_banner .l_ .t4 .n span:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
    padding-left: 4px;
}

.case_banner .r_ {
    float: left;
    width: calc(100% - 400px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_banner .r_ .img {
    max-width: 790px;
    position: relative;
    width: 100%;
}

.case_banner .r_ img {
    width: 100%;
    position: relative;
    z-index: 0;
    height: 100%;
}

.case_banner .r_ .q_ {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: transparent;
    z-index: 2;
}

.case_banner .r_ .q_:after {
    opacity: 0;
    content: '';
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: spotCircle 3s normal infinite;
}

.case_banner .r_ .q_:before {
    opacity: 0;
    content: '';
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: spotCircle 3s 1.5s normal infinite;
}

.case_banner .r_ .q_ p {
    position: absolute;
    z-index: 2;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.case_banner .r_ .q_1 {
    right: 17%;
    top: 30%;
}

.case_banner .r_ .q_2 {
    right: 22%;
    top: 36%;
}

.case_banner .r_ .q_3 {
    right: 30%;
    top: 48%;
}

.case_banner .r_ .q_4 {
    right: 27%;
    top: 58%;
}

.case_banner .r_ .q_5 {
    right: 27%;
    top: 66%;
}

.case_banner .r_ .q_6 {
    right: 39%;
    top: 70.5%;
}

.case_banner .r_ .q_7 {
    right: 38%;
    top: 79.5%;
}

.case_banner .r_ .q_8 {
    right: 35%;
    top: 43%;
}

.case_banner .r_ .q_9 {
    right: 40%;
    top: 61.5%;
}

.case_banner .r_ .q_10 {
    right: 52%;
    top: 51%;
}

.case_list__ {
    min-height: 780px;
}

@-webkit-keyframes spotCircle {
    0% {
        opacity: 0;
        width: 0;
        height: 0;
    }

    80% {
        opacity: .3;
        width: 70px;
        height: 70px;
    }

    100% {
        opacity: 0;
        width: 70px;
        height: 70px;
    }

}

@keyframes spotCircle {
    0% {
        opacity: 0;
        width: 0;
        height: 0;
    }

    80% {
        opacity: .3;
        width: 70px;
        height: 70px;
    }

    100% {
        opacity: 0;
        width: 70px;
        height: 70px;
    }

}

@media(max-width:768px) {
    @-webkit-keyframes spotCircle {
        0% {
            opacity: 0;
            width: 0;
            height: 0;
        }

        80% {
            opacity: .3;
            width: 30px;
            height: 30px;
        }

        100% {
            opacity: 0;
            width: 30px;
            height: 30px;
        }

    }

    @keyframes spotCircle {
        0% {
            opacity: 0;
            width: 0;
            height: 0;
        }

        80% {
            opacity: .3;
            width: 30px;
            height: 30px;
        }

        100% {
            opacity: 0;
            width: 30px;
            height: 30px;
        }

    }

}

.case_list_p1 {
    padding: 50px 0;
    background-color: #EEEEEE;
}

.case_list_p1 .up_ {
    padding-top: 40px;
    border-bottom: 1px solid #666666;
    padding-bottom: 35px;
}

.case_list_p1 .public_n_cata {
    float: left;
}

.case_list_p1 .public_n_search {
    float: right;
}

.case_list_p1 .list_ {
    margin: -9px;
    padding-top: 30px;
    padding-bottom: 60px;
}

.case_list_p1 .list_ .i {
    float: left;
    width: 33.33%;
    padding: 9px;
}

.case_list_p1 .list_ .i_ .img {
    position: relative;
}

.case_list_p1 .list_ .i_ .img img {
    width: 100%;
    position: relative;
    z-index: 0;
}

.case_list_p1 .list_ .i_ .img i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.case_list_p1 .list_ .i_ .text {
    background-color: #fff;
    padding: 0 30px;
}

.case_list_p1 .list_ .i_ .text p {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    padding: 30px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #cccccc;
}

.case_list_p1 .list_ .i_ .text span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    padding: 30px 0;
    text-align: right;
}

@media(max-width:1200px) {
    .case_list_p1 .list_ .i {
        width: 50%;
    }

    .case_banner .l_ .t1, .case_banner .l_ .t2 {
        font-size: 26px;
        line-height: 1.5;
    }

    .case_banner .l_ .t3 {
        margin: 20px 0;
    }

    .case_banner .l_ .t4 .n span:nth-child(1) {
        font-size: 36px;
    }

    .case_banner .l_ .t4 .n {
        padding: 15px 0 20px;
    }

    .case_banner .l_ {
        width: 280px;
    }

    .case_banner .r_ {
        width: calc(100% - 280px);
    }

    .case_banner .r_ .img {
        max-width: 640px;
    }

}

@media(max-width:768px) {
    .case_list_p1 {
        padding: 15px 0 35px;
    }

    .case_list_p1 .list_ .i {
        width: 100%;
    }

    .case_list_p1 .list_ .i_ .text {
        padding: 0 20px;
    }

    .case_list_p1 .list_ .i_ .text p, .case_list_p1 .list_ .i_ .text span {
        padding: 20px 0;
    }

    .case_list_p1 .list_ .i_ .text p {
    }

    .case_banner .pd {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .case_banner .r_ {
        width: 100%;
        max-width: 100%;
    }

    .case_banner .l_ {
        width: 100%;
        margin-bottom: 30px;
    }

    .case_banner .r_ .q_1 {
        right: 16%;
        top: 28.5%;
    }

    .case_banner .r_ .q_2 {
        right: 20.5%;
        top: 34%;
    }

    .case_banner .r_ .q_3 {
        right: 29%;
        top: 47%;
    }

    .case_banner .r_ .q_4 {
        right: 26%;
        top: 56.5%;
    }

    .case_banner .r_ .q_5 {
        right: 26%;
        top: 64%;
    }

    .case_banner .r_ .q_6 {
        right: 38%;
        top: 69.5%;
    }

    .case_banner .r_ .q_7 {
        right: 37%;
        top: 78.5%;
    }

    .case_banner .r_ .q_8 {
        right: 33%;
        top: 41.5%;
    }

    .case_banner .r_ .q_9 {
        right: 38%;
        top: 69.5%;
    }

    .case_banner .r_ .q_10 {
        right: 50%;
        top: 49%;
    }

    .case_banner .l_ .t1, .case_banner .l_ .t2 {
        font-size: 18px;
    }

    .case_banner .l_ .t3 {
        width: 20px;
    }

    .case_banner .l_ .t4 .n span:nth-child(1) {
        font-size: 24px;
    }

    .case_banner .l_ .t4 .n {
        padding: 0;
    }

    .case_banner .l_ .t4 .i {
        margin-bottom: 10px;
    }

    .case_list__ .case_banner {
        position: relative;
        z-index: 2;
        top: auto;
        transform: translate(0);
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .case_list__  .mobile_banner_n {
        position: absolute;
        z-index: 1;
        background-size: cover;
        background-position: center;
    }

    .case_list__  .mobile_banner_n img {
        display: none;
    }
    header .header_btn a{
        line-height: 67px!important;
        font-size: 16px!important;
    }

}