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

* {
    margin: 0;
    padding: 0;
    position: relative;
    outline: none;
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    color: #1f1f1f;
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 14px;
    line-height: 1;
    background: #fff;
}

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

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

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

.clearfix {
    *zoom: 1;
}

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

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

img {
    border: none;
}

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

i {
    font-style: normal;
}


/* 滚动条样式 */

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

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

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

.clear {
    clear: both;
}


/*去掉 input 默认边框*/

input {
    padding: 0;
    border: 0;
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    outline: none;
}

input[type="submit"] {
    background-color: transparent;
    cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

textarea::-webkit-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

textarea:-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

textarea::-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

textarea::-ms-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select::-ms-expand {
    display: none;
}


/*@font-face {font-family:"gotb";src:url("../fonts/GothamBook.ttf");}*/

@font-face {
    font-family: "gotm";
    src: url("../font/GothamMedium.ttf");
}

@font-face {
    font-family: "dinb";
    src: url("../font/din.ttf");
}


/*@font-face {font-family:"seg";src:url("../fonts/segoeuii.ttf");}*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.f_bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.f_12 {
    font-size: 12px;
}

.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}

.f_45 {
    font-size: 45px;
}

.f_48 {
    font-size: 48px;
}

.f_50 {
    font-size: 50px;
}

.f_56 {
    font-size: 56px;
}

.f_60 {
    font-size: 60px;
}

.f_70 {
    font-size: 70px;
}

.f_80 {
    font-size: 80px;
}

.f_84 {
    font-size: 84px;
}

.p100 {
    padding: 100px 0;
}

.p120 {
    padding: 120px 0;
}

.w1920 {
    position: relative;
    width: 1920px;
    margin: 0 auto;
    height: 100%;
    max-width: 100%;
}

.w1680 {
    position: relative;
    width: 87.5%;
    margin: 0 auto;
    height: 100%;
    max-width: 100%;
}

.w1580 {
    position: relative;
    width: 82.3%;
    margin: 0 auto;
    height: 100%;
    max-width: 100%;
}

#about1,
#about2,
#about3,
#about4,
#inv1,
#inv2,
#inv3,
#inv4,
#rd1,
#rd2,
#rd3,
#rd4,
#solution {
    padding-top: 90px;
    margin-top: -90px;
}

.titlea {
    position: relative;
}

.titlea span {
    display: inline-block;
    position: relative;
}

.titlea span::before {
    content: '';
    width: 34px;
    height: 35px;
    /*background-image: url(../image/tia-2.png);*/
    position: absolute;
    bottom: -22px;
    right: -15px;
}

.titlea1 {
    position: relative;
}

.titlea1 span {
    display: inline-block;
    position: relative;
    color: #fff;
}

.titlea1 span::before {
    content: '';
    width: 34px;
    height: 35px;
    /*background-image: url(../image/tia-3.png);*/
    position: absolute;
    bottom: -22px;
    right: -15px;
}


/* 滚动条 */

.zl-scrollBarBox {
    height: 90% !important;
    position: absolute;
    right: 1% !important;
    background: #ccc;
    top: 5% !important;
    width: 1px !important;
    border-radius: 0 !important;
    left: auto !important;
}

.zl-scrollBar {
    position: absolute;
    left: -1px;
    top: 0;
    background: #DB0032;
    transition: background 0.3s;
    width: 3px !important;
    border-radius: 0px !important;
}

.zl-scrollBar.zl-verticalBar {
    min-height: 10px;
}

.zl-scrollBar.zl-horizontalBar {
    min-width: 10px;
}

.zl-scrollBar:hover {
    background: #000;
}

.zl-scrollContentDiv {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 0;
    left: 0;
}


/* 置顶按钮 */

.right_zd {
    position: fixed;
    right: -50px;
    bottom: 100px;
    cursor: pointer;
    z-index: 10;
    transition: all .3s;
    width: 50px;
    height: 50px;
    background-image: url(../image/go_top.png);
}

.right_zd.active {
    right: 28px;
}


/* header */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s;
}

.header .logo .img2 {
    display: none;
}

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

.header .con .right {
    display: flex;
}

.header .con .right .nav_list {
    display: flex;
    line-height: 50px;
}

.header .con .right .nav_list li {
    margin-left: 50px;
    position: relative;
    padding: 20px 0;
    position: relative;
}

.header .con .right .nav_list li::before {
    content: '';
    width: 0px;
    height: 2px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.3s;
}

.header .con .right .nav_list li:first-child {
    margin-left: 0;
}

.header .con .right .nav_list>li>a {
    color: #fff;
    transition: all 0.3s;
}

.header .con .right .nav_list>li>a:hover,
.header .con .right .nav_list>li>a.on {
    color: #DB0032;
}

.header .con .right .nav_list li:hover::before {
    width: 100%;
}

.header .con .right .nav_list li.active::before {
    width: 100%;
}

.header .con .right .nav_list li.active a {
    color: #DB0032;
}

.header .con .right .nav_list li .xl {
    display: none;
    position: absolute;
    top: 90px;
    left: 50%;
    background-color: #fff;
    width: 140px;
    margin-left: -70px;
    z-index: 999
}

.header .con .right .nav_list li .xl>a {
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: center;
    transition: all .3s;
    position: relative;
    color: #333;
}

.header .con .right .nav_list li .xl>a::before {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #f1f1f1;
    position: absolute;
    bottom: 0;
    left: 10%;
}

.header .con .right .nav_list li .xl>a:last-child::before {
    display: none;
}

.header .con .right .nav_list li .xl>a:hover {
    background-color: #DB0032;
    color: #fff;
}

.header .con .right .nav_list li .xl>a:hover::before {
    background-color: transparent;
}

.header .con .right .icon_box {
    display: flex;
    align-items: center;
}

.header .con .right .icon_box .box {
    margin-left: 30px;
    cursor: pointer;
    position: relative;
}

.header .con .right .icon_box .box a {
    color: #fff;
    transition: all .3s
}

.header .con .right .icon_box .box .xl {
    display: none;
    position: absolute;
    top: 55px;
    left: 50%;
    background-color: #fff;
    width: 140px;
    margin-left: -70px;
    z-index: 999
}

.header .con .right .icon_box .box .xl>a {
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: center;
    transition: all .3s;
    height: 40px;
    line-height: 40px;
}

.header .con .right .icon_box .box .xl>a:hover {
    background-color: #DB0032;
    color: #fff;
}

.header .con .right .icon_box .box .img2 {
    display: none;
}

.header .con .right .icon_box .solid {
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.44);
}

.headerw {
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
}

.headerw .logo .img1 {
    display: none;
}

.headerw .logo .img2 {
    display: block;
}

.headerw .con .right .nav_list>li>a {
    color: #333333;
}

.headerw .con .right .icon_box .solid {
    background-color: #333333;
}

.headerw .con .right .icon_box .box .img1 {
    display: none;
}

.headerw .con .right .icon_box .box .img2 {
    display: block;
}

.headerw .con .right .icon_box .box a {
    color: #333;
}

.delay01 {
    -webkit-transition-delay: .03s !important;
    transition-delay: .03s !important;
}

.delay02 {
    -webkit-transition-delay: .08s !important;
    transition-delay: .08s !important;
}

.delay03 {
    -webkit-transition-delay: .13s !important;
    transition-delay: .13s !important;
}

.delay04 {
    -webkit-transition-delay: .18s !important;
    transition-delay: .18s !important;
}

.delay05 {
    -webkit-transition-delay: .23s !important;
    transition-delay: .23s !important;
}

.delay06 {
    -webkit-transition-delay: .28s !important;
    transition-delay: .28s !important;
}

.delay07 {
    -webkit-transition-delay: .33s !important;
    transition-delay: .33s !important;
}

.delay08 {
    -webkit-transition-delay: .38s !important;
    transition-delay: .38s !important;
}

.delay09 {
    -webkit-transition-delay: .43s !important;
    transition-delay: .43s !important;
}

.delay09 {
    -webkit-transition-delay: .48s !important;
    transition-delay: .48s !important;
}

.delay10 {
    -webkit-transition-delay: .53s !important;
    transition-delay: .53s !important;
}

.js-m-3.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.search-bg1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #f5f5f5;
    display: none;
    z-index: 98;
}

.header2 {
    height: 55px;
    position: fixed;
    background: #fff;
    z-index: 99;
    width: 100%;
    display: none;
    top: 0;
    left: 0;
}

.header2 .main-wrap {
    height: 55px;
    padding: 0 3%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    width: 100%;
}

.header2 .logo {
    height: 55px;
    overflow: hidden;
}

.header2 .logo a {
    display: block;
}

.header2 .logo img {
    display: block;
    height: 30px;
    margin-top: 13px;
}

.header2 .nav-btn {
    width: 24px;
    height: 18px;
    position: relative;
    cursor: pointer;
    margin-top: 18px;
}

.header2 .nav-btn .line {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ababab;
    position: absolute;
}

.header2 .nav-btn .line1 {
    -webkit-transform-origin: left 0px 0;
    -ms-transform-origin: left 0px 0;
    transform-origin: left 0px 0;
}

.header2 .nav-btn .line2 {
    top: 8px;
}

.header2 .nav-btn .line3 {
    bottom: 0;
    -webkit-transform-origin: left 2px 0;
    -ms-transform-origin: left 2px 0;
    transform-origin: left 2px 0;
}

.header2 .sub-menu {
    width: 100%;
    padding: 0 2%;
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 2;
    overflow-y: auto;
    box-sizing: border-box;
}

.header2 .sub-menu ul {
    width: 100%;
    overflow-y: scroll;
    height: calc(100vh - 55px - 1.5rem);
}

.header2 .sub-menu li {
    border-bottom: 1px solid #E8E8E8;
    font-size: 16px;
    width: 96%;
    margin: 0 auto;
}

.header2 .sub-menu .tit {
    display: block;
    width: 100%;
    padding: 0 3%;
    line-height: 60px;
    color: #333;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
}

.header2 .sub-menu .tit i {
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../image/h-add.svg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 3%;
    transition: all .3s linear;
}

.header2 .sub-menu .tit.on i {
    transform: rotate(45deg);
}

.header2 .sub-menu .sec-list {
    line-height: 40px;
    padding: 10px 4%;
    display: none;
}

.header2 .sub-menu .sec-list p {
    background: url(../image/ico_04.png) no-repeat left center;
    background-size: 3px auto;
    font-size: 14px;
}

.header2 .sub-menu .sec-list a {
    padding-left: 3%;
    color: #666;
    display: block;
}


/*.header2 .nav-btn.active {-webkit-animation:rotate 0.5s linear 0s;animation:rotate 0.5s linear 0s;}*/

.header2 .nav-btn.hover .line {
    background: #DB0032;
}

.header2 .lang {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}


/* header end */


/* 首页 */

.index_con {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.index_con .swiper-pagination {
    right: 30px;
}

.index_con .swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    opacity: 1;
    background-color: #ffffff;
    margin: 30px 0;
    position: relative;
}

.index_con .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #DB0032;
}

.index_con .swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*border:1px dashed #DB0032;*/

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

.i_part1 {
    position: relative;
}

.i_part1 video {
    object-fit: fill;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.i_part1 img.m {
    display: none;
}

.i_part1 .txt {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #ffffff;
    z-index: 3;
}

.i_part1 .txt .h {
    font-weight: bold;
    line-height: 112px;
}

.i_part1 .txt .p {
    line-height: 34px;
    margin-top: 16px;
    font-family: "gotb";
    text-transform: uppercase;
}

.i_part1 .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
}

.i_part1 .bottom .boxs {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    padding: 34px 0 50px 0;
}

.i_part1 .bottom .boxs .box {
    width: 25%;
    text-align: center;
    color: #fff;
}

.i_part1 .bottom .boxs .box .num {
    display: inline-block;
    margin: 0 auto;
    padding-right: 40px;
    position: relative;
    color: #DB0032;
    line-height: 74px;
    height: 74px;
    box-sizing: border-box;
    font-family: "gotm";
    margin-bottom: 15px;
}

.i_part1 .bottom .boxs .box .num .add {
    position: absolute;
    top: 14px;
    right: 0;
}

.i_part1 .bottom .boxs .box .num .m2 {
    position: absolute;
    bottom: 14px;
    right: 0;
}

.i_part1 .bottom .boxs .box .num .m2.ge {
    font-weight: bold;
    position: absolute;
    top: 6px;
}

.i_part1 .bottom .boxs .box:nth-child(1) .num {
    width: 100px;
}

.i_part1 .bottom .boxs .box:nth-child(2) .num {
    width: 160px;
}

.i_part1 .bottom .boxs .box:nth-child(3) .num {
    width: 200px;
}

.i_part1 .bottom .boxs .box:nth-child(4) .num {
    width: 245px;
}

.i_part2 {
    position: relative;
}

.i_part2 .con {
    position: relative;
    width: 100%;
    height: 100%;
}

.i_part2 .con .boxs,
.i_part2 .con .box,
.i_part2 .con .box1 {
    height: 100%;
}

.i_part2 .con .boxs {
    display: none;
}

.i_part2 .con .box1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.i_part2 .con .boxs {
    display: flex;
}

.i_part2 .con .box {
    width: 20%;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

.i_part2 .con .box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.i_part2 .con .box:nth-child(1).on::before {
    -webkit-animation: hid 1.6s ease both;
    -moz-animation: hid 1.6s ease both;
    height: 100%;
}

.i_part2 .con .box:nth-child(2).on::before {
    -webkit-animation: hid 1.6s 0.5s ease both;
    -moz-animation: hid 1.6s 0.5s ease both;
    height: 100%;
}

.i_part2 .con .box:nth-child(3).on::before {
    -webkit-animation: hid 1.6s 0.6s ease both;
    -moz-animation: hid 1.6s 0.6s ease both;
    height: 100%;
}

.i_part2 .con .box:nth-child(4).on::before {
    -webkit-animation: hid 1.6s 0.7s ease both;
    -moz-animation: hid 1.6s 0.7s ease both;
    height: 100%;
}

.i_part2 .con .box:nth-child(5).on::before {
    -webkit-animation: hid 1.6s 0.8s ease both;
    -moz-animation: hid 1.6s 0.8s ease both;
    height: 100%;
}

.i_part2 .con .box:after {
    content: "";
    position: absolute;
    top: 90px;
    right: 0;
    width: 1px;
    height: calc(100% - 90px);
    background-color: rgba(255, 255, 255, 0.26);
    z-index: 20;
}

.i_part2 .con .box .boxx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.i_part2 .con .box .boxx.show {
    z-index: 3;
    -webkit-animation: wid 1s ease both;
    -moz-animation: wid 1s ease both;
    width: 0%;
}

.i_part2 .con .tit {
    position: absolute;
    text-align: center;
    font-weight: bold;
    top: 31%;
    left: 0;
    width: 100%;
    color: #ffffff;
    z-index: 10;
    line-height: 86px;
}

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

.i_part2 .video_box .video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: fill;
    opacity: 0;
    transition: all 0.9s;
}

.i_part2 .video_box .video.show {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes hid {
    0% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@-moz-keyframes hid {
    0% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@-webkit-keyframes wid {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes wid {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.i_part2 .con .box .box1 {
    position: absolute;
    top: 0;
    width: 100vw;
    overflow: hidden;
    cursor: pointer;
}

.i_part2 .con .box .show .box1 {
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-animation: hid1 0.1s 0.9s ease both;
    -moz-animation: hid1 0.1s 0.9s ease both;
}

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

@-moz-keyframes hid1 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.i_part2 .con .box:nth-child(1) .box1 {
    left: 0;
}

.i_part2 .con .box:nth-child(2) .box1 {
    left: -20vw;
}

.i_part2 .con .box:nth-child(3) .box1 {
    left: -40vw;
}

.i_part2 .con .box:nth-child(4) .box1 {
    left: -60vw;
}

.i_part2 .con .box:nth-child(5) .box1 {
    left: -80vw;
}

.i_part2 .con .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    color: #ffffff;
    z-index: 10;
    padding-bottom: 60px;
}

.i_part2 .con .bottom .btn {
    width: 20%;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    color: #ffffff;
}

.i_part2 .con .bottom .btn:hover,
.i_part2 .con .bottom .btn.on {
    color: #DB0032;
}

.i_part2 .con .bottom .btn .pic {
    margin-bottom: 20px;
}

.i_part2 .con .bottom .btn .pic img {
    margin: 0 auto;
    width: 50px;
}

.i_part2 .con .bottom .btn .pic .img1 {
    display: block;
}

.i_part2 .con .bottom .btn .pic .img2 {
    display: none;
}

.i_part2 .con .bottom .btn .pic .img3 {
    display: none;
}

.i_part2 .con .bottom .btn:hover .pic .img1,
.i_part2 .con .bottom .btn.on .pic .img1 {
    display: none;
}

.i_part2 .con .bottom .btn:hover .pic .img2,
.i_part2 .con .bottom .btn.on .pic .img2 {
    display: block;
}

.i_part3 {
    position: relative;
}

.i_part3 .con {
    position: relative;
    height: 100%;
}

.i_part3 .con .left {
    position: absolute;
    top: 24%;
    color: #ffffff;
}

.i_part3 .con .left .h1 {
    line-height: 84px;
    font-weight: bold;
    margin-bottom: 44px;
}

.i_part3 .con .left .h2 {
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 30px;
    max-width: 100%;
}

.i_part3 .con .left .p {
    line-height: 32px;
    max-width: 488px;
    margin-bottom: 70px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.i_part3 .con .left .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/part3_btn.png)no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.i_part3 .con .left .btn:hover {
    opacity: 0.8;
    left: 4px;
}

.i_part3 .con .right {
    position: absolute;
    top: 50%;
    right: 0;
    width: 550px;
    height: 638px;
    transform: translateY(-50%);
    z-index: 10;
}

.i_part3 .con .right .box1 {
    width: 276px;
    height: 239px;
    position: absolute;
    top: 0;
    right: 0;
    /*background: url(../image/t1.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box1.on {
    /*background-image: url(../image/t1_1.png);*/
}

.i_part3 .con .right .box2 {
    width: 275px;
    height: 239px;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url(../image/t2.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box2.on {
    /*background-image: url(../image/t2_2.png);*/
}

.i_part3 .con .right .box3 {
    width: 138px;
    height: 320px;
    position: absolute;
    left: 98px;
    bottom: 48px;
    /*background: url(../image/t3.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box3.on {
    /*background-image: url(../image/t3_3.png);*/
}

.i_part3 .con .right .box4 {
    width: 276px;
    height: 239px;
    position: absolute;
    bottom: 65px;
    left: 238px;
    /*background: url(../image/t4.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box4.on {
    /*background-image: url(../image/t4_4.png);*/
}

.i_part3 .con .right .box5 {
    width: 276px;
    height: 239px;
    position: absolute;
    bottom: 2px;
    right: 0;
    /*background: url(../image/t5.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box5.on {
    /*background-image: url(../image/t5_5.png);*/
}

.i_part3 .con .right .box6 {
    width: 276px;
    height: 239px;
    position: absolute;
    bottom: 160px;
    right: 0;
    /*background: url(../image/t6.png)no-repeat;*/
    background-size: 100% 100%;
}

.i_part3 .con .right .box {}

.i_part3 .con .right .box .pt_con {
    position: absolute;
    text-align: center;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
}

.i_part3 .con .right .box1 .pt_con {
    top: 74px;
    left: 58px;
}

.i_part3 .con .right .box2 .pt_con {
    top: 83px;
    right: 60px;
}

.i_part3 .con .right .box3 .pt_con {
    top: 115px;
    right: 29px;
}

.i_part3 .con .right .box4 .pt_con {
    top: 48px;
    right: 77px;
}

.i_part3 .con .right .box5 .pt_con {
    top: 47px;
    left: 58px;
}

.i_part3 .con .right .box .pt_con .pic {
    margin: 0 auto;
    margin-bottom: 8px;
    display: table;
}

.i_part3 .con .right .box .pt_con .pic .img2 {
    display: none;
}

.i_part3 .con .right .box .pt_con .txt {
    width: 100px;
}

.i_part3 .con .right .box.on .pt_con .pic .img2 {
    display: block;
}

.i_part3 .con .right .box.on .pt_con .pic .img1 {
    display: none;
}

.i_part3 .con .right .box.on .pt_con {
    color: #000;
}

.i_part3 .pic_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.i_part3 .pic_box .pic {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: none;
}

.i_part3 .pic_box .pic.show {
    display: block;
}

.i_part3 .left .txt {
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 488px;
    height: 100%;
}

.i_part3 .left .txt.show {
    opacity: 1;
    z-index: 2;
}

.i_part4 {
    height: 100vh;
    overflow-y: scroll;
}

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

.i_part4::-webkit-scrollbar-thumb {
    background: #DB0032;
}

.i_part4::-webkit-scrollbar-track {
    background: #fff;
}

.i_part4 .conx {
    position: relative;
    background-color: rgba(0, 0, 0, 0.2)
}

.i_part4 {
    /*background: url(../image/i_part4_bj.png)no-repeat center;*/
    background-size: cover;
    height: 100vh;
}

.i_part4 .con {
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: space-between;
}

.i_part4 .con .left {
    width: 280px;
    color: #ffffff;
    position: relative;
    padding-bottom: 116px;
}

.i_part4 .con .left .tit {
    padding-top: 32px;
}

.i_part4 .con .left .tit .h {
    font-weight: bold;
    line-height: 84px;
}

.i_part4 .con .left .tit .p {
    line-height: 28px;
    margin: 27px 0 80px 0;
}

.i_part4 .con .left .tab .btn {
    line-height: 32px;
    margin-bottom: 26px;
    transition: all 0.3s;
    cursor: pointer;
}

.i_part4 .con .left .tab .btn a {
    color: #fff;
}

.i_part4 .con .left .tab .btn.on {
    line-height: 32px;
    margin-bottom: 40px;
    font-size: 24px;
    color: #DB0032;
}

.i_part4 .con .left .prev {
    left: 0;
    bottom: 0;
    top: auto;
    width: 49px;
    height: 49px;
    background: url(../image/prev.png);
}

.i_part4 .con .left .next {
    left: 70px;
    bottom: 0;
    top: auto;
    width: 49px;
    height: 49px;
    background: url(../image/next.png);
}

.i_part4 .con .right {
    width: 62%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 100%;
}

.i_part4 .con .right .rights {
    opacity: 0;
    z-index: -1;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    padding-right: 1px;
}

.i_part4 .con .right .rights.show {
    display: block;
    z-index: 2;
    opacity: 1;
}

.i_part4 .con .right a {
    display: block;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 26px 48px 48px 48px;
    position: relative;
    transition: all 0.3s;
    pointer-events: auto;
}

.i_part4 .con .right a .time {
    margin-bottom: 30px;
}

.i_part4 .con .right a .time .bnum {
    font-weight: bold;
}

.i_part4 .con .right a .time .mnum {
    margin-left: 16px;
}

.i_part4 .con .right a .h {
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 42px;
    height: 72px;
    overflow: hidden;
}

.i_part4 .con .right a .more {
    font-size: 16px;
    line-height: 20px;
    padding-right: 34px;
    background: url(../image/m_btn1.png)no-repeat right center;
    display: table;
}

.i_part4 .con .right a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.6s;
    background-color: transparent;
    z-index: -1;
}

.i_part4 .con .right a:hover {
    border-color: transparent;
}

.i_part4 .con .right a:hover::after {
    background-color: #DB0032;
}

.i_part5 {
    height: auto;
}


/* 底部 */

footer {
    width: 100%;
    background-color: #333333;
    width: 100%;
    height: 300px;
    z-index: 3;
}

footer .w1680 {
    height: auto;
}

footer .foot1 {
    padding-top: 60px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

footer .foot1 a {
    color: #fff;
    position: relative;
}

footer .foot1 a .f_vx {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -110%);
    width: 120px;
    display: none;
}

footer .foot1 a .f_vx img {
    width: 100%;
}

footer .foot1 a:hover .f_vx {
    display: block;
}

footer .foot3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.05);
    color: #6E6E6E;
}

footer .foot3 a {
    color: #6E6E6E;
    transition: color .3s;
}

footer .foot3 a:hover {
    color: #fff;
}


/*分享按钮*/

.fx {
    text-align: left;
    color: #BBBBBB;
    width: 630px;
}

.fx .top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #474747;
    margin-bottom: 30px;
}

.fx .top li {
    width: 80px;
    text-align: left;
    margin-right: 56px;
    margin-bottom: 25px;
}

.fx .top li:nth-child(5) {
    margin-right: 0;
}

.fx .top li a {
    color: #A7A7A7;
}

.fx .top li a:hover {
    color: #ffffff;
}

footer .foot1 .link {
    position: relative;
    width: 316px;
    height: 40px;
    background: url(../image/link_bj.png)no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0 40px 0 20px;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 44px;
}

footer .foot1 .link ul {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    line-height: 40px;
    background-color: #333333;
    display: none;
    z-index: 5;
}

footer .foot1 .link ul li {
    padding: 0 20px;
    border: 1px solid #474747;
}

footer .foot1 .link ul li a:hover {
    color: #DB0032;
}

footer .foot1 .bto {
    display: flex;
}

footer .foot1 .bto .txt {
    margin-left: 30px;
}

footer .foot1 .bto .txt .li {
    font-size: 14px;
    color: #7D7D7D;
    line-height: 18px;
    margin-bottom: 14px;
}

footer .foot1 .bto .txt .li:last-child {
    margin-bottom: 0;
}

footer .foot1 .bto .txt .num {
    color: #ffffff;
    font-family: "dinb";
}

.bshare-custom a {
    display: inline-block;
    width: 32px!important;
    height: 32px!important;
    border: 1px solid #B7B7B7;
    border-radius: 50%;
}

.bshare-custom .bshare-weixin {
    background: url(../image/wx_fx_icon.png) no-repeat!important;
    margin-right: 30px;
    position: relative;
    vertical-align: middle;
    background-position: center;
}

.bshare-custom .bshare-weixin::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #989898;
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -7px;
}

.bshare-custom .bshare-sinaminiblog {
    background: url(../image/wb_fx_icon.png) no-repeat!important;
    vertical-align: middle;
    background-position: center;
}


/* 首页 end */


/* 内页banner */

.ny-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 90px;
}

.ny-banner .img {
    width: 100%;
    position: relative;
    transform: scale(1.2);
    transition: all 3s;
}

.ny-banner .img.active {
    transform: scale(1);
}

.ny-banner .img img.pc {
    display: block;
    width: 100%;
}

.ny-banner .img img.m {
    display: none;
    width: 100%;
}

.ny-banner .word {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6.25%;
    z-index: 2;
    width: 720px;
    max-width: 92%;
}

.ny-banner .word h3 {
    font-size: 56px;
    font-weight: 900;
    line-height: 90px;
}

.ny-banner .word p {
    font-family: "gotb";
    font-size: 62px;
    line-height: 90px;
}

.ny-banner .word span {
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin-top: 40px;
}

.ny-banner .ny-nav {
    width: 100%;
    height: 80px;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s
}

.ny-banner .ny-nav .w1680 {
    display: flex;
    align-items: center;
}

.ny-banner .ny-nav .w1680 a.home {
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
    background-color: #DB0032;
    position: relative;
}

.ny-banner .ny-nav .w1680 a.home img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ny-banner .ny-nav .w1680>div {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 80px);
}

.ny-banner .ny-nav .w1680>div a {
    display: block;
    position: relative;
    font-size: 18px;
    color: #fff;
    text-align: center;
    height: 80px;
    line-height: 80px;
    transition: all .3s
}

.ny-banner .ny-nav .w1680>div a::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.28);
    position: absolute;
    top: 0px;
    right: 0;
}

.ny-banner .ny-nav .w1680>div a:last-child::after {
    display: none;
}

.ny-banner .ny-nav .w1680>div.one a {
    width: calc(100% / 6);
}

.ny-banner .ny-nav .w1680>div.two a {
    width: calc(100% / 3);
}

.ny-banner .ny-nav .w1680>div.three a {
    width: calc(100% / 4);
}

.ny-banner .ny-nav .w1680>div a:hover {
    color: #DB0032;
}


/*.ny-banner .ny-nav.ff{position:fixed;top:90px;z-index:99;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background-color:#fff;}*/


/*.ny-banner .ny-nav.ff .w1680>div a::after{background-color:#ccc;}*/


/*.ny-banner .ny-nav.ff .w1680>div a{color:#333;}*/

.ny-banner .ny-nav .w1680>div a.active {
    color: #DB0032;
}

.ny-banner a.down {
    position: absolute;
    left: 6.25%;
    bottom: 70px;
    text-align: center;
    display: block;
    color: #fff;
}

.ny-banner a.down img {
    -webkit-animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(30px);
        opacity: 0;
    }
}

.ny-banner a.down p {
    font-size: 14px;
    opacity: 0.74;
    margin-top: 20px;
}


/* 关于我们 */

.a-part1 {
    position: relative;
}

.a-part1 .a-video {
    padding: 0 20%;
}

.a-part1 .a-video .pc {
    display: block;
    overflow: hidden;
}

.a-part1 .a-video .pc video {
    display: block;
    object-fit: fill;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: none;
}

.a-part1 .a-video .pc img {
    display: block;
    width: 100%;
    z-index: 2;
    position: relative;
}

.a-part1 .a-video .m {
    display: none;
}

.a-part1 .a-video .m img {
    display: block;
    width: 100%;
}

.a-part1 .a-main {
    margin-top: 27px;
    padding-top: 110px;
    height: 470px;
}

.a-part1 .a-main .tia {
    width: 335px;
    height: 386px;
    /*background-image: url(../image/tia-1.png);*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.a-part1 .a-main .tia span {
    font-weight: bold;
    color: #333333;
    display: block;
    width: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 50px;
}

.a-part1 .a-main .tia::after {
    content: '';
    width: 34px;
    height: 35px;
    /*background-image: url(../image/tia-2.png);*/
    position: absolute;
    right: 140px;
    bottom: 70px;
}

.a-part1 .a-main .ms {
    height: 400px;
    padding-right: 65px;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    width: 85%;
    z-index: 3;
    position: absolute;
    right: 0;
    top: 110px;
    overflow-y: auto;
}

.a-part1 .a-main .ms::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.a-part1 .a-main .ms::-webkit-scrollbar-thumb {
    background: #DB0032;
}

.a-part1 .a-main .ms::-webkit-scrollbar-track {
    background: #E5E5E5;
}

.add_img {
    text-align: center;
}


/*.a-part1 .a-main .ms p {margin-bottom:50px;}*/

.a-part2 {
    position: relative;
    padding-bottom: 46px;
}

.a-part2 .w1680 {
    position: relative;
    z-index: 4;
}

.a-part2 .title {
    text-align: center;
}

.a-part2 .title h3 {
    margin-bottom: 30px;
}

.a-part2 .swiper-container {
    position: relative;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
}

.a-part2 .swiper-container::before {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #D8D9DC;
    position: absolute;
    top: 0;
    left: 50%;
}

.a-part2 .swiper-container::after {
    content: '';
    display: block;
    width: calc(100% - 254px);
    height: 1px;
    background-color: #D8D9DC;
    position: absolute;
    left: 127px;
    top: 50px;
}

.a-part2 .swiper-slide {
    position: relative;
    padding-top: 50px;
    width: calc(100% / 6 - 42px);
    cursor: pointer;
}

.a-part2 .swiper-slide::before {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #D8D9DC;
    position: absolute;
    top: 0;
    left: 50%;
}

.a-part2 .swiper-slide .word {
    padding: 35px 0;
    background-color: #F5F5F5;
    text-align: center;
    transition: all .3s
}

.a-part2 .swiper-slide .word h3 {
    color: #DB0032;
    font-size: 30px;
    font-family: 'seg';
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 40px;
    transition: all .3s
}

.a-part2 .swiper-slide .word p {
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    transition: all .3s
}

.a-part2 ul {
    padding-top: 50px;
}

.a-part2 ul li {
    position: relative;
    padding: 30px 40px;
    background-color: #fff;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.02);
    display: none;
}

.a-part2 ul li::before {
    content: '';
    display: block;
    width: 43px;
    height: 20px;
    background-image: url(../image/sj_ico.png);
    position: absolute;
    top: -20px;
    left: 50%;
}

.a-part2 ul li:nth-child(1)::before {
    left: 6%;
}

.a-part2 ul li:nth-child(2)::before {
    left: 23%;
}

.a-part2 ul li:nth-child(3)::before {
    left: 40%;
}

.a-part2 ul li:nth-child(4)::before {
    left: 57%;
}

.a-part2 ul li:nth-child(5)::before {
    left: 74%;
}

.a-part2 ul li:nth-child(6)::before {
    left: 91%;
}


/*.a-part2 ul li:nth-child(2){padding-left: 9%;}*/


/*.a-part2 ul li:nth-child(3){padding-left: 28%;}*/


/*.a-part2 ul li:nth-child(4){padding-left: 46%;}*/


/*.a-part2 ul li:nth-child(5){padding-left: 64%;}*/


/*.a-part2 ul li:nth-child(6){text-align:right;}*/

.a-part2 .swiper-slide.active .word {
    background-color: #DB0032;
}

.a-part2 .swiper-slide.active .word h3 {
    color: #fff;
}

.a-part2 .swiper-slide.active .word p {
    color: #fff;
}

.a-part2 .bg {
    background-color: #FBFBFB;
    width: 100%;
    height: 316px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
}

.a-part3 {}

.a-part3 .tab {
    display: flex;
    justify-content: center;
}

.a-part3 .tab a {
    display: block;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    margin: 0 88px;
}

.a-part3 .tab a span {
    color: #F1F1F1;
    font-size: 72px;
    font-family: "gotm";
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

.a-part3 .tab a.active {
    color: #DB0032;
}

.a-part3 .a-part3a {
    margin-top: 60px;
}

.a-part3 .a-part3a ul {
    position: relative;
    height: 400px;
    width: 100%;
}

.a-part3 .a-part3a ul li {
    width: 100%;
    padding: 0 88px;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
}

.a-part3 .a-part3a ul li.active {
    z-index: 2;
    opacity: 1;
}

.a-part3 .swiper-container {
    padding: 2px;
}

.a-part3 .swiper-slide {
    text-align: center;
    position: relative;
    border: 1px solid #D4D4D4;
    height: 80px;
    box-sizing: border-box;
}

.a-part3 .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.a-part3 .swiper-slide p {
    color: #333333;
    font-size: 18px;
    text-align: center;
    ;
    line-height: 24px;
}

.a-part3 .ban3 .swiper-slide {
    border: none;
    height: auto;
}

.a-part3 .ban3 .swiper-slide .img {
    width: 100%;
    position: relative;
    height: 320px;
    display: block;
}

.a-part3 .swiper-pagination {
    position: relative;
    margin-top: 50px;
    bottom: 0;
}

.a-part3 .swiper-pagination-bullet {
    width: 14px;
    height: 15px;
    background: url(../image/dian_ico.png);
    border-radius: 0;
    opacity: 1;
}

.a-part3 .swiper-pagination-bullet-active {
    background: url(../image/dian_ico1.png);
}

.a-part3 .prev,
.a-part3 .next {
    cursor: pointer;
    width: 42px;
    height: 49px;
    background-image: url(../image/an_bg.png);
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    transition: all .3s;
}

.a-part3 .prev {
    left: 0;
}

.a-part3 .prev::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/p_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.a-part3 .next {
    right: 0;
}

.a-part3 .next::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/n_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.a-part3 .prev:hover,
.a-part3 .next:hover {
    background-image: url(../image/an_bg1.png);
}

.a-part3 .prev:hover::before {
    background-image: url(../image/p_ico1.png);
}

.a-part3 .next:hover::before {
    background-image: url(../image/n_ico1.png);
}

.a-part4 {}

.a-part4 ul {
    margin-top: 50px;
    display: flex;
}

.a-part4 ul li {
    width: 14%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: relative;
}

.a-part4 ul li .img {
    position: relative;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.a-part4 ul li .img img.img1 {
    display: block;
    width: 100%;
}

.a-part4 ul li .img .wz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.a-part4 ul li .img .wz img {
    margin-bottom: 20px;
}

.a-part4 ul li .ms {
    background-color: #F5F5F5;
    padding: 27px 28px 0 32px;
    opacity: 0;
    transition: all .3s;
}

.a-part4 ul li .ms .tia {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.a-part4 ul li .ms .tia img {
    margin-right: 20px;
}

.a-part4 ul li .ms .word {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 30px;
}

.a-part4 ul li .ms img.img2 {
    display: block;
    width: 100%;
}

.a-part4 ul li.active {
    width: 44%;
}

.a-part4 ul li.active .img {
    opacity: 0;
}

.a-part4 ul li.active .ms {
    opacity: 1;
}

.a-part5 {
    position: relative;
    background-image: url(../image/a_5_bg.jpg);
    background-repeat: no-repeat;
}

.a-part5 .swiper-container {
    margin-top: 76px;
    padding: 5px 7px 220px;
}

.a-part5 .swiper-container::before {
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(../image/s_bg.png);
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: 33.8%;
    transform: translateY(-50%);
}

.a-part5 .swiper-slide {
    position: relative;
    height: 120px;
    width: 310px;
    margin-right: -52.5px;
}

.a-part5 .swiper-slide::before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #CFCFCF;
    position: absolute;
    top: 18px;
    left: 7.5px;
}

.a-part5 .swiper-slide .year {
    margin-bottom: 22px;
    padding-left: 32px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    font-family: "gotb";
    line-height: 20px;
}

.a-part5 .swiper-slide .year::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #DB0032;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.a-part5 .swiper-slide .ms {
    padding-left: 32px;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
}

.a-part5 .swiper-slide .ms p {
    padding-left: 15px;
}

.a-part5 .swiper-slide .ms p::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #DB0032;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
}

.a-part5 .swiper-slide:nth-child(2n) {
    position: relative;
    top: 135px;
    padding-top: 88px;
}

.a-part5 .swiper-slide:nth-child(2n)::before {
    height: 104px;
    top: -14px;
}

.a-part5 .swiper-slide:nth-child(2) {
    transform: translateX(-1px);
}

.a-part5 .prev,
.a-part5 .next {
    cursor: pointer;
    width: 42px;
    height: 49px;
    background-image: url(../image/an_bg.png);
    position: absolute;
    top: 39.6%;
    transform: translateY(-50%);
    transition: all .3s;
    z-index: 6;
}

.a-part5 .prev {
    left: 0;
}

.a-part5 .prev::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/p_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.a-part5 .next {
    right: 0;
}

.a-part5 .next::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/n_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.a-part5 .prev:hover,
.a-part5 .next:hover {
    background-image: url(../image/an_bg1.png);
}

.a-part5 .prev:hover::before {
    background-image: url(../image/p_ico1.png);
}

.a-part5 .next:hover::before {
    background-image: url(../image/n_ico1.png);
}

.a-part5 .swiper-slide-active .year::before {
    background-color: #DB0032;
}

.a-part5 .swiper-slide-active .year {
    color: #DB0032;
    font-size: 28px;
}


/* 联系我们 */

.c-part1 {}

.c-part1 ul {
    margin-top: 75px;
    display: flex;
    justify-content: space-between;
}

.c-part1 ul li {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    padding: 50px 0;
    width: calc(100% / 3 - 70px);
    transition: all .3s;
}

.c-part1 ul li .ico {
    margin-bottom: 20px;
}

.c-part1 ul li .ico img.hv1 {
    display: inline-block;
}

.c-part1 ul li .ico img.hv2 {
    display: none;
}

.c-part1 ul li h3 {
    margin-bottom: 18px;
    transition: color .3s;
}

.c-part1 ul li p {
    color: #666666;
    font-size: 16px;
    transition: color .3s;
}

.c-part1 ul li:hover {
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
}

.c-part1 ul li:hover .ico img.hv1 {
    display: none;
}

.c-part1 ul li:hover .ico img.hv2 {
    display: inline-block;
}

.c-part1 ul li:hover h3 {
    color: #D90031;
}

.c-part1 ul li:hover p {
    color: #D90031;
}

.c-part1 .map {
    margin-top: 60px;
    display: flex;
}

.c-part1 .map .img {
    width: 50%;
}

.c-part1 .map .img img {
    display: block;
    width: 100%;
}

.c-part1 .map #container {
    width: 50%;
}

.c-part1 .map .contact_ms {
    width: 428px;
    height: 301px;
    background-image: url(../image/map_bg.png);
    box-sizing: border-box;
    padding: 60px;
}

.c-part1 .map .contact_ms h3 {
    color: #DB0032;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 23px;
}

.c-part1 .map .contact_ms p {
    color: #333333;
    font-size: 14px;
    margin-bottom: 16px;
}

.c-part1 .map .contact_ms dl {
    display: flex;
    margin-bottom: 26px;
}

.c-part1 .map .contact_ms dl dd {
    display: flex;
    align-items: center;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

.c-part1 .map .contact_ms dl dd img {
    margin-right: 5px;
}

.c-part1 .map .contact_ms dl dd:nth-child(1) {
    margin-right: 27px;
}

.c-part1 .map .contact_ms a {
    display: flex;
    color: #DB0032;
    font-size: 14px;
    align-items: center;
}

.c-part1 .map .contact_ms a img {
    margin-right: 5px;
}

.c-part1 .map .amap-icon {
    width: 28px!important;
    height: 37px!important;
    background-image: url(../image/map_ico1.png);
}

.c-part1 .map .amap-icon img {
    display: none;
}

.c-part2 {
    padding-bottom: 100px;
}

.c-part2 .tab {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-part2 .tab .col-l {
    display: flex;
}

.c-part2 .tab .col-l a {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    padding-left: 55px;
    height: 40px;
    line-height: 40px;
}

.c-part2 .tab .col-l a::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.c-part2 .tab .col-l a:nth-child(1) {
    margin-right: 60px;
}

.c-part2 .tab .col-l a:nth-child(2) {
    margin-right: 60px;
}

.c-part2 .tab .col-l a:nth-child(1)::before {
    background-image: url(../image/c_2_ico1.png);
}

.c-part2 .tab .col-l a:nth-child(2)::before {
    background-image: url(../image/c_2_ico2.png);
}

.c-part2 .tab .col-l a:nth-child(3)::before {
    background-image: url(../image/c_2_ico3.png);
}

.c-part2 .tab .col-l a.active {
    color: #DB0032;
}

.c-part2 .tab .col-l a:nth-child(1).active::before {
    background-image: url(../image/c_2_ico1a.png);
}

.c-part2 .tab .col-l a:nth-child(2).active::before {
    background-image: url(../image/c_2_ico2a.png);
}

.c-part2 .tab .col-l a:nth-child(3).active::before {
    background-image: url(../image/c_2_ico3a.png);
}

.c-part2 .tab .col-r {
    display: flex;
}

.c-part2 .tab .col-r a {
    width: 300px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background-color: #F8F8F8;
    margin-right: 30px;
    box-sizing: border-box;
    padding: 0 40px;
    position: relative;
}

.c-part2 .tab .col-r a.one {
    text-align: center;
    background-color: #DB0032;
    color: #fff;
    font-size: 18px;
}

.c-part2 .tab .col-r a h3 {
    position: relative;
    font-size: 18px;
    color: #757575;
    font-weight: normal;
}

.c-part2 .tab .col-r a h3::before {
    content: '';
    width: 15px;
    height: 9px;
    background-image: url(../image/down_ico.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}

.c-part2 .tab .col-r .form {
    height: 60px;
    position: relative;
}

.c-part2 .tab .col-r .form .el-select {
    width: 300px;
    margin-right: 30px;
    float: left;
    height: 60px;
}

.c-part2 .tab .col-r .form .el-select>.el-input {
    width: 100%;
    height: 60px;
}

.c-part2 .tab .col-r .form select {
    width: 300px;
    margin-right: 50px;
    float: left;
    height: 60px;
    border: none;
    padding: 0 40px;
    background-color: #F1F1F1;
}

.c-part2 .tab .col-r .form select>option {
    width: 100%;
    height: 60px;
}

.c-part2 .tab .col-r .form .el-input {
    width: 50%;
    float: left;
    height: 60px;
    position: relative;
}

.c-part2 .tab .col-r .form .el-input__inner {
    background-color: #F8F8F8;
    padding: 0 40px;
    border-radius: 60px;
}

.search .c-part2 .tab .col-r .form .el-input {
    width: 100%;
    float: none;
}

.c-part2 .tab .col-r .el-input__inner {
    height: 60px;
    border-radius: 0;
    border: none;
}

.c-part2 .tab .col-r .el-button {
    border: none;
    position: absolute;
    right: 10px;
    top: 14px;
    background-color: transparent;
}

.c-part2 .tab .col-r.el-button:focus,
.c-part2 .tab .col-r .el-button:hover {
    background-color: transparent;
}

.c-part2 .tab .col-r .el-input__suffix {
    right: 15px;
}

.c-part2 .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.c-part2 .el-pagination.is-background .btn-next,
.c-part2 .el-pagination.is-background .btn-prev,
.c-part2 .el-pagination.is-background .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.c-part2 .list {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
}

.c-part2 .list .item {
    background-color: #F5F5F5;
    padding: 40px;
    width: calc(100% / 3 - 60px);
    margin-bottom: 60px;
    transition: all .3s;
    margin-right: 90px;
}

.c-part2 .list .item:nth-child(3n) {
    margin-right: 0;
}

.c-part2 .list .item h3 {
    margin-bottom: 30px;
    transition: all .3s
}

.c-part2 .list .item p {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.c-part2 .list .item p img {
    margin-right: 20px;
}

.c-part2 .list .item a {
    display: flex;
    align-items: center;
    color: #DB0032;
}

.c-part2 .list .item a img {
    margin-right: 20px;
}

.c-part2 .list .item:hover {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13);
}

.c-part2 .list .item:hover h3 {
    color: #DB0032;
}


/* 新闻中心 */

.n-tab {
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

.n-tab a {
    display: block;
    font-size: 18px;
    margin: 0 30px;
    border-radius: 40px;
    border: 1px solid #ccc;
    width: 240px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.n-tab a.active,
.n-tab a:hover {
    background-color: #DB0032;
    color: #fff;
    border: 1px solid #DB0032
}

.n-part1 {
    background-color: #FBFBFB;
    padding-top: 110px;
}

.n-part1 .swiper-slide {
    display: flex;
}

.n-part1 .swiper-slide .img {
    width: 50%;
    overflow: hidden;
}

.n-part1 .swiper-slide .img img {
    display: block;
    width: 100%;
}

.n-part1 .swiper-slide .word {
    background-color: #fff;
    padding: 50px 60px;
    box-sizing: border-box;
    width: 50%;
}

.n-part1 .swiper-slide .word .time {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #DBDBDB;
}

.n-part1 .swiper-slide .word .time .day {
    font-size: 36px;
    font-weight: bold;
    color: #333;
}

.n-part1 .swiper-slide .word .time .year {
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    text-align: right;
}

.n-part1 .swiper-slide .word .time .year span {
    display: block;
}

.n-part1 .swiper-slide .word h2 {
    margin-top: 60px;
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
    height: 24px;
    overflow: hidden;
}

.n-part1 .swiper-slide .word p {
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 60px;
    height: 64px;
    overflow: hidden;
}

.n-part1 .swiper-slide .word .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/part3_btn.png) no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.n-part1 .swiper-slide .word .btn:hover {
    opacity: 0.8;
    left: 4px;
}

.n-part1 .swiper-pagination {
    position: relative;
    margin-top: 60px;
    bottom: 0;
    margin-bottom: 50px;
}

.n-part1 .swiper-pagination-bullet {
    width: 14px;
    height: 15px;
    background: url(../image/dian_ico.png);
    border-radius: 0;
    opacity: 1;
}

.n-part1 .swiper-pagination-bullet-active {
    background: url(../image/dian_ico1.png);
}

.n-part2 {}

.n-part2 a.item {
    display: flex;
    padding: 70px 0;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}

.n-part2 a.item .time {
    width: 90px;
    text-align: center;
    color: #ACACAC;
    font-size: 16px;
    margin-right: 70px;
    transition: all .3s;
}

.n-part2 a.item .time .day {
    font-size: 36px;
    color: #ACACAC;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    transition: all .3s;
}

.n-part2 a.item .img {
    margin-right: 50px;
    width: 377px;
    overflow: hidden;
}

.n-part2 a.item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.n-part2 a.item .ms {
    width: calc(100% - 90px - 377px - 50px - 70px);
}

.n-part2 a.item .ms h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
    height: 24px;
    overflow: hidden;
    transition: all .3s;
}

.n-part2 a.item .ms p {
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 48px;
    height: 64px;
    overflow: hidden;
}

.n-part2 a.item .ms .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/btn_bg2.png)no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #999999;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.n-part2 a.item:hover .time {
    color: #DB0032;
}

.n-part2 a.item:hover .time .day {
    border-bottom: 1px solid #DB0032;
    color: #DB0032;
}

.n-part2 a.item:hover .img img {
    transform: scale(1.03);
}

.n-part2 a.item:hover h2 {
    color: #DB0032;
}

.n-part2 a.item:hover .btn {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
}

.fy {
    text-align: center;
    margin: 80px auto 110px;
    display: flex;
    justify-content: center;
}

.fy a {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 6px;
    background-color: #F1F1F1;
    color: #666666;
    margin: 0 10px;
    font-size: 18px;
}

.fy a.active,
.fy a:hover {
    color: #fff;
    background-color: #DB0032;
}

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

.fy1 a {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 6px;
    background-color: #F1F1F1;
    color: #666666;
    margin: 0 10px;
    font-size: 18px;
}

.fy1 a.active,
.fy1 a:hover {
    color: #fff;
    background-color: #DB0032;
}


/* 新闻详细 */

.news-show {
    padding-top: 190px;
    padding-bottom: 100px;
}

.news-show .title {
    margin-bottom: 40px;
}

.news-show .time {
    color: #666666;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.news-show .time span {
    color: #DB0032;
}

.news-show .time i {
    display: block;
    width: 80px;
    height: 1px;
    background-color: #D4D4D4;
    margin: 0 40px;
}

.news-show .time .fx1 {
    display: flex;
}

.news-show .time .fx1 a {
    display: block;
    width: 30px;
    height: 30px;
}

.news-show .time .fx1 a.wx {
    background-image: url(../image/wx_ico.png);
    transition: all .3s;
    margin-right: 20px;
}

.news-show .time .fx1 a.sina {
    background-image: url(../image/sina_ico.png);
    transition: all .3s;
}

.news-show .time .fx1 a.wx:hover {
    background-image: url(../image/wx_ico1.png);
}

.news-show .time .fx1 a.sina:hover {
    background-image: url(../image/sina_ico1.png);
}

.news-show .news-detailed {
    padding: 60px 0;
    border-top: 1px solid #ECECEC;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
}

.news-show .news-detailed img {
    max-width: 100%;
}

.news-show .n-next {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-show .n-next p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
    transition: all .3s;
}

.news-show .n-next p a {
    color: #333;
    transition: all .3s;
}

.news-show .n-next p:hover {
    color: #DB0032;
}

.news-show .n-next p:hover a {
    color: #DB0032;
}

.news-show .n-next .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/btn_bg2.png)no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #999999;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.news-show .n-next .btn:hover {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
}


/* 人才发展 */

.t-part1 {
    padding: 120px 0 60px 0;
}

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

.t-part1 ul li {
    width: calc(50% - 30px);
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);
}

.t-part1 ul li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.t-part1 ul li .img img {
    display: block;
    width: 100%;
    border-radius: 10px;
    transition: all .3s;
}

.t-part1 ul li .wz {
    position: absolute;
    top: 70px;
    left: 80px;
    z-index: 3;
}

.t-part1 ul li .wz .ico {
    width: 70px;
    height: 70px;
    position: relative;
    border: 1px dashed #3E3E3E;
    border-radius: 50%;
    margin-bottom: 40px;
    transition: all .3s;
}

.t-part1 ul li .wz .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.t-part1 ul li .wz .ico img.hv1 {
    display: block;
}

.t-part1 ul li .wz .ico img.hv2 {
    display: none;
}

.t-part1 ul li .wz h3 {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 40px;
}

.t-part1 ul li .wz h3::before {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #DB0032;
    position: absolute;
    bottom: 0;
    left: 0;
}

.t-part1 ul li .wz p {
    color: #666666;
}

.t-part1 ul li:hover .img img {
    transform: scale(1.03);
}

.t-part1 ul li:hover .wz .ico {
    border: 1px solid transparent;
    background-color: #DB0032;
}

.t-part1 ul li:hover .wz .ico img.hv1 {
    display: none;
}

.t-part1 ul li:hover .wz .ico img.hv2 {
    display: block;
}

.t-part2 {
    position: relative;
}

.t-part2 .bg {
    width: 100%;
    position: relative;
}

.t-part2 .bg img {
    display: none;
    width: 100%;
}

.t-part2 .bt {
    text-align: center;
    color: #fff;
    width: 723px;
    max-width: 92%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.t-part2 .bt h3 {
    margin-bottom: 30px;
}

.t-part2 .bt p {
    font-size: 16px;
    line-height: 32px;
}

.t-part2 ul.bg {
    position: relative;
}

.t-part2 ul.bg li {
    display: none;
}

.t-part2 ul.bg li .img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.t-part2 ul.bg li .img img {
    display: block;
    width: 100%;
}

.t-part2 ul.bg li .bt {
    text-align: center;
    color: #fff;
    width: 723px;
    max-width: 92%;
    margin: 0 auto;
    position: absolute;
    top: 140px;
    left: 0;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
}

.t-part2 ul.bg li .bt h3 {
    margin-bottom: 30px;
}

.t-part2 ul.bg li .bt p {
    font-size: 16px;
    line-height: 32px;
}

.t-part2 ul.bg li.active {
    display: block;
}

.t-part2 ul.list {
    display: flex;
    position: absolute;
    top: 400px;
    width: 1380px;
    position: absolute;
    left: 50%;
    z-index: 4;
    transform: translateX(-50%)
}

.t-part2 ul.list li {
    text-align: center;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px dashed #fff;
    width: 292px;
    height: 292px;
    position: relative;
    transition: all .3s;
    margin-left: -16px;
}

.t-part2 ul.list li .xx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.t-part2 ul.list li .xx .ico {
    margin-bottom: 20px;
}

.t-part2 ul.list li .xx .ico img.hv1 {
    display: inline-block;
}

.t-part2 ul.list li .xx .ico img.hv2 {
    display: none;
}

.t-part2 ul.list li .xx p {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    ;
    transition: all .3s;
}

.t-part2 ul.list li:hover,
.t-part2 ul.list li.active {
    background-color: rgba(255, 255, 255, 0.82);
    border: 1px dashed #DB0032;
}

.t-part2 ul.list li:hover .xx .ico img.hv1,
.t-part2 ul.list li.active .xx .ico img.hv1 {
    display: none;
}

.t-part2 ul.list li:hover .xx .ico img.hv2,
.t-part2 ul.list li.active .xx .ico img.hv2 {
    display: inline-block;
}

.t-part2 ul.list li:hover .xx p,
.t-part2 ul.list li.active .xx p {
    color: #DB0032;
}

.t-part3 {}

.t-part3 dl {
    margin-top: 50px;
    display: flex;
    align-items: center;
    background-color: #F5F5F5;
}

.t-part3 dl dt {
    width: 37.5%;
    padding: 0 70px;
}

.t-part3 dl dt h3 {
    color: #000000;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 50px;
}

.t-part3 dl dt h3::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #000000;
    position: absolute;
    left: 0;
    bottom: 0;
}

.t-part3 dl dt .ms {
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    height: 128px;
    overflow: hidden;
    margin-bottom: 60px;
}

.t-part3 dl dt .other {}

.t-part3 dl dt .other .num {
    color: #DB0032;
}

.t-part3 dl dt .other .num span {
    margin-bottom: 10px;
    font-family: "gotm";
    color: #DB0032;
    margin-right: 20px;
    display: inline-block;
}

.t-part3 dl dt .other p {
    color: #666666;
    font-size: 16px;
}

.t-part3 dl dd {
    width: 62.5%;
    overflow: hidden;
}

.t-part3 dl dd img {
    display: block;
    width: 100%;
}

.t-part3 ul {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.t-part3 ul li {
    position: relative;
    width: calc(50% - 10px);
    overflow: hidden;
}

.t-part3 ul li .img {
    width: 100%;
    overflow: hidden;
}

.t-part3 ul li .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.t-part3 ul li .word {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 70px 50px;
    transition: all .3s;
    transform: translateY(100%);
}

.t-part3 ul li .word h3 {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 50px;
}

.t-part3 ul li .word h3::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.t-part3 ul li .word p {
    font-size: 16px;
    line-height: 32px;
    height: 64px;
}

.t-part3 ul li:hover .img img {
    transform: scale(1.03);
}

.t-part3 ul li:hover .word {
    transform: translateY(0);
}

.t-part4 {
    padding-bottom: 120px;
}

.t-part4 ul {
    margin-top: 50px;
    display: flex;
}

.t-part4 ul li {
    width: 25%;
    position: relative;
}

.t-part4 ul li .num {
    color: #666666;
    font-family: "gotm";
    position: relative;
    padding-bottom: 22px;
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 85px;
    overflow: hidden;
    transition: all .3s;
}

.t-part4 ul li .num span {
    font-size: 18px;
    transform: translateX(-6px);
    display: block;
    transition: all .3s;
}

.t-part4 ul li .img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 53px;
    position: relative;
    border-radius: 5px;
    transition: all .3s;
}

.t-part4 ul li .img::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.36);
    z-index: 2;
    transition: all .3s;
}

.t-part4 ul li .img img {
    display: block;
    width: 100%;
    border-radius: 5px;
    transition: all .3s;
}

.t-part4 ul li .word {
    padding-right: 50px;
}

.t-part4 ul li .word h3 {
    color: #333;
    margin-bottom: 20px;
    transition: all .3s;
}

.t-part4 ul li .word p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    transition: all .3s;
}

.t-part4 ul li:hover {
    z-index: 5;
}

.t-part4 ul li:hover .num {
    border-bottom: 2px solid #DB0032;
}

.t-part4 ul li:hover .num span {
    transform: scale(2) translate(98px, 5px);
    color: #DB0032;
}

.t-part4 ul li:hover .img {
    transform: scale(1.2);
}

.t-part4 ul li:hover .img::before {
    opacity: 0;
}

.t-part4 ul li:hover .word h3 {
    color: #DB0032;
}


/* 投资者关系 */

.inv-part {
    position: relative;
    width: 100%;
    display: flex;
}

.inv-part .col-l {
    background-color: rgba(249, 249, 249, 0.62);
    background-image: url(../image/inv_bg.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 120px 100px 0 120px;
    width: 34%;
    /*position: sticky;top:60px;*/
}


/*.inv-part .col-l h3{font-size:36px;}*/

.inv-part .col-l h3 span {
    display: inline-block;
    margin-left: 30px;
}

.inv-part .col-l img {
    display: block;
    width: 100%;
}

.inv-part .col-r {
    width: 64%;
    padding: 120px;
    box-sizing: border-box;
}

.inv-part .col-r .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/btn_bg2.png)no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #999999;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.inv-part .col-r .btn:hover {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
}

.inv-part .col-r .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 32px;
    border-bottom: 1px solid #D3D3D3;
}

.inv-part .col-r .title::before {
    content: '';
    width: 84px;
    height: 4px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.inv-part .col-r .title .link {}

.inv-part .col-r .title .link a {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    transition: color .3s;
}

.inv-part .col-r .title .link a:nth-child(1) {
    margin-right: 100px;
}

.inv-part .col-r .title .link a.active,
.inv-part .col-r .title .link a:hover {
    color: #DB0032;
}

.inv-part .col-r .list1 {
    margin-top: 40px;
    position: relative;
    margin-bottom: 70px;
}

.inv-part .col-r .list1::before {
    content: '';
    width: 1px;
    height: calc(100% - 75px);
    background-color: #e3e3e3;
    position: absolute;
    left: 7px;
    top: 75px;
}

.inv-part .col-r .list1 a.item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
    padding-left: 45px;
}

.inv-part .col-r .list1 a.item .time {
    width: 70px;
    height: 70px;
    background-color: #B2B2B2;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    transition: all .3s;
}

.inv-part .col-r .list1 a.item .time span {
    font-size: 30px;
    display: block;
    line-height: 42px;
    padding-top: 3px;
}

.inv-part .col-r .list1 a.item .wz {
    margin-left: 27px;
    width: calc(100% - 45px - 70px - 35px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s;
}

.inv-part .col-r .list1 a.item .wz p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inv-part .col-r .list1 a.item::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #E6E6E6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
}

.inv-part .col-r .list1 a.item::after {
    content: '';
    display: block;
    width: calc(100% - 45px);
    height: 1px;
    background-color: #D3D3D3;
    position: absolute;
    left: 45px;
    bottom: 0;
}

.inv-part .col-r .list1 a.item:last-child::after {
    display: none;
}

.inv-part .col-r .bd {
    margin-top: 50px;
    margin-bottom: 70px;
}

.inv-part .col-r .bd ul {}

.inv-part .col-r .bd ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.inv-part .col-r .bd ul li p {
    font-size: 18px;
    font-weight: bold;
    width: 170px;
}

.inv-part .col-r .bd ul li p span {
    color: #D8251C;
    display: inline-block;
    margin-right: 10px;
}

.inv-part .col-r .bd ul li .other {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 170px);
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    height: 70px;
    display: flex;
    align-items: center;
    background-color: #F9F9F9;
    color: #333333;
    font-size: 16px;
    padding: 0 60px;
}

.inv-part .col-r .bd ul li .other label {
    cursor: pointer;
}

.inv-part .col-r .bd ul li .other label:last-child {
    margin-right: 0;
}

.inv-part .col-r .bd ul li .other label span {
    display: inline-block;
    position: relative;
    padding-left: 25px;
}

.inv-part .col-r .bd ul li .other label span::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../image/radio_ico.png);
}

.inv-part .col-r .bd ul li .other label input {
    cursor: pointer;
}

.inv-part .col-r .bd ul li .other label input[type='radio'] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.inv-part .col-r .bd ul li .other label input[type='radio']:checked+span::before {
    background-image: url(../image/radio_ico1.png);
}

.inv-part .col-r .bd ul li input.wz {
    display: block;
    width: calc(100% - 170px);
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    height: 70px;
    background-color: #F9F9F9;
    color: #333333;
    font-size: 16px;
    padding: 0 60px;
}

.inv-part .col-r .bd ul li textarea {
    display: block;
    width: calc(100% - 170px);
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    height: 160px;
    background-color: #F9F9F9;
    color: #333333;
    font-size: 16px;
    padding: 24px 60px;
}

.inv-part .col-r .bd button {
    display: block;
    width: 170px;
    height: 50px;
    background-image: url(../image/btn_bg.png);
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    border: none;
    background-color: transparent;
    margin: 0 auto;
    cursor: pointer;
}

.inv-part .col-r .list1 a.item:hover .time {
    background-color: #DB0032;
}

.inv-part .col-r .list1 a.item:hover .wz {
    color: #DB0032;
}

.inv-part .col-r .list1 a.item:hover::before {
    background-color: #DB0032;
}

.inv-part .list2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 40px;
}

.inv-part .list2 a.item {
    display: block;
    width: calc(50% - 15px);
    margin-bottom: 20px;
}

.inv-part .list2 a.item .img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.inv-part .list2 a.item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.inv-part .list2 a.item .time {
    color: #666666;
    font-size: 16px;
    margin-bottom: 16px;
}

.inv-part .list2 a.item p {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}

.inv-part .list2 a.item:hover .img img {
    transform: scale(1.03);
}

.inv-part .list3 {
    padding: 40px 0;
    position: relative;
    align-items: flex-end;
}

.inv-part .list3 .word {
    margin-top: 40px;
}

.inv-part .list3 .word p {
    margin-bottom: 23px;
    line-height: 25px;
}

.inv-part .list3 .word p:last-child {
    margin-bottom: 0;
}

.inv-part .list3 .ewm {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.inv-part .list3 .ewm p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #999;
    border: 1px solid #f1f1f1;
}


/* 人才招聘 */

.j-part1 .form {
    height: 60px;
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.j-part1 .form .el-select {
    width: calc(25% - 50px);
    margin-right: 50px;
    float: left;
    height: 60px;
}

.j-part1 .form .el-select>.el-input {
    width: 100%;
    height: 60px;
}

.j-part1 .form select {
    width: calc(25% - 50px);
    margin-right: 50px;
    float: left;
    height: 60px;
    border: none;
    padding: 0 40px;
    background-color: #F1F1F1;
}

.j-part1 .form select>option {
    width: 100%;
    height: 60px;
}

.j-part1 .form .el-input {
    width: 50%;
    float: left;
    height: 60px;
    position: relative;
}

.j-part1 .form .el-input__inner {
    background-color: #F8F8F8;
    padding: 0 40px;
    border-radius: 60px;
}

.search .j-part1 .form .el-input {
    width: 100%;
    float: none;
}

.j-part1 .el-input__inner {
    height: 60px;
    border-radius: 0;
    border: none;
}

.j-part1 .el-button {
    border: none;
    position: absolute;
    right: 10px;
    top: 14px;
    background-color: transparent;
}

.j-part1 .el-button:focus,
.j-part1 .el-button:hover {
    background-color: transparent;
}

.j-part1 .el-input__suffix {
    right: 15px;
}

.j-part1 .list {
    margin-top: 70px;
}

.j-part1 .list dl {
    margin-bottom: 40px;
}

.j-part1 .list dl dt {
    padding: 35px 0 35px 56px;
    border: 1px solid #E9E9E9;
    position: relative;
    cursor: pointer;
}

.j-part1 .list dl dt .title {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.j-part1 .list dl dt .title h3 {
    margin-right: 120px;
}

.j-part1 .list dl dt .title p {
    color: #999999;
    font-size: 16px;
    position: relative;
}


/*.j-part1 .list dl dt .title p:nth-child(2){padding-right: 80px;}*/

.j-part1 .list dl dt .title p:nth-child(2)::before {
    content: '';
    display: none;
    background-color: #DEDEDE;
    width: 1px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.j-part1 .list dl dt .title p:nth-child(3) {
    display: none;
}

.j-part1 .list dl dt .ms {
    display: flex;
    font-size: 16px;
    color: #666666;
    flex-wrap: wrap;
    width: 826px;
    max-width: 100%;
}

.j-part1 .list dl dt .ms p {
    width: 33.3333%;
    margin-bottom: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
}


/*.j-part1 .list dl dt .ms p:nth-child(1),.j-part1 .list dl dt .ms p:nth-child(4){width: 304px;}*/


/*.j-part1 .list dl dt .ms p:nth-child(2),.j-part1 .list dl dt .ms p:nth-child(5){width: 160px;}*/


/*.j-part1 .list dl dt .ms p:nth-child(3n){margin-right: 0;}*/

.j-part1 .list dl dt .ico {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 210px;
    border-left: 1px solid #E9E9E9;
    font-size: 16px;
    color: #333;
    transition: all .3s;
    text-align: center;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}


/*.j-part1 .list dl dt .ico::before{content: '';display: block;width: 60px;height:60px;background-image: url(../image/add_ico.png);position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}*/

.j-part1 .list dl dd {
    padding-left: 56px;
    padding-top: 40px;
    padding-bottom: 60px;
    border: 1px solid #E9E9E9;
    border-top: none;
    display: none;
}

.j-part1 .list dl dd .xx {
    display: flex;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 60px;
}

.j-part1 .list dl dd .xx h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}

.j-part1 .list dl dd .xx .col-l {
    margin-right: 100px;
}

.j-part1 .list dl dd .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/part3_btn.png) no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.3s;
}

.j-part1 .list dl dd .btn:hover {
    opacity: 0.8;
    left: 4px;
}

.j-part1 .list dl.active dd {
    display: block;
}

.j-part1 .list dl.active dt .title h3 {
    color: #DB0032;
}

.j-part1 .list dl.active dt .ico {
    color: #DB0032;
}

.j-part1 .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.j-part1 .el-pagination.is-background .btn-next,
.j-part1 .el-pagination.is-background .btn-prev,
.j-part1 .el-pagination.is-background .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}


/* 岗位弹出 */

.tc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.51);
    display: none;
}

.tc .ny {
    background-color: #fff;
    border-radius: 16px;
    width: 60%;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}

.tc .ny .title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #DEDEDE;
}

.tc .ny .title::after {
    content: '';
    display: block;
    width: 170px;
    height: 3px;
    background-color: #DB0032;
    position: absolute;
    bottom: -1.5px;
    left: 0;
}

.tc .ny .jl {
    margin-top: 50px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #F5F5F5;
    color: #333333;
    font-size: 18px;
    padding-left: 65px;
    border-radius: 4px;
}

.tc .ny .jl::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    background-image: url(../image/radio_ico1.png);
}

.tc .ny .sc {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    padding: 16px;
    margin-top: 40px;
    text-align: center;
}

.tc .ny .sc .cc {
    width: 100%;
    border: 1px dashed #D9D9D9;
    padding: 60px 0;
}

.tc .ny .sc .cc .img {
    width: 80px;
    height: 80px;
    position: relative;
    background-color: #F5F5F5;
    margin: 0 auto;
}

.tc .ny .sc .cc .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tc .ny .sc .cc .wz {
    color: #BBBBBB;
    font-size: 16px;
    line-height: 28px;
    margin: 28px 0 0;
}

.tc .ny .btn {
    display: block;
    width: 170px;
    height: 50px;
    margin: 20px auto;
    background: url(../image/part3_btn.png) no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.3s;
    text-align: left;
}

.tc .ny .btn:hover {
    opacity: 0.8;
    left: 4px;
}


/* 供应商平台 */

.s-part1 {
    position: relative;
}

.s-part1 .title {
    width: 940px;
    max-width: 92%;
    margin: 0 auto;
}

.s-part1 .title h3 {
    margin-bottom: 40px;
}

.s-part1 .title p {
    color: #666;
    font-size: 16px;
    line-height: 32px;
}

.s-part1 .btn {
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/part3_btn.png) no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #fff;
    position: relative;
    left: 0;
    transition: all 0.3s;
    margin: 70px auto 0;
}

.s-part1 .btn:hover {
    opacity: 0.8;
    left: 4px;
}

.s-part2 .title {}

.s-part2 .title h3 {
    margin-bottom: 40px;
}

.s-part2 .title p {
    color: #666;
    font-size: 16px;
    line-height: 32px;
}

.s-part2 ul {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.s-part2 ul li {
    width: calc(50% - 25px);
    margin-bottom: 60px;
}

.s-part2 ul li .img {
    width: 100%;
    overflow: hidden;
}

.s-part2 ul li .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.s-part2 ul li .word {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-part2 ul li .word .num {
    position: relative;
    width: 130px;
}

.s-part2 ul li .word .num b {
    color: #EEEEEE;
    font-size: 120px;
    line-height: 147px;
    font-family: "dinb";
}

.s-part2 ul li .word .num span {
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    bottom: 14px;
    right: 15px;
    transition: color .3s;
}

.s-part2 ul li .word .wz {
    width: calc(100% - 200px);
    color: #666666;
    font-size: 16px;
    line-height: 32px;
}

.s-part2 ul li:hover .img img {
    transform: scale(1.03);
}

.s-part2 ul li:hover .word .num span {
    color: #DB0032;
}

.s-part3 {
    position: relative;
    background-image: url(../image/s_3_bg.jpg);
    background-repeat: no-repeat;
}

.s-part3 .title {
    color: #fff;
}

.s-part3 ul {
    padding-top: 110px;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.46);
    display: flex;
    justify-content: center;
    padding-left: 100px;
}

.s-part3 ul li {
    position: relative;
    width: calc(100% / 3);
    padding: 0 94px
}

.s-part3 ul li .dian {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 26px;
    bottom: -11px;
}

.s-part3 ul li .dian::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: -6px;
    top: -6px;
}

.s-part3 ul li .ms {
    color: #fff;
    padding-bottom: 140px;
}

.s-part3 ul li .ms h3 {
    font-size: 20px;
    margin: 10px 0;
}

.s-part3 ul li .ms::before {
    content: '';
    width: 1px;
    height: 180px;
    background-color: #fff;
    position: absolute;
    left: -60px;
    bottom: 15px;
}

.s-part3 ul li .ms::after {
    content: '';
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -60px;
    bottom: 195px;
}

.s-part3 ul li .ms p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    height: 120px;
    overflow: auto;
}

.s-part3 ul li .ms p::-webkit-scrollbar {
    width: 6px;
    height: 1px;
    border-radius: 3px;
}

.s-part3 ul li .ms p::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 3px;
}

.s-part3 ul li .ms p::-webkit-scrollbar-track {
    background: #cccccc;
    border-radius: 3px;
}

.s-part4 {
    width: 100%;
    display: flex;
}

.s-part4 .col-l {
    position: relative;
    width: 33%;
}

.s-part4 .col-l .title {
    padding-left: 120px;
    margin-bottom: 87px;
}

.s-part4 .col-l .title h3 {
    margin-bottom: 30px;
}

.s-part4 .col-l .title p {
    color: #666666;
    font-size: 16px;
    line-height: 32px
}

.s-part4 .col-l img {
    display: block;
    width: 100%;
}

.s-part4 .col-r {
    width: calc(67% - 10%);
    margin-left: 80px;
}

.s-part4 .col-r ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.s-part4 .col-r ul li {
    width: calc(50% - 15px);
    margin-bottom: 40px;
}

.s-part4 .col-r ul li p {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.s-part4 .col-r ul li p span {
    display: inline-block;
    color: #D8251C;
    display: inline-block;
    margin-right: 10px;
}

.s-part4 .col-r ul li input {
    width: 100%;
    height: 70px;
    padding: 0 30px;
    font-size: 16px;
    background-color: #F5F5F5;
}

.s-part4 .col-r ul li textarea {
    width: 100%;
    height: 160px;
    padding: 30px;
    font-size: 16px;
    background-color: #F5F5F5;
    border: none
}

.s-part4 .col-r ul li:nth-child(5),
.s-part4 .col-r ul li:nth-child(6) {
    width: 100%;
}

.s-part4 .col-r button {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 2px;
    background-color: #DB0032;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}


/* 产品中心 */

.products {
    display: flex;
    background-color: #fbfbfb;
}

.products .col-l {
    width: 21.875%;
    padding: 80px 0;
    background-color: #fff;
}

.products .col-l .list ul>li {
    font-size: 20px;
    border-top: 1px solid #E8E8E8;
    position: relative;
}

.products .col-l .list ul>li>a {
    display: block;
    padding: 30px 14% 30px 28%;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.products .col-l .list ul>li>a::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../image/pnav_ico1.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16%;
    transition: all .3s;
}

.products .col-l .list ul>li>a.actives {
    background: #DB0032;
    color: #fff;
}

.products .col-l .list ul>li>a.actives::before {
    background-image: url(../image/pnav_ico2.png);
    transform: translateY(-50%) rotate(90deg);
}

.products .col-l .list ul>li>ul {
    display: none;
    padding-bottom: 20px;
}

.products .col-l .list ul>li>ul>li {
    padding: 0 14% 0 28%;
    border: none;
}

.products .col-l .list ul>li>ul>li>a {
    color: #333;
    padding: 0;
    padding-left: 10%;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-top: 20px;
    background: #F8F8F8;
}

.products .col-l .list ul>li>ul>li>a::before {
    display: none;
}

.products .col-l .list ul>li>ul>li>a.actives {
    background: #F8F8F8;
    color: #333;
    border-left: 2px solid #DB0032;
}

.products .col-l .list ul>li>ul>li>ul {
    display: none;
    padding-bottom: 0px;
}

.products .col-l .list ul>li>ul>li>ul>li {
    padding: 0;
}

.products .col-l .list ul>li>ul>li>ul>li>a {
    color: #666;
    font-size: 16px;
    background: none;
    height: 16px;
    line-height: 16px;
}

.products .col-l .list ul>li>ul>li>ul>li>a::before {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background-color: #666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    background-image: none;
}

.products .col-l .list ul>li>ul>li>ul>li>a.actives {
    background: none;
    border: none;
    color: #DB0032;
}

.products .col-l .list ul>li>ul>li>ul>li>a.actives::before {
    background-color: #DB0032;
    background-image: none;
    transform: translateY(-50%);
}

.products .col-l .list ul>li>ul>li>ul>li>ul {
    display: none;
}

.products .col-l .list ul>li>ul>li>ul>li>ul>li>a {
    font-weight: normal;
}

.products .col-l .list ul>li>ul>li>ul>li>ul>li>a::before {
    display: none;
}

.products .col-l .list ul>li>ul>li>ul>li>ul>li>a.actives {
    color: #DB0032;
}

.products .col-r {
    width: 71.875%;
    padding: 80px 0 100px 70px;
}

.products .col-r .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid #C8C8C8;
}

.products .col-r .title .ss {
    display: flex;
    align-items: center;
}

.products .col-r .title .ss input {
    width: 140px;
    height: 23px;
    line-height: 23px;
    background-color: transparent;
}

.products .col-r .title .ss button {
    display: block;
    width: 23px;
    height: 23px;
    background-image: url(../image/ss_ico.png);
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.products .col-r .list {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
}

.products .col-r .list a.item {
    justify-content: space-between;
    align-items: center;
    width: calc(33.3333% - 20px);
    margin-bottom: 40px;
    margin-right: 30px;
    transition: all .3s
}

.products .col-r .list a.item:nth-child(3n) {
    margin-right: 0;
}

.products .col-r .list a.item .word {
    width: 100%;
    margin-top: 30px
}

.products .col-r .list a.item .word h3 {
    color: #333333;
    font-size: 26px;
    margin-bottom: 25px;
    font-family: "gotm";
    text-align: center;
}

.products .col-r .list a.item .word .ms {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    display: none;
}


/*.products .col-r .list a.item:hover{box-shadow: 0px 3px 15px rgba(0,0,0,0.05);}*/

.products .col-r .list a.item .img {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 25px;
    border-radius: 6px;
}

.products .col-r .list a.item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.products .col-r .list a.item .img .color {
    display: flex;
    margin: 20px 0;
    width: 100%;
    justify-content: center;
}

.products .col-r .list a.item .img .color span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 7.5px;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
}

.products .col-r .list a.item .img .color span::before {
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    left: -9px;
    bottom: -9px;
    border: 1.5px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear;
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.products .col-r .list a.item .img .color span:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.products .col-r .list a.item:hover .word h3 {
    color: #DB0032;
}

.products .col-r .list a.item:hover .word .btn {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
    background-size: 100% 100%;
}

.products .col-r .list a.item:hover .img img {
    transform: scale(1.03);
}

.products .col-l a.cc {
    display: block;
    padding: 30px 14% 30px 28%;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.products .col-l a.cc::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../image/pnav_ico1.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16%;
    transition: all .3s;
}

.products .col-l a.cc.active {
    background: #DB0032;
    color: #fff;
}

.products .col-l a.cc.active::before {
    background-image: url(../image/pnav_ico2.png);
    transform: translateY(-50%) rotate(90deg);
}

.products .col-r .img1 {
    display: none;
    width: 100%;
}

.products .col-r .img1 img {
    display: block;
    width: 100%
}

.products .col-r .img1.active {
    display: block;
}

.products .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.products .el-pagination.is-background .btn-next,
.products .el-pagination.is-background .btn-prev,
.products .el-pagination.is-background .el-pager li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}


/* 产品详细 */

.ps-part1 {
    padding: 140px 0 80px 0;
    position: relative;
}

.ps-part1 .col-l {
    width: 38%;
    padding-top: 35px;
    position: sticky;
    top: 0;
    float: left;
}

.ps-part1 .col-l .ban1 {
    background-color: #F8F8F8;
    position: relative;
}

.ps-part1 .col-l .ban1 .swiper-slide {
    position: relative;
    height: 560px;
    border-radius: 10px;
}

.ps-part1 .col-l .ban1 .swiper-slide img {
    display: block;
    max-width: 92%;
    max-height: 92%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ps-part1 .col-l .ban2 {
    position: relative;
    padding: 0 65px;
    margin-top: 26px;
}

.ps-part1 .col-l .ban2 .swiper-slide {
    position: relative;
    height: 100px;
    background-color: #F8F8F8;
    border-radius: 4px;
}

.ps-part1 .col-l .ban2 .swiper-slide img {
    display: block;
    max-width: 92%;
    max-height: 92%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ps-part1 .col-l .ban2 .swiper-slide-active {
    border: 2px solid #DB0032;
}

.ps-part1 .col-l .ban2 .prev,
.ps-part1 .col-l .ban2 .next {
    cursor: pointer;
    width: 42px;
    height: 49px;
    background-image: url(../image/an_bg.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    z-index: 6;
}

.ps-part1 .col-l .ban2 .prev {
    left: 0;
}

.ps-part1 .col-l .ban2 .prev::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/p_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.ps-part1 .col-l .ban2 .next {
    right: 0;
}

.ps-part1 .col-l .ban2 .next::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/n_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.ps-part1 .col-l .ban2 .prev:hover,
.ps-part1 .col-l .ban2 .next:hover {
    background-image: url(../image/an_bg1.png);
}

.ps-part1 .col-l .ban2 .prev:hover::before {
    background-image: url(../image/p_ico1.png);
}

.ps-part1 .col-l .ban2 .next:hover::before {
    background-image: url(../image/n_ico1.png);
}

.ps-part1 .col-r {
    width: 52%;
    float: right;
}

.ps-part1 .col-r a.back {
    display: flex;
    align-items: center;
    float: right;
    color: #999999;
    font-size: 16px;
    transition: all .3s;
}

.ps-part1 .col-r a.back img {
    margin-right: 16px;
    transition: all .3s;
    position: relative;
}

.ps-part1 .col-r a.back:hover {
    color: #DB0032;
}

.ps-part1 .col-r a.back:hover img {
    transform: translateX(10px);
}

.ps-part1 .col-r .x-part1 {
    margin-top: 50px;
}

.ps-part1 .col-r .x-part1 .title {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #B5B5B5;
}

.ps-part1 .col-r .x-part1 .title h3 {
    color: #DB0032;
    margin-right: 20px;
    font-family: "gotb";
}

.ps-part1 .col-r .x-part1 .ms {
    margin-top: 40px;
    color: #9C9C9C;
    font-size: 16px;
    line-height: 32px;
}

.ps-part1 .col-r .x-part1 .bd {
    margin-top: 60px;
    font-size: 16px;
    color: #666;
}

.ps-part1 .col-r .x-part1 .bd dl {
    display: flex;
    margin-bottom: 20px;
}

.ps-part1 .col-r .x-part1 .bd dl dt {
    color: #333;
    width: 180px;
}

.ps-part1 .col-r .x-part1 .bd dl dd:nth-child(2) {
    width: 150px;
}

.ps-part1 .col-r .x-part1 .link {
    margin-top: 80px;
    display: flex;
}

.ps-part1 .col-r .x-part1 .link a.tm {
    display: block;
    width: 160px;
    height: 45px;
    position: relative;
    background-color: #DB0032;
    border-radius: 2px;
    transition: all .3s;
    margin-right: 30px;
}

.ps-part1 .col-r .x-part1 .link a.tm img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ps-part1 .col-r .x-part1 .link a.fx {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 160px;
    height: 45px;
    position: relative;
    background-color: #F1F1F1;
    border-radius: 2px;
    font-size: 16px;
    color: #999999;
}

.ps-part1 .col-r .x-part1 .link a.fx img {
    margin-right: 12px;
}

.ps-part1 .col-r .x-part1 .link a.tm:hover {
    opacity: 0.8;
}

.ps-part1 .col-r .x-part1_1 {
    margin-top: 80px;
    padding-top: 50px;
    border-top: 1px solid #DFDFDF;
}

.ps-part1 .col-r .x-part1_1 .t1 {
    margin-top: 30px;
    margin-bottom: 50px;
}

.ps-part1 .col-r .x-part1_1 .t1 p {
    position: relative;
    font-size: 16px;
    line-height: 34px;
    color: #666666;
    display: flex;
    align-items: center;
}

.ps-part1 .col-r .x-part1_1 .t1 p img {
    margin-right: 12px;
}

.ps-part1 .col-r .x-part1_1 .t2 {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 34px;
    color: #666666;
}

.ps-part1 .col-r .x-part1_1 .ban3 {
    margin-top: 50px;
}

.ps-part1 .col-r .x-part1_1 .ban3 img {
    display: block;
    width: 100%;
}

.ps-part1 .col-r .x-part1_1 .ban3 .swiper-pagination {
    position: relative;
    margin-top: 30px;
    bottom: 0;
}

.ps-part1 .col-r .x-part1_1 .ban3 .swiper-pagination-bullet {
    width: 14px;
    height: 15px;
    background: url(../image/dian_ico.png);
    border-radius: 0;
    opacity: 1;
}

.ps-part1 .col-r .x-part1_1 .ban3 .swiper-pagination-bullet-active {
    background: url(../image/dian_ico1.png);
}

.ps-part1 .col-r .x-part1_1 table {
    width: 100%;
}

.ps-part1 .col-r .x-part1_1 table p{
    line-height: 28px;
}

.ps-part2 {
    padding: 80px 0;
    background-color: #F9F9F9;
    display: none;
}

.ps-part2 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ps-part2 .title .b_an {
    display: flex;
}

.ps-part2 .title .b_an .prev {
    margin-right: 20px;
}

.ps-part2 .title .b_an .prev,
.ps-part2 .title .b_an .next {
    cursor: pointer;
    width: 42px;
    height: 49px;
    background-image: url(../image/an_bg.png);
    transition: all .3s;
    z-index: 6;
}

.ps-part2 .title .b_an .prev::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/p_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.ps-part2 .title .b_an .next::before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    background-image: url(../image/n_ico.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.ps-part2 .title .b_an .prev:hover,
.ps-part2 .title .b_an .next:hover {
    background-image: url(../image/an_bg1.png);
}

.ps-part2 .title .b_an .prev:hover::before {
    background-image: url(../image/p_ico1.png);
}

.ps-part2 .title .b_an .next:hover::before {
    background-image: url(../image/n_ico1.png);
}

.ps-part2 .swiper-container {
    margin-top: 60px;
}

.ps-part2 .swiper-slide {}

.ps-part2 .swiper-slide .word {
    width: 100%;
    margin-top: 30px
}

.ps-part2 .swiper-slide .word h3 {
    color: #333333;
    font-size: 26px;
    margin-bottom: 25px;
    font-family: "gotm";
}

.ps-part2 .swiper-slide .word .ms {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.ps-part2 .swiper-slide .img {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 25px;
    border-radius: 6px;
}

.ps-part2 .swiper-slide .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.ps-part2 .swiper-slide .img .color {
    display: flex;
    margin: 20px 0;
    width: 100%;
    justify-content: center;
}

.ps-part2 .swiper-slide .img .color span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 7.5px;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
}

.ps-part2 .swiper-slide .img .color span::before {
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    left: -9px;
    bottom: -9px;
    border: 1.5px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear;
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ps-part2 .swiper-slide .img .color span:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ps-part2 .swiper-slide:hover .word h3 {
    color: #DB0032;
}

.ps-part2 .swiper-slide:hover .word .btn {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
    background-size: 100% 100%;
}

.ps-part2 .swiper-slide:hover .img img {
    transform: scale(1.03);
}

.ps-part3 {
    padding: 80px 0;
}

.ps-part3 .ny {
    display: flex;
    align-items: center;
    border: 1px solid #E4E4E4;
}

.ps-part3 .col-l {
    width: 46%;
    overflow: hidden;
}

.ps-part3 .col-l img {
    display: block;
    width: 100%;
}

.ps-part3 .col-r {
    padding: 0 10%;
    width: 54%;
}

.ps-part3 .col-r h3 {
    margin-bottom: 50px;
}

.ps-part3 .col-r dl {
    width: 100%;
    margin-bottom: 40px;
}

.ps-part3 .col-r dl dt {
    width: 100%;
    background-color: #EFEFEF;
    border-radius: 2px;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 40px;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}

.ps-part3 .col-r dl dt span {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    color: #DB0032;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin-right: 20px;
}

.ps-part3 .col-r dl dd {
    padding: 35px 40px 0 40px;
    display: none;
}

.ps-part3 .col-r dl dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ps-part3 .col-r dl dd ul li {
    width: calc(50% - 15px);
    margin-bottom: 25px;
}

.ps-part3 .col-r dl dd ul li p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}

.ps-part3 .col-r dl dd ul li p span {
    display: inline-block;
    color: #DB0032;
    margin-right: 10px;
}

.ps-part3 .col-r dl dd ul li input {
    display: block;
    width: 100%;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.ps-part3 .col-r dl dd p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}

.ps-part3 .col-r dl dd p span {
    display: inline-block;
    color: #DB0032;
    margin-right: 10px;
}

.ps-part3 .col-r dl dd textarea {
    display: block;
    width: 100%;
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    height: 160px;
    line-height: 50px;
    padding: 0 20px;
}

.ps-part3 .col-r button {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #DB0032;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    border: none;
    margin-top: 50px;
}


/* 解决方案 */

.s-nav {
    width: 100%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}

.s-nav .w1680 {
    display: flex;
    height: 180px;
    align-items: center;
}

.s-nav .w1680 a {
    display: block;
    width: calc(100% / 7);
    text-align: center;
    transition: all .3s;
    height: 180px;
    padding-top: 50px;
}

.s-nav .w1680 a .img img {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.s-nav .w1680 a .img img.hv1 {
    display: block;
}

.s-nav .w1680 a .img img.hv2 {
    display: none;
}

.s-nav .w1680 a p {
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
    transition: all .3s;
}

.s-nav .w1680 a.active,
.s-nav .w1680 a:hover {
    background-color: #DB0032;
}

.s-nav .w1680 a.active .img img.hv1,
.s-nav .w1680 a:hover .img img.hv1 {
    display: none;
}

.s-nav .w1680 a.active .img img.hv2,
.s-nav .w1680 a:hover .img img.hv2 {
    display: block;
}

.s-nav .w1680 a.active p,
.s-nav .w1680 a:hover p {
    color: #fff;
}

.solution {
    padding: 60px 0;
}

.solution a.item {
    display: flex;
    justify-content: space-between;
    padding: 60px;
    box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.05);
}

.solution a.item .img {
    width: 58%;
    overflow: hidden;
}

.solution a.item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.solution a.item .word {
    width: calc(42% - 80px);
}

.solution a.item .word img.ico {
    display: block;
    width: 45px;
    margin-bottom: 24px;
}

.solution a.item .word .title {
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.solution a.item .word .title::before {
    content: '';
    width: 80px;
    height: 3px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.solution a.item .word .ms {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 40px;
}

.solution a.item .word .btn {
    margin-top: 80px;
    display: block;
    width: 170px;
    height: 50px;
    background: url(../image/btn_bg2.png)no-repeat center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 50px;
    color: #999999;
    position: relative;
    left: 0;
    transition: all 0.3s;
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
}

.solution a.item .img:hover img {
    transform: scale(1.03);
}


/* 解决方案详细 */

.slo-part1 {}

.slo-part1 .title {
    width: 840px;
    margin: 0 auto;
    max-width: 92%;
}

.slo-part1 .title h3 {
    margin-bottom: 30px;
}

.slo-part1 .title p {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}

.slo-part1 .slo-part1-1 {
    margin-top: 40px;
    position: relative;
}

.slo-part1 .slo-part1-1 .img {
    width: 100%;
}

.slo-part1 .slo-part1-1 .img img {
    display: block;
    width: 100%;
}

.slo-part1 .slo-part1-1 .list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slo-part1 .slo-part1-1 .list .item {
    position: absolute;
    cursor: pointer;
}

.slo-part1 .slo-part1-1 .list .item .dian {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #DB0032;
    position: relative;
    z-index: 3;
}

.slo-part1 .slo-part1-1 .list .item .dian img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%, -50%);
}

.slo-part1 .slo-part1-1 .list .item .dian:after,
.slo-part1 .slo-part1-1 .list .item .dian:before {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: '';
    background-color: rgba(219, 0, 50, .39);
    left: 50%;
    margin-top: -20px;
    top: 50%;
    margin-left: -20px;
}

.slo-part1 .slo-part1-1 .list .item .dian:before {
    animation: scale 2s infinite;
}

.slo-part1 .slo-part1-1 .list .item .dian:after {
    animation: scale2 2s infinite;
}

.slo-part1 .slo-part1-1 .list .item .line {
    width: 79px;
    height: 107px;
    background-image: url(../image/lin2.png);
    z-index: 2;
    position: absolute;
    top: -100px;
    right: 10px;
    display: none;
}

.slo-part1 .slo-part1-1 .list .item .ms {
    width: 350px;
    border-radius: 6px;
    background-color: #f5f5f5;
    padding: 20px;
    z-index: 3;
    position: absolute;
    right: -60px;
    top: -160px;
    display: none;
}

.slo-part1 .slo-part1-1 .list .item .ms h3 {
    color: #DB0032;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.slo-part1 .slo-part1-1 .list .item .ms p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
}

.slo-part1 .slo-part1-1 .list .item .ms .imga {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: 2px solid #DB0032;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -20px;
    display: none;
}

.slo-part1 .slo-part1-1 .list .item .ms .imga img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@keyframes scale {
    0% {
        transform: scale(.5);
        opacity: .9
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scale2 {
    0% {
        transform: scale(.5);
        opacity: .9;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.slo-part1 .slo-part1-1 .list .item:nth-child(1) {
    position: absolute;
    right: 11%;
    top: 40%;
}

.slo-part1 .slo-part1-1 .list .item:nth-child(2) {
    position: absolute;
    right: 47%;
    top: 63%;
}

.slo-part1 .slo-part1-1 .list .item:nth-child(3) {
    position: absolute;
    right: 63%;
    top: 69%;
}

.slo-part1 .slo-part1-1 .list .item.active .ms {
    display: block;
}

.slo-part2 {
    padding-top: 0;
}

.slo-part2 .nr {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.slo-part2 .col-l {
    width: 29.5%;
    height: 582px;
    overflow: hidden;
}

.slo-part2 .col-l .swiper-container {
    width: 100%;
    height: 100%;
}

.slo-part2 .col-l .swiper-slide {
    position: relative;
    display: flex;
    height: 194px;
}

.slo-part2 .col-l .swiper-slide .num {
    width: 90px;
    position: relative;
    height: 100%;
    background-image: url(../image/slo_2_ico1.png);
    background-repeat: repeat-y;
    background-position: right;
}

.slo-part2 .col-l .swiper-slide .num span {
    font-family: "gotm";
    font-size: 36px;
    color: #D2D2D2;
    display: block;
}

.slo-part2 .col-l .swiper-slide .wz {
    padding: 0 30px;
    width: calc( 100% - 90px)
}

.slo-part2 .col-l .swiper-slide .wz dl {}

.slo-part2 .col-l .swiper-slide .wz dl dt {
    height: 50px;
    line-height: 50px;
    background-color: #F4F4F4;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-left: 20px;
    width: 280px;
    padding-left: 50px;
}

.slo-part2 .col-l .swiper-slide .wz dl dt::before {
    content: '';
    display: block;
    width: 4px;
    height: 30px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.slo-part2 .col-l .swiper-slide .wz dl dd {
    padding-left: 20px;
    padding-bottom: 30px;
    height: 108px;
    overflow-y: auto;
    margin-top: 15px;
}

.slo-part2 .col-l .swiper-slide .wz dl dd::-webkit-scrollbar {
    width: 6px;
    height: 1px;
    border-radius: 3px;
}

.slo-part2 .col-l .swiper-slide .wz dl dd::-webkit-scrollbar-thumb {
    background: #f4f4f4;
    border-radius: 3px;
}

.slo-part2 .col-l .swiper-slide .wz dl dd::-webkit-scrollbar-track {
    background: #cccccc;
    border-radius: 3px;
}

.slo-part2 .col-l .swiper-slide .wz dl dd p {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
}

.slo-part2 .col-l .swiper-slide .wz dl dd p::before {
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    background-color: #DB0032;
    position: absolute;
    left: 0;
    top: 14px;
}

.slo-part2 .col-l .swiper-slide-active .num {
    background-image: url(../image/slo_2_ico2.png);
}

.slo-part2 .col-l .swiper-slide-active .num span {
    color: #DB0032;
}

.slo-part2 .col-l .swiper-slide-active .wz dl dt {
    background-color: #DB0032;
    color: #fff;
}

.slo-part2 .col-r {
    width: 62.5%;
    height: 582px;
    overflow: hidden;
    position: relative;
}

.slo-part2 .col-r .swiper-container {
    height: 100%;
}

.slo-part2 .col-r .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.slo-part2 .col-r .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slo-part3 {
    position: relative;
}

.slo-part3 .bg {
    position: relative;
    z-index: 2;
}

.slo-part3 .bg ul {
    position: relative;
    z-index: 2;
}

.slo-part3 .bg ul li {
    display: none;
    position: relative;
}

.slo-part3 .bg ul li::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.slo-part3 .bg ul li img {
    display: block;
    width: 100%;
}

.slo-part3 .bg ul li .wz {
    text-align: center;
    color: #fff;
    width: 620px;
    position: absolute;
    left: 50%;
    margin-left: -310px;
    top: 18%;
    z-index: 5;
}

.slo-part3 .bg ul li .wz h3 {
    margin-bottom: 40px;
}

.slo-part3 .bg ul li .wz p {
    font-size: 16px;
    line-height: 32px;
}

.slo-part3 .bg ul li.active {
    display: block;
}

.slo-part3 .list {
    width: 87.5%;
    position: absolute;
    top: 50%;
    left: 6.25%;
    transform: translateY(-50%);
    z-index: 4;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.slo-part3 .list .item {
    color: #fff;
    padding-left: 50px;
    width: 50%;
    margin-bottom: 130px;
    cursor: pointer;
}

.slo-part3 .list .item .img {
    margin-bottom: 22px;
}

.slo-part3 .list .item .img img.hv1 {
    display: inline-block;
}

.slo-part3 .list .item .img img.hv2 {
    display: none;
}

.slo-part3 .list .item .wz {}

.slo-part3 .list .item .wz h3 {
    position: relative;
    font-size: 24px;
    margin-bottom: 20px;
}

.slo-part3 .list .item .wz h3::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -43px;
    top: 7px;
    transition: all .3s;
}

.slo-part3 .list .item .wz h3::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: -50px;
    top: 0;
    transition: all .3s;
}

.slo-part3 .list .item .wz p {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    max-width: 200px;
}

.slo-part3 .list .item:nth-child(2n) {
    text-align: right;
    padding-right: 50px;
    padding-left: 0;
}

.slo-part3 .list .item:nth-child(2n) .img {}

.slo-part3 .list .item:nth-child(2n) .wz h3::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: auto;
    right: -43px;
    top: 7px;
}

.slo-part3 .list .item:nth-child(2n) .wz h3::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: auto;
    right: -50px;
    top: 0;
}

.slo-part3 .list .item:nth-child(3),
.slo-part3 .list .item:nth-child(4) {
    margin-bottom: 0;
}

.slo-part3 .dian_bg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
}

.slo-part3 .dian_bg img {
    display: block;
    width: 1390px;
}

.slo-part3 .dian {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
}

.slo-part3 .dian .item {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all .3s;
}

.slo-part3 .dian .item::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.slo-part3 .dian .item:nth-child(1) {
    left: 25%;
    top: 18%;
}

.slo-part3 .dian .item:nth-child(2) {
    left: 74%;
    top: 18%;
}

.slo-part3 .dian .item:nth-child(3) {
    left: 25%;
    top: 73%;
}

.slo-part3 .dian .item:nth-child(4) {
    left: 73.9%;
    top: 73%;
}

.slo-part3 .dian .item.active {
    border-color: #DB0032;
}

.slo-part3 .dian .item.active::before {
    background-color: #DB0032;
}

.slo-part3 .list .item.active .img img.hv1 {
    display: none;
}

.slo-part3 .list .item.active .img img.hv2 {
    display: inline-block;
}

.slo-part3 .list .item.active .wz h3::before {
    background-color: #DB0032;
}

.slo-part3 .list .item.active .wz h3::after {
    border-color: #DB0032;
}


/* 产品开发 */

.r-part1 {}

.r-part1-1 {
    margin-top: 60px;
    display: flex;
    align-items: flex-end;
}

.r-part1-1 .col-l {
    width: 46%;
}

.r-part1-1 .col-l .img {
    width: 100%;
    overflow: hidden;
}

.r-part1-1 .col-l .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.r-part1-1 .col-l .img:hover img {
    transform: scale(1.03);
}

.r-part1-1 .col-r {
    width: 54%;
    position: relative;
    padding: 70px 40px 80px 68px;
    background-color: #F8F8F8;
}

.r-part1-1 .col-r .ms {
    width: 100%;
    height: 320px;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    padding-right: 40px;
    overflow-y: auto;
}

.r-part1-1 .col-r .ms::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.r-part1-1 .col-r .ms::-webkit-scrollbar-thumb {
    background: #DB0032;
}

.r-part1-1 .col-r .ms::-webkit-scrollbar-track {
    background: #E5E5E5;
}

.r-part1-1 .swiper-pagination {
    position: absolute;
    bottom: 40px;
}

.r-part1-1 .swiper-pagination-bullet {
    width: 14px;
    height: 15px;
    background: url(../image/dian_ico.png);
    border-radius: 0;
    opacity: 1;
    margin-right: 10px;
}

.r-part1-1 .swiper-pagination-bullet-active {
    background: url(../image/dian_ico1.png);
}

.r-part2 {}

.r-part2 .ban1 {
    margin-top: 60px;
}

.r-part2 .ban1 .swiper-slide {
    width: 577px;
    height: 364px;
    overflow: hidden;
}

.r-part2 .ban1 .swiper-slide img {
    display: block;
    width: 100%;
}

.r-part2 .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 50px;
}

.r-part2 .swiper-pagination-bullet {
    width: 14px;
    height: 15px;
    background: url(../image/dian_ico.png);
    border-radius: 0;
    opacity: 1;
    margin-right: 10px;
}

.r-part2 .swiper-pagination-bullet-active {
    background: url(../image/dian_ico1.png);
}

.r-part2-1 {
    background-image: url(../image/r_2_bg.png);
    background-repeat: no-repeat;
}

.r-part2-1 ul {
    display: flex;
    margin-top: 60px;
    justify-content: space-around;
}

.r-part2-1 ul li {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.r-part2-1 ul li .num {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.r-part2-1 ul li .num span {
    display: block;
    font-family: "gotm";
    color: #DB0032;
    font-size: 72px;
    margin-right: 10px
}

.r-part2-1 ul li .num sup {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../image/sup_ico.png);
}

.r-part2-1 ul li p {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    position: relative;
    padding-left: 112px;
}

.r-part2-1 ul li p::before {
    content: '';
    display: block;
    width: 14px;
    height: 23px;
    background-image: url(../image/r_line.png);
    position: absolute;
    left: 50px;
    top: 12px;
}

.r-part2-1 ul li:nth-child(1) .num span {
    width: 134px;
}

.r-part2-1 ul li:nth-child(2) .num span {
    width: 46px;
}

.r-part2-1 ul li:nth-child(3) .num span {
    width: 82px;
}

.r-part2-1 dl {
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
}

.r-part2-1 dl dd {
    width: calc(50% - 66px);
    color: #666666;
    font-size: 16px;
    line-height: 34px;
}

.r-part2-1 dl dd p span {
    display: inline-block;
    margin: 0 8px;
    font-family: "gotm";
    color: #DB0032;
    font-size: 18px;
    width: 32px;
}

.r-part3 {
    padding-bottom: 100px;
}

.r-part3-1 {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.r-part3-1 .col-l {
    width: 48%;
    position: relative;
}

.r-part3-1 .col-l .bg {
    width: 100%;
    position: relative;
}

.r-part3-1 .col-l .bg img {
    display: block;
    width: 100%;
}

.r-part3-1 .col-l .bg .dian {
    position: absolute;
    right: 22%;
    bottom: 16%;
    width: 108px;
    height: 163px;
}

.r-part3-1 .col-l .bg .dian .line {
    width: 100%;
    display: none;
}

.r-part3-1 .col-l .bg .dian .line img {
    display: block;
    width: 100%;
}

.r-part3-1 .col-l .bg .dian .item {
    position: absolute;
    width: 20px;
    height: 20px;
    display: none;
}

.r-part3-1 .col-l .bg .dian .item::before {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 50%;
    /*background-color: rgba(219, 0, 50, .2);*/
    position: absolute;
    left: 50%;
    margin-top: -6px;
    top: 50%;
    margin-left: -6px;
}

.r-part3-1 .col-l .bg .dian .item::after {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    /*background-color: rgba(219, 0, 50, 1);*/
    position: absolute;
    left: 50%;
    margin-top: -1px;
    top: 50%;
    margin-left: -1px;
}

.r-part3-1 .col-l .bg .dian .item.amt::before {
    animation: scale 2s infinite;
    animation-iteration-count: 2;
}

.r-part3-1 .col-l .bg .dian .item.amt::after {
    animation: scale2 2s infinite;
    animation-iteration-count: 2;
}

@keyframes scale {
    0% {
        transform: scale(.5);
        opacity: .9
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scale2 {
    0% {
        transform: scale(.5);
        opacity: .9;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.r-part3-1 .col-l .bg .dian .item:nth-child(2) {
    display: block;
    left: -16%;
    bottom: -3%;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(3) {
    display: block;
    left: 38%;
    top: 14%;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(4) {
    display: block;
    left: 51%;
    top: -8%;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(5) {
    display: block;
    left: 59%;
    top: 37%;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(6) {
    display: block;
    width: 40px;
    left: 93%;
    top: 14%;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(6)::before {
    display: none;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(6)::after {
    width: 50px;
    height: 50px;
    /*background-image: url(../image/rd_logo.png);*/
    background-size: 100% 100%;
    opacity: 0.4;
    position: absolute;
    left: 50%;
    margin-top: -15px;
    top: 50%;
    margin-left: -25px;
    background-color: transparent;
}

.r-part3-1 .col-l .bg .dian .item:nth-child(2)::before,
.r-part3-1 .col-l .bg .dian .item:nth-child(2)::after {
    animation-delay: .3s
}

.r-part3-1 .col-l .bg .dian .item:nth-child(3)::before,
.r-part3-1 .col-l .bg .dian .item:nth-child(3)::after {
    animation-delay: .5s
}

.r-part3-1 .col-l .bg .dian .item:nth-child(4)::before,
.r-part3-1 .col-l .bg .dian .item:nth-child(4)::after {
    animation-delay: .7s
}

.r-part3-1 .col-l .bg .dian .item:nth-child(5)::before,
.r-part3-1 .col-l .bg .dian .item:nth-child(5)::after {
    animation-delay: .9s
}

.r-part3-1 .col-l .bg .dian .item:nth-child(6)::before,
.r-part3-1 .col-l .bg .dian .item:nth-child(6)::after {
    animation-delay: 1.1s
}

.r-part3-1 .col-r {
    width: calc(52% - 132px);
    background-image: url(../image/r_3_bg1.png);
    background-repeat: no-repeat;
}

.r-part3-1 .col-r dl {
    display: flex;
    justify-content: space-between;
}

.r-part3-1 .col-r dl dd {
    width: calc(50% - 42px);
    padding-bottom: 30px;
    border-bottom: 1px solid #D4D4D4;
    position: relative;
}

.r-part3-1 .col-r dl dd .num {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.r-part3-1 .col-r dl dd .num span {
    display: block;
    font-family: "gotm";
    color: #DB0032;
    font-size: 72px;
    margin-right: 10px;
}

.r-part3-1 .col-r dl dd .num sup {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../image/sup_ico.png);
}

.r-part3-1 .col-r dl dd p {
    color: #333333;
    font-size: 16px;
    line-height: 28px;
}

.r-part3-1 .col-r dl dd:nth-child(1) .num span {
    width: 50px;
}

.r-part3-1 .col-r dl dd:nth-child(2) .num span {
    width: 150px;
}

.r-part3-1 .col-r dl dd .ico {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 1px dashed #DB0032;
    position: absolute;
    top: 0;
    right: 0;
}

.r-part3-1 .col-r dl dd .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.r-part3-1 .col-r .ms {
    margin-top: 30px;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}

.r-part4 {
    position: relative;
}

.r-part4 .main {
    display: flex;
    margin-top: 60px;
}

.r-part4 .col-l {
    width: 50%;
    position: relative;
}

.r-part4 .col-l .bg {
    width: 100%;
    z-index: 2;
}

.r-part4 .col-l .bg img {
    display: block;
    width: 100%;
}

.r-part4 .col-l .wz {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
    width: 100%;
}

.r-part4 .col-l .wz ul {
    margin-top: 60px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
}

.r-part4 .col-l .wz ul li {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.r-part4 .col-l .wz ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
}

.r-part4 .col-l .wz p {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    width: 600px;
    max-width: 92%;
    margin: 0 auto;
}

.r-part4 .col-r {
    width: 50%;
    position: relative;
}

.r-part4 .col-r ul {}

.r-part4 .col-r ul li {
    width: 100%;
    position: relative;
}

.r-part4 .col-r ul li .bg {
    width: 100%;
    z-index: 2;
}

.r-part4 .col-r ul li .bg img {
    display: block;
    width: 100%;
}

.r-part4 .col-r ul li .wz {
    position: absolute;
    left: 80px;
    z-index: 3;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    max-width: 400px;
}

.r-part4 .col-r ul li .wz h3 {
    color: #FFFFFF;
    line-height: 44px;
    margin-bottom: 48px;
}

.r-part4 .col-r ul li .wz dl {
    display: flex;
}

.r-part4 .col-r ul li .wz dl dd {
    margin-right: 30px;
}

.r-part4 .col-r ul li .wz dl dd .num {
    font-family: "gotm";
    color: #fff;
    font-size: 48px;
    margin-bottom: 14px;
}

.r-part4 .col-r ul li .wz dl dd p {
    font-size: 16px;
    line-height: 28px;
}

.r-part4 .col-r ul li .wz h4 {
    line-height: 44px;
    color: #DB0032;
    margin-bottom: 33px;
}

.r-part4 .col-r ul li .wz h5 {
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}

.search1 {
    margin-top: 200px;
}

.search1 .ss {
    display: table;
    margin: 0 auto;
    width: 83%;
    line-height: 48px;
    border: 1px solid #ECECEC;
    padding-left: 10px;
    border-radius: 6px;
    position: relative;
}

.search1 .ss input {
    line-height: 48px;
    width: calc(100% - 40px);
    background-color: transparent;
}

.search1 .ss input::-webkit-input-placeholder {
    color: #fff;
}

.search1 .ss input::-moz-placeholder {
    color: #fff;
}

.search1 .ss input:-ms-input-placeholder {
    color: #fff;
}

.search1 .ss input::placeholder {
    color: #fff;
}

.search1 .ss .iconfont {
    display: block;
    width: 40px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
    outline: none;
}

.search1 .s_btn {
    text-align: center;
    color: #fff;
    margin-top: 50px;
}

.listp {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    width: 1370px;
    margin: 0 auto;
    max-width: 92%;
}

.listp a.item {
    justify-content: space-between;
    align-items: center;
    width: calc(33.3333% - 20px);
    margin-bottom: 40px;
    margin-right: 30px;
    transition: all .3s
}

.listp a.item:nth-child(3n) {
    margin-right: 0;
}

.listp a.item .word {
    width: 100%;
    margin-top: 30px
}

.listp a.item .word h3 {
    color: #333333;
    font-size: 26px;
    margin-bottom: 25px;
    font-family: "gotm";
}

.listp a.item .word .ms {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}


/*.products .col-r .list a.item:hover{box-shadow: 0px 3px 15px rgba(0,0,0,0.05);}*/

.listp a.item .img {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 25px;
    border-radius: 6px;
}

.listp a.item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
}

.listp a.item .img .color {
    display: flex;
    margin: 20px 0;
    width: 100%;
    justify-content: center;
}

.listp a.item .img .color span {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 7.5px;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 20%);
}

.listp a.item .img .color span::before {
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    left: -9px;
    bottom: -9px;
    border: 1.5px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear;
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .15s linear, -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.listp a.item .img .color span:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.listp a.item:hover .word h3 {
    color: #DB0032;
}

.listp a.item:hover .word .btn {
    background: url(../image/part3_btn.png) no-repeat center;
    color: #fff;
    background-size: 100% 100%;
}

.listp a.item:hover .img img {
    transform: scale(1.03);
}


/*.listp{padding:60px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}*/


/*.listp a.item{display: flex;justify-content: space-between;align-items: flex-end; background-color: #fff; width: calc(50% - 21px);margin-bottom: 40px;box-shadow: 0px 3px 15px rgba(0,0,0,0.05);padding:50px 20px 60px 50px;}*/


/*.listp a.item .word{width: 60%;}*/


/*.listp a.item .word h3{color: #333333;font-size: 18px;margin-bottom: 30px;}*/


/*.listp a.item .word h3 span{display: inline-block;font-family:"gotb";margin-right: 10px;transition: color .3s;}*/


/*.listp a.item .word dl{display: flex;align-items: flex-start;margin-bottom: 24px;}*/


/*.listp a.item .word dl dt{font-size:14px;font-weight: bold;color: #333;width: 80px;line-height: 24px;}*/


/*.listp a.item .word dl dd{font-size: 14px;line-height: 24px;color: #333;height:48px;width: calc(100% - 80px);overflow: hidden;}*/


/*.listp a.item .word p{color: #666666;font-size:14px;line-height: 24px;height:48px;overflow: hidden;margin-bottom: 40px;}*/


/*.listp a.item .word .btn {display:block;width:170px;height:50px;background:url(../image/btn_bg2.png)no-repeat center;box-sizing:border-box;padding-left:30px;line-height:50px;color:#999999;position:relative;left:0;transition:all 0.3s;}*/


/*.listp a.item .word .btn:hover{background:url(../image/part3_btn.png) no-repeat center;color: #fff;}*/


/*.listp a.item .img{width: calc(40% - 20px);overflow: hidden;}*/


/*.listp a.item .img img{display: block;width: 100%;}*/

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

.fx_box a {
    margin: 0 4px;
}

@media only screen and (max-width:1680px) {
    .a-part2 .swiper-container::after {
        width: calc(100% - 220px);
        left: 110px;
    }
    .r-part3-1 .col-l .bg .dian {
        transform: scale(0.8);
        right: 20%;
        bottom: 13%;
    }
}

@media only screen and (max-width:1540px) {
    .f_80 {
        font-size: 64px;
    }
    .f_84 {
        font-size: 62px;
    }
    .f_70 {
        font-size: 48px;
    }
    .f_60 {
        font-size: 50px;
    }
    .f_50 {
        font-size: 40px;
    }
    .f_56 {
        font-size: 42px;
    }
    .f_42 {
        font-size: 30px;
    }
    .f_36 {
        font-size: 28px;
    }
    .f_32 {
        font-size: 24px;
    }
    .f_24 {
        font-size: 20px;
    }
    .f_22 {
        font-size: 18px;
    }
    .f_18 {
        font-size: 16px;
    }
    .f_16 {
        font-size: 14px;
    }
    /*.header {padding:15px 0;}*/
    .header .con .right .nav_list li {
        margin-left: 26px;
        font-size: 14px;
    }
    .header .con .right .icon_box .box {
        margin-left: 22px;
    }
    .i_part1 .txt .h {
        line-height: 84px;
    }
    .i_part1 .txt .p {
        font-size: 20px;
        margin-top: 12px;
        line-height: 26px;
    }
    .i_part1 .bottom .boxs {
        padding: 26px 0 38px 0;
    }
    .i_part1 .bottom .boxs .box .num {
        line-height: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    .i_part2 .con .box:after {
        top: 80px;
        height: calc(100% - 80px);
    }
    .i_part2 .con .tit {
        line-height: 64px;
    }
    .i_part2 .con .bottom .btn .pic {
        height: 50px;
    }
    .i_part2 .con .bottom .btn .pic img {
        height: 100%;
    }
    .i_part3 .con .left .h1 {
        line-height: 64px;
        margin-bottom: 33px;
    }
    .i_part3 .con .right {
        transform: translateY(-50%) scale(0.8);
        margin-right: -5%;
    }
    .i_part3 .con .left .h2 {
        line-height: 36px;
        margin-bottom: 22px;
    }
    .i_part3 .con .left .p {
        margin-bottom: 52px;
    }
    .i_part4 .con .left .tit {
        padding-top: 24px;
    }
    .i_part4 .con .left {
        padding-bottom: 87px;
    }
    .i_part4 .con .left .tit .h {
        line-height: 64px;
    }
    .i_part4 .con .left .tit .p {
        margin: 21px 0 60px 0;
    }
    .i_part4 .con .left .tab .btn.on {
        margin-bottom: 30px;
        font-size: 18px;
    }
    .i_part4 .con .right a {
        padding: 20px 36px 20px 36px;
    }
    .i_part4 .con .right a .time {
        margin-bottom: 22px;
    }
    .i_part4 .con .right a .h {
        line-height: 28px;
        margin-bottom: 30px;
    }
    .t-part2 ul.list {
        top: 300px;
    }
    .t-part2 ul.bg li .bt {
        top: 80px;
    }
    /*.a-part2 ul li{padding:58px 20px;}*/
    /*.a-part2 ul li:nth-child(2){padding-left:16%;}*/
    /*.a-part2 ul li:nth-child(3){padding-left:29%;}*/
    /*.a-part2 ul li:nth-child(4){padding-left:49%;}*/
    /*.a-part2 ul li:nth-child(5){padding-left:61%;}*/
    .inv-part .col-r .bd ul li .other {
        padding: 0 20px;
    }
    .inv-part .col-r .bd ul li input.wz {
        padding: 0 20px;
    }
    .inv-part .list3 {
        align-items: center;
    }
    /*.inv-part .list3 .img{width:30%;}*/
    /*.inv-part .list3 .img img{display:block;width:100%;}*/
    .inv-part .list3 .word p {}
    /*.inv-part .list3 .ewm{bottom:50px;}*/
    .inv-part .col-l {
        padding: 80px;
    }
    .a-part2 .swiper-container::after {
        width: calc(100% - 200px);
        left: 100px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dt {
        padding-left: 30px;
    }
}

@media only screen and (max-width:1480px) {
    .products .col-r .list a.item .word .btn {
        width: 108.8px;
        height: 32px;
        line-height: 32px;
        background-size: 100% 100%;
    }
    .r-part3-1 .col-l .bg .dian {
        transform: scale(0.6);
        right: 18%;
        bottom: 13%;
    }
    .a-part1 .a-main .ms {
        width: 75%;
    }
    .c-part1 ul li {
        width: calc(100% / 3 - 30px);
    }
    .c-part1 ul li:nth-child(3) {
        margin-right: 0;
    }
    .c-part1 .map #container {
        height: 500px;
    }
    .c-part2 .list .item {
        width: calc(100% / 3 - 20px);
        margin-bottom: 30px;
        margin-right: 30px;
    }
    .c-part2 .tab .col-l a:nth-child(1) {
        margin-right: 40px;
    }
    .inv-part .col-l,
    .inv-part .col-r {
        padding: 40px;
    }
    .n-part1 .swiper-slide .word {
        padding: 30px 35px;
    }
    .n-part1 .swiper-slide .word h2 {
        margin-top: 30px;
    }
    .ps-part3 .col-r {
        padding: 0 5%;
    }
    .ps-part3 .col-r h3 {
        margin-bottom: 20px;
    }
    .ps-part3 .col-r dl {
        margin-bottom: 20px;
    }
    .ps-part3 .col-r button {
        margin-top: 20px;
    }
    .r-part1-1 .col-r {
        padding: 35px 20px 75px 34px;
    }
    .r-part1-1 .col-r .ms {
        height: 280px;
    }
    .r-part1-1 .swiper-pagination {
        bottom: 35px;
    }
    .t-part2 ul.list {
        top: 300px;
    }
    .t-part2 ul.bg li .bt {
        top: 80px;
    }
    /*.t-part2 ul.list li{height:230px;}*/
    .t-part2 ul.list li .xx p {
        font-size: 14px;
    }
    .a-part2 .swiper-container::after {
        width: calc(100% - 190px);
        left: 95px;
    }
    .r-part4 .col-r ul li .wz h3 {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 32px;
    }
    .r-part4 .col-r ul li .wz h4 {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .r-part4 .col-r ul li .wz h5 {
        font-size: 12px;
        line-height: 24px;
        max-width: 70%;
    }
    .slo-part2 .col-l .swiper-slide .wz {
        padding-left: 30px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dd p {
        font-size: 14px;
        line-height: 24px;
    }
}

@media only screen and (max-width:1440px) {
    .a-part2 .swiper-container::after {
        width: calc(100% - 186px);
        left: 93px;
    }
}

@media only screen and (max-width:1366px) {
    .a-part2 .swiper-container::after {
        width: calc(100% - 176px);
        left: 88px;
    }
    .t-part2 ul.list {
        width: 940px;
    }
    .t-part2 ul.list li {
        width: 200px;
        height: 200px;
    }
    .t-part3 dl dt h3 {
        margin-bottom: 20px;
    }
    .t-part3 dl dt .ms {
        margin-bottom: 30px;
    }
    footer .foot1 .bto .txt .li {
        font-size: 12px;
    }
    .r-part3-1 .col-r .ms {
        margin-top: 30px;
        font-size: 14px;
        line-height: 24px;
    }
    .r-part3-1 .col-r dl dd .num span {
        font-size: 40px;
    }
    .r-part3-1 .col-r dl dd:nth-child(2) .num span {
        width: 80px;
    }
    .r-part3-1 .col-r dl dd p {
        font-size: 12px;
    }
    .j-part1 .list dl dt .ms p {
        font-size: 14px;
        line-height: 24px;
    }
    .j-part1 .list dl dt .ms p {
        margin-right: 40px;
    }
}

@media only screen and (max-width:1280px) {
    .r-part3-1 .col-l .bg .dian {
        bottom: 9%;
    }
    .a-part2 .swiper-container::after {
        width: calc(100% - 162px);
        left: 81px;
    }
    .a-part1 .a-main .ms {
        font-size: 14px;
        line-height: 24px;
    }
    .header .con .right .nav_list li {
        margin-left: 20px;
    }
    .a-part4 ul li .ms .tia {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .a-part4 ul li .ms .tia img {
        width: 20px;
        margin-right: 10px;
    }
    .a-part4 ul li .ms .word {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .a-part2 .swiper-slide .word h3 {
        font-size: 24px;
    }
    .a-part2 .swiper-slide .word p {
        font-size: 14px;
    }
    .a-part2 ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .a-part3 .tab a {
        font-size: 20px;
    }
    .a-part1 .a-main {
        padding-top: 80px;
    }
    .c-part1 ul li p {
        font-size: 14px;
    }
    .c-part2 .list .item {
        padding: 20px;
        margin-right: 30px;
    }
    .c-part2 .list .item p {
        font-size: 14px;
    }
    .n-part1 .swiper-slide .word p {
        margin-bottom: 30px;
    }
    .ps-part3 .col-r h3 {
        font-size: 24px;
    }
    .ps-part3 .col-r dl dd {
        padding: 15px 20px 0 20px;
    }
    .ps-part3 .col-r dl dd ul li {
        margin-bottom: 10px;
    }
    .r-part2-1 ul li .num span,
    .r-part3-1 .col-r dl dd .num span {
        font-size: 36px;
    }
    .r-part3-1 .col-r dl dd {
        width: calc(50% - 20px);
    }
    .r-part3-1 .col-r .ms {
        margin-top: 20px;
    }
    .r-part4 .col-r ul li .wz h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .r-part4 .col-r ul li .wz {
        left: 20px;
    }
    .r-part4 .col-r ul li .wz h4 {
        margin-bottom: 10px;
    }
    .t-part1 ul li .wz {
        left: 30px;
    }
    .t-part2 ul.bg li .bt {
        top: 40px;
    }
    .t-part2 ul.list {
        top: 300px;
        width: 1000px;
    }
    .t-part2 ul.list li {
        height: 200px;
    }
    .p100 {
        padding: 80px 0;
    }
    .a-part4 ul li .img .wz p {
        font-size: 15px;
    }
    .r-part3-1 .col-r dl dd:nth-child(2) .num span {
        width: 76px;
    }
    .r-part3-1 .col-r dl dd p {
        font-size: 14px;
    }
    .r-part3-1 .col-r .ms {
        font-size: 14px;
        line-height: 24px;
    }
    .solution a.item {
        padding: 30px;
    }
    .solution a.item .word {
        width: calc(42% - 40px);
    }
    .solution a.item .word .ms {
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
    }
    .solution a.item .word .btn {
        margin-top: 40px;
    }
    .slo-part2 .col-l .swiper-slide .wz {
        padding-left: 20px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dt {
        font-size: 14px;
        padding-left: 20px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dd {
        padding-left：30px;
        font-size: 14px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dd p {
        font-size: 14px;
        line-height: 24px;
    }
    .r-part4 .col-r ul li .wz dl dd .num {
        font-size: 36px;
    }
}

@media only screen and (max-width:1024px) {
    .i_part1 video {
        display: none;
    }
    .i_part1 img.m {
        display: block;
        width: 100%;
    }
    .f_80 {
        font-size: 34px;
    }
    .f_84 {
        font-size: 36px;
    }
    .f_70 {
        font-size: 32px;
    }
    .f_60 {
        font-size: 30px;
    }
    .f_56 {
        font-size: 26px;
    }
    .f_32 {
        font-size: 20px;
    }
    .f_22 {
        font-size: 16px;
    }
    .f_20 {
        font-size: 16px;
    }
    .f_18 {
        font-size: 14px;
    }
    .w1680 {
        width: 94%;
    }
    .w1580 {
        width: 94%;
    }
    .i_part3 .w1580 {
        top: 4.5%;
    }
    .header {
        display: none;
    }
    .header2 {
        display: block;
    }
    .business_swiper>.swiper-wrapper>.swiper-slide {
        position: relative;
    }
    .usbg {
        width: 100%;
        height: 100%;
    }
    .index_con .swiper-pagination {
        display: none;
    }
    .i_part1 {
        height: 100vh;
    }
    .i_part1 .txt {
        left: 0;
        transform: translateX(0);
        padding: 0 8px;
        top: 20%;
    }
    .i_part1 .txt .h {
        line-height: 40px;
    }
    .i_part1 .bottom .boxs {
        flex-wrap: wrap;
        padding: 12px 0 20px 0;
    }
    .i_part1 .bottom .boxs .box {
        width: 50%;
    }
    .i_part1 .bottom .boxs .box:nth-child(1),
    .i_part1 .bottom .boxs .box:nth-child(2) {
        margin-bottom: 8px;
    }
    .i_part1 .bottom .boxs .box .num {
        padding-right: 16px;
        line-height: 40px;
        height: 40px;
        margin-bottom: 0;
    }
    .i_part1 .bottom .boxs .box .num .add {
        width: 8px;
    }
    .i_part1 .bottom .boxs .box .num .m2 {
        width: 12px;
    }
    .i_part2 {
        padding-top: 60px;
    }
    .i_part2 .con {
        padding-top: 86px;
        height: 100%;
    }
    .i_part2 .con .tit {
        line-height: 40px;
        top: 48%;
    }
    .i_part2 .con .bottom {
        bottom: auto;
        top: 0;
        background-color: #ffffff;
        color: #333333;
        padding: 20px 0 14px 0;
    }
    .i_part2 .con .bottom .btn {
        font-size: 12px;
    }
    .i_part2 .con .bottom .btn .pic {
        height: 30px;
        margin-bottom: 10px;
    }
    .i_part2 .video_box {
        position: relative;
        height: 100%;
    }
    .i_part2 .video_box .video {
        object-fit: cover;
    }
    .i_part2 .con .boxs {
        position: absolute;
        width: 100%;
        height: calc(100% - 86px);
    }
    .i_part2 .con .box:after {
        top: 0;
        height: 100%;
    }
    .i_part2 .con .box::before {
        background-color: rgba(0, 0, 0, 0.2);
    }
    .i_part2 .con .bottom .btn .pic img {
        width: auto;
    }
    .i_part2 .con .bottom .btn .pic .img1 {
        display: none;
    }
    .i_part2 .con .bottom .btn .pic .img2 {
        display: none;
    }
    .i_part2 .con .bottom .btn .pic .img3 {
        display: block;
    }
    .i_part2 .con .bottom .btn:hover .pic .img3,
    .i_part2 .con .bottom .btn.on .pic .img3 {
        display: none;
    }
    .i_part2 .con .bottom .btn:hover .pic .img2,
    .i_part2 .con .bottom .btn.on .pic .img2 {
        display: block;
    }
    .i_part3 {
        height: 100vh;
    }
    .i_part3 .con {
        top: 50%;
        height: 528px;
        transform: translateY(-50%);
        margin-top: -30px;
    }
    .i_part3 .con .left {
        position: relative;
        height: 322px;
        top: 0;
    }
    .i_part3 .con .left .h1 {
        margin-top: 20px;
        margin-bottom: 12px;
        line-height: 40px;
    }
    .i_part3 .left .txt {
        height: 100%;
        position: absolute;
        width: 100%;
    }
    .i_part3 .con .left .h2 {
        margin-bottom: 8px;
    }
    .i_part3 .con .left .p {
        line-height: 24px;
        margin-bottom: 20px;
        height: 48px;
    }
    .i_part3 .con .left .btn {
        width: 100px;
        height: 34px;
        line-height: 34px;
        background-size: 100%;
        padding-left: 10px;
    }
    .i_part3 .con .right {
        position: relative;
        margin-right: 0;
        left: 50%;
        top: -230px;
        transform: translateX(-50%) scale(0.5);
    }
    .i_part4 {
        padding-top: 60px;
        overflow-y: hidden
    }
    .i_part4 {
        height: 100%;
        position: relative;
    }
    .i_part4 .conx {
        height: 100%;
    }
    .i_part4 .con {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        margin-top: -30px;
    }
    .i_part4 .con .left {
        padding-bottom: 50px;
    }
    .i_part4 .con {
        display: block;
        height: auto;
    }
    .i_part4 .con .left .tit .h {
        line-height: 40px;
    }
    .i_part4 .con .left .tit .p {
        line-height: 24px;
        margin: 6px 0 20px 0;
    }
    .i_part4 .con .left .tab {
        display: flex;
    }
    .i_part4 .con .left .tab .btn {
        margin-bottom: 0;
        margin-right: 14px;
    }
    .i_part4 .con .left .tab .btn.on {
        margin-bottom: 0;
    }
    .i_part4 .con .right a .more {
        font-size: 13px;
    }
    .i_part4 .con .right {
        width: 100%;
        height: 320px;
        padding-top: 20px;
    }
    .i_part4 .con .right a {
        padding: 12px;
    }
    .i_part4 .con .right a .time {
        margin-bottom: 6px;
    }
    .i_part4 .con .right a .h {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px;
    }
    .i_part4 .con .left .prev {
        width: 30px;
        height: 30px;
        background-size: 100%;
    }
    .i_part4 .con .left .next {
        width: 30px;
        height: 30px;
        background-size: 100%;
        left: 40px;
    }
    footer {
        height: auto;
    }
    footer .foot1 {
        display: none;
    }
    footer .foot3 {
        text-align: center;
        line-height: 30px;
        height: auto;
        padding: 12px 0;
    }
    footer .foot3 a,
    footer .foot3 span {
        display: none;
    }
    footer .foot3 .fl {
        width: 320px;
        margin: 0 auto;
    }
    footer .foot3 .fl,
    footer .foot3 .fr {
        float: none;
    }
    .i_part4 .con .right a:hover {
        border: 1px solid #ffffff;
    }
    .i_part4 .con .right a:hover::after {
        display: none;
    }
    .i_part4 .con .right .rights {
        top: 20px;
        transform: translateY(0)
    }
    ;
    .i_part4::-webkit-scrollbar {
        display: none;
    }
    .i_part4::-webkit-scrollbar-thumb {
        display: none;
    }
    .i_part4::-webkit-scrollbar-track {
        display: none;
    }
    .i_part3 .con .right .box2 .pt_con {
        right: 68px;
    }
    .i_part1 .bottom .boxs .box:nth-child(1) .num {
        width: 60px;
    }
    .i_part1 .bottom .boxs .box:nth-child(2) .num {
        width: 80px;
    }
    .i_part1 .bottom .boxs .box:nth-child(3) .num {
        width: 110px;
    }
    .i_part1 .bottom .boxs .box:nth-child(4) .num {
        width: 130px;
    }
    .ny-banner {
        margin-top: 55px;
    }
    .ny-banner .img img.pc {
        display: none;
    }
    .ny-banner .img img.m {
        display: block;
    }
    .ny-banner .word h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .ny-banner .word p {
        font-size: 18px;
        line-height: 20px;
    }
    .ny-banner .ny-nav {
        display: none;
    }
    .p100 {
        padding: 30px 0;
    }
    .right_zd {
        display: none;
    }
    .a-part1 .a-video {
        padding: 0;
    }
    .a-part1 .a-video .pc {
        display: none;
    }
    .a-part1 .a-video .m {
        display: block;
    }
    .a-part1 .a-main .tia {
        display: none;
    }
    .a-part1 .a-main {
        padding-top: 0;
    }
    .a-part1 .a-main .ms {
        padding-top: 30px;
        width: 100%;
        position: relative;
        top: 0;
        padding-right: 2%;
    }
    .a-part2 .title h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .a-part2 .title img {
        height: 20px;
    }
    .a-part2 .swiper-container::before,
    .a-part2 .swiper-container::after,
    .a-part2 .swiper-slide::before {
        display: none;
    }
    .a-part2 .swiper-container {
        padding-top: 10px;
    }
    .a-part2 ul {
        padding-top: 20px;
    }
    .a-part2 ul li {
        padding: 20px 4%!important;
        text-align: left!important;
    }
    .a-part2 ul li::before {
        left: 50%!important;
        transform: translateX(-50%)!important;
    }
    .a-part3 .tab a {
        margin: 0 20px;
        font-size: 16px;
    }
    .a-part3 .tab a span {
        display: none;
    }
    .a-part3 .a-part3a ul li {
        padding: 0;
    }
    .a-part3 .prev,
    .a-part3 .next {
        display: none;
    }
    .a-part3 .ban3 .swiper-slide .img {
        height: 200px;
    }
    .a-part3 .swiper-slide p {
        font-size: 14px;
        line-height: 24px;
    }
    .a-part3 .a-part3a ul {
        height: 340px
    }
    .f_36 {
        font-size: 18px;
    }
    .a-part4 ul {
        margin-top: 20px;
    }
    .a-part4 ul {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding: 30px 0;
    }
    .a-part4 ul li {
        display: inline-block;
        float: none;
        width: 100% !important;
        margin-right: 20px;
    }
    .a-part4 ul li .img {
        display: none !important;
    }
    .a-part4 ul li .ms {
        display: block !important;
        opacity: 1 !important;
    }
    .a-part3 .a-part3a {
        margin-top: 20px;
    }
    .a-part3 .swiper-pagination {
        margin-top: 20px;
    }
    .a-part5 .swiper-slide {
        width: 100%;
        margin-right: 30px;
    }
    .a-part5 .swiper-container {
        padding-bottom: 60px;
    }
    .a-part5 .swiper-container::before {
        display: none;
    }
    .a-part2 .swiper-slide {
        padding-top: 20px;
    }
    .a-part5 .swiper-slide:nth-child(2n) {
        top: 0;
        padding-top: 0;
    }
    .a-part5 .prev,
    .a-part5 .next {
        top: auto;
        bottom: 0;
    }
    .a-part5 .swiper-slide-active .year {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .a-part5 .swiper-slide .ms {
        font-size: 14px;
        line-height: 24px;
    }
    .a-part5 .prev,
    .a-part5 .next {
        width: 33.6px;
        height: 39.2px;
        background-size: 100% 100%;
    }
    .a-part5 .prev {
        left: calc(50% - 40px);
    }
    .a-part5 .next {
        right: calc(50% - 40px);
    }
    .a-part5 .swiper-slide .year::before {
        left: 10px;
    }
    .a-part5 .swiper-slide::before {
        left: 16px;
        top: 18px;
        display: none;
    }
    .a-part1 .a-main {
        height: auto;
    }
    .a-part1 .a-main .ms {
        font-size: 14px;
        line-height: 24px;
        height: 240px;
    }
    .a-part1 .a-main .ms p {
        margin-bottom: 20px;
    }
    .c-part1 ul {
        margin-top: 40px;
        display: block;
    }
    .c-part1 ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    .c-part1 .map .contact_ms {
        display: none;
    }
    .c-part1 .map {
        display: block;
    }
    .c-part1 .map .img,
    .c-part1 .map #container {
        width: 100%;
    }
    .c-part1 .map #container {
        height: 240px;
    }
    .c-part2 .tab .col-r {
        display: none;
    }
    .c-part2 .tab .col-l a {
        padding-left: 0;
        font-size: 18px;
    }
    .c-part2 .tab .col-l a::before {
        display: none;
    }
    .c-part2 .tab .col-l a:nth-child(1) {
        margin-right: 20px;
    }
    .c-part2 .tab {
        margin-top: 20px;
    }
    .c-part2 .list {
        margin-top: 20px;
        display: block;
    }
    .c-part2 .list .item {
        width: 100%;
        margin-bottom: 15px;
    }
    .c-part2 .list .item h3 {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .c-part2 .list .item p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .c-part2 .list .item p img,
    .c-part2 .list .item a img {
        width: 15px;
        margin-right: 8px;
    }
    .c-part2 {
        padding-bottom: 30px;
    }
    .inv-part .col-l {
        display: none;
    }
    .inv-part .col-r {
        width: 100%;
        padding: 30px 4%
    }
    .inv-part .col-r .list1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .inv-part .col-r .list1 a.item {
        padding: 20px 0;
    }
    .inv-part .col-r .list1::before {
        display: none;
    }
    .inv-part .col-r .list1 a.item::after {
        width: 100%;
        left: 0;
    }
    .inv-part .col-r .list1 a.item .ico {
        display: none;
    }
    .inv-part .col-r .list1 a.item .wz {
        width: calc(100% - 45px - 70px);
    }
    .inv-part .col-r .title .link a {
        font-size: 16px;
    }
    .inv-part .col-r .title .link a:nth-child(1) {
        margin-right: 20px;
    }
    .inv-part .col-r .bd {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .inv-part .col-r .bd ul li {
        display: block;
    }
    .inv-part .col-r .bd ul li p {
        width: 100%;
    }
    .inv-part .col-r .bd ul li .other {
        width: 100%;
        padding: 0 15px;
        margin-top: 15px;
    }
    .inv-part .col-r .bd ul li .other label span {
        font-size: 12px;
        padding-left: 10px;
    }
    .inv-part .col-r .bd ul li .other label span::before {
        width: 10px;
        height: 10px;
        background-size: 100% 100%;
    }
    .inv-part .col-r .bd ul li input.wz {
        width: 100%;
        margin-top: 15px;
        padding: 0 15px;
    }
    .inv-part .col-r .bd ul li textarea {
        width: 100%;
        margin-top: 15px;
        padding: 15px;
    }
    .inv-part .col-r .title {
        padding-bottom: 20px;
    }
    .inv-part .list2 {
        margin: 30px 0;
        display: block;
    }
    .inv-part .list2 a.item {
        width: 100%;
    }
    .inv-part .list3 .img {
        display: none;
    }
    .inv-part .list3 {
        padding: 30px 0;
    }
    .inv-part .list3 .word {
        margin-left: 0;
    }
    .j-part1 .form {
        margin-top: 40px;
        height: 200px
    }
    .j-part1 .form .el-select {
        width: 100%;
        margin-bottom: 20px;
    }
    .j-part1 .form .el-input {
        width: 100%;
    }
    .j-part1 .el-button {
        top: auto;
        bottom: -10px;
    }
    .j-part1 .list {
        margin-top: 40px;
    }
    .j-part1 .list dl dt {
        padding: 15px 0 15px 24px
    }
    .j-part1 .list dl dt .title {
        display: block;
    }
    .j-part1 .list dl dt .title h3 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .j-part1 .list dl dt .title p:nth-child(2) {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .j-part1 .list dl dt .ico {
        display: none;
    }
    .j-part1 .list dl dt .ms {
        width: 100%;
    }
    .j-part1 .list dl dt .ms p {
        width: 100%!important;
        margin-right: 0;
    }
    .j-part1 .list dl dd {
        padding-left: 24px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .j-part1 .list dl dd .xx {
        display: block;
    }
    .j-part1 .list dl dd .xx .col-l {
        margin-right: 0;
    }
    .tc .ny {
        width: 92%;
        padding: 20px;
    }
    .tc .ny .title {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .tc .ny .title::after {
        width: 60px;
    }
    .tc .ny .jl {
        margin-top: 20px;
    }
    .tc .ny .sc {
        margin-top: 15px;
    }
    .n-part1 {
        padding-top: 40px;
    }
    .n-part1 .swiper-slide {
        display: block;
    }
    .n-part1 .swiper-slide .img {
        width: 100%;
    }
    .n-part1 .swiper-slide .word {
        width: 100%;
        padding: 15px 20px;
    }
    .n-part1 .swiper-slide .word h2 {
        font-size: 18px;
        line-height: 24px;
        margin: 10px 0;
    }
    .n-part1 .swiper-slide .word p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .n-part1 .swiper-pagination {
        margin: 20px 0;
    }
    .n-part1 .swiper-slide .word .btn {
        display: none;
    }
    .n-part2 a.item {
        padding: 30px 0;
        display: block;
    }
    .n-part2 a.item .time {
        display: none;
    }
    .n-part2 a.item .img {
        margin-left: 0;
        width: 100%;
    }
    .n-part2 a.item .ms {
        width: 100%;
        margin-top: 20px;
    }
    .n-part2 a.item .ms h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .n-part2 a.item .ms p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .fy {
        margin: 20px auto 30px
    }
    .fy a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .news-show {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .news-show .time i {
        display: none;
        margin-bottom: 20px;
    }
    .news-show .time .fx1 {
        display: none;
    }
    .news-show .title {
        line-height: 24px;
        margin-bottom: 20px;
    }
    .news-show .news-detailed {
        padding: 30px 0;
    }
    .news-show .n-next .btn {
        display: none;
    }
    .news-show .n-next p {
        font-size: 14px;
        max-width: 100%;
    }
    .products .col-l {
        display: none;
    }
    .products .col-r {
        width: 92%;
        padding: 40px 0 50px 0;
        margin: 0 auto;
    }
    .products .col-r .list {
        padding: 30px 0;
    }
    .products .col-r .list a.item {
        width: 100%;
        padding: 25px 10px 30px 25px;
        margin-bottom: 20px;
    }
    .products .col-r .list a.item .word .btn {
        display: none;
    }
    .products .col-r .list a.item .word p {
        margin-bottom: 0;
    }
    .ps-part1 {
        padding: 80px 0 40px 0;
        display: block;
    }
    .ps-part1 .col-l {
        width: 100%;
        padding-top: 0;
        position: relative;
        float: none;
    }
    .ps-part1 .col-l .ban1 .swiper-slide {
        height: 300px;
    }
    .ps-part1 .col-l .ban2 {
        padding: 0;
    }
    .ps-part1 .col-l .ban2 .prev,
    .ps-part1 .col-l .ban2 .next {
        display: none;
    }
    .ps-part1 .col-l .ban2 .swiper-slide {
        height: 80px;
    }
    .ps-part1 .col-r {
        width: 100%;
        float: none;
    }
    .ps-part1 .col-r a.back {
        display: none;
    }
    .ps-part1 .col-r .x-part1 {
        margin-top: 20px;
    }
    .ps-part1 .col-r .x-part1 .ms {
        margin-top: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .ps-part1 .col-r .x-part1 .bd {
        margin-top: 20px;
        font-size: 14px
    }
    .ps-part1 .col-r .x-part1 .bd dl dt,
    .ps-part1 .col-r .x-part1 .bd dl dd:nth-child(2),
    .ps-part1 .col-r .x-part1 .bd dl dd:nth-child(3) {
        width: 33.333%;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        overflow: hidden;
    }
    .ps-part1 .col-r .x-part1 .link {
        margin-top: 20px;
    }
    .ps-part1 .col-r .x-part1_1 {
        margin-top: 20px;
        padding-top: 20px;
    }
    .ps-part1 .col-r .x-part1_1 .t1 p {
        font-size: 12px;
        line-height: 24px;
    }
    .ps-part1 .col-r .x-part1_1 .t2 {
        margin: 15px 0 25px 0;
    }
    .ps-part1 .col-r .x-part1_1 .ban3 {
        margin-top: 25px;
    }
    .ps-part2 {
        padding: 40px 0;
    }
    .ps-part2 .swiper-container {
        margin-top: 30px;
    }
    .ps-part2 .title .b_an .prev,
    .ps-part2 .title .b_an .next {
        width: 33.6px;
        height: 39.2px;
        background-size: 100% 100%;
    }
    .ps-part2 .title .b_an .prev {
        margin-right: 10px;
    }
    .ps-part2 .swiper-slide .word h3 {
        margin-bottom: 15px;
    }
    .ps-part2 .swiper-slide {
        padding: 17px 0 21px 17px
    }
    .ps-part2 .swiper-slide .word .btn {
        display: none;
    }
    .ps-part2 .swiper-slide .word p {
        margin-bottom: 0;
    }
    .ps-part3 {
        padding: 40px 0;
    }
    .ps-part3 .ny {
        display: block;
    }
    .ps-part3 .col-l {
        width: 100%;
    }
    .ps-part3 .col-r {
        width: 100%;
        padding: 20px 5%;
    }
    .ps-part3 .col-r dl dt {
        font-size: 14px;
    }
    .ps-part3 .col-r dl dd ul li {
        width: 100%;
    }
    .products .el-pagination.is-background .btn-next,
    .products .el-pagination.is-background .btn-prev,
    .products .el-pagination.is-background .el-pager li {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .r-part1-1 {
        margin-top: 30px;
        display: block;
    }
    .r-part1-1 .col-l {
        width: 100%;
    }
    .r-part1-1 .col-r {
        width: 100%;
        padding: 20px;
    }
    .r-part1-1 .col-r .ms {
        padding-right: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .r-part1-1 .swiper-pagination {
        bottom: 335px;
        left: 50%;
        transform: translateX(-50%);
    }
    .r-part2 .swiper-pagination {
        margin-top: 20px;
    }
    .r-part2-1 ul {
        margin-top: 20px;
    }
    .r-part2-1 ul li {
        width: 33.33%;
        align-items: center;
        display: block
    }
    .r-part2-1 ul li p {
        padding-left: 0;
        font-size: 12px;
        line-height: 20px;
        margin-top: 15px;
    }
    .r-part2-1 ul li p::before {
        display: none;
    }
    .r-part2-1 ul li .num {
        width: 95px;
    }
    .r-part2-1 ul li .num span {
        width: auto!important;
        font-size: 24px;
    }
    .r-part2-1 ul li .num sup {
        width: 8px;
        height: 8px;
        background-size: 100% 100%;
    }
    .r-part3-1 .col-r dl dd .num span {
        width: auto!important;
    }
    .r-part2-1 dl {
        padding: 30px 0;
        display: block;
    }
    .r-part2-1 dl dd {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .r-part3 {
        padding-bottom: 30px;
    }
    .r-part3-1 .col-l {
        display: none;
    }
    .r-part3-1 .col-r {
        width: 100%;
    }
    .r-part3-1 .col-r dl dd .ico {
        width: 30px;
        height: 30px;
    }
    .r-part3-1 .col-r dl dd .ico img {
        width: 10px;
    }
    .r-part3-1 .col-r dl dd {
        padding-bottom: 10px;
    }
    .r-part3-1 .col-r .ms {
        font-size: 14px;
        line-height: 24px;
        margin-top: 40px;
    }
    .r-part4 {
        display: block;
    }
    .r-part4 .main {
        display: block;
    }
    .r-part4 .col-l {
        width: 100%;
    }
    .r-part4 .col-r {
        width: 100%;
    }
    .r-part4 .col-l .wz ul,
    .r-part4 .col-r ul li .wz dl,
    .r-part4 .col-r ul li .wz h5 {
        display: none;
    }
    .r-part4 .col-l .wz p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
    }
    .r-part4 .col-r ul li .wz h3 {
        margin-bottom: 0;
    }
    .r-part4 .col-r ul li .wz h4 {
        font-size: 18px;
        line-height: 24px;
    }
    /*.s-nav{display: none;}*/
    .s-nav .w1680 {
        flex-wrap: wrap;
        height: auto;
    }
    .s-nav .w1680 a {
        width: 25%;
        padding-top: 20px;
        height: auto;
        padding-bottom: 20px;
    }
    .s-nav .w1680 a p {
        font-size: 12px;
    }
    .s-nav .w1680 a .img img {
        width: 30px;
        height: 30px;
    }
    .solution a.item {
        padding: 20px;
        display: block;
    }
    .solution a.item .img {
        width: 100%;
    }
    .solution a.item .word {
        width: 100%;
        margin-top: 20px;
    }
    .solution a.item .word img.ico {
        width: 30px;
    }
    .solution a.item .word .ms {
        margin-top: 20px;
    }
    .solution a.item .word .btn {
        display: none;
    }
    .ny-banner .word span {
        display: none;
    }
    .ny-banner a.down {
        display: none;
    }
    .slo-part1 .slo-part1-1 .list {
        position: relative;
        height: auto!important;
    }
    .slo-part1 .slo-part1-1 .list .item {
        position: absolute;
    }
    .slo-part1 .slo-part1-1 .list .item.active {
        position: relative;
    }
    .slo-part1 .slo-part1-1 .list .item .dian {
        width: 10px;
        height: 10px;
    }
    .slo-part1 .slo-part1-1 .list .item .dian img,
    .slo-part1 .slo-part1-1 .list .item .line {
        display: none;
    }
    /*.slo-part1 .slo-part1-1 .list .item .line,.slo-part1 .slo-part1-1 .list .item .ms .imga{display: none;}*/
    .slo-part1 .slo-part1-1 .list .item .ms {
        position: relative;
        right: 0;
        top: 0;
        background-color: #f8f8f8;
        margin-bottom: 0px;
        padding: 15px;
        display: block;
    }
    .slo-part1 .slo-part1-1 .list .item .ms .imga {
        display: none;
    }
    .slo-part1 .slo-part1-1 .list .item {
        position: relative;
        left: 0!important;
        top: 0!important;
        right: 0!important;
        bottom: 0!important;
        margin-bottom: 10px;
    }
    .slo-part1 .slo-part1-1 .list .item:nth-child(1) .dian {
        position: absolute;
        top: -100px;
        right: 10%;
    }
    .slo-part1 .slo-part1-1 .list .item:nth-child(2) .dian {
        position: absolute;
        top: -80px;
        right: 16%;
    }
    .slo-part1 .slo-part1-1 .list .item:nth-child(3) .dian {
        position: absolute;
        top: -75px;
        right: 22%;
    }
    .slo-part1 .slo-part1-1 .list .item .dian {
        display: none;
    }
    .slo-part1 .slo-part1-1 .list .item .dian:after,
    .slo-part1 .slo-part1-1 .list .item .dian:before {
        width: 20px;
        height: 20px;
        margin-left: -10px;
        margin-top: -10px;
    }
    .slo-part2 .col-l {
        height: 140px;
    }
    .slo-part2 .col-l .swiper-slide {
        height: 140px;
    }
    .slo-part1 .title h3 {
        margin-bottom: 15px;
    }
    .slo-part1 .title p {
        font-size: 14px;
        line-height: 24px;
    }
    .slo-part2 .nr {
        margin-top: 20px;
        display: block;
    }
    .slo-part2 .col-l {
        width: 100%;
    }
    .slo-part3 {
        display: none;
    }
    .slo-part2 .col-r {
        width: 100%;
        height: 180px;
    }
    .slo-part2 .col-l .swiper-slide .num {
        background-image: none;
    }
    .slo-part2 .col-l .swiper-slide .wz {
        padding-left: 10px;
    }
    .slo-part2 .col-l .swiper-slide .num span {
        font-size: 32px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dt {
        font-size: 16px;
        padding-left: 20px;
        height: 32px;
        line-height: 32px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dd {
        padding-left: 20px;
        padding-top: 15px;
    }
    .slo-part2 .col-l .swiper-slide .wz dl dd p {
        font-size: 14px;
        line-height: 24px;
    }
    .p120 {
        padding: 40px 0;
    }
    .s-part1 .title h3,
    .s-part2 .title h3 {
        margin-bottom: 20px;
    }
    .s-part2 ul {
        margin-top: 20px;
        display: block;
    }
    .s-part2 ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .s-part2 ul li .word .num {
        width: 80px;
        text-align: center;
    }
    .s-part2 ul li .word .num b {
        font-size: 30px;
        line-height: 120px;
    }
    .s-part2 ul li .word .num span {
        font-size: 20px;
    }
    .s-part2 ul li .word .wz {
        width: calc(100% - 100px);
        font-size: 14px;
        line-height: 24px;
    }
    .s-part3 ul {
        padding-top: 40px;
        white-space: nowrap;
        overflow-x: scroll;
        display: block;
        padding-left: 0;
    }
    .s-part3 ul li {
        width: 80%;
        padding: 0 10px;
        display: inline-block;
    }
    .s-part3 ul li .dian,
    .s-part3 ul li .ms::before,
    .s-part3 ul li .ms::after {
        display: none;
    }
    .s-part3 ul li .ms {
        padding-bottom: 30px;
    }
    .s-part3 ul li .ms p {
        white-space: initial;
        font-size: 14px;
        line-height: 24px;
    }
    .s-part4 {
        width: 92%;
        margin: 20px auto;
    }
    .s-part4 .col-l {
        display: none;
    }
    .s-part4 .col-r {
        width: 100%;
        margin-left: 0;
    }
    .s-part4 .col-r ul li p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .s-part4 .col-r ul li input {
        height: 50px;
        padding: 0 15px;
        font-size: 12px;
    }
    .s-part4 .col-r ul li textarea {
        font-size: 12px;
        padding: 15px;
    }
    .s-part4 .col-r button {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .t-part1 {
        padding: 40px 0 20px 0;
    }
    .t-part1 ul {
        display: block;
    }
    .t-part1 ul li {
        width: 100%;
    }
    .t-part1 ul li .wz {
        top: 20px;
    }
    .t-part1 ul li .wz .ico {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
    .t-part1 ul li .wz .ico img {
        width: 15px;
    }
    .t-part1 ul li .wz h3 {
        margin-bottom: 20px;
    }
    .t-part2 ul.bg li .bt h3 {
        margin-bottom: 20px;
    }
    .t-part2 ul.bg li .bt p {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
        overflow-y: auto;
    }
    .t-part2 ul.list {
        position: relative;
        top: auto;
        background-color: #f8f8f8;
        display: block;
        width: 100%;
        padding: 20px 4%;
        overflow-x: scroll;
        white-space: nowrap;
        left: 0;
        padding-bottom: 180px;
        transform: translateX(0)
    }
    .t-part2 ul.bg {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 10;
    }
    .t-part2 ul.list li {
        width: 120px;
        height: 120px;
        display: inline-block;
        margin-left: 0px;
        margin-right: 20px;
    }
    .t-part2 ul.list li.t-part2 ul.list li.active {
        background-color: rgba(255, 255, 255, 0.82);
        border: 1px dashed #DB0032;
    }
    .t-part2 ul.list li .xx .ico img.hv1,
    .t-part2 ul.list li.active .xx .ico img.hv1 {
        display: none;
    }
    .t-part2 ul.list li .xx .ico img.hv2,
    .t-part2 ul.list li.active .xx .ico img.hv2 {
        display: inline-block;
    }
    .t-part2 ul.list li .xx p,
    .t-part2 ul.list li.active .xx p {
        color: #DB0032;
    }
    .t-part2 ul.list li .xx .ico img,
    .t-part2 ul.list li.active .xx .ico img {
        width: 30px;
    }
    .t-part2 ul.list li .xx p,
    .t-part2 ul.list li.active .xx p {
        font-size: 12px;
    }
    .t-part3 dl {
        margin-top: 20px;
        display: block;
    }
    .t-part3 dl dt {
        width: 100%;
        padding: 20px;
    }
    .t-part3 dl dt h3 {
        margin-bottom: 20px;
    }
    .t-part3 dl dt .ms {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
        height: 96px;
    }
    .t-part3 dl dd {
        width: 100%;
    }
    .t-part3 ul {
        display: block;
    }
    .t-part3 ul li {
        width: 100%;
        margin-bottom: 10px;
    }
    .t-part3 ul li:hover .word {
        display: none;
    }
    .t-part4 ul {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .t-part4 ul li {
        width: 50%;
        display: inline-block;
    }
    .t-part4 ul li .num,
    .t-part4 ul li .img {
        margin-bottom: 20px;
    }
    .t-part4 ul li .word p {
        white-space: initial;
    }
    .t-part4 {
        padding-bottom: 20px;
    }
    .search1 {
        margin-top: 80px;
    }
    .listp {
        display: block;
    }
    .listp a.item {
        width: 100%;
    }
    .listp a.item {
        width: 100%;
        margin-bottom: 20px;
    }
    .listp a.item .word .btn {
        display: none;
    }
    .listp a.item .word p {
        margin-bottom: 0;
    }
    .inv-part .col-r .btn {
        width: 136px;
        height: 40px;
        background-size: 100% 100%;
        line-height: 40px;
    }
}