body {
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px
}

.w1600 {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px
}

.w1400 {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px
}

.w1200 {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

td, th {
    word-wrap: break-word;
    word-break: break-all
}

.swiper-pagination {
    width: 100%
}

.swiper-slide, .swiper-wrapper {
    height: auto !important
}

.swiper-container-horizontal > .swiper-pagination-progress {
    top: auto;
    bottom: 0
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    top: auto;
    bottom: 0;
    height: 3px;
    background-color: #d80c18
}

.swiper-pagination-progress {
    background: rgba(51,51,51,.15)
}

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 0;
    height: 3px
}

.swiper-scrollbar {
    opacity: 1 !important
}

.swiper-scrollbar-drag {
    background-color: #d80c18
}

.swiper-pagination-bullet {
    background-color: #dcdcdc;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background-color: #df1b24
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0
}

.swiper-button-next, .swiper-button-prev {
    border-radius: 50%;
    background: url(../images/in-prev.png) no-repeat center center
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0;
    background: url(../images/in-next.png) no-repeat center center
}

.swiper-button-prev:hover {
    background: url(../images/in-hprev.png) no-repeat center center
}

.swiper-button-next:hover {
    background: url(../images/in-hnext.png) no-repeat center center
}

.banner .swiper-button-prev {
    left: 3.7%
}

.banner .swiper-button-next {
    right: 3.7%
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    display: none
}

.videobox:hover {
    animation: swing 1s
}

.popvideo iframe {
    width: 100%
}

.popvideo video {
    width: 100%;
    object-fit: fill
}

.popvideobg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6)
}

.popvideobox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%)
}

.popvideo {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1000px
}

.close-video-btn {
    position: absolute;
    top: -15px;
    right: 45px;
    z-index: 9;
    display: block;
    margin: -20px -20px 0 0;
    width: 25px;
    height: 25px;
    cursor: pointer
}

    .close-video-btn::after {
        position: absolute;
        top: 10px;
        width: 20px;
        height: 2px;
        background-color: #fff;
        content: '';
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .close-video-btn::before {
        position: absolute;
        top: 10px;
        width: 20px;
        height: 2px;
        background-color: #fff;
        content: '';
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

.btn-phone {
    display: none;
    width: 26px
}

.headfixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0 4%;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.15);
    transition: all .5s
}

    .headfixed.headerbgm, .headfixed.headerbgm1 {
        background: #fff;
        box-shadow: 0 3px 14px 0 rgba(226,226,226,.5)
    }

        .headfixed.headerbgm .language-text, .headfixed.headerbgm .menu-list h3 a, .headfixed.headerbgm1 .language-text, .headfixed.headerbgm1 .menu-list h3 a, .headfixed1 .language-text, .headfixed1 .menu-list h3 a {
            color: #333
        }

.headfixed1 {
    border-bottom: 1px solid rgba(102,102,102,.15);
    background: #fff
}

.headfixed .headfixed-show {
    align-items: center
}

.headfixed .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 180px;
    max-width: 180px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform: translate(-50%,-50%);
    -ms-transition: .5s
}

.headfixed .menu-list {
    width: 100%;
    align-items: center
}

    .headfixed .menu-list > ul {
        padding-right: 1.5%;
        width: calc(100% - 230px)
    }

.headfixed .mobile-nav-box > ul > li > a {
    color: #282828;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px
}

.headfixed .mobile-nav-box ul li {
    padding: 12px 0;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.headfixed .mobile-nav-box > ul li a {
    color: #716b61;
    text-align: left;
    line-height: 30px
}

.headfixed .mobile-nav-box > ul > li > h3.cur > i::before {
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg)
}

.headfixed .btn-list {
    width: 230px
}

    .headfixed .btn-list .btn-right {
        width: 100%;
        text-align: center;
        align-items: center
    }

.headfixed .btn-menu {
    display: none;
    margin: 0 auto
}

    .headfixed .btn-menu .mobile-nav {
        display: block;
        width: 36px;
        height: 36px;
        color: #fff;
        text-align: center;
        font-size: 13px;
        line-height: 36px
    }

input::-webkit-input-placeholder {
    font-size: 12px
}

.headfixed .toggle-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 30px
}

    .headfixed .toggle-btn span {
        position: absolute;
        left: 50%;
        width: 26px;
        height: 2px;
        background: #222;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -ms-transform: translateX(-50%)
    }

        .headfixed .toggle-btn span:first-child {
            top: 8px
        }

        .headfixed .toggle-btn span:nth-child(2) {
            top: 50%;
            width: 20px
        }

        .headfixed .toggle-btn span:last-child {
            bottom: 6px
        }

    .headfixed .toggle-btn.cur span:first-child {
        -webkit-transform: translate(-50%,7px) rotate(45deg);
        -o-transform: translate(-50%,7px) rotate(45deg);
        transform: translate(-50%,7px) rotate(45deg);
        -ms-transform: translate(-50%,7px) rotate(45deg)
    }

    .headfixed .toggle-btn.cur span:nth-child(2) {
        opacity: 0
    }

    .headfixed .toggle-btn.cur span:last-child {
        bottom: 10px;
        -webkit-transform: translate(-50%,-3px) rotate(-45deg);
        -o-transform: translate(-50%,-3px) rotate(-45deg);
        transform: translate(-50%,-3px) rotate(-45deg);
        -ms-transform: translate(-50%,-3px) rotate(-45deg)
    }

.mobile-nav-box {
    position: fixed;
    top: 64px;
    left: 0;
    z-index: 99;
    display: none;
    overflow-y: auto;
    padding: 0 0 60px 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ddd;
    background: #fff
}

.headfixed .mobile-nav-box > ul > li > h3 {
    position: relative;
    padding: 0 30px
}

.headfixed .mobile-nav-box .head-subnav {
    display: none;
    padding: 20px 40px;
    width: 100%;
    background: #f5f5f5
}

    .headfixed .mobile-nav-box .head-subnav .link-tit {
        position: relative;
        text-align: left
    }

        .headfixed .mobile-nav-box .head-subnav .link-tit a {
            display: inline-block;
            width: 100%;
            color: #222;
            text-align: left;
            font-size: 16px;
            line-height: 45px
        }

.headfixed .mobile-nav-box > ul > li > h3 > a {
    display: block;
    padding: 5px 0;
    color: #222;
    text-align: center;
    text-align: left;
    letter-spacing: 2px;
    font-size: 18px
}

.headfixed .mobile-nav-box .head-suba {
    display: none
}

    .headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
        display: block;
        padding: 0 15px;
        padding-left: 15px;
        color: #333;
        text-align: center;
        text-align: left;
        letter-spacing: 2px;
        font-size: 16px
    }

.headfixed .mobile-nav-box .link-tit > i, .headfixed .mobile-nav-box > ul > li > h3 > i {
    position: absolute;
    top: 15px;
    right: 30px;
    display: block;
    width: 80px;
    height: 100%
}

.headfixed .mobile-nav-box .link-tit > i {
    right: -10px
}

    .headfixed .mobile-nav-box .link-tit > i::before, .headfixed .mobile-nav-box > ul > li > h3 > i::before {
        position: absolute;
        top: 10px;
        right: 0;
        width: 10px;
        height: 10px;
        border-bottom: solid 1px #222;
        border-left: solid 1px #222;
        content: "";
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

.headfixed .head-subnav .head-subli {
    padding-right: 5%
}

    .headfixed .head-subnav .head-subli:nth-child(3) {
        padding-left: .8%
    }

    .headfixed .head-subnav .head-subli:nth-child(4) {
        padding-left: 10.3%
    }

.language {
    position: relative;
    width: 90px;
    border-right: 1px solid rgba(255,255,255,.5);
    text-align: center
}

.language-text {
    color: #fff;
    text-align: center;
    font-size: 18px;
    cursor: pointer
}

    .language-text span {
        display: inline-block;
        margin: 0 4px
    }

    .language-text .icon-down {
        display: inline-block;
        vertical-align: -1px;
        font-size: 16px;
        -webkit-transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

.language-list {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    visibility: hidden;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

    .language-list a {
        display: block;
        padding: 10px;
        font-size: 18px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

        .language-list a:hover {
            color: #d80c18
        }

.language:hover .language-text .icon-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.language:hover .language-list {
    visibility: visible;
    opacity: 1
}

.app-lanu {
    padding: 20px 0;
    text-align: center
}

    .app-lanu a {
        display: inline-block;
        padding: 2px 20px;
        color: #333;
        line-height: 24px
    }

        .app-lanu a.active {
            border-radius: 30px;
            background: #ce132e;
            color: #fff
        }

.btn-search {
    width: 70px;
    border-right: 1px solid rgba(255,255,255,.5)
}

.header-button, .headfixed .header-button {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    background: url(../images/in-ssicon.png) no-repeat center center;
    text-align: left;
    text-indent: -119988px;
    text-transform: capitalize;
    cursor: pointer
}

.headfixed.headerbgm .header-button, .headfixed.headerbgm1 .header-button, .headfixed1 .header-button {
    background: url(../images/in-bssicon.png) no-repeat center center
}

.headfixed.headerbgm .btn-search, .headfixed.headerbgm .language-text, .headfixed.headerbgm1 .btn-search, .headfixed.headerbgm1 .language-text, .headfixed1 .btn-search, .headfixed1 .language-text {
    border-right: 1px solid rgba(51,51,51,.5)
}

.headfixed.headerbgm .menu_btn, .headfixed.headerbgm1 .menu_btn, .headfixed1 .menu_btn {
    background: url(../images/in-btnicon1.png) no-repeat right center
}

    .headfixed .menu_btn.active, .headfixed1 .menu_btn.active {
        background: url(../images/in-hbtnicon.png) no-repeat right center
    }

.headfixed.headerbgm .menu-list h3 a {
    margin: 22px 0
}

.headfixed.headerbgm .logo {
    width: 150px
}

.headfixed .headfixed-dropmenu {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 99;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fff;
    opacity: .6;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1);
    -webkit-flex-flow: wrap;
    flex-flow: wrap
}

.headfixed-dropmenu .headfixed-dropnav {
    padding: 4%;
    align-items: flex-start
}

.headfixed .headfixed-dropmenu.show {
    height: 100%;
    border-top: 1px solid rgba(51,51,51,.1);
    opacity: 1
}

.headfixed-dropmenu .headfixed-dropleft {
    padding-right: 9.5%;
    width: calc(100% - 450px)
}

.headfixed-dropmenu .headfixed-dropright {
    width: 450px
}

.head-subBox-rtfont .drop-tit, .headfixed-dropmenu .drop-tit {
    position: relative;
    padding: 0;
    color: #333;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2
}

.head-subBox-rtfont .drop-tit {
    padding-bottom: 30px
}

.headfixed-dropmenu .drop-tit {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(51,51,51,.13)
}

    .headfixed-dropmenu .drop-tit span {
        font-weight: lighter
    }

    .headfixed-dropmenu .drop-tit::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 96px;
        height: 2px;
        background-color: #d80c18;
        content: ""
    }

.headfixed-dropmenu .headfixed-dropleft .drop-tit::before {
    width: 180px
}

.head-subBox-rtfont .drop-dec {
    margin-bottom: 10%;
    color: #666;
    font-weight: lighter;
    font-size: 16px;
    line-height: 2
}

.headfixed-dropmenu .headfixed-addrul, .headfixed-dropmenu .headfixed-dropul, .headfixed-dropmenu .headfixed-formul {
    flex-wrap: wrap
}

    .headfixed-dropmenu .headfixed-dropul li {
        position: relative;
        margin-top: 8%;
        width: 50%
    }

    .headfixed-dropmenu .headfixed-dropul a {
        position: relative;
        color: rgba(51,51,51,.7);
        font-size: 22px
    }

    .headfixed-dropmenu .headfixed-dropul li:hover a {
        color: #d80c18
    }

    .headfixed-dropmenu .headfixed-dropul li a::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 11px;
        background-color: #ff0023;
        content: "";
        opacity: .1;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .headfixed-dropmenu .headfixed-dropul li:hover a::before {
        width: 100%
    }

    .headfixed-dropmenu .headfixed-addrul li {
        position: relative;
        margin-top: 3%;
        width: 50%
    }

        .headfixed-dropmenu .headfixed-addrul li:last-child, .headfixed-dropmenu .headfixed-formul li:last-child {
            width: 100%
        }

.headfixed-dropmenu .headfixed-addricon {
    position: relative;
    margin-top: 5px;
    width: 16px;
    height: 16px
}

.headfixed-dropmenu .headfixed-addrfont {
    padding-left: 10px;
    width: calc(100% - 16px)
}

    .headfixed-dropmenu .headfixed-addrfont .tit {
        color: #999;
        font-size: 16px;
        line-height: 28px
    }

    .headfixed-dropmenu .headfixed-addrfont .dec {
        color: #333;
        font-size: 22px
    }

.headfixed-dropmenu .headfixed-dropform {
    margin-top: 55px;
    padding-top: 35px;
    border-top: 1px solid rgba(51,51,51,.13)
}

.headfixed-dropmenu .headfixed-formul li {
    position: relative;
    margin-top: 1%;
    margin-right: 1%;
    width: 49.5%
}

    .headfixed-dropmenu .headfixed-formul li:last-child, .headfixed-dropmenu .headfixed-formul li:nth-child(2n) {
        margin-right: 0
    }

.headfixed-dropmenu .headfixed-formul label {
    position: absolute;
    top: 50%;
    left: 30px;
    color: rgba(51,51,51,.5);
    font-size: 14px;
    line-height: 28px;
    transition: all .5s;
    transform: translateY(-50%);
    pointer-events: none
}

.headfixed-dropmenu .headfixed-formul input:focus + label, .headfixed-dropmenu .headfixed-formul input:valid + label, .headfixed-dropmenu .headfixed-formul textarea:focus + label, .headfixed-dropmenu .headfixed-formul textarea:valid + label {
    top: 0;
    color: #ce132e
}

.headfixed-dropmenu .headfixed-formul input, .headfixed-dropmenu .headfixed-formul textarea {
    padding: 5px 30px;
    width: 100%;
    height: 60px;
    border: solid 1px rgba(51,51,51,.2);
    border-radius: 30px;
    color: rgba(51,51,51,.5);
    font-size: 14px
}

.headfixed-dropmenu .headfixed-formul textarea {
    padding-right: 17%
}

.headfixed-dropmenu .headfixed-dropform .tit {
    margin-bottom: 20px;
    color: #999;
    font-size: 16px
}

.headfixed-dropmenu .headfixed-dropform .sub {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 60px;
    border-radius: 30px;
    background-color: #d80c18;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

    .headfixed-dropmenu .headfixed-dropform .sub:hover {
        background-color: rgba(216,12,24,.8)
    }

.headfixed .head-subBox-left {
    position: relative;
    padding: 2% 4%;
    padding-right: 0;
    width: 31%;
    background: #fff
}

.headfixed .head-subBox-ul a {
    position: relative;
    padding: 16px 0;
    color: #1e2026;
    text-align: left;
    font-size: 18px
}

    .headfixed .head-subBox-ul a span {
        display: block;
        width: calc(100% - 14px)
    }

    .headfixed .head-subBox-ul a em {
        display: block;
        font-weight: 700;
        font-size: 14px;
        opacity: 0
    }

.headfixed .head-subBox-right {
    position: relative;
    padding: 3% 4%;
    padding-left: 0;
    width: 69%
}

.headfixed .head-subBox-ul li {
    padding-right: 12%;
    padding-left: 18%;
    border-bottom: 1px solid hsl(0deg 0% 62% / 9%);
    background-color: #9e9e9e00
}

    .headfixed .head-subBox-ul li.active, .headfixed .head-subBox-ul li:hover {
        background-color: #d80c18
    }

        .headfixed .head-subBox-ul li:hover a {
            color: #1e2026
        }

        .headfixed .head-subBox-ul li.active a, .headfixed .head-subBox-ul li:hover a, .menu-list .head-subnav a.more:hover {
            color: #fff
        }

            .headfixed .head-subBox-ul li.active a em, .headfixed .head-subBox-ul li:hover a em {
                opacity: 1
            }

.headfixed .head-subBox-rtfont {
    padding: 0 7%;
    width: 60%;
    text-align: left
}

.headfixed .head-subBox-rtBimg {
    position: relative;
    width: 40%
}

.headfixed .head-subBox-tabLeft {
    position: relative;
    padding-right: 5%;
    padding-left: 6%;
    width: 37%;
    border-right: 1px solid #e3e3e3
}

.headfixed .head-subBox-rttab {
    position: relative;
    padding: 15px 20px;
    padding-right: 0;
    border-bottom: 1px solid #e3e3e3
}

    .headfixed .head-subBox-rtstab::before, .headfixed .head-subBox-rttab::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #999;
        content: "";
        transform: translateY(-50%)
    }

.headfixed .head-subBox-rttab {
    color: #333;
    text-align: left;
    font-size: 16px
}

    .headfixed .head-subBox-rttab span {
        position: relative;
        width: calc(100% - 20px)
    }

    .headfixed .head-subBox-rttab em {
        display: block;
        width: 20px;
        color: rgba(153,153,153,.5);
        font-size: 20px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        transform: rotate(-45deg);
        -ms-transition: .5s
    }

.headfixed .head-subBox-tabRight {
    width: 63%
}

.headfixed .head-subBox-tabsBox {
    position: relative;
    padding: 0 8%;
    width: calc(100% - 290px);
    flex-wrap: wrap
}

.headfixed .head-subBox-rtstab {
    position: relative;
    display: block;
    margin-bottom: 25px;
    padding-left: 15px;
    width: 50%;
    color: #666;
    text-align: left;
    font-size: 15px
}

    .headfixed .head-subBox-rtstab span {
        display: inline-block;
        border-bottom: 1px solid transparent
    }

.headfixed .head-subBox-tabct {
    align-items: flex-start
}

.headfixed .head-subBox-tabImgBox {
    position: relative;
    width: 290px
}

.headfixed .head-subBox-tabimg {
    position: relative;
    width: 100%;
    height: 230px;
    border: solid 1px #e9e9e9;
    background-color: #fff
}

    .headfixed .head-subBox-tabimg img {
        padding: 25px;
        max-height: 250px
    }

.headfixed .head-subBox-tabtit {
    position: relative;
    margin: 10px auto;
    padding: 0 15px;
    border-left: 1px solid #d80c18;
    color: #333;
    text-align: left;
    font-size: 22px;
    line-height: 1.1
}

.headfixed .head-subBox-rtstab.active span, .headfixed .head-subBox-rttab.active {
    border-bottom: 1px solid #d80c18
}

    .headfixed .head-subBox-rtstab.active:before, .headfixed .head-subBox-rtstab:hover:before, .headfixed .head-subBox-rttab.active::before {
        background: #d80c18
    }

.headfixed .head-subBox-rtstab.active, .headfixed .head-subBox-rtstab:hover, .headfixed .head-subBox-rttab.active {
    color: #d80c18
}

    .headfixed .head-subBox-rttab.active em {
        color: #d80c18;
        transform: rotate(0)
    }

.headfixed .head-subBox-Bli, .headfixed .head-subBox-tabImgLi, .headfixed .head-subBox-tabLi {
    display: none
}

    .headfixed .head-subBox-Bli.active, .headfixed .head-subBox-tabImgLi.active, .headfixed .head-subBox-tabLi.active {
        display: block
    }

#toggle-search.open:after {
    top: 40px;
    color: #fff
}

#search-form {
    position: absolute;
    top: 98%;
    right: 3.2%;
    overflow: hidden;
    width: 400px;
    max-height: 0;
    background: #fff;
    -webkit-transition: max-height,.5s;
    -moz-transition: max-height,.5s;
    -o-transition: max-height,.5s;
    transition: max-height,.5s
}

    #search-form.open {
        max-height: 50px;
        border: 1px solid #f1f1f1
    }

    #search-form fieldset {
        position: relative;
        z-index: 9;
        margin: 0 60px 0 0;
        padding: 0;
        width: 85%;
        border: none
    }

    #search-form input {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px
    }

    #search-form .search {
        z-index: 9;
        padding: 0 5px 0 22px;
        width: 100%;
        border: none;
        background: #fff;
        color: #df1b24;
        font-size: 16px
    }

    #search-form .header-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 11;
        margin: 0;
        padding: 0;
        width: 15%;
        border: none;
        background: url(../images/in-hssicon.png) no-repeat center #ce132e;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer
    }

.menu_btn {
    position: relative;
    z-index: 101;
    width: 45px;
    height: 18px;
    background: url(../images/in-btnicon.png) no-repeat right center;
    cursor: pointer;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.menu-list h3 {
    position: relative;
    padding: 0 10px
}

    .menu-list h3 .icon-down {
        position: absolute;
        top: 53%;
        right: -20px;
        color: #0787d8;
        font-size: 14px;
        font-family: Arial-BoldMT;
        opacity: 0;
        transform: translateY(-53%)
    }

.headfixed.headerbgm .menu-list > ul > li:hover h3 .icon-down, .menu-list > ul > li:hover h3 .icon-down {
    opacity: 1
}

.headfixed .menu-list > ul > li.cur h3 a, .headfixed .menu-list > ul > li:hover h3 a {
    border-bottom: 2px solid #d80c18;
    color: #d80c18
}

.menu-list h3 a {
    position: relative;
    display: block;
    margin: 42px 0;
    border-bottom: 2px solid transparent;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list > ul > li .head-subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    overflow: hidden;
    width: 100%;
    width: 100%;
    border-top: 0;
    background: #fff;
    box-shadow: 0 3px 14px 0 rgb(226,226,226,.5);
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%,10px);
    -o-transform: translate(-50%,10px);
    transform: translate(-50%,10px);
    -ms-transform: translate(-50%,10px);
    pointer-events: none
}

.menu-list > ul > li:hover .head-subnav {
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    pointer-events: auto
}

.headfixed .menu-list > ul > li {
    vertical-align: top
}

    .headfixed .menu-list > ul > li:nth-child(4) {
        margin-right: 26%
    }

.menu-list .head-subnav a:hover {
    color: #df1b24
}

.menu-list h3 a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: none;
    width: 0;
    height: 2px;
    background-color: #333;
    content: "";
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.menu-list > ul > li.cur h3 a::after, .menu-list > ul > li:hover h3 a::after {
    width: 55px
}

.about4 .about4-img, .about5 .about5-bot, .contact4, .mainer .banner .banner-img, .new1 .new1-swiper, .proinfo6, .proinfo6 .proinfo6-swiper, .section1 .section1-rtswiper, .section2 .section2-top, .section4 .section4-mobile, .section4 .section4-swiper, .service1, .service1 .service1-swiper, .solution1 {
    position: relative
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: 35px
}

.mainer .banner .banner-img img {
    margin: 0 auto;
    width: 100%
}

.banner .swiper-fontlist {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.banner .pub-mbanner, .banner .pub-pbanner {
    width: 100%;
    transition: ease 1s
}

.banner .pub-mbanner {
    display: none
}

.banner .swiper-font {
    position: relative;
    z-index: 2;
    width: 50%;
    text-align: left
}

    .banner .swiper-font .swiper-h2 {
        position: relative;
        margin-bottom: 25px
    }

        .banner .swiper-font .swiper-h2 h2 {
            color: #fff;
            font-size: 42rem
        }

            .banner .swiper-font .swiper-h2 h2 strong {
                display: block;
                color: #d80c18;
                font-size: 50rem
            }

    .banner .swiper-font .swiper-h3 h3 {
        color: #fff;
        font-weight: lighter;
        font-size: 22px;
        line-height: 1.8
    }

    .banner .swiper-font .swiper-h3 .line {
        margin-left: 5px;
        width: 62px;
        height: 4px;
        background-color: #fff
    }

.mainer .banner .swiper-slide-active .swiper-h2 {
    -webkit-animation: fadeInDown 5s;
    animation: fadeInDown 5s
}

.mainer .banner .swiper-slide-active .swiper-h3 {
    -webkit-animation: fadeInUp 5s;
    animation: fadeInUp 5s
}

.mainer .banner .swiper-slide-active .more {
    -webkit-animation: fadeInLeft 5s;
    animation: fadeInLeft 5s
}

.mainer .banner .swiper-slide-active .swiper-bimg {
    -webkit-animation: flash 5s;
    animation: flash 5s
}

.more {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 16px 10px;
    width: 180px;
    border-radius: 27px;
    background-color: #d80c18;
    color: #fff;
    text-align: left;
    font-size: 14px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -ms-transition: 1s
}

.bmore {
    background-color: #333
}

.more1 {
    padding: 11px 5px;
    width: 165px;
    border: solid 1px #dfdfdf;
    background-color: #ececec;
    color: #666
}

.more::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #d83e48;
    content: "";
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -ms-transition: 1s
}

.more:hover::before {
    width: 100%
}

.more span {
    position: relative;
    z-index: 3;
    display: inline-block;
    padding-left: 18px;
    vertical-align: middle
}

.more em {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.1);
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 34px;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    transform: translateY(-50%);
    -ms-transition: 1.5s
}

.bmore em {
    background-color: rgba(255,255,255,.1)
}

.more1 em {
    background-color: #fff;
    color: #d80c18
}

.mainer .banner .banner-img .more img, .more img {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
    transform: translateY(-50%);
    -ms-transition: 1.5s
}

.mainer .banner .banner-img .more:hover img, .more:hover img {
    transform: translate(-10px,-50%)
}

.more:hover::before {
    width: 100%
}

.banner .swiper-btn {
    margin-top: 60px
}

.banner .swiper-bzimg {
    margin-left: 50px
}

.banner .swiper-pagination {
    bottom: 50px !important;
    left: 50%;
    margin: 0 auto;
    width: 92%;
    text-align: center;
    transform: translateX(-50%)
}

.swiper-pagination-bullet {
    width: 18px;
    height: 5px;
    border-radius: 0;
    background: rgba(102,102,102,.5)
}

.banner .swiper-pagination-bullet {
    background: rgba(255,255,255,.5)
}

.banner .swiper-pagination-bullet-active, .swiper-pagination-bullet-active {
    width: 27px;
    background-color: #ce132e
}

@keyframes spin-right {
    0% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin-left {
    0% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.in-tit {
    position: relative;
    z-index: 3
}

    .in-tit .tit, .inner-tit .tit {
        position: relative;
        font-size: 26px;
        line-height: 1.167;
        font-weight: 700
    }

        .in-tit .tit::before {
            position: absolute;
            top: -25px;
            left: 5px;
            width: 60px;
            height: 20px;
            background: url(../images/in-titicon.png) no-repeat center center;
            background-size: cover;
            content: ""
        }

        .in-tit .tit span {
            margin-right: 10px;
            color: #ce132e;
            vertical-align: -5px;
            font-size: 64rem;
            line-height: 1
        }

        .in-tit .dec span, .in-tit .tit em {
            color: #ce132e
        }

    .in-tit .dec {
        margin-top: 20px;
        color: #666;
        font-weight: lighter;
        font-size: 16px
    }

        .in-tit .dec a {
            position: relative;
            display: inline-block;
            color: #04a4e5
        }

            .in-tit .dec a b {
                border-bottom: 2px solid #04a4e5
            }

            .in-tit .dec a em {
                display: inline-block;
                margin-left: 6px;
                vertical-align: -6px;
                font-size: 28px
            }

.d2 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.section1 {
    position: relative;
    padding-right: 8%;
    padding-left: 5.3%
}

    .section1::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 522px;
        height: 100%;
        background: url(../images/in-bgm7.jpg) no-repeat center center;
        background-size: cover;
        content: "";
        transform: translateY(-50%)
    }

    .section1 .section1-left {
        position: relative;
        width: 51%
    }

    .section1 .section1-lbgm {
        position: relative;
        width: 750px;
        height: 750px;
        left: 50px
    }

    .section1 .section1-lLi {
        position: relative;
        display: none;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .section1 .section1-bimg {
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: hidden;
        margin: 0 auto;
        width: 85%;
        height: 85%;
        border-radius: 50%;
        transform: translate(-50%,-50%)
    }

        .section1 .section1-bimg img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

    .section1 .section1-right {
        padding-left: 5.8%;
        width: 49%
    }

    .section1 .section1-rtLi {
        display: none;
        margin-top: 40px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .section1 .section1-lLi:first-child, .section1 .section1-rtLi:first-child {
            display: block
        }

        .section1 .section1-rtLi .tit {
            color: #d80c18;
            font-size: 32rem
        }

        .section1 .section1-rtLi .dec {
            margin-top: 15px;
            margin-bottom: 45px;
            color: #666;
            font-size: 16px;
            line-height: 1.778;
            font-weight: lighter
        }

    .section1 .more, .section3 .more {
        width: 215px
    }

    .section1 .section1-rtswiper {
        margin-top: 10%; /* margin-right:14% */
    }

        .section1 .section1-rtswiper .swiper-slide {
            padding: 15px;
            border: solid 2px #cdd1d7;
            border-radius: 12px;
            background-color: #fff;
            cursor: pointer
        }

            .section1 .section1-rtswiper .swiper-slide .tit {
                padding-top: 15px;
                padding-bottom: 5px;
                text-align: center;
                font-size: 17px;
                font-weight: 700
            }

            .section1 .section1-rtswiper .swiper-slide.active {
                border: solid 2px #d80c18
            }

                .section1 .section1-rtswiper .swiper-slide.active .tit, .section2 .section2-tab li.active a {
                    color: #d80c18
                }

    .section1 .swiper-button-next, .section1 .swiper-button-prev {
        display: none
    }

.section2 {
    position: relative;
    padding-left: 8%
}

    .section2 .section2-top {
        padding-right: 8.7%
    }

    .section2 .in-tit {
        width: 30%
    }

    .section2 .section2-tpright {
        width: 60%
    }

    .section2 .section2-tab {
        margin-top: 45px;
        flex-wrap: wrap;
        justify-content: flex-start
    }

        .section2 .section2-tab li {
            margin-left: 3.8%
        }

            .section2 .section2-tab li:first-child {
                margin-left: 0
            }

            .section2 .section2-tab li a {
                position: relative;
                padding-bottom: 8px;
                border-bottom: 1px solid transparent;
                color: #999;
                font-size: 22px
            }

                .section2 .section2-tab li a::before, .section5 .section5-tab li a::before {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    width: 0%;
                    height: 2px;
                    background-color: #ce132e;
                    content: "";
                    -webkit-transition: .5s;
                    -moz-transition: .5s;
                    -o-transition: .5s;
                    transition: .5s;
                    transform: translateX(-50%);
                    -ms-transition: .5s
                }

            .section2 .section2-tab li.active a::before, .section5 .section5-tab li.active a::before {
                width: 100%
            }

    .section2 .section2-btn {
        position: absolute;
        top: 0;
        right: 8.3%;
        width: 140px
    }

    .proinfo6 .swiper-button-next, .proinfo6 .swiper-button-prev, .section2 .swiper-button-next, .section2 .swiper-button-prev {
        width: 60px;
        height: 60px;
        border: solid 1px #eee;
        border-radius: 50%
    }

    .proinfo6 .swiper-button-prev, .section2 .swiper-button-prev {
        background: url(../images/in-prev1.png) #f7f7f7 no-repeat center center
    }

    .proinfo6 .swiper-button-next, .section2 .swiper-button-next {
        background: url(../images/in-next1.png) #f7f7f7 no-repeat center center
    }

    .proinfo6 .swiper-button-prev:hover, .section2 .swiper-button-prev:hover {
        border: solid 1px #eee;
        background: url(../images/in-hprev1.png) #d80c18 no-repeat center center
    }

    .proinfo6 .swiper-button-next:hover, .section2 .swiper-button-next:hover {
        border: solid 1px #d80c18;
        background: url(../images/in-hnext1.png) #d80c18 no-repeat center center
    }

    .section2 .section2-icon {
        position: relative;
        width: 40px;
        height: 40px
    }

        .section2 .section2-icon img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto
        }

    .section2 .section2-tit .tit {
        padding-left: 10px;
        width: calc(100% - 40px);
        letter-spacing: 1px;
        font-size: 22px
    }

    .section2 .section2-font .dec {
        margin-top: 10px;
        color: #666;
        font-size: 16px;
        opacity: 0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .section2 .swiper-slide:hover .section2-font .dec {
        opacity: 1
    }

    .section2 .btn {
        position: absolute;
        bottom: -100%;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: url(../images/in-hnext1.png) rgba(216,12,24,.75) no-repeat center center;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .section2 .swiper-slide:hover .btn {
        bottom: 60px
    }

    .section2 .section2-img {
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-radius: 8px
    }

    .section2 .section2-fontBox {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        padding: 10% 9%;
        width: 100%;
        height: 100%;
        transform: translate(-50%,-50%)
    }

    .section2 .swiper-container {
        padding-bottom: 50px
    }

.section3 .in-tit {
    padding-right: 10%;
    width: calc(100% - 215px)
}

.section3 .section3-scroll {
    align-items: flex-start;
    margin-top: 3%
}

    .section3 .section3-scroll li {
        margin-right: 3%;
        text-align: center
    }

        .section3 .section3-scroll li:last-child {
            margin-right: 0
        }

.section3 .section3-number {
    color: transparent;
    font-size: 50rem;
    font-family: DIN-Bold;
    line-height: 1.5;
    -webkit-text-stroke: 2px #666
}

.section3 .section3-scroll li:hover .section3-number {
    -webkit-text-stroke: 2px #d80c18
}

.section3 .section3-dec {
    margin-top: 5px;
    color: #666;
    font-weight: lighter;
    font-size: 16px;
    line-height: 26px
}

.section3 .section3-line {
    position: relative;
    margin-top: 4.5%;
    margin-bottom: 2.5%;
    width: 100%;
    height: 2px;
    background: rgba(51,51,51,.15)
}

    .section3 .section3-line::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 70px;
        height: 5px;
        background-color: #d80c18;
        content: ""
    }

.section4 {
    position: relative;
    width: 100%;
    height: 940px
}

    .section4 .in-tit {
        text-align: center
    }

        .section4 .in-tit .tit::before {
            left: 50%;
            transform: translateX(-50%)
        }

    .section4 .section4-icon {
        position: relative;
        margin: 0 auto;
        width: 52px;
        height: 52px
    }

    .section4 .swiper-slide {
        padding: 15px 10px;
        border-style: solid;
        border-width: 4px;
        border-image-source: linear-gradient(0deg,#fff 0,#fff 100%);
        border-image-slice: 1;
        background-color: #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .section4 .swiper-slide:hover {
            border-style: solid;
            border-width: 4px;
            border-image-source: linear-gradient(0deg,#fa8a91 0,#d80c18 100%);
            border-image-slice: 1;
            background-color: #fff
        }

            .section4 .hegline1-boxct .img, .section4 .hegline1-boxct:hover .himg, .section4 .section4-icon .img, .section4 .swiper-slide:hover .section4-icon .himg {
                opacity: 1
            }

            .section4 .hegline1-boxct .himg, .section4 .hegline1-boxct:hover .img, .section4 .section4-icon .himg, .section4 .swiper-slide:hover .section4-icon .img {
                opacity: 0
            }

    .section4 .section4-tit {
        margin-top: 15px;
        color: #666;
        text-align: center;
        font-weight: lighter;
        font-size: 16px
    }

    .section4 .swiper-container {
        margin: 0 auto;
        width: 92%
    }

    .section4 .more {
        margin: 0 auto;
        margin-top: 60px
    }

    .section4 .section4-mobile {
        display: none
    }

    .section4 .section4-pc {
        width: 100%;
        height: 100%
    }

    .section4 .section4-btit {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 462px;
        height: 512px;
        background: url(../images/in-lxbgm1.png) no-repeat center center;
        background-size: cover;
        transform: translate(-50%,-50%)
    }

        .section4 .section4-btit .in-tit {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 74%;
            transform: translate(-50%,-50%)
        }

    .section4 .section4-bleft, .section4 .section4-bright {
        width: 32.2%
    }

    .section4 .hegline1-box1, .section4 .hegline1-box2, .section4 .hegline1-box3 {
        position: relative;
        display: block;
        overflow: hidden;
        width: 140px;
        height: 178px
    }

    .section4 .hegline1-box1 {
        margin-right: 6px;
        transform: rotate(120deg)
    }

        .section4 .hegline1-box1:last-child {
            margin-right: 0
        }

    .section4 .hegline1-box2 {
        transform: rotate(-60deg)
    }

    .section4 .hegline1-box3 {
        transform: rotate(-60deg)
    }

    .section4 .hegline1-boxct {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .section4 .hegline1-boxctLi {
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 100%;
        transform: translateY(-50%)
    }

    .section4 .hegline1-boxct:hover {
        background: url(../images/in-lxbgm2.png) no-repeat center center;
        background-size: cover
    }

    .section4 .section4-bleft .line1, .section4 .section4-bleft .line5 {
        margin-left: 147px
    }

    .section4 .section4-bleft .line2, .section4 .section4-bleft .line4 {
        margin-left: 75px
    }

    .section4 .section4-bright .line1, .section4 .section4-bright .line5 {
        margin-right: 146px
    }

    .section4 .section4-bright .line2, .section4 .section4-bright .line4 {
        margin-right: 74px
    }

    .section4 .line1, .section4 .line2 {
        margin-bottom: -47px
    }

    .section4 .line4, .section4 .line5 {
        margin-top: -40px
    }

    .section4 .section4-bleft, .section4 .section4-bright {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%)
    }

    .section4 .section4-bright {
        right: 8%;
        left: auto
    }

    .section4 .section4-bbtn, .section4 .section4-bcen {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .section4 .section4-bcen {
        top: 7%
    }

    .section4 .section4-bbtn {
        bottom: 12%
    }

.section5 .in-tit, .section5 .section5-tpright {
    width: 50%
}

.section5 .in-tit {
    padding-right: 5%
}

.section5 .section5-tab {
    padding-right: 11%;
    width: calc(100% - 180px)
}

    .section5 .section5-tab li {
        margin-right: 7%
    }

        .section5 .section5-tab li:last-child {
            margin-right: 0
        }

        .section5 .section5-tab li a {
            position: relative;
            padding-bottom: 10px;
            color: #666;
            font-size: 22px
        }

        .section5 .section5-tab li.active a {
            color: #d80c18
        }

.section5 .section5-bot {
    flex-wrap: wrap
}

.section5 .section5-font .time {
    margin-bottom: 5px;
    color: #999;
    font-weight: 400;
    font-size: 16px;
    font-family: DIN-Bold;
    line-height: 24px
}

.section5 .section5-font .tit {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px
}

.section5 .section5-font .dec {
    margin-top: 10px;
    color: #666;
    font-size: 16px;
    line-height: 1.6
}

.section5 .section5-rtLi {
    margin-top: 6%;
    padding: 6.5% 9.5% 8% 10.5%;
    border-radius: 8px;
    background-color: #f7f7f7;
    width: 100%
}

    .section5 .section5-rtLi:first-child {
        margin-top: 0
    }

.section5 .section5-right .section5-Litp {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(51,51,51,.1)
}

.section5 .btime {
    width: calc(100% - 26px);
    color: #666;
    font-size: 16px;
    font-family: DIN-Bold
}

    .section5 .btime span {
        font-size: 32rem;
        font-family: DIN-Bold;
        line-height: 1
    }

.section5 .section5-btleft {
    width: 62%;
    flex-wrap: wrap
}

.section5 .section5-btright {
    margin-left: 1.7%;
    width: 36.3%;
    border-radius: 8px
}

.section5 .section5-left {
    margin-right: 3%;
    width: 51.5%;
    border-radius: 8px;
    background-color: #f7f7f7
}

.section5 .section5-right {
    width: 45.5%;
    align-items: end;
    display: flex;
    flex-wrap: wrap
}

.section5 .section5-jiantou {
    width: 26px;
    height: 24px;
    background: url(../images/in-jticon.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.section5 .section5-rtLi:hover .section5-jiantou {
    background: url(../images/in-hjticon.png) no-repeat center center;
    background-size: cover
}

.section5 .section5-left .section5-font {
    padding: 7.5% 9.5%
}

.section5 .section5-btLi .btime {
    width: 60px;
    text-align: center
}

.section5 .section5-btft {
    padding-left: 25px;
    width: calc(100% - 60px)
}

    .section5 .section5-btft .section5-font {
        width: calc(100% - 20px)
    }

    .section5 .section5-btft .icon-rjiantou1 {
        color: #c9c9c9;
        font-weight: 700;
        font-size: 20px
    }

.section5 .section5-btLi {
    position: relative;
    padding: 6.1% 8% 7% 5%;
    border-bottom: 1px solid rgba(51,51,51,.1);
    background-color: #f7f7f7
}

    .section5 .section5-btLi::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 3px;
        height: 0%;
        background-color: #d80c18;
        content: "";
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        transform: translateY(-50%);
        -ms-transition: .5s
    }

    .section5 .section5-btLi:hover {
        background: url(../images/in-bgm8.png) no-repeat center center;
        background-size: cover
    }

        .section5 .section5-btLi:hover::before {
            height: 100%
        }

    .section5 .section5-btLi:last-child {
        border-bottom: 1px solid rgba(51,51,51,0)
    }

.section5 .section5-botLi {
    display: none
}

    .section5 .section5-botLi.show {
        display: block
    }

.footer {
    position: relative;
    z-index: 9;
    padding-top: 35px;
    background-color: #28282b
}

    .footer .foot-top {
        padding-bottom: 35px
    }

    .footer .foot-right {
        padding-right: 9.5%;
        width: 41%
    }

    .footer .ftlogo {
        display: block
    }

        .footer .ftlogo img {
            display: inline
        }

    .footer .foot-rtul {
        margin-top: 20px
    }

        .footer .foot-rtul .tit, .footer .ftlogo-share .tit {
            margin-bottom: 10px;
            color: #fff;
            letter-spacing: 1px;
            font-size: 22px;
            line-height: 30px
        }

        .footer .foot-rtul span {
            color: rgba(255,255,255,.5);
            letter-spacing: 1px;
            font-weight: lighter;
            font-size: 16px;
            line-height: 1.6
        }

    .footer .ftlogo-share a {
        position: relative;
        display: inline-block;
        margin-top: 10px;
        margin-right: 20px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background: #353537;
        color: #fff;
        text-align: center;
        font-size: 22px;
        line-height: 36px
    }

        .footer .ftlogo-share a:last-child {
            margin-right: 0
        }

        .footer .ftlogo-share a img {
            opacity: .65
        }

        .footer .ftlogo-share a:hover img {
            opacity: 1
        }

        .footer .ftlogo-share a:hover {
            background: #d80c18
        }

    .footer .footerphone-menu h3 a {
        position: relative;
        display: block;
        margin-bottom: 10px;
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        font-weight: 700
    }

    .footer .foot-menu {
        padding-left: 8.8%;
        flex: 1
    }

    .footer .footerphone-menu h3, .footer .footerphone-menu li {
        position: relative
    }

    .footer .footer-subnav a {
        display: block;
        width: 100%;
        color: rgba(255,255,255,.5);
        letter-spacing: 1px;
        font-weight: lighter;
        font-size: 14px;
        line-height: 2
    }

    .footer .footerphone-menu h3 a .icon-rjiantou1 {
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        vertical-align: middle;
        font-size: 12px;
        font-family: Arial-BoldMT
    }

    .footer .foot-bot {
        padding: 7px 0;
        background-color: #222225
    }

    .footer .foot-copy, .footer .foot-copy a, .footer .foot-rtlink, .footer .foot-rtlink a {
        color: rgba(255,255,255,.5);
        letter-spacing: 1px;
        font-weight: lighter;
        font-size: 13px
    }

        .footer .foot-rtlink a {
            padding: 0 25px
        }

            .footer .foot-rtlink a:first-child {
                padding-left: 0
            }

            .footer .foot-rtlink a:last-child {
                padding-right: 0
            }

            .footer .foot-copy a:hover, .footer .foot-rtlink a:hover, .footer .footer-subnav a:hover {
                color: #fff
            }

.pub-banner {
    position: relative;
    overflow: hidden
}

.pub-pcbanner {
    display: block;
    width: 100%
}

.pub-mbanner {
    display: none;
    width: 100%
}

.pub-banner .pub-banner-font {
    position: absolute;
    top: 57%;
    left: 50%;
    z-index: 9;
    text-align: left;
    -webkit-transform: translate(-50%,-57%);
    -moz-transform: translate(-50%,-57%);
    -o-transform: translate(-50%,-57%);
    transform: translate(-50%,-57%);
    -ms-transform: translate(-50%,-57%)
}

    .pub-banner .pub-banner-font h3 {
        color: #fff;
        font-size: 36rem;
        line-height: 1.2
    }

    .pub-banner .pub-banner-font .dec {
        color: #fff;
        font-size: 30rem
    }

.pub-banner .ny-bread {
    position: absolute;
    top: 135px;
    margin-top: 5px;
    width: 100%
}

    .pub-banner .ny-bread > div {
        padding: 0 4%;
        max-width: 100%
    }

.ny-bread1 {
    position: relative;
    padding: 15px 4%
}

    .ny-bread1 a, .ny-bread1 em, .pub-banner .ny-bread a, .pub-banner .ny-bread em {
        display: inline-block;
        color: #fff;
        vertical-align: middle;
        font-size: 16px
    }

    .ny-bread1 a, .ny-bread1 em {
        color: #999
    }

    .ny-bread1 .bread-hom, .pub-banner .ny-bread .bread-hom {
        font-size: 22px
    }

    .ny-bread1 em.icon-rjiantou1, .pub-banner .ny-bread em.icon-rjiantou1 {
        margin: 0 30px
    }

.pub-banner .pub-banner-font1 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

    .pub-banner .pub-banner-font1 .endec {
        color: #fff;
        font-size: 30px;
        font-family: ArialMT
    }

    .pub-banner .pub-banner-font1 .tit {
        color: #fff;
        font-size: 50rem;
        line-height: 1.3
    }

    .pub-banner .pub-banner-font1 .line {
        margin: 25px auto;
        width: 80px;
        height: 3px;
        background-color: #d80c18
    }

    .pub-banner .pub-banner-font1 .dec {
        color: #fff;
        font-weight: lighter;
        font-size: 22px
    }

.pub-banner .number-ul {
    padding: 0 15%
}

    .pub-banner .number-ul li {
        width: 33.333%;
        border-right: 1px solid rgba(255,255,255,.2)
    }

        .pub-banner .number-ul li:last-child {
            border-right: 0
        }

.pub-banner .number-top {
    color: #fff;
    font-size: 22px
}

    .pub-banner .number-top span {
        display: inline-block;
        margin-right: 5px;
        color: #fff;
        vertical-align: -4px;
        font-size: 64rem;
        font-family: DIN-Bold;
        line-height: 1.125
    }

.pub-banner .number-dec {
    margin-top: 5px;
    color: #fff;
    font-weight: lighter;
    font-size: 18px
}

.pub-banner .pub-banner-font1 .more {
    margin: 55px auto 80px auto;
    width: 200px;
    text-align: left
}

.paging {
    align-items: center;
    flex-wrap: wrap
}

    .paging a {
        display: block;
        margin-right: 6px;
        margin-bottom: 6px;
        width: 40px;
        border: solid 1px #e3e3e3;
        border-radius: 20px;
        background: #fff;
        color: #999;
        text-align: center;
        font-weight: lighter;
        font-size: 16px;
        font-family: ArialMT;
        line-height: 40px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .paging span {
        margin: 0 15px;
        margin-bottom: 6px;
        color: #999;
        font-weight: lighter;
        font-size: 16px;
        line-height: 40px
    }

    .paging .mrl-27 {
        margin-left: 1.7%
    }

    .paging .paging-icon {
        width: 90px
    }

    .paging .paging-sub:hover, .paging a.active, .paging a:hover {
        background-color: #d80c18;
        color: #fff
    }

    .paging input {
        padding: 0 10px;
        width: 40px;
        border: solid 1px #e3e3e3;
        border-radius: 20px;
        background: #fff;
        color: #999;
        text-align: center;
        font-weight: lighter;
        font-size: 16px;
        line-height: 38px
    }

    .paging .paging-sub {
        margin-bottom: 6px;
        width: 90px;
        height: 40px;
        border: solid 1px #d80c18;
        border-radius: 20px;
        background-color: #fff;
        color: #d80c18;
        font-weight: lighter;
        font-size: 16px;
        cursor: pointer;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .paging .paging-sub:last-child {
            margin-bottom: 0
        }

    .paging span:first-child {
        padding-right: 27px
    }

.right-flex {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99;
    margin-top: -200px;
    width: 50px;
    height: auto
}

    .right-flex ul {
        width: 100%
    }

    .right-flex li {
        position: relative;
        float: right;
        margin-bottom: 5px;
        width: 50px;
        height: 50px;
        border-radius: 4px 0 0 4px;
        background: #a7afb9;
        line-height: 50px;
        transition: width .3s,background .3s,margin .3s
    }

        .right-flex li .ico {
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
            transition: right .3s
        }

        .right-flex li a {
            display: block;
            width: 100%;
            height: 100%
        }

        .right-flex li p {
            padding: 0 20px;
            color: #fff;
            font-size: 15px;
            line-height: 50px;
            transition: transform .3s
        }

        .right-flex li.one {
            width: 90px;
            height: 50px;
            border-radius: 4px;
            background-color: #ce132e
        }

            .right-flex li.one p {
                padding: 3px 10px;
                text-align: center;
                font-size: 16px;
                line-height: 22px
            }

        .right-flex li.four .ico, .right-flex li.li-three .ico, .right-flex li.two .ico {
            left: 0
        }

        .right-flex li.four p, .right-flex li.li-three p, .right-flex li.two p {
            padding: 0 20px 0 50px
        }

        .right-flex li.two {
            margin-right: -150px;
            width: 200px
        }

        .right-flex li.three {
            margin-right: -100px;
            width: 150px
        }

        .right-flex li .ico.ico02 {
            background: url(../images/dhicon.png) no-repeat center
        }

        .right-flex li .ico.ico03 {
            background: url(../images/wxicon.png) no-repeat center
        }

        .right-flex li .ico.ico04 {
            background: url(../images/dxicon.png) no-repeat center
        }

        .right-flex li .ico.ico08 {
            background: url(../images/zdicon.png) no-repeat center -3px
        }

    .right-flex .right-close {
        width: 100%;
        height: 40px
    }

    .right-flex .close-icon {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #a7afb9 url(../images/kf-close.png) no-repeat center;
        background-size: 15px;
        cursor: pointer;
        transition: all .3s;
        transform: rotate(45deg)
    }

    .right-flex.show .close-icon {
        transform: rotate(0)
    }

    .right-flex .to-top em {
        display: block;
        padding-top: 10px;
        color: #fff;
        text-align: center
    }

@media(min-width:1025px) {
    .right-flex li:hover {
        width: 50px;
        background: #ce132e
    }

    .right-flex li.one:hover {
        width: 90px;
        background-color: #a7afb9
    }

    .right-flex li.four:hover .ico, .right-flex li.li-three:hover .ico, .right-flex li.two:hover .ico, .right-flex li:hover .ico {
        right: 0;
        left: auto
    }

    .right-flex li.two:hover {
        margin-right: 0;
        width: 230px
    }

    .right-flex li.three:hover {
        margin-right: 0;
        width: 140px
    }

    .right-flex li.four:hover {
        margin-right: 0;
        width: 155px
    }

    .right-flex li.li-three:hover p, .right-flex li.two:hover p {
        padding: 0 20px
    }

    .right-flex li.four:hover p:last-child {
        padding: 0 53px 0 0
    }

        .right-flex li.four:hover p:last-child img {
            border: 3px solid #ce132e;
            border-radius: 6px
        }
}

@media(max-width:1100px) {
    .right-flex .four, .right-flex .right-close, .right-flex .two, .right-flex li.one {
        display: none !important
    }
}

@media(max-width:767px) {
    .right-flex, .right-flex li {
        width: 40px;
        height: 40px
    }

        .right-flex li .ico {
            width: 40px;
            height: 20px
        }

        .right-flex .to-top em {
            margin-top: 0;
            font-size: 12px;
            line-height: 30px
        }

    .right-flex {
        top: 100%
    }

        .right-flex li .ico.ico08 {
            background: url(../images/zdicon.png) no-repeat center center;
            background-size: 60%
        }
}

.nav-menu {
    position: relative;
    z-index: 5;
    margin-top: -63px;
    background-color: rgba(255,255,255,.94)
}

    .nav-menu .nav-name {
        position: relative;
        display: block;
        display: block;
        display: none;
        padding: 0 30px;
        background-color: #fff;
        box-shadow: 0 3px 14px 0 rgba(226,226,226,.5);
        color: #333;
        text-align: left;
        font-size: 18px;
        line-height: 65px;
        cursor: pointer
    }

        .nav-menu .nav-name .iconfont {
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%)
        }

    .nav-menu .nav-menu-ul {
        width: 100%;
        flex-wrap: wrap
    }

        .nav-menu .nav-menu-ul a {
            display: block;
            overflow: hidden;
            padding: 20px 5px;
            width: 100%;
            border-top: 1px solid rgba(51,51,51,.1);
            border-right: 1px solid rgba(51,51,51,.1);
            color: #333;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 18px;
            line-height: 1.2;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

        .nav-menu .nav-menu-ul li {
            position: relative;
            text-align: center;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            flex: 1;
            -ms-transition: .5s
        }

.nav-nemenu .nav-menu-ul li {
    min-width: 16.6667%
}

.nav-menu .nav-menu-ul li:last-child a {
    border-right: 0
}

.nav-menu .nav-menu-ul li::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 0;
    background: url(../images/pro-bgm2.png) no-repeat center center;
    background-size: cover;
    content: "";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    transform: translateX(-50%);
    -ms-transition: .5s
}

.nav-menu .nav-menu-ul li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: #d80c18;
    content: "";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.nav-menu .nav-menu-ul li.active::before {
    height: 100%
}

.nav-menu .nav-menu-ul li.active::after {
    width: 100%
}

.nav-menu .nav-menu-ul li.active a, .nav-menu .nav-menu-ul li:hover a {
    color: #333
}

.inner-tit {
    text-align: center
}

    .inner-tit h2 {
        color: #000;
        font-family: Aileron-Bold
    }

    .inner-tit .dec {
        margin-top: 10px;
        color: #666
    }

.product1 .product1-tab {
    margin-top: 4.5%;
    margin-bottom: 2.5%;
    flex-wrap: wrap
}

    .product1 .product1-tab li {
        padding-right: 3.8%;
        border-bottom: 2px solid rgba(51,51,51,.1)
    }

        .product1 .product1-tab li:last-child {
            padding-right: 0
        }

    .product1 .product1-tab a {
        position: relative;
        display: block;
        padding: 5px 0;
        color: #999;
        font-size: 18px
    }

        .product1 .product1-tab a::before {
            position: absolute;
            bottom: -2px;
            width: 0%;
            height: 2px;
            background-color: #d80c18;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

    .product1 .product1-tab li.active a {
        color: #d80c18
    }

        .product1 .product1-tab li.active a::before {
            width: 100%
        }

.product1 .product1-ul {
    margin-bottom: 15px;
    flex-wrap: wrap
}

    .product1 .product1-ul li {
        position: relative;
        margin-bottom: 2.5%;
        width: 49%
    }

        .product1 .product1-ul li a {
            width: 100%;
            background: url(../images/pro-bgm1.jpg) no-repeat center center;
            background-size: cover
        }

.product1 .product1-font {
    padding: 5.5%;
    width: 51%
}

    .product1 .product1-font .tit {
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(51,51,51,.1);
        color: #333;
        font-size: 26px
    }

        .product1 .product1-font .tit::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 48px;
            height: 2px;
            background-color: #d80c18;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

    .product1 .product1-font .dec {
        margin-bottom: 35%;
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 26px
    }

.product1 .product1-imgBox {
    width: 49%
}

.product1 .product1-ul li a:hover .product1-font .tit::before {
    width: 100%
}

.product1 .product1-ul li a:hover .more {
    color: #fff
}

    .product1 .product1-ul li a:hover .more::before {
        width: 100%
    }

    .product1 .product1-ul li a:hover .more em {
        background-color: rgba(0,0,0,.1);
        color: #fff
    }

.proinfo1 {
    position: relative;
    z-index: 5;
    margin-top: -17%
}

.in-stit .tit::before {
    display: none
}

.in-stit .hdec {
    margin-bottom: 15px;
    color: #d80c18;
    font-size: 38px;
    font-weight: 700
}

.section3 .in-stit .hdec {
    color: #fff
}

.in-stit .line {
    margin: 0 auto;
    margin-top: 20px;
    width: 40px;
    height: 3px;
    background-color: #d80c18
}

.proinfo1 .proinfo1-list {
    position: relative;
    padding: 3%;
    background-color: #f5f5f5
}

    .proinfo1 .proinfo1-list::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 240px;
        height: 265px;
        background: url(../images/pro-ifbgm1.png) no-repeat center center;
        background-size: cover;
        content: ""
    }

.proinfo1 .proinfo1-left {
    padding-right: 4%;
    width: 44%
}

.proinfo1 .proinfo1-scene {
    position: relative;
    margin-bottom: 5px;
    color: #d80c18;
    font-size: 19px
}

.proinfo1 .proinfo1-dec {
    position: relative;
    margin-top: 17%;
    color: #333;
    font-weight: lighter;
    font-size: 16px
}

.proinfo1 .proinfo1-right {
    position: relative;
    width: 56%
}

.proinfo1 .proinfo1-Bswiper {
    width: 40%
}

.proinfo1 .proinfo1-Sswiper {
    padding-left: 14%;
    width: 60%
}

    .proinfo1 .proinfo1-Sswiper .swiper-container {
        margin: 0;
        width: 72%
    }

    .proinfo1 .proinfo1-Sswiper .swiper-slide {
        border: solid 2px transparent;
        background-color: #949494;
        cursor: pointer
    }

        .proinfo1 .proinfo1-Sswiper .swiper-slide.active {
            border: solid 2px #d80c18
        }

.proinfo1 .proinfo1-more {
    margin-top: 32%
}

.proinfo1 .more {
    padding: 12px 5px;
    width: 145px
}

.proinfo1 .swiper-line {
    margin: 0 auto;
    width: 2px;
    height: 13px;
    background-color: #333;
    opacity: .1
}

.proinfo1 .proinfo1-btn {
    position: absolute;
    top: 23%;
    right: 15px;
    z-index: 3;
    width: 50px;
    height: 20px
}

.proinfo1 .swiper-button-next, .proinfo1 .swiper-button-prev {
    top: 110%;
    width: 11px;
    height: 18px;
    background-size: cover
}

.proinfo2-list {
    flex-wrap: wrap
}

.proinfo2 .proinfo2-left {
    width: 100%;
    margin-bottom: 20px
}

.proinfo2 .proinfo2-right, .proinfo4 p {
    width: 100%;
    color: #666;
    font-size: 16px;
    line-height: 1.875
}

    .proinfo2 .proinfo2-right p {
        margin-top: auto
    }

        .proinfo2 .proinfo2-right p:first-child {
            margin-top: 0
        }

.proinfo3 {
    background-color: #f5f7f9
}

    .proinfo3 .swiper-slide {
        overflow: hidden
    }

        .proinfo3 .swiper-slide a {
            display: block;
            overflow: hidden;
            width: 100%;
            background-color: #fff
        }

    .proinfo3 .proinfo3-font .tit {
        color: #333;
        font-size: 22px
    }

    .proinfo3 .proinfo3-font .dec {
        color: #333;
        font-size: 14px;
        line-height: 24px
    }

    .proinfo3 .proinfo3-cont {
        position: relative;
        margin-top: 25px;
        padding-top: 15px
    }

        .proinfo3 .proinfo3-cont::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #d80c18;
            content: ""
        }

    .proinfo3 .proinfo3-tag {
        color: #d80c18;
        font-size: 16px
    }

    .proinfo3 .proinfo3-cont em {
        color: #d80c18;
        font-weight: 700;
        font-size: 14px
    }

    .proinfo3 .proinfo3-font {
        overflow: hidden;
        padding: 25px;
        width: 100%
    }

    .proinfo3 .proinfo3-hfont {
        position: absolute;
        bottom: -100%;
        padding: 20px 25px;
        width: 100%;
        background: #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .proinfo3 .swiper-slide a:hover .proinfo3-hfont {
        bottom: 0
    }

    .about4 .swiper-container, .about5 .swiper-container, .proinfo3 .swiper-container, .proinfo6 .swiper-container {
        padding-bottom: 4%
    }

.proinfo4 .proinfo4-swiper {
    flex-wrap: wrap
}

.proinfo4 .proinfo4-li {
    position: relative;
    margin-right: 2%;
    width: 15%
}

    .proinfo4 .proinfo4-li:nth-child(6n) {
        margin-right: 0
    }

.proinfo4 .proinfo4-font {
    position: relative;
    overflow: hidden;
    padding: 10% 11% 53% 11%;
    border-bottom: 6px solid #dadee3;
    background-color: #f3f4f6;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

    .proinfo4 .proinfo4-font::before {
        position: absolute;
        top: -36%;
        right: 15px;
        width: 160px;
        height: 175px;
        background: url(../images/pro-ifbgm2.png) no-repeat center center;
        background-size: cover;
        content: ""
    }

    .proinfo4 .proinfo4-font .num {
        position: relative;
        color: #dadee3;
        font-size: 40rem;
        font-family: DIN-Bold;
        line-height: 1.2
    }

    .proinfo4 .proinfo4-font .tit {
        position: relative;
        margin-top: 5px;
        min-height: 60px;
        color: #333;
        font-weight: lighter;
        font-size: 18px;
        line-height: 30px
    }

.proinfo4 .proinfo4-li {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

    .proinfo4 .proinfo4-li:hover, .proinfo4 .swiper-slide:hover {
        transform: translateY(-10px)
    }

        .proinfo4 .proinfo4-li:hover .proinfo4-font {
            border-bottom: 6px solid #df3a43;
            background: #fff;
            box-shadow: 0 8px 84px 0 rgba(56,132,237,.1)
        }

.proinfo4 .swiper-pagination {
    display: none
}

.proinfo5 .proinfo5-table {
    overflow-x: auto;
    overflow-y: hidden
}

.proinfo5 table {
    width: 100%;
    border: 1px solid #e3e6e8;
    border-right: 0;
    border-radius: 12px;
    min-width: 1000px;
    margin-top: 20px
}

    .proinfo5 table tr:nth-child(odd) {
        background-color: #f0f0f0
    }

    .proinfo5 table td {
        padding: 5px 30px;
        width: auto;
        height: 60px;
        border-right: 1px solid #e3e6e8;
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        word-break: initial;
        min-width: 160px
    }

        .proinfo5 table td:nth-child(3) {
            width: 60%
        }

    .proinfo5 table tr:first-child td:first-child {
        border-radius: 12px 0 0 0
    }

    .proinfo5 table tr:nth-child(3) td:first-child {
        border-radius: 0 0 0 12px
    }

    .proinfo5 table tr:first-child td:last-child {
        border-radius: 0 12px 0 0
    }

    .proinfo5 table tr:last-child td:last-child {
        border-radius: 0 0 12px 0
    }

.about4 .swiper-container, .proinfo6 .proinfo6-swiper, .proinfo6 .proinfo6-swiper .swiper-container {
    z-index: 2;
    overflow: hidden;
    cursor: url(../images/pro-ifimg8.png),default !important
}

.proinfo6 .proinfo6-img {
    border-radius: 12px
}

.about4 .swiper-pagination-progress, .proinfo6 .swiper-pagination-progress {
    right: 13.5%;
    left: auto;
    width: 29.5%;
    height: 2px
}

.proinfo6 .proinfo6-btn {
    position: absolute;
    top: -9%;
    right: 13.5%;
    left: auto;
    width: 140px
}

.proinfo6 .proinfo6-mouse1 {
    position: absolute;
    top: 5%;
    right: 33.5%;
    z-index: 3
}

.about4 .proinfo6-mouse2, .proinfo6 .proinfo6-mouse2 {
    position: absolute;
    bottom: 0;
    left: 13.5%
}

.about4 .proinfo6-mouse2 {
    left: 0
}

    .about4 .proinfo6-mouse2 img, .about4 .proinfo6-mouse2 span, .proinfo6 .proinfo6-mouse2 img, .proinfo6 .proinfo6-mouse2 span {
        display: inline-block;
        vertical-align: middle
    }

    .about4 .proinfo6-mouse2 span, .proinfo6 .proinfo6-mouse2 span {
        padding-left: 5px;
        color: #333;
        font-weight: lighter;
        font-size: 16px
    }

.solution1 {
    overflow: hidden
}

    .solution1::before {
        position: absolute;
        top: 10%;
        left: 0;
        z-index: -1;
        width: 945px;
        height: 590px;
        background: url(../images/so-bgm1.png) no-repeat top;
        background-size: cover;
        content: ""
    }

    .solution1 .solution1-left {
        width: 34%
    }

    .solution1 .solution1-right {
        width: 66%
    }

        .solution1 .solution1-right .dec {
            color: #666;
            font-size: 16px;
            line-height: 2
        }

            .solution1 .solution1-right .dec p {
                margin-top: 4%
            }

                .solution1 .solution1-right .dec p:first-child {
                    margin-top: 0
                }

        .solution1 .solution1-right .tit {
            margin-bottom: 15px;
            color: #d80c18;
            font-size: 24px
        }

        .solution1 .solution1-right .line {
            margin: 6% auto;
            width: 100%;
            height: 1px;
            background: rgba(51,51,51,.1)
        }

.solution2 .in-stit {
    width: calc(100% - 330px)
}

.solution2 .solution2-select {
    position: relative;
    width: 330px;
    height: 56px;
    border: solid 2px rgba(234,234,234,.65);
    border-radius: 8px;
    background-color: #fff
}

    .solution2 .solution2-select input {
        padding: 0 20px;
        width: 100%;
        height: 100%
    }

.solution2 .solution2-item {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    height: 175px;
    border-bottom: solid 2px rgba(234,234,234,.65);
    border-radius: 8px;
    background: #fff
}

    .solution2 .solution2-item input, .solution2 .solution2-item li {
        color: #999;
        font-size: 16px
    }

    .solution2 .solution2-item li {
        padding: 8px 20px;
        border-top: solid 2px rgba(234,234,234,.65);
        cursor: pointer
    }

.solution2 .icon-down {
    position: absolute;
    top: 50%;
    right: 16px;
    color: #999;
    font-size: 14px;
    transform: translateY(-50%)
}

.solution2 .solution2-cen {
    margin-top: 60px;
    padding: 60px 0;
    border-top: 1px solid rgba(51,51,51,.1)
}

.solution2 .solution2-cleft {
    padding-right: 10%;
    width: calc(100% - 425px)
}

    .download1 .time, .solution2 .solution2-cleft .time, .solution2 .solution2-dec .time {
        color: #999;
        font-weight: 400;
        font-size: 18px;
        font-family: DIN-Bold
    }

    .solution2 .solution2-cleft .tit {
        margin-top: 40px;
        margin-bottom: 20px;
        color: #d80c18;
        font-size: 22px
    }

    .solution2 .solution2-cleft .dec {
        margin-bottom: 40px;
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 26px
    }

    .solution2 .solution2-cleft .icon-rjiantou {
        color: #d80c18;
        font-size: 28px
    }

.solution2 .solution2-cright {
    margin: 0 auto;
    width: 425px
}

.solution2 .solution2-img {
    border-radius: 12px
}

.solution2 .solution2-dec {
    position: relative;
    width: 45.8%
}

    .solution2 .solution2-dec::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #333;
        content: "";
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        transform: translateY(-50%);
        -ms-transition: .5s
    }

    .solution2 .solution2-dec:hover::before {
        background-color: #ce132e
    }

    .solution2 .solution2-dec .tit {
        padding: 0 25px;
        width: calc(100% - 95px);
        color: #333;
        font-size: 22px
    }

    .solution2 .solution2-dec .time {
        width: 95px;
        text-align: center
    }

.solution2 .swiper-slide .solution2-dec:nth-child(odd) {
    margin-right: 4.2%
}

.solution2 .swiper-slide .solution2-dec:nth-child(even) {
    margin-left: 4.2%
}

.solution2 .swiper-container {
    padding-bottom: 40px
}

.solution2 .swiper-slide {
    position: relative;
    padding: 32px 0;
    border-top: 1px solid rgba(51,51,51,.1);
    border-bottom: 1px solid rgba(51,51,51,.1);
    flex-wrap: wrap
}

.solution2 .solution2-dec::after {
    position: absolute;
    top: 50%;
    right: -9%;
    width: 1px;
    height: 26px;
    background-color: rgba(51,51,51,.1);
    content: "";
    transform: translateY(-50%)
}

.solution2 .solution2-dec:nth-child(even)::after {
    opacity: 0
}

.download1 {
    background: #f7f7f7
}

    .download1 .download1-ul {
        flex-wrap: wrap
    }

        .download1 .download1-ul li {
            position: relative;
            margin-right: 4%;
            margin-bottom: 4%;
            width: 22%;
            background: url(../images/do-bgm1.png) no-repeat center center;
            background-size: cover;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            filter: drop-shadow(0 23px 20px rgba(216, 12, 24, 0));
            -ms-transition: .5s
        }

            .download1 .download1-ul li:nth-child(4n) {
                margin-right: 0
            }

            .download1 .download1-ul li a {
                display: block;
                padding: 17% 12% 15% 12%;
                width: 100%
            }

    .download1 .download1-tit {
        margin-bottom: 20px;
        padding-right: 25%;
        color: #1c1c1c;
        font-size: 24px
    }

    .download1 .time {
        font-size: 16px
    }

    .download1 .down {
        width: calc(100% - 58px);
        color: #d80c18;
        letter-spacing: 1px;
        font-weight: lighter;
        font-size: 16px
    }

    .download1 .btn {
        margin-top: 36%
    }

    .download1 .download1-icon {
        position: relative;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background-color: #d80c18;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .download1 .download1-icon .himg, .download1 .download1-ul li:hover .img {
            display: none
        }

    .download1 .download1-ul li:hover .himg {
        display: block
    }

    .download1 .download1-ul li:hover {
        background: url(../images/do-bgm2.png) no-repeat center center;
        background-size: cover;
        filter: drop-shadow(0 23px 20px rgba(216, 12, 24, .35))
    }

        .download1 .download1-ul li:hover .down, .download1 .download1-ul li:hover .download1-tit, .download1 .download1-ul li:hover .time {
            color: #fff
        }

        .download1 .download1-ul li:hover .download1-icon {
            background: #fff
        }

.equipment1 {
    background: url(../images/eq-bgm1.jpg) no-repeat center center;
    background-size: cover
}

    .equipment1 .in-stit, .equipment3 .in-stit, .equipment4 .in-stit, .equipment5 .in-stit {
        text-align: center
    }

    .equipment1 .equipment1-ul, .equipment3 .equipment3-ul, .equipment4 .equipment4-ul, .join1 .join1-btdec {
        flex-wrap: wrap
    }

        .equipment1 .equipment1-ul li {
            position: relative;
            margin-right: 2%;
            width: 32%;
            border-bottom: 6px solid #dfe2e7;
            background-color: #fff;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

            .equipment1 .equipment1-ul li:nth-child(3n) {
                margin-right: 0
            }

            .equipment1 .equipment1-ul li::before {
                position: absolute;
                bottom: -6px;
                left: 0;
                width: 0%;
                height: 6px;
                background-color: #d80c18;
                content: "";
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
                -ms-transition: .5s
            }

    .equipment1 .equipment1-font {
        padding: 9% 10% 35% 10%
    }

        .equipment1 .equipment1-font .tit {
            color: #333;
            font-size: 28px
        }

        .equipment1 .equipment1-font .dec {
            margin-top: 15px;
            color: #666;
            font-weight: lighter;
            font-size: 18px;
            line-height: 2
        }

    .equipment1 .equipment1-ul li:hover, .equipment4 .equipment4-ul li:hover {
        transform: translateY(-20px)
    }

        .equipment1 .equipment1-ul li:hover::before {
            width: 100%
        }

.equipment2 {
    background: url(../images/eq-bgm2.jpg) no-repeat center center;
    background-size: cover
}

    .equipment2 .in-stit .dec, .equipment2 .in-stit .tit, .equipment4 .in-stit .dec, .equipment4 .in-stit .tit {
        color: #fff
    }

    .equipment2 .in-stit .line {
        margin: 0;
        margin-top: 20px
    }

    .equipment2 .equipment2-ul {
        margin-bottom: 20px;
        padding-right: 25%;
        flex-wrap: wrap
    }

        .equipment2 .equipment2-ul li {
            position: relative;
            overflow: hidden;
            margin-right: 3%;
            margin-bottom: 3%;
            padding: 2.5%;
            width: 22.75%;
            border-radius: 17px;
            background-color: rgba(255,255,255,.2);
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

            .equipment2 .equipment2-ul li:nth-child(4n) {
                margin-right: 0
            }

    .equipment2 .equipment2-bnum {
        position: absolute;
        top: -12px;
        right: -10px;
        color: rgba(255,255,255,.07);
        font-size: 98rem;
        font-family: DIN-Bold;
        line-height: 72px;
        opacity: 0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .equipment2 .equipment2-ul li:hover .equipment2-bnum {
        opacity: 1
    }

    .equipment2 .equipment2-num {
        position: absolute;
        top: 18px;
        right: 18px;
        color: rgba(255,255,255,.4);
        font-size: 18px;
        font-family: ArialMT
    }

    .equipment2 .equipment2-ul .tit {
        padding-right: 25%;
        color: #fff;
        font-weight: 700;
        font-size: 22px
    }

    .equipment2 .equipment2-ul .dec {
        margin-top: 20px;
        color: rgba(255,255,255,.75);
        font-weight: lighter;
        font-size: 16px;
        line-height: 24px
    }

    .equipment2 .equipment2-ul li:hover {
        background-color: #d80c18;
        box-shadow: 0 12px 32px 0 rgba(249,39,51,.59)
    }

    .equipment2 .more {
        width: 200px
    }

.equipment3 {
    background: url(../images/eq-bgm3.jpg) no-repeat center center;
    background-size: cover
}

    .equipment3 .equipment3-icon {
        position: relative;
        margin: 0 auto;
        width: 85px;
        height: 85px
    }

    .equipment3 .equipment3-ul li {
        padding: 0 3%;
        width: 33.333%;
        border-right: 1px solid rgba(51,51,51,.1)
    }

        .equipment3 .equipment3-ul li:last-child {
            border-right: 0
        }

    .equipment3 .equipment3-font, .equipment4 .equipment4-font {
        text-align: center
    }

        .equipment3 .equipment3-font .tit {
            margin-top: 25px;
            margin-bottom: 20px;
            color: #333;
            font-weight: 700;
            font-size: 22px;
            line-height: 32px
        }

        .equipment3 .equipment3-font .dec {
            color: #666;
            font-weight: lighter;
            font-size: 16px;
            line-height: 26px
        }

.equipment4 {
    background: url(../images/eq-bgm4.jpg) no-repeat center center;
    background-size: cover
}

    .equipment4 .equipment4-ul li {
        position: relative;
        overflow: hidden;
        margin-right: 2%;
        padding: 3% 2.5% 4% 2.5%;
        width: 18.4%;
        border-radius: 129px 129px 20px 20px;
        background-color: #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .equipment4 .equipment4-ul li::after, .equipment4 .equipment4-ul li::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background-color: #dfe2e7;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

        .equipment4 .equipment4-ul li::after {
            width: 0%;
            background-color: #d80c18
        }

        .equipment4 .equipment4-ul li:nth-child(5n) {
            margin-right: 0
        }

        .equipment4 .equipment4-ul li::before {
            border-radius: 0 0 100% 100%
        }

        .equipment4 .equipment4-ul li:hover::after {
            width: 100%
        }

    .equipment4 .equipment4-icon {
        position: relative;
        margin: 0 auto;
        width: 182px;
        height: 182px;
        border-radius: 50%;
        background: url(../images/eq-bgm5.png) no-repeat center center;
        background-size: cover
    }

    .equipment4 .equipment4-font .tit {
        margin-top: 25px;
        margin-bottom: 20px;
        color: #333;
        font-weight: 700;
        font-size: 22px;
        line-height: 32px
    }

    .equipment4 .equipment4-font .dec {
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 26px
    }

    .equipment4 .more {
        margin: 0 auto;
        margin-top: 60px;
        width: 285px
    }

.equipment5 {
    background: url(../images/eq-bgm6.jpg) no-repeat center center;
    background-size: cover
}

    .equipment5 .swiper-slide {
        border: solid 1px #f2f2f2;
        background-color: #fff
    }

    .equipment5 .equipment5-font {
        padding: 5.5%
    }

        .equipment5 .equipment5-font .tit {
            color: #111;
            font-size: 18px;
            line-height: 36px
        }

        .equipment5 .equipment5-font .dec {
            margin-top: 3px;
            margin-bottom: 30px;
            color: #777;
            font-weight: lighter;
            font-size: 14px
        }

    .equipment5 .btn {
        padding-top: 25px;
        border-top: 1px solid #f3f3f3
    }

    .equipment5 .btn-tit {
        padding-right: 5%;
        width: calc(100% - 20px);
        color: #111;
        font-size: 16px
    }

    .equipment5 .btn-icon {
        width: 20px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .equipment5 .swiper-slide:hover .btn-icon {
        transform: translateX(-20px)
    }

    .equipment5 .swiper-container {
        padding-bottom: 40px
    }

.nav-camenu {
    display: none
}

.case1 .case1-list {
    margin-bottom: 10px;
    align-items: flex-start
}

.case1 .case1-menu {
    position: sticky;
    top: 90px;
    width: 290px;
    background: #f7f7f7
}

.case1 .case1-tit {
    padding: 11% 13%;
    background-color: #d80c18
}

    .case1 .case1-tit .endec {
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

    .case1 .case1-tit .tit {
        margin-top: 5px;
        color: #fff;
        font-size: 26rem
    }

.case1 .case1-ul {
    overflow-x: hidden;
    overflow-y: auto;
    height: 545px
}

    .case1 .case1-ul li {
        padding-right: 15px;
        padding-left: 13%;
        border-bottom: 1px solid rgba(51,51,51,.05)
    }

        .case1 .case1-ul li:last-child {
            border-bottom: 0
        }

    .case1 .case1-ul a {
        padding: 20px 0
    }

    .case1 .case1-ul .tit {
        width: calc(100% - 18px);
        color: #484a4e;
        font-size: 18px
    }

    .case1 .case1-ul .icon-rjiantou1 {
        color: #7d7f81;
        font-weight: 700;
        font-size: 18px
    }

    .case1 .case1-ul li.active .icon-rjiantou1, .case1 .case1-ul li.active .tit {
        color: #d80c18
    }

.case1 .case1-cont {
    position: relative;
    padding-left: 4.3%;
    width: calc(100% - 290px)
}

.case1 .case1-ctul {
    flex-wrap: wrap
}

    .case1 .case1-ctul li {
        position: relative;
        margin-right: 2.8%;
        margin-bottom: 3.8%;
        width: 48.6%;
        border-bottom: 1px solid rgba(51,51,51,.1)
    }

        .case1 .case1-ctul li:nth-child(2n) {
            margin-right: 0
        }

        .case1 .case1-ctul li::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 1px;
            background-color: #d80c18;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

        .case1 .case1-ctul li:hover::before {
            width: 100%
        }

.case1 .case1-font {
    padding-right: 6%;
    width: calc(100% - 45px)
}

    .case1 .case1-font .tit {
        color: #333;
        font-size: 18px;
        font-weight: 700
    }

    .case1 .case1-font .dec {
        margin-top: 5px;
        color: #666;
        font-size: 16px
    }

.case1 .case1-bot .btn {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #efefef;
    text-align: center
}

    .case1 .case1-bot .btn em {
        display: block;
        color: #333;
        text-align: center;
        font-size: 22px;
        line-height: 45px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        transform: rotate(-45deg);
        -ms-transition: .5s
    }

.case1 .case1-bot {
    padding: 20px 0
}

.case1 .case1-ctul li:hover .btn {
    background-color: #d80c18
}

    .case1 .case1-ctul li:hover .btn em {
        color: #fff;
        transform: rotate(0)
    }

.contact1 {
    background: url(../images/co-bgm1.png) no-repeat center center;
    background-size: cover
}

    .contact1 .contact1-left {
        width: 35%
    }

        .contact1 .contact1-left .titen {
            margin-left: -13px;
            color: #999;
            font-size: 172rem;
            font-family: DIN-Bold;
            line-height: 1.2
        }

            .contact1 .contact1-left .titen span {
                color: #d80c18
            }

        .contact1 .contact1-left .tit {
            color: #999;
            letter-spacing: 2px;
            font-size: 38rem;
            line-height: 1.333
        }

            .contact1 .contact1-left .tit span {
                color: #333
            }

    .contact1 .contact1-right {
        width: 30%;
        flex-wrap: wrap
    }

    .contact1 .contact1-font {
        position: relative;
        padding-left: 25px;
        width: calc(100% - 140px);
        text-align: left
    }

        .contact1 .contact1-font img {
            display: inline-block
        }

    .contact1 .contact1-addr {
        color: #333;
        font-size: 22px
    }

    .contact1 .contact1-addrdec {
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 1.667
    }

    .contact1 .contact1-img {
        position: relative;
        overflow: hidden;
        width: 140px;
        height: 140px;
        border: solid 1px #e3e3e3;
        background-color: #efefef
    }

.contact2 .contact2-ul li {
    position: relative;
    padding: 0 3%;
    width: 25%;
    border-right: 1px solid rgba(51,51,51,.1);
    text-align: center
}

    .contact2 .contact2-ul li:last-child {
        border-right: 0
    }

.contact2 .contact2-icon {
    position: relative;
    margin: 0 auto;
    width: 30px;
    height: 30px
}

.contact2 .contact2-font .tit {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.contact2 .contact2-font .dec {
    color: #666;
    font-size: 18px
}

.contact2 .contact2-ul {
    margin-top: 50px;
    padding-top: 60px;
    border-top: 1px solid rgba(51,51,51,.1);
    flex-wrap: wrap
}

.contact3 .contact3-ul, .contact4 .contact4-ul {
    flex-wrap: wrap
}

    .contact3 .contact3-ul li {
        position: relative;
        margin-right: 2%;
        padding: 2%;
        width: 32%;
        border-radius: 12px;
        background: url(../images/co-bgm2.png) no-repeat center center;
        background-size: cover;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .contact3 .contact3-ul .swiper-slide {
        position: relative;
        margin-right: 2%;
        padding: 2%;
        width: 32%;
        border-radius: 12px;
        background: url(../images/co-bgm2.png) no-repeat center center;
        background-size: cover;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }





    .contact3 .contact3-ul li:nth-child(3n) {
        margin-right: 0
    }

    .contact3 .contact3-ul li:hover {
        background: url(../images/co-hbgm2.png) no-repeat center center;
        background-size: cover;
        box-shadow: 0 0 110px 0 rgba(222,21,33,.4)
    }

    .contact3 .contact3-ul .tit {
        position: relative;
        margin-bottom: 10px;
        padding-right: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(51,51,51,.1);
        color: #333;
        font-size: 18px;
        font-weight: 700;
        height: auto;
        display: block
    }

        .contact3 .contact3-ul .tit::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 48px;
            height: 2px;
            background-color: #d80c18;
            content: ""
        }

.contact3 .dec-dec, .contact3 .dec-tit {
    color: #666;
    font-size: 16px
}

.contact3 .dec-tit {
    width: 18%
}

.contact3 .dec-dec {
    width: 82%
}

.contact3 .dec-li {
    padding: 2px 0
}

.contact3 .contact3-ul li:hover .dec-dec, .contact3 .contact3-ul li:hover .dec-tit, .contact3 .contact3-ul li:hover .tit, .join1 .join1-btul li:hover .btdec-li, .join1 .join1-btul li:hover .join1-bttit .btn, .join1 .join1-btul li:hover .join1-bttit .tit {
    color: #fff
}

.contact3 .contact3-ul li:hover .tit {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

    .contact3 .contact3-ul li:hover .tit::before {
        background-color: #fff
    }

.contact4 {
    position: relative;
    height: 800px
}

.contact4-map img {
    width: 100%;
    height: 100%
}

.contact4 .contact4-form {
    position: absolute;
    top: 50%;
    right: 13.5%;
    z-index: 3;
    padding: 2.8% 2.3%;
    width: 570px;
    border-top: 6px solid #d80c18;
    background-color: rgba(255,255,255,.95);
    transform: translateY(-50%)
}

.contact4 .contact4-tit {
    margin-bottom: 20px;
    color: #d80c18;
    font-size: 24px
}

.contact4 .contact4-form .line {
    position: relative;
    margin-top: 35px;
    width: 100%;
    height: 1px;
    background: rgba(51,51,51,.1)
}

    .contact4 .contact4-form .line::before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 48px;
        height: 2px;
        background-color: #d80c18;
        content: ""
    }

.contact4 .contact4-ul li {
    margin-top: 15px;
    width: 47.5%
}

    .contact4 .contact4-ul li:nth-last-child(2), .contact4 .contact4-ul li:nth-last-child(3) {
        width: 100%
    }

    .contact4 .contact4-ul li input, .contact4 .contact4-ul li label, .contact4 .contact4-ul li textarea {
        color: #999;
        font-size: 16px;
        line-height: 36px
    }

    .contact4 .contact4-ul li input, .contact4 .contact4-ul li textarea {
        padding: 5px 20px
    }

    .contact4 .contact4-ul li input {
        width: 100%;
        height: 48px;
        border-radius: 24px;
        background-color: #f7f7f7
    }

    .contact4 .contact4-ul li textarea {
        width: 100%;
        height: 115px;
        border-radius: 27px;
        background-color: #f7f7f7
    }

.contact4 .contact4-btn {
    margin-top: 10px
}

.join1 {
    background: url(../images/jo-bgm1.png) no-repeat right 5%
}

    .join1 .join1-top {
        padding-right: 65%
    }

    .join1 .join1-dec {
        margin-top: 30px;
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 1.875
    }

    .join1 .in-stit {
        width: 100%
    }

    .join1 .solution2-select {
        border: solid 2px #f1f1f1;
        border-radius: 8px;
        background-color: #f7f7f7
    }

    .join1 .solution2-item {
        background-color: #f7f7f7
    }

    .join1 .solution2-select {
        margin-top: 3%;
        width: 23.65%;
        cursor: pointer
    }

    .join1 .join1-cen {
        margin-top: 2.2%;
        margin-bottom: 4.2%;
        flex-wrap: wrap
    }

    .join1 .join1-bttit .tit {
        position: relative;
        padding-right: 6%;
        padding-left: 30px;
        width: calc(100% - 100px);
        color: #333;
        font-size: 22px
    }

    .join1 .join1-btline {
        position: relative;
        margin-top: 25px;
        margin-bottom: 20px;
        width: 100%;
        height: 1px;
        background: rgba(51,51,51,.1)
    }

        .join1 .join1-btline::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 37px;
            height: 2px;
            background-color: #d80c18;
            content: ""
        }

    .join1 .join1-bttit .tit::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 24px;
        height: 24px;
        background: url(../images/jo-icon1.png) no-repeat center center;
        content: "";
        transform: translateY(-50%)
    }

    .join1 .join1-bttit .btn {
        width: 100px;
        color: #999;
        text-align: right;
        font-size: 16px
    }

        .join1 .join1-bttit .btn em {
            display: inline-block;
            margin-left: 5px;
            vertical-align: middle;
            font-weight: 700;
            font-size: 12px
        }

    .join1 .join1-btdec {
        padding-right: 28%
    }

    .join1 .btdec-li {
        padding: 5px 0;
        width: 25%;
        color: #666;
        font-size: 16px
    }

        .join1 .btdec-li:last-child {
            width: 100%
        }

    .join1 .join1-btul {
        margin-bottom: 50px
    }

        .join1 .join1-btul li {
            margin-top: 30px;
            padding: 25px 40px;
            border: solid 1px #eaeaea;
            border-radius: 8px;
            background-color: #fff;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

            .join1 .join1-btul li:nth-last-child(even) {
                background-color: #f7f7f7
            }

            .join1 .join1-btul li:hover {
                border: solid 1px #d80c18;
                background: url(../images/jo-bgm3.png) no-repeat center center;
                background-size: cover;
                box-shadow: 0 13px 54px 0 rgba(216,12,24,.45)
            }

                .join1 .join1-btul li:hover .join1-bttit .tit::before {
                    background: url(../images/jo-hicon1.png) no-repeat center center
                }

                .join1 .join1-btul li:hover .join1-btline {
                    background: rgba(255,255,255,.3)
                }

                    .join1 .join1-btul li:hover .join1-btline::after {
                        background: #fff
                    }

.shadow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.popupBox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    display: none;
    width: 1400px;
    max-width: 1400px;
    transform: translate(-50%,-50%)
}

    .popupBox .close {
        position: absolute;
        top: -50px;
        right: 0;
        z-index: 9999;
        width: 40px;
        height: 40px;
        background: url(../images/jo-btn.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer
    }

    .popupBox .popcont {
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        height: 715px;
        border-radius: 12px;
        background-color: #fff
    }

.popcont-top {
    padding: 4% 6.5%;
    background: url(../images/jo-bgm2.jpg) no-repeat center center;
    background-size: cover;
    flex-wrap: wrap
}

    .popcont-top li {
        padding: 0 5%;
        width: 20%;
        border-right: 1px solid rgba(51,51,51,.1)
    }

        .popcont-top li:first-child {
            padding-left: 0
        }

        .popcont-top li:last-child {
            border-right: 0
        }

.popcont-tag {
    color: #999;
    font-weight: lighter;
    font-size: 16px
}

.popcont-tit {
    margin-top: 5px;
    color: #333;
    font-size: 22px
}

.popcont .popcont-cen {
    padding: 0 6.5% 3% 6.5%
}

.popcont .popcont-line {
    margin: 0 auto;
    width: 87%;
    height: 1px;
    background: rgba(51,51,51,.06)
}

.popcont .popcont-dec .dec, .popcont .popcont-dec .tit {
    color: #333;
    font-size: 16px
}

.popcont .popcont-dec .dec {
    color: #666;
    font-weight: lighter
}

    .popcont .popcont-dec .dec p {
        padding: 12px 0
    }

.popcont .popcont-dec .tit {
    margin-top: 4%;
    margin-bottom: 10px
}

.popcont .popcont-bot {
    padding: 3% 6.5%;
    flex-wrap: wrap
}

.popcont .popcont-btli .popcont-bticon {
    position: relative;
    width: 44px;
    height: 44px;
    border: solid 1px #eaeaea;
    border-radius: 50%;
    background-color: #f7f7f7
}

.popcont .popcont-btli .popcont-btfont {
    position: relative;
    padding-left: 20px;
    width: calc(100% - 44px)
}

.popcont .popcont-btfont .tit {
    color: #333;
    font-size: 18px;
    line-height: 22px
}

.popcont .popcont-btfont a {
    margin-top: 5px;
    color: #ce132e;
    font-size: 30rem;
    line-height: 30px
}

.popcont .popcont-btli1 .tit {
    margin-top: 10px;
    color: #999;
    font-weight: lighter;
    font-size: 16px
}

    .join1 .join1-btul li:first-child, .popcont .popcont-btli1 .tit:first-child {
        margin-top: 0
    }

    .popcont .popcont-btli1 .tit span {
        color: #333
    }

.popcont .popcont-bot > div {
    margin-right: 11%;
    flex-wrap: wrap
}

    .popcont .popcont-bot > div:last-child {
        margin-right: 0
    }

.new1 .new1-top {
    background: url(../images/ne-bgm1.jpg) no-repeat center center;
    background-size: cover
}

.new1 .new1-tab li {
    margin-right: 3.5%
}

    .new1 .new1-tab li:last-child {
        margin-right: 0
    }

.new1 .new1-tab a {
    color: #999;
    font-size: 44rem
}

.new1 .new1-tab li.active a {
    color: #d80c18
}

.new1 .new1-sfont .tit {
    padding-right: 15%;
    width: calc(100% - 60px);
    color: #333;
    font-size: 30rem
}

.new1 .new1-sfont .time {
    width: 60px;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

    .new1 .new1-sfont .time h5 {
        color: #666;
        font-size: 52rem;
        font-family: DIN-Bold;
        line-height: 1
    }

.new1 .new1-sfont .dec {
    color: #666;
    font-weight: lighter;
    font-size: 16px;
    line-height: 1.875
}

.new1 .new1-simg {
    width: 38.5%;
    border-radius: 8px 0 0 8px
}

.new1 .new1-sfont {
    padding: 6.5% 8% 6.5% 6.5%;
    width: 61.5%
}

.new1 .new1-swiper .swiper-slide {
    border-radius: 8px;
    background-color: #fff
}

.new1 .new1-line {
    position: relative;
    margin: 35px auto;
    width: 100%;
    height: 1px;
    background: rgba(51,51,51,.1)
}

    .new1 .new1-line::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 2px;
        background-color: #d80c18;
        content: "";
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

.new1 .new1-pag {
    position: absolute;
    right: 0;
    bottom: -10px;
    padding-right: 8%;
    padding-left: 6.5%;
    width: 57.5%;
}

.new1 .new1-spag {
    width: calc(100% - 26px);
    text-align: left
}

.new1 .new1-swiper .swiper-pagination {
    width: 50%;
    text-align: left
}

    .new1 .new1-swiper .swiper-pagination .swiper-pagination-bullet {
        margin-right: 10px
    }

.new1 .new1-pagjt {
    position: absolute;
    right: 8%;
    bottom: 15%;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/in-jticon.png) no-repeat center center;
    background-size: 100%
}

.new1 .swiper-slide:hover .new1-pagjt {
    background: url(../images/in-hjticon.png) no-repeat center center;
    background-size: 100%
}

.new1 .new1-swiper .swiper-slide:hover .new1-line::before {
    width: 100%
}

.new1 .new1-btul {
    margin-top: 35px;
    margin-bottom: 50px;
    flex-wrap: wrap
}

    .new1 .new1-btul li {
        margin-top: 2.5%;
        width: 100%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .new1 .new1-btul li:nth-child(2n) {
            margin-right: 0
        }

.new1 .new1-img {
    width: 44%;
    border-radius: 12px 0 0 12px
}

.new1 .new1-font {
    padding: 20px 5%;
    width: 56%
}

.new1 .new1-btul a {
    border-radius: 8px;
    background-color: #f7f7f7
}

.new1 .new1-font .tit {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}

.new1 .new1-font .dec {
    margin-top: 2px;
    margin-bottom: 10px;
    height: 75px;
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.new1 .new1-time {
    padding-top: 20px;
    border-top: 1px solid rgba(51,51,51,.1)
}

    .new1 .new1-time .btn, .new1 .new1-time .time {
        color: #999;
        font-size: 16px;
        line-height: 24px
    }

        .new1 .new1-time .btn em {
            font-weight: 700;
            font-size: 12px
        }

.new1 .new1-btul li:hover a, .newinfo1 .newinfo1-bot .swiper-slide:hover a {
    background-color: #fff;
    box-shadow: 0 3px 40px 0 rgba(209,209,209,.5)
}

.newinfo1 {
    padding-top: 120px
}

    .newinfo1 .newinfo1-top {
        background: #f9f9f9
    }

    .newinfo1 .newinfo1-tit .tit {
        color: #333;
        text-align: center;
        font-size: 40rem
    }

    .newinfo1 .newinfo1-tdecLi {
        margin-right: 5%;
        color: #999;
        font-size: 16px
    }

        .newinfo1 .newinfo1-tdecLi:last-child {
            margin-right: 0
        }

        .newinfo1 .newinfo1-tdecLi img {
            margin-right: 5px
        }

    .newinfo1 .newinfo1-tdec {
        padding-top: 35px;
        padding-bottom: 45px;
        flex-wrap: wrap
    }

    .newinfo1 .newinfo1-dec {
        padding: 6% 8.5%;
        background: #fff;
        color: #666;
        font-weight: lighter;
        font-size: 16px;
        line-height: 2
    }

        .newinfo1 .newinfo1-dec img {
            margin: 30px auto
        }

    .newinfo1 .pageurl {
        margin-top: 30px;
        padding: 35px 50px;
        background: #fff;
        flex-wrap: wrap
    }

    .newinfo1 .page {
        width: 43%
    }

        .newinfo1 .page.next {
            text-align: right
        }

    .newinfo1 .pageurl-licon, .newinfo1 .pageurl-ricon {
        width: 32px;
        height: 6px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .newinfo1 .pageurl-licon {
        margin-right: 20px;
        background: url(../images/ne-ljt.png) no-repeat center center;
        background-size: cover
    }

    .newinfo1 .pageurl-ricon {
        margin-left: 20px;
        background: url(../images/ne-rjt.png) no-repeat center center;
        background-size: cover
    }

    .newinfo1 .pageurl .return {
        width: 26px;
        height: 26px;
        background: url(../images/ne-icon4.png) no-repeat center center;
        background-size: cover;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .newinfo1 .pageurl .return:hover {
            background: url(../images/ne-hicon4.png) no-repeat center center;
            background-size: cover
        }

    .newinfo1 .pageurl .page a {
        width: calc(100% - 32px);
        color: #999;
        font-size: 18px
    }

    .newinfo1 .pageurl .page:hover .pageurl-licon {
        background: url(../images/ne-hljt.png) no-repeat center center;
        background-size: cover
    }

    .newinfo1 .pageurl .page:hover .pageurl-ricon {
        background: url(../images/ne-hrjt.png) no-repeat center center;
        background-size: cover
    }

    .newinfo1 .in-stit .tit {
        font-size: 44rem
    }

    .newinfo1 .newinfo1-bot .swiper-slide {
        border-radius: 8px;
        background-color: #f7f7f7
    }

    .newinfo1 .swiper-container {
        padding: 40px 0 45px 0
    }

.mvs-tpBox {
    overflow: hidden;
    background: url(../images/vm-bgm1.png) no-repeat center center;
    background-size: cover
}

.vms1 {
    position: relative
}

    .vms1::before {
        position: absolute;
        bottom: -27%;
        left: 50%;
        z-index: -1;
        width: 100%;
        height: 540px;
        background: url(../images/vm-bgm6.png) no-repeat center center;
        background-size: cover;
        content: "";
        transform: translateX(-50%)
    }

    .vms1 .vms1-bfont {
        position: absolute;
        top: 45%;
        left: 50%;
        z-index: -1;
        width: 100%;
        color: rgba(51,51,51,.07);
        text-align: center;
        letter-spacing: 23px;
        font-weight: 700;
        font-size: 300rem;
        line-height: 1;
        transform: translate(-50%,-45%)
    }

    .vms1 .in-stit, .vms2 .in-stit, .vms3 .in-stit {
        text-align: center
    }

    .vms1 .vms1-img {
        padding-bottom: 5.5%
    }

    .vms1 .vms1-line {
        color: #d80c18;
        text-align: center;
        letter-spacing: 1px;
        font-weight: lighter;
        font-size: 16px
    }

        .vms1 .vms1-line .line {
            position: relative;
            overflow: hidden;
            margin: 0 auto;
            margin-top: 18px;
            width: 1px;
            height: 88px;
            background-color: rgba(0,0,2,.1)
        }

            .vms1 .vms1-line .line::before {
                position: absolute;
                top: 0;
                left: 49%;
                z-index: 3;
                width: 1px;
                height: 30px;
                background-color: #d80c18;
                content: "";
                transform: translateX(-49%);
                -webkit-animation: mouse both ease-in 3s infinite;
                -o-animation: mouse both ease-in 3s infinite;
                animation: mouse both ease-in 3s infinite
            }

@-webkit-keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(58px);
        transform: translateY(58px)
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(58px);
        -o-transform: translateY(58px);
        transform: translateY(58px)
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mouse {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(58px);
        -o-transform: translateY(58px);
        transform: translateY(58px)
    }

    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.vms2 {
    position: relative;
    background: url(../images/vm-bgm4.jpg) no-repeat center center;
    background-size: cover
}

    .vms2 .vms2-ul {
        margin-top: 30px;
        flex-wrap: wrap
    }

        .vms2 .vms2-ul li {
            position: relative;
            margin-top: 2%;
            padding: 3% 3.5%;
            width: 49%;
            background: rgba(255,255,255,.85);
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

    .vms2 .vms2-icon {
        position: relative;
        width: 40px;
        height: 40px
    }

    .vms2 .vms2-tit {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 76%;
        border-bottom: 1px solid #e9e9e9;
        color: #333;
        font-size: 30rem
    }

        .vms2 .vms2-tit::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 42px;
            height: 2px;
            background-color: #d80c18;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

    .vms2 .vms2-dec {
        color: #666;
        font-weight: lighter;
        font-size: 18px;
        line-height: 1.83
    }

    .vms2 .vms2-iconBox {
        position: absolute;
        top: 22%;
        right: 10%
    }

    .vms2 .vms2-ul li:hover .vms2-tit::before {
        width: 120px;
        height: 2px
    }

    .vms2 .vms2-ul li:hover {
        box-shadow: 0 8px 30px 0 rgba(9,32,64,.2)
    }

.vms3 .vms3-ul {
    flex-wrap: wrap
}

    .vms3 .vms3-ul li {
        position: relative;
        margin-right: 2%;
        padding: 2.8% 1.8%;
        width: 18.4%;
        background: url(../images/vm-bgm2.jpg) no-repeat center center;
        background-size: cover;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

        .vms3 .vms3-ul li::after, .vms3 .vms3-ul li::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background-color: #dadee3;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

        .vms3 .vms3-ul li::after {
            width: 0%;
            background-color: #d80c18
        }

        .vms3 .vms3-ul li:hover {
            box-shadow: 0 4px 57px 0 rgba(9,32,64,.08)
        }

            .vms3 .vms3-ul li:hover::after {
                width: 100%
            }

        .vms3 .vms3-ul li:nth-child(5n) {
            margin-right: 0
        }

.vms3 .vms3-tit {
    color: #333;
    font-size: 22px
}

.vms3 .vms3-dec {
    color: #333;
    font-weight: lighter;
    font-size: 16px;
    line-height: 26px
}

    .vms3 .vms3-dec p {
        margin-top: 25px
    }

.vms3 .vms3-ul li:hover {
    background: url(../images/vm-bgm3.jpg) no-repeat center center;
    background-size: cover;
    transform: translateY(-20px)
}

.mvs-tpBox {
    position: sticky;
    top: 40px;
    width: 100%;
    height: 100vh
}

.vms-btBox {
    position: relative;
    z-index: 3;
    background: #fff
}

.service1 .in-stit {
    position: absolute;
    top: 12%;
    left: 13.5%
}

.service1 .service1-tname {
    display: block;
    overflow: hidden;
    margin-bottom: -10px;
    width: 160px;
    height: 70px;
    background: url(../images/se-bkbgm.png) no-repeat center center;
    background-size: cover;
    color: #333;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 64px
}

.service1 .service1-tab li.active .service1-tname {
    background: url(../images/se-hbkbgm.png) no-repeat center center;
    background-size: cover;
    color: #d80c18
}

.service1 .service1-spot {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 20px;
    height: 6px;
    border-radius: 50%;
    background: rgba(157,177,194,.5);
    transform: translateX(-50%)
}

    .service1 .service1-spot .spot {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%,-50%)
    }

    .service1 .service1-spot .spot1 {
        z-index: 3;
        width: 20px;
        height: 6px;
        background: rgba(157,177,194,.5)
    }

    .service1 .service1-spot .spot2 {
        z-index: 2;
        width: 48px;
        height: 16px;
        background: rgba(255,255,255,.9);
        -webkit-animation: icon_scale 2s linear infinite normal both;
        animation: icon_scale 2s linear infinite normal both
    }

    .service1 .service1-spot .spot3 {
        z-index: 1;
        width: 115px;
        height: 38px;
        background: rgba(154,174,201,.7);
        -webkit-animation: icon_scale 2.4s .8s linear infinite normal both;
        animation: icon_scale 2.4s .8s linear infinite normal both
    }

.service1 .service1-tab li {
    position: absolute;
    z-index: 2;
    cursor: pointer
}

    .service1 .service1-tab li:nth-child(1) {
        bottom: 12%;
        left: 39.5%
    }

    .service1 .service1-tab li:nth-child(2) {
        bottom: 32%;
        left: 49%
    }

    .service1 .service1-tab li:nth-child(3) {
        top: 46%;
        left: 32%
    }

    .service1 .service1-tab li:nth-child(4) {
        top: 29%;
        left: 42.5%
    }

    .service1 .service1-tab li:nth-child(5) {
        top: 9%;
        left: 55%
    }

    .service1 .service1-tab li:nth-child(6) {
        bottom: 32%;
        left: 30%
    }

@-webkit-keyframes icon_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1
    }

    20% {
        width: 200%;
        height: 200%;
        opacity: .6
    }

    40% {
        width: 300%;
        height: 300%;
        opacity: .4
    }

    60% {
        width: 400%;
        height: 400%;
        opacity: .2
    }

    80% {
        width: 500%;
        height: 500%;
        opacity: 0
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

@keyframes icon_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 1
    }

    20% {
        width: 200%;
        height: 200%;
        opacity: .6
    }

    40% {
        width: 300%;
        height: 300%;
        opacity: .4
    }

    60% {
        width: 400%;
        height: 400%;
        opacity: .2
    }

    80% {
        width: 500%;
        height: 500%;
        opacity: 0
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.service1 .service1-swiper {
    position: absolute;
    right: 13.5%;
    bottom: 0;
    z-index: 5;
    width: 350px;
    border-top: 5px solid #e0e3e9;
    background-color: #fff
}

    .service1 .service1-swiper .swiper-container {
        margin: 0 auto;
        width: 85%
    }

.service1 .service1-font .tit {
    margin-top: 30px;
    color: #d80c18;
    font-size: 24px
}

.service1 .service1-font .dec {
    margin-top: 8px;
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.service1 .service1-img {
    margin-top: 45px;
    margin-bottom: 30px
}

.service1 .service1-btn {
    position: relative;
    overflow: hidden;
    height: 70px;
    border-top: 1px solid rgba(51,51,51,.07)
}

.service1 .swiper-button-next, .service1 .swiper-button-prev {
    margin-top: 0;
    width: 80px;
    height: 100%;
    border-radius: 0;
    transform: translateY(-50%)
}

.service1 .swiper-button-prev {
    border-right: 1px solid rgba(51,51,51,.07)
}

.service1 .swiper-button-next {
    border-left: 1px solid rgba(51,51,51,.07)
}

.service1 .swiper-pagination {
    top: 50%;
    bottom: auto;
    left: 50%;
    width: calc(100% - 160px);
    color: #999;
    text-align: center;
    font-size: 18px;
    transform: translate(-50%,-50%)
}

.service1 .service1-current {
    color: #d80c18
}

.service1 .swiper-button-next, .service1 .swiper-button-next:hover, .service1 .swiper-button-prev, .service1 .swiper-button-prev:hover {
    background-size: 12%
}

.service1 .service1-mobile {
    display: none
}

.service2 {
    background: url(../images/se-bgm2.jpg) no-repeat center center;
    background-size: cover
}

    .service2 .service2-ul, .service3 .service3-ul {
        flex-wrap: wrap
    }

        .service2 .service2-ul li {
            position: relative;
            margin-right: 1%;
            width: 15.83%;
            border-radius: 12px;
            box-shadow: 0 20px 40px 0 rgba(255,255,255,.25);
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

            .service2 .service2-ul li:nth-child(6n) {
                margin-right: 0
            }

    .service2 .service2-img {
        position: relative;
        overflow: hidden;
        border-radius: 12px
    }

        .service2 .service2-img::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(3,24,59,.4);
            content: ""
        }

    .service2 .service2-dec {
        margin-top: 5px;
        color: #fff;
        font-size: 20px
    }

    .service2 .service2-num {
        color: #fff;
        font-size: 16px;
        line-height: 26px
    }

        .service2 .service2-num span {
            color: #fff;
            font-size: 56rem;
            font-family: DIN-Bold;
            line-height: 1.25
        }

    .service2 .service2-ul li:hover {
        box-shadow: 0 20px 40px 0 rgba(248,32,45,.5);
        transform: translateY(-10px)
    }

        .service2 .service2-ul li:hover .service2-img::before {
            background: rgba(216,12,24,.75)
        }

    .service2 .service2-font {
        position: absolute;
        top: 0;
        left: 50%;
        padding: 3% 10%;
        width: 100%;
        transform: translateX(-50%)
    }

    .service2 .service2-simg {
        position: relative;
        height: 70px;
        height: 70px
    }

        .service2 .service2-simg img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto
        }

.service3 {
    background: url(../images/se-bgm3.jpg) no-repeat center center;
    background-size: cover
}

    .service3 .in-stit {
        color: #fff
    }

    .service3 .service3-ul {
        margin-top: 30px;
        justify-content: revert-layer
    }

        .service3 .service3-ul li {
            position: relative;
            margin-top: 2.5%;
            margin-right: 2.5%;
            width: 23%;
            border: solid 3px rgba(255,255,255,.25);
            border-radius: 12px;
            background: rgba(255,255,255,.25);
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

            .service3 .service3-ul li:nth-child(4n) {
                margin-right: 0
            }

    .service3 .service3-iconBox {
        position: absolute;
        top: 20px;
        right: 25px
    }

    .service3 .service3-icon {
        position: relative;
        width: 58px;
        height: 58px
    }

    .service3 .service3-font .tit {
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

    .service3 .service3-font .dec {
        margin-top: 12px;
        min-height: 80px;
        color: #fff;
        font-weight: lighter;
        font-size: 16px;
        line-height: 26px
    }

    .service3 .service3-num {
        position: absolute;
        right: 10px;
        bottom: -50px;
        z-index: 2;
        color: rgba(165,212,255,.1);
        font-size: 120rem;
        font-family: DIN-Bold;
        line-height: 1.1;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .service3 .service3-li {
        position: relative;
        overflow: hidden;
        padding: 15% 8%
    }

    .service3 .service3-ul li:hover {
        border: solid 3px #d80c18;
        background-color: #d80c18;
        box-shadow: 0 20px 40px 0 rgba(248,32,45,.5)
    }

        .service3 .service3-ul li:hover .service3-num {
            color: rgba(255,255,255,.1)
        }

.service4 .service4_img, .service4 .service4_img img {
    overflow: hidden;
    width: 100%
}

.service4 .service4_ul {
    margin-top: 2.5%;
    flex-wrap: wrap
}

    .service4 .service4_ul li {
        position: relative;
        margin-top: 2%;
        margin-right: 2%;
        width: 32%;
        background-color: #f7f7f7;
        transition: all .5s
    }

        .service4 .service4_ul li::after, .service4 .service4_ul li::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: rgba(51,51,51,.07);
            content: "";
            transition: all .5s
        }

        .service4 .service4_ul li::after {
            width: 0%;
            background-color: #d80c18
        }

        .service4 .service4_ul li:nth-child(3n) {
            margin-right: 0
        }

.service4 .service4_font {
    padding: 5% 8%;
    background-color: #f7f7f7
}

    .service4 .service4_font .font {
        width: calc(100% - 60px)
    }

    .service4 .service4_font .tit {
        color: #333;
        font-size: 24px
    }

    .service4 .service4_font .dec {
        margin-top: 5px;
        margin-bottom: 10px;
        color: #666;
        font-weight: lighter;
        font-size: 16px
    }

    .service4 .service4_font .num {
        width: 60px;
        color: rgba(51,51,51,.1);
        font-size: 60rem;
        font-family: DIN-Bold;
        line-height: 1.1
    }

.service4 .service4_ul li:hover .service4_img img {
    transform: scale(1.1)
}

.service4 .service4_ul li:hover {
    transform: translateY(-10px)
}

    .service4 .service4_ul li:hover::after {
        width: 100%
    }

    .service4 .service4_ul li:hover .service4_font .tit {
        color: #d80c18
    }

.about1 {
    position: relative;
    overflow: hidden
}

    .about1::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: url(../images/ab-bgm1.png) no-repeat center center;
        background-size: 100%;
        content: ""
    }

    .about1 .about1-list {
        padding-left: 13.5%
    }

    .about1 .about1-left {
        width: 42%
    }

    .about1 .about1-dec {
        position: relative;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 50px;
        padding-right: 30px;
        height: 270px;
        color: #666;
        text-align: justify;
        font-weight: lighter;
        font-size: 16px;
        line-height: 2
    }

        .about1 .about1-dec p {
            margin-bottom: 10px;
            font-size: 16px
        }

    .about1 .about1-right {
        position: relative;
        padding-left: 6.5%;
        width: 58%
    }

    .about1 .about1-rtcont {
        overflow: hidden;
        padding: 10px 35px 65px 35px;
        border-radius: 313px 0 0 313px;
        background-color: #f7f7f7
    }

    .about1 .about1-img {
        position: relative;
        z-index: 3;
        display: inline-block
    }

        .about1 .about1-img .img1 {
            position: relative;
            z-index: 2
        }

        .about1 .about1-img .img2 {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 3;
            transform: translate(-50%,-50%)
        }

    .about1 .about1-bfont {
        position: absolute;
        right: -20px;
        bottom: -75px;
        z-index: 9;
        color: rgba(102,102,102,.1);
        font-size: 205rem;
        font-family: DIN-Bold;
        line-height: 1;
        transform: rotate(180deg);
        writing-mode: vertical-lr
    }

.about2 {
    position: relative;
    margin-bottom: -140px
}

    .about2 .about2-tit {
        position: relative;
        padding-left: 10px;
        color: #333;
        font-size: 30rem;
        line-height: 1.333
    }

        .about2 .about2-tit::before {
            position: absolute;
            top: 8px;
            left: 0;
            width: 4px;
            height: 29px;
            background-color: #d80c18;
            content: ""
        }

    .about2 .about2-ul {
        flex-wrap: wrap
    }

        .about2 .about2-ul li {
            position: relative;
            padding: 2.5% 2.5% 3.3% 2.5%;
            width: 16.667%;
            border-right: 1px solid #e1e1e1;
            background-color: #f7f7f7
        }

            .about2 .about2-ul li:last-child {
                border-right: 0
            }

    .about2 .about2-iconBox {
        position: relative;
        z-index: 2;
        text-align: right
    }

    .about2 .about2-icon {
        position: relative;
        display: inline-block;
        overflow: hidden;
        width: 61px;
        height: 45px
    }

    .about2 .about2-font {
        position: relative;
        z-index: 3
    }

        .about2 .about2-font .tit {
            color: #333;
            font-size: 22px
        }

        .about2 .about2-font .dec {
            margin-top: 10px;
            color: #666;
            font-weight: lighter;
            font-size: 16px;
            line-height: 26px
        }

    .about2 .about2-ul li:hover .about2-font .dec, .about2 .about2-ul li:hover .about2-font .tit, .about3 .in-stit .tit, .about3 .section3-dec, .about3 .section3-scroll li:hover .section3-dec {
        color: #fff
    }

    .about2 .about2-ul li .img, .about2 .about2-ul li:hover .himg {
        display: block
    }

    .about2 .about2-ul li .himg, .about2 .about2-ul li:hover .img {
        display: none
    }

    .about2 .about2-ul li::before {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        border-radius: 10px;
        background: url(../images/ab-bgm2-1.png) no-repeat center center;
        background-size: cover;
        content: "";
        opacity: 0;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        transform: translateY(-50%);
        -ms-transition: .5s
    }

    .about2 .about2-ul li:nth-child(1)::before {
        background: url(../images/ab-bgm2-1.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:nth-child(2)::before {
        background: url(../images/ab-bgm2-2.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:nth-child(3)::before {
        background: url(../images/ab-bgm2-3.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:nth-child(4)::before {
        background: url(../images/ab-bgm2-4.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:nth-child(5)::before {
        background: url(../images/ab-bgm2-5.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:nth-child(6)::before {
        background: url(../images/ab-bgm2-6.png) no-repeat center center;
        background-size: cover
    }

    .about2 .about2-ul li:hover::before {
        height: 120%;
        box-shadow: 0 6px 65px 0 rgba(234,0,14,.69);
        opacity: 1
    }

.about3 {
    padding-top: 15%;
    background: url(../images/ab-bgm3.png) no-repeat center center;
    background-size: cover
}

    .about3 .in-stit, .about5 .in-stit {
        padding-right: 0;
        width: 100%;
        text-align: center
    }

    .about3 .section3-number {
        color: transparent;
        -webkit-text-stroke: 1px #fff
    }

    .about3 .section3-scroll li:hover .section3-number {
        -webkit-text-stroke: 1px #d80c18
    }

.about4 {
    overflow: hidden;
    background: url(../images/ab-bgm4.jpg) no-repeat center center;
    background-size: cover
}

    .about4 .about4-top {
        align-items: flex-end
    }

    .about4 .about4-tab, .about4 .in-stit {
        width: 50%;
        flex-wrap: wrap
    }

        .about4 .about4-tab li {
            position: relative;
            margin-left: 7.5%
        }

            .about4 .about4-tab li::before {
                position: absolute;
                bottom: 0;
                left: 50%;
                width: 0%;
                height: 2px;
                background-color: #d80c18;
                content: "";
                -webkit-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
                transform: translateX(-50%);
                -ms-transition: .5s
            }

        .about4 .about4-tab a {
            display: inline-block;
            padding-bottom: 5px;
            color: #666;
            letter-spacing: 1px;
            font-size: 22px
        }

        .about4 .about4-tab li.active a {
            color: #d80c18
        }

        .about4 .about4-tab li.active::before {
            width: 100%
        }

    .about4 .about4-font {
        margin-top: 30px;
        padding-top: 25px;
        border-top: 1px solid rgba(51,51,51,.1);
        color: #666;
        text-align: center;
        font-size: 16px
    }

    .about4 .about4-img {
        display: block
    }

        .about4 .about4-img::before {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 3;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            content: "";
            opacity: 0;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            transform: translate(-50%,-50%);
            -ms-transition: .5s
        }

    .about4 .about4-bot {
        position: relative;
        overflow: hidden;
        padding-left: 13.5%
    }

    .about4 .swiper-slide {
        position: relative;
        padding: 30px;
        background-color: #fff
    }

        .about4 .swiper-slide:hover .about4-img::before {
            opacity: 1
        }

        .about4 .swiper-slide::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background-color: #d80c18;
            content: "";
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

        .about4 .swiper-slide:hover::before {
            width: 100%
        }

    .about4 .about4-swiperLi, .about5 .about5-swiperLi {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none
    }

        .about4 .about4-swiperLi.active, .about5 .about5-swiperLi.active {
            position: relative;
            opacity: 1;
            pointer-events: auto
        }

.about5 .about5-tit .tit {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.about5 .about5-tit .about5-more {
    color: #999;
    font-size: 16px;
    cursor: pointer
}

    .about5 .about5-tit .about5-more .icon-rjiantou1 {
        display: inline-block;
        margin-left: 10px;
        vertical-align: 0;
        transform: rotate(-90deg)
    }

.about5 .about5-top {
    padding: 2%;
    border: solid 1px #e3e3e3
}

.about5 .about5-tabBox {
    display: block
}

.about5 .about5-tab {
    margin-top: 15px;
    padding-top: 10px;
    border-top: solid 1px #e3e3e3;
    flex-wrap: wrap
}

    .about5 .about5-tab li {
        margin-top: 10px;
        margin-right: 1.8%
    }

    .about5 .about5-tab a {
        display: block;
        padding: 2px 9px;
        border-radius: 14px;
        background-color: transparent;
        color: #666;
        letter-spacing: 1px;
        font-size: 16px
    }

    .about5 .about5-tab li.active a {
        background-color: #d80c18;
        color: #fff
    }

.about5 .line {
    position: absolute
}

.about5 .line1 {
    top: 0;
    left: 0
}

.about5 .line2 {
    right: 0;
    bottom: 0
}

    .about5 .line1::after, .about5 .line1::before, .about5 .line2::after, .about5 .line2::before {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 0;
        height: 0;
        background-color: #d80c18;
        content: "";
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .about5 .line1::after, .about5 .line2::after {
        width: 0;
        height: 0
    }

    .about5 .line2::after, .about5 .line2::before {
        top: auto;
        right: -1px;
        bottom: -1px;
        left: auto
    }

.about5 .swiper-slide:hover .line1::before, .about5 .swiper-slide:hover .line2::before {
    width: 3px;
    height: 56px
}

.about5 .swiper-slide:hover .line1::after, .about5 .swiper-slide:hover .line2::after {
    width: 120px;
    height: 3px
}

.about5 .swiper-slide {
    border: 1px solid #e3e3e3
}

.about5 .about5-limg {
    position: relative;
    width: 100%;
    height: 115px
}

.about5 .about5-bot {
    overflow: hidden
}

@media screen and (max-width:1679px) {
    .w1600 {
        width: 90%
    }

    .pub-banner .ny-bread > div {
        padding: 0
    }

    .language-list a, .language-text, .menu-list h3 a {
        font-size: 16px
    }

    .section1 .section1-lbgm {
        width: 720px;
        height: 720px
    }

    .section1::before {
        width: 449px
    }

    .section5 .section5-btLi {
        padding: 8.15%
    }

    .menu-list h3 a {
        margin: 30px 0
    }

    .section4 .hegline1-box1, .section4 .hegline1-box2, .section4 .hegline1-box3 {
        width: 130px;
        height: 155px
    }

    .section4 .section4-pc .section4-icon {
        width: 40px;
        height: 40px
    }

    .section4 .section4-pc .section4-tit {
        margin-top: 10px
    }

    .section4 .section4-bleft .line2, .section4 .section4-bleft .line4 {
        margin-left: 68px
    }

    .section4 .section4-bleft .line1, .section4 .section4-bleft .line5 {
        margin-left: 136px
    }

    .section4 .line1, .section4 .line2 {
        margin-bottom: -38px
    }

    .section4 .line4, .section4 .line5 {
        margin-top: -38px
    }

    .section4 .section4-bright .line2, .section4 .section4-bright .line4 {
        margin-right: 68px
    }

    .section4 .section4-bright .line1, .section4 .section4-bright .line5 {
        margin-right: 136px
    }

    .section4 .section4-bleft {
        left: 4%
    }

    .section4 .section4-bright {
        right: 4%
    }

    .section4 .hegline1-boxct:hover {
        background: #fff
    }

    .headfixed .head-subBox-ul a, .headfixed-dropmenu .headfixed-addrfont .dec, .headfixed-dropmenu .headfixed-dropul a, .service4 .service4_font .tit {
        font-size: 22px
    }

    .headfixed .head-subBox-rtstab {
        width: 100%
    }

    .pub-banner .ny-bread {
        top: 110px
    }

    .about2 .about2-tit, .case1 .case1-tit .tit, .new1 .new1-sfont .tit, .popcont .popcont-btfont a, .vms2 .vms2-tit {
        font-size: 26px
    }

    .about1 .about1-list, .about4 .about4-bot {
        padding-left: 8%
    }

    .about4 .swiper-pagination-progress, .contact4 .contact4-form, .proinfo6 .proinfo6-btn, .proinfo6 .swiper-pagination-progress, .service1 .service1-swiper {
        right: 8%
    }

    .proinfo6 .proinfo6-mouse2, .service1 .in-stit {
        left: 8%
    }

    .about2 .about2-tit::before {
        top: 5px
    }

    .contact4 .contact4-ul li textarea {
        height: 90px
    }

    .contact4 {
        height: 700px
    }

    .contact2 .contact2-ul li {
        padding: 0 2%
    }

    .service2 .service2-dec {
        font-size: 20px
    }

    .service3 .service3-num {
        bottom: -30px
    }

    .in-tit .tit, .inner-tit .tit {
        font-size: 28px
    }
}

@media screen and (max-width:1560px) {
    .section1 .section1-lbgm {
        width: 630px;
        height: 630px
    }

    .section1::before {
        width: 408px
    }

    .section4 .section4-bleft, .section4 .section4-bright {
        width: 35%
    }

    .headfixed .menu-list > ul {
        padding-right: 0
    }
}

@media screen and (max-width:1459px) {
    .w1400 {
        width: 90%
    }

    .section2 .section2-top {
        flex-wrap: wrap
    }

    .section2 .section2-top {
        padding-right: 4%
    }

    .section2 .section2-tpright {
        width: 100%
    }

    .section2 .in-tit {
        width: 85%
    }

    .section2 .section2-tpright {
        padding-left: 0
    }

    .section2 .section2-tab {
        justify-content: flex-start
    }

    .section2 .section2-btn {
        top: 65px;
        right: 5%
    }

    .section3 .section3-scroll li {
        margin-right: 5%
    }

    .about2 .about2-font .tit, .banner .swiper-font .swiper-h3 h3, .headfixed .head-subBox-tabtit, .headfixed .head-subBox-ul a, .headfixed-dropmenu .headfixed-addrfont .dec, .headfixed-dropmenu .headfixed-dropul a, .popcont-tit, .section5 .section5-font .tit {
        font-size: 18px
    }

    .section2 .section2-tit .tit {
        font-size: 22px
    }

    .section5 .section5-right .section5-Litp {
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .footer .foot-menu {
        padding-left: 5%
    }

    .footer .footerphone-menu h3 a {
        margin-bottom: 20px;
        font-size: 18px
    }

    .footer .foot-rtul .tit, .footer .ftlogo-share .tit {
        font-size: 18px
    }

    .footer .foot-rtul span, .footer .footer-subnav a, .section1 .section1-rtLi .dec {
        font-size: 16px
    }

    .section1 .section1-lbgm {
        width: 600px;
        height: 600px
    }

    .section1::before {
        width: 377px
    }

    .headfixed .menu-list > ul {
        width: calc(100% - 170px)
    }

    .headfixed .btn-list {
        width: 170px
    }

    .language {
        width: 75px
    }

    .btn-search {
        width: 50px
    }

    .product1 .product1-font .tit, .section1 .section1-rtLi .tit {
        font-size: 24px
    }

    .section2 {
        padding-left: 5%
    }

    .footer .ftlogo-share a {
        margin-right: 15px
    }

    .section4 .section4-btit {
        width: 400px;
        height: 450px
    }

    .head-subBox-rtfont .drop-tit, .headfixed-dropmenu .drop-tit {
        font-size: 26px
    }

    .about4 .swiper-pagination-progress, .proinfo6 .proinfo6-btn, .proinfo6 .swiper-pagination-progress {
        right: 5%
    }

    .case1 .case1-tit {
        padding: 12%
    }

    .proinfo1 .proinfo1-Sswiper {
        padding-left: 8%
    }

    .proinfo1 .proinfo1-more {
        margin-top: 15%
    }

    .pub-banner .number-top span {
        font-size: 48px
    }

    .equipment1 .equipment1-font .tit {
        font-size: 24px
    }

    .pub-banner .pub-banner-font1 .more {
        margin: 30px auto 40px auto
    }

    .equipment4 .equipment4-icon {
        width: 160px;
        height: 160px
    }

    .about1 .about1-list, .about4 .about4-bot {
        padding-left: 5%
    }

    .about4 .swiper-pagination-progress, .contact4 .contact4-form, .proinfo6 .proinfo6-btn, .proinfo6 .swiper-pagination-progress, .service1 .service1-swiper {
        right: 5%
    }

    .proinfo6 .proinfo6-mouse2, .service1 .in-stit {
        left: 5%
    }

    .about1 .about1-dec {
        margin-top: 25px
    }

    .new1 .new1-sfont .time h5 {
        font-size: 38px
    }

    .new1 .new1-sfont {
        padding: 5%
    }

    .newinfo1 .newinfo1-tit .tit {
        font-size: 30px
    }

    .contact1 .contact1-right {
        width: 40%
    }

    .contact4 .contact4-form .line {
        margin-top: 20px
    }

    .contact4 .contact4-tit {
        margin-bottom: 10px;
        font-size: 22px
    }

    .contact3 .dec-tit {
        width: 20%
    }

    .contact3 .dec-dec {
        width: 80%
    }

    .service1 .service1-tab li:nth-child(1) {
        left: 38%
    }

    .service1 .service1-tab li:nth-child(4) {
        left: 41.5%
    }

    .service1 .service1-tab li:nth-child(3) {
        left: 31%
    }

    .service1 .service1-tab li:nth-child(2) {
        left: 47.5%
    }

    .service2 .service2-num span {
        font-size: 42px
    }

    .service3 .service3-ul {
        padding-right: 10%
    }
}

@media screen and (max-width:1366px) {
    .section1 .section1-lbgm {
        width: 550px;
        height: 550px
    }

    .headfixed .logo {
        max-width: 135px
    }

    .headfixed .menu-list > ul > li:nth-child(4) {
        margin-right: 20%
    }

    .section4 .section4-bleft, .section4 .section4-bright {
        width: 38%
    }

    .section4 .hegline1-box1, .section4 .hegline1-box2, .section4 .hegline1-box3 {
        width: 110px;
        height: 135px
    }

    .section4 .section4-pc .section4-icon {
        width: 35px;
        height: 35px
    }

    .section4 .section4-bleft .line2, .section4 .section4-bleft .line4 {
        margin-left: 58px
    }

    .section4 .line1, .section4 .line2 {
        margin-bottom: -35px
    }

    .section4 .section4-bleft .line1, .section4 .section4-bleft .line5 {
        margin-left: 116px
    }

    .section4 .line4, .section4 .line5 {
        margin-top: -35px
    }

    .section4 .section4-bright .line2, .section4 .section4-bright .line4 {
        margin-right: 58px
    }

    .section4 .section4-bright .line1, .section4 .section4-bright .line5 {
        margin-right: 116px
    }

    .section4 .section4-bcen {
        top: 12%
    }

    .section4 .section4-bbtn {
        bottom: 15%
    }

    .headfixed .head-subBox-tabImgBox {
        width: 220px
    }

    .headfixed .head-subBox-tabimg {
        height: 200px
    }

    .headfixed .head-subBox-tabsBox {
        width: calc(100% - 220px)
    }

    .headfixed .head-subBox-tabimg img {
        padding: 0
    }

    .head-subBox-rtfont .drop-tit, .headfixed-dropmenu .drop-tit {
        font-size: 26px
    }

    .headfixed-dropmenu .drop-tit {
        padding-bottom: 20px
    }

    .headfixed-dropmenu .headfixed-dropul li {
        margin-top: 20px
    }

    .headfixed-dropmenu .headfixed-dropform {
        margin-top: 35px;
        padding-top: 20px
    }

    .case1 .case1-font .tit, .new1 .new1-font .tit, .proinfo3 .proinfo3-font .tit, .solution2 .solution2-dec .tit, .vms3 .vms3-tit {
        font-size: 20px
    }

    .nav-menu .nav-menu-ul a {
        font-size: 18px
    }

    .nav-menu {
        margin-top: -62px
    }

    .solution1 .solution1-right .line {
        margin: 30px auto
    }

    .solution1 .solution1-right .dec p, .solution2 .solution2-cleft .tit {
        margin-top: 20px
    }

    .solution2 .solution2-cen {
        padding: 30px 0
    }

    .solution2 .solution2-cen {
        margin-top: 30px
    }

    .solution2 .solution2-cleft .dec {
        margin-bottom: 20px
    }

    .proinfo6 .swiper-button-next, .proinfo6 .swiper-button-prev, .section2 .swiper-button-next, .section2 .swiper-button-prev {
        width: 50px;
        height: 50px
    }

    .ny-bread1 em.icon-rjiantou1, .pub-banner .ny-bread em.icon-rjiantou1 {
        margin: 0 15px
    }

    .product1 .product1-font .dec {
        margin-bottom: 20%
    }

    .proinfo1 .proinfo1-left {
        width: 38%
    }

    .proinfo1 .proinfo1-right {
        width: 62%
    }

    .proinfo1 .proinfo1-dec {
        margin-top: 10%
    }

    .proinfo1 .proinfo1-Sswiper .swiper-container {
        width: 100%
    }

    .proinfo1 .proinfo1-btn {
        top: 31%
    }

    .proinfo4 .proinfo4-font .num {
        font-size: 30px
    }

    .equipment4 .equipment4-icon {
        width: 140px;
        height: 140px
    }

        .equipment4 .equipment4-icon img {
            max-width: 45px
        }

    .equipment4 .equipment4-font .tit {
        font-size: 20px
    }

    .popcont-top li {
        padding: 0 3%
    }

    .join1 .join1-btdec {
        padding-right: 0
    }

    .new1 .new1-font .dec {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .new1 .new1-time {
        padding-top: 15px
    }

    .contact4 {
        height: 630px
    }

    .contact3 .contact3-ul .tit {
        padding-right: 12%
    }

    .vms3 .vms3-dec p {
        margin-top: 15px
    }

    .headfixed-dropmenu .headfixed-dropform .sub, .headfixed-dropmenu .headfixed-formul input, .headfixed-dropmenu .headfixed-formul textarea {
        height: 50px;
        line-height: 50px
    }
}

@media screen and (max-width:1259px) {
    .footer .foot-bot > div, .footer .foot-top, .proinfo4 .proinfo4-swiper, .section5 .section5-botLi > div, .section5 .section5-top {
        flex-wrap: wrap
    }

    .footer .foot-copy, .footer .foot-link, .footer .foot-menu, .footer .foot-right, .section5 .in-tit, .section5 .section5-btleft, .section5 .section5-btright, .section5 .section5-tpright {
        width: 100%
    }

    .footer .foot-right, .section5 .in-tit {
        padding-right: 0
    }

    .section5 .section5-btright {
        margin-top: 50px
    }

    .headfixed-dropmenu .headfixed-dropnav {
        padding: 4% 0
    }

    .section5 .section5-btright {
        margin-left: 0
    }

    .section5 .section5-tpright {
        margin-top: 20px;
        justify-content: flex-start
    }

    .section5 .section5-tab {
        justify-content: flex-start
    }

    .footer .foot-menu, .headfixed .menu-list .menu-pcbox, .headfixed .menu-list > ul, .section4 .section4-pc {
        display: none
    }

    .nav-menu .nav-name, .proinfo4 .swiper-pagination, .section4 .section4-mobile {
        display: block
    }

    .headfixed .logo {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0,0)
    }

    .headfixed {
        padding: 18px 4%;
        border-bottom: 1px solid rgba(255,255,255,.15);
        background: #fff;
        box-shadow: 0 3px 14px 0 rgb(226,226,226,.5)
    }

        .headfixed .menu-list {
            width: 22%;
            justify-content: flex-end
        }

        .headfixed .mobile-nav-box > ul > li > h3 {
            padding: 15px 30px;
            text-align: left
        }

            .headfixed .mobile-nav-box > ul > li > h3 > a {
                display: inline
            }

                .headfixed .mobile-nav-box > ul > li > h3 > a:hover {
                    color: #df1b24
                }

        .headfixed .mobile-nav-box ul li {
            padding: 0
        }

        .headfixed .mobile-nav-box .link-tit > i, .headfixed .mobile-nav-box > ul > li > h3 > i {
            line-height: 100%
        }

        .headfixed .mobile-nav-box .head-suba > a, .headfixed .mobile-nav-box .head-subnav > a {
            padding: 5px 0
        }

        .headfixed .menu_btn, .menu_btn.active {
            background: url(../images/in-btnicon1.png) no-repeat right center
        }

        .headfixed .btn-search, .headfixed .language-text {
            border-right: 1px solid rgba(51,51,51,.5)
        }

        .headfixed .language-text, .headfixed .menu-list h3 a {
            color: #333
        }

        .headfixed .header-button {
            background: url(../images/in-bssicon.png) no-repeat center center
        }

    .mainer {
        margin-top: 80px
    }

    .banner .swiper-font .swiper-h2 h2 {
        font-size: 28px
    }

        .banner .swiper-font .swiper-h2 h2 strong {
            font-size: 34px
        }

    .section2 .swiper-button-next, .section2 .swiper-button-prev {
        width: 45px;
        height: 45px
    }

    .section1 .section1-lbgm {
        margin: 0 auto;
        margin-top: 60px
    }

    .footer .foot-rtul, .section1 .section1-rtLi, .section2 .section2-tab {
        margin-top: 25px
    }

    .section1 .section1-rtswiper {
        margin-top: 50px;
        margin-right: 0
    }

    .section1 {
        padding-right: 5%;
        padding-left: 5%
    }

    .more {
        padding: 12px 10px
    }

    .section5 .section5-btLi {
        padding: 4%
    }

    .section5 .section5-left {
        width: 46%
    }

    .section5 .section5-right {
        width: 51%
    }

    .section1 .section1-lbgm {
        width: 460px;
        height: 460px;
        left: auto
    }

    .section1 .section1-left {
        width: 48%
    }

    .section1 .section1-right {
        width: 52%
    }

    .section1::before {
        width: 330px
    }

    .footer .foot-link {
        margin-top: 15px
    }

    .section5 .btime span {
        font-size: 40px
    }

    .section4 .section4-tit {
        margin-top: 10px
    }

    .section4 {
        height: auto
    }

    .headfixed-dropmenu .headfixed-dropright {
        width: 350px
    }

    .headfixed-dropmenu .headfixed-dropleft {
        width: calc(100% - 350px)
    }

    .nav-menu .nav-menu-ul {
        position: absolute;
        z-index: 100;
        display: none;
        width: 100%;
        background: #fff;
        box-shadow: 0 1px 4px 1px #f1f1f1
    }

        .nav-menu .nav-menu-ul li {
            width: 100%;
            text-align: left
        }

        .nav-menu .nav-menu-ul a {
            padding: 15px 30px;
            line-height: 26px
        }

    .pub-banner .ny-bread {
        top: 20px
    }

    .pub-banner .pub-banner-font .dec {
        font-size: 22px
    }

    .pub-banner .pub-banner-font h3 {
        font-size: 38px
    }

    .proinfo4 .swiper-container {
        margin-bottom: 90px;
        padding-bottom: 45px
    }

    .pub-banner .pub-banner-font1 .tit {
        font-size: 34px
    }

    .equipment2 .equipment2-ul {
        padding-right: 15%
    }

    .about1 .about1-rtcont {
        padding: 30px
    }

    .about2 .about2-ul li {
        width: 33.333%
    }

    .about1 .about1-bfont {
        font-size: 135px
    }

    .about4 .about4-font {
        margin-top: 20px;
        padding-top: 15px
    }

    .about4 .swiper-slide {
        padding: 25px
    }

    .join1 .join1-top {
        padding-right: 40%
    }

    .new1 .new1-font .dec {
        -webkit-line-clamp: 2
    }

    .new1 .new1-pag {
        bottom: 40px;
        padding: 0 5%
    }

    .newinfo1 {
        padding-top: 0
    }

        .newinfo1 .in-stit .tit {
            font-size: 30px
        }

    .service2 .service2-num span {
        font-size: 36px
    }

    .service2 .service2-dec {
        font-size: 18px
    }

    .service3 .service3-ul {
        padding-right: 0
    }

    .service3 .service3-num {
        bottom: -20px
    }

    .download1 .download1-tit {
        font-size: 22px
    }

    .download1 .download1-icon {
        width: 50px;
        height: 50px
    }

    .proinfo4 .proinfo4-li {
        margin-bottom: 2%;
        width: 23.5%
    }

        .proinfo4 .proinfo4-li:nth-child(6n) {
            margin-right: 2%
        }

        .proinfo4 .proinfo4-li:nth-child(4n) {
            margin-right: 0
        }

    .new1 .new1-pagjt {
        right: 5%;
        bottom: 6%
    }

    .newinfo1 .pageurl {
        padding: 30px
    }

    .service4 .service4_font .num {
        font-size: 40px
    }
}

@media screen and (max-width:1100px) {
    .about4 .about4-top, .headfixed-dropmenu .headfixed-dropnav, .proinfo1 .proinfo1-list, .proinfo2 .proinfo2-list, .section1, .section3 .section3-scroll, .solution1 .solution1-list {
        flex-wrap: wrap
    }

        .about4 .about4-tab, .about4 .in-stit, .case1 .case1-cont, .headfixed-dropmenu .headfixed-dropleft, .headfixed-dropmenu .headfixed-dropright, .new1 .new1-btul li, .proinfo1 .proinfo1-left, .proinfo1 .proinfo1-right, .proinfo2 .proinfo2-left, .proinfo2 .proinfo2-right, .section1 .section1-left, .section1 .section1-right, .solution1 .solution1-left, .solution1 .solution1-right {
            width: 100%
        }

    .proinfo2 .proinfo2-right, .solution1 .solution1-right {
        margin-top: 30px
    }

    .new1 .new1-btul li, .section3 .section3-scroll li {
        margin-right: 0
    }

    .headfixed-dropmenu .headfixed-dropleft, .proinfo1 .proinfo1-left {
        padding-right: 0
    }

    .case1 .case1-cont, .section1 .section1-right {
        padding-left: 0
    }

    .case1 .case1-menu, .section1::before, .service1 .service1-map, .service1 .service1-tab {
        display: none
    }

    .nav-camenu, .service1 .service1-mobile {
        display: block
    }

    .section1 .section1-right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .section1 .section1-left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .banner .swiper-font {
        width: 55%
    }

        .banner .swiper-font .swiper-h3 h3 {
            font-size: 18px
        }

    .banner .swiper-btn {
        margin-top: 40px
    }

    .section1 .section1-rtswiper {
        margin-right: 35%
    }

    .contact2 .contact2-font .tit, .product1 .product1-font .tit, .section2 .section2-tit .tit, .solution2 .solution2-cleft .tit {
        font-size: 20px
    }

    .section2 .section2-tab li a, .solution2 .solution2-dec .tit {
        font-size: 18px
    }

    .download1 .time, .solution2 .solution2-cleft .time, .solution2 .solution2-dec .time {
        font-size: 16px
    }

    .section3 .section3-scroll li {
        margin-top: 20px;
        padding: 0 5%;
        width: 50%
    }

    .section3 .section3-line {
        margin-top: 40px;
        margin-bottom: 10px
    }

    .section5 .section5-right .section5-Litp {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .section3 .section3-number {
        font-size: 52px
    }

    .headfixed-dropmenu .headfixed-addrul li, .headfixed-dropmenu .headfixed-dropul li, .proinfo2 .proinfo2-right p {
        margin-top: 10px
    }

    .pub-banner .pub-banner-font h3 {
        font-size: 32px
    }

    .about4 .in-stit, .pub-banner .pub-banner-font {
        text-align: center
    }

    .about4 .swiper-container, .about5 .swiper-container, .proinfo3 .swiper-container, .proinfo6 .swiper-container {
        padding-bottom: 50px
    }

    .proinfo1 .proinfo1-dec {
        margin-top: 30px
    }

    .proinfo1 .proinfo1-Sswiper .swiper-container {
        width: 80%
    }

    .equipment4 .equipment4-ul li {
        margin-bottom: 2%;
        width: 23.5%
    }

        .equipment4 .equipment4-ul li:nth-child(4n) {
            margin-right: 0
        }

    .equipment4 .more {
        margin-top: 30px
    }

    .nav-menu {
        margin-top: -20px
    }

    .pub-banner .number-ul {
        padding: 0 5%
    }

    .pub-banner .number-top span {
        font-size: 40px
    }

    .pub-banner .number-dec {
        font-size: 16px
    }

    .equipment2 .equipment2-ul {
        padding-right: 0
    }

    .about4 .about4-tab {
        margin-top: 30px;
        justify-content: center
    }

    .in-stit .hdec {
        font-size: 22px
    }

    .about4 .about4-tab li:first-child {
        margin-left: 0
    }

    .join1 .solution2-select {
        width: 48%
    }

    .popcont-top li {
        margin: 10px 0;
        width: 33.333%
    }

        .popcont-top li:nth-child(5n-1) {
            padding-left: 0
        }

        .popcont-top li:nth-child(3n) {
            border-right: 0
        }

    .new1 .new1-tab a {
        font-size: 24px
    }

    .new1 .new1-line {
        margin: 20px auto
    }

    .new1 .new1-pag {
        bottom: 32px
    }

    .newinfo1 .newinfo1-tdec {
        padding-top: 20px;
        padding-bottom: 30px
    }

    .contact1 .contact1-left .tit {
        font-size: 24px
    }

    .contact1 .contact1-right {
        width: 50%
    }

    .contact2 .contact2-font .tit {
        margin-top: 10px
    }

    .contact3 .contact3-ul li {
        margin-bottom: 2%;
        width: 49%
    }

        .contact3 .contact3-ul li:nth-child(2n) {
            margin-right: 0
        }

    .contact4, .contact4-map img {
        height: auto
    }

    .contact4 {
        padding-top: 10%
    }

    .vms3 .vms3-ul li {
        margin-bottom: 2%;
        width: 32%
    }

        .vms3 .vms3-ul li:nth-child(3n) {
            margin-right: 0
        }

    .vms2 .vms2-tit {
        font-size: 22px
    }

    .vms2 .vms2-dec {
        font-size: 16px
    }

    .vms2 .vms2-iconBox {
        top: 10%;
        right: 6%
    }

    .service1 {
        padding-bottom: 12%;
        background: #ecf0f3
    }

        .service1 .service1-swiper {
            bottom: -5%
        }

    .service2 .service2-ul li {
        margin-bottom: 1%;
        width: 24.25%
    }

    .service3 .service3-ul li {
        width: 31.6%
    }

        .service3 .service3-ul li:nth-child(4n) {
            margin-right: 2.5%
        }

        .service2 .service2-ul li:nth-child(4n), .service3 .service3-ul li:nth-child(3n) {
            margin-right: 0
        }

    .service3 .service3-num {
        font-size: 64px
    }

    .download1 .download1-tit {
        font-size: 20px
    }
}

@media screen and (max-width:980px) {
    .about1 .about1-list, .contact1 .contact1-list, .new1 .new1-swiper .swiper-slide a, .solution2 .solution2-cen {
        flex-wrap: wrap
    }

    .about1 .about1-left, .about1 .about1-right, .banner .swiper-font, .contact1 .contact1-left, .contact1 .contact1-right, .product1 .product1-ul li, .section2 .in-tit, .section2 .section2-btn, .section5 .section5-left, .section5 .section5-right, .solution2 .solution2-cleft, .solution2 .solution2-dec {
        width: 100%
    }

    .section5 .section5-left, .solution2 .swiper-slide .solution2-dec:nth-child(odd) {
        margin-right: 0
    }

    .solution2 .swiper-slide .solution2-dec:nth-child(even) {
        margin-left: 0
    }

    .solution2 .solution2-dec::after {
        opacity: 0
    }

    .solution2 .solution2-cleft {
        padding-right: 0
    }

    .solution2 .solution2-dec {
        padding: 5px 0
    }

    .about1 .about1-right, .contact1 .contact1-right {
        margin-top: 40px;
        padding-left: 0
    }

    .banner .pub-pbanner, .pub-pcbanner, .section2 .section2-btn, .section2 .swiper-button-next, .section2 .swiper-button-prev {
        display: none
    }

    .banner .pub-mbanner {
        display: block
    }

    .banner .swiper-fontlist {
        top: 25%;
        left: 50%;
        -webkit-transform: translate(-50%,-25%);
        -moz-transform: translate(-50%,-25%);
        -o-transform: translate(-50%,-25%);
        transform: translate(-50%,-25%);
        -ms-transform: translate(-50%,-25%)
    }

    .section1 .section1-rtswiper {
        margin-right: 20%
    }

    .section1 {
        padding-top: 85px
    }

    .section2 .section2-btn {
        top: 60%;
        right: 0
    }

    .section2 .section2-top {
        position: static
    }

    .section2 .swiper-button-prev {
        left: 15px
    }

    .section2 .swiper-button-next {
        right: 15px
    }

    .section2 .section2-font .dec {
        opacity: 1
    }

    .section2 .btn {
        bottom: 60px
    }

    .section3 .section3-number {
        font-size: 46px
    }

    .section3 .section3-dec {
        font-size: 16px
    }

    .product1 .product1-tab a, .proinfo3 .proinfo3-font .tit, .section5 .section5-tab li a {
        font-size: 18px
    }

    .section5 .section5-left .section5-font {
        padding: 4%
    }

    .section5 .section5-btLi, .section5 .section5-rtLi {
        padding: 6% 4%
    }

    .solution2 .solution2-cright {
        margin-top: 10px
    }

    .section5 .section5-btright, .section5 .section5-right, .section5 .section5-rtLi {
        margin-top: 25px
    }

    .section4 .more {
        margin-top: 35px
    }

    .section2 .swiper-container {
        padding-bottom: 30px
    }

    .nav-menu {
        margin-top: -30px
    }

    .solution2 .swiper-slide {
        padding: 20px 0
    }

    .product1 .product1-ul li {
        margin-bottom: 30px
    }

    .product1 .product1-tab {
        margin-top: 20px;
        margin-bottom: 30px
    }

    .proinfo1 .proinfo1-Sswiper {
        padding-left: 5%
    }

        .proinfo1 .proinfo1-Sswiper .swiper-container {
            width: 75%
        }

    .proinfo5 table {
        width: 920px
    }

    .equipment1 .equipment1-font .tit, .join1 .join1-bttit .tit {
        font-size: 20px
    }

    .pub-banner .pub-banner-font1 .endec {
        font-size: 26px
    }

    .pub-banner .pub-banner-font1 .tit {
        font-size: 30px
    }

    .pub-banner .pub-banner-font1 .dec {
        font-size: 18px
    }

    .equipment1 .equipment1-font .dec {
        margin-top: 5px;
        font-size: 16px
    }

    .pub-banner .number-ul {
        padding: 0
    }

    .equipment2 .equipment2-ul li {
        width: 31.3%
    }

    .equipment4 .equipment4-ul li {
        width: 32%
    }

    .equipment1 .equipment1-ul li {
        margin-bottom: 2%;
        width: 49%
    }

    .equipment2 .equipment2-ul li:nth-child(4n) {
        margin-right: 3%
    }

    .equipment4 .equipment4-ul li:nth-child(4n) {
        margin-right: 2%
    }

    .equipment1 .equipment1-ul li:nth-child(2n), .equipment2 .equipment2-ul li:nth-child(3n), .equipment4 .equipment4-ul li:nth-child(3n) {
        margin-right: 0
    }

    .equipment1 .equipment1-font {
        padding: 9% 10% 20% 10%
    }

    .equipment3 .equipment3-ul li {
        padding: 3%;
        width: 50%
    }

    .about2 {
        padding-top: 50px
    }

    .about3 {
        padding-top: 26%
    }

    .about1 .about1-left {
        padding-right: 5%
    }

    .about5 .about5-top {
        padding: 25px
    }

    .join1 .btdec-li {
        width: 50%
    }

    .join1 .join1-top {
        padding-right: 30%
    }

    .new1 .new1-sfont .tit, .popcont .popcont-btfont a {
        font-size: 22px
    }

    .popcont-tit {
        font-size: 18px
    }

    .new1 .new1-sfont .tit {
        padding-right: 5%
    }

    .new1 .new1-sfont .dec {
        -webkit-line-clamp: 2
    }

    .new1 .new1-line {
        margin: 10px auto
    }

    .newinfo1 .in-stit .tit, .newinfo1 .newinfo1-tit .tit {
        font-size: 26px
    }

    .newinfo1 .pageurl .page a {
        font-size: 16px
    }

    .newinfo1 .swiper-container {
        padding: 25px 0 30px 0
    }

    .contact1 .contact1-left {
        justify-content: flex-start
    }

    .contact1 .contact1-img {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .contact1 .contact1-font {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .contact1 .contact1-font {
        padding: 0 25px;
        text-align: left
    }

    .contact1 .contact1-left .titen {
        margin-left: 0
    }

    .contact2 .contact2-ul li {
        margin: 10px 0;
        width: 50%
    }

        .contact2 .contact2-ul li:nth-child(2n) {
            border-right: 0
        }

    .contact3 .contact3-ul li {
        padding: 3%
    }

    .contact3 .dec-tit {
        width: 22%
    }

    .contact3 .dec-dec {
        width: 78%
    }

    .contact4 .contact4-form {
        position: static;
        margin-top: 40px;
        padding: 50px 30px;
        width: 100%;
        transform: translateY(0)
    }

    .contact4 {
        padding-top: 0;
        padding-bottom: 20px
    }

    .contact1 .contact1-left .titen {
        font-size: 68px
    }

    .mvs-tpBox {
        height: 80vh
    }

    .service2 .service2-ul li {
        width: 32.65%
    }

    .service3 .service3-ul li {
        width: 48.7%
    }

    .service2 .service2-ul li:nth-child(4n) {
        margin-right: 1%
    }

    .service3 .service3-ul li:nth-child(3n) {
        margin-right: 2.5%
    }

    .service2 .service2-ul li:nth-child(3n), .service3 .service3-ul li:nth-child(2n) {
        margin-right: 0
    }

    .service2 .service2-font {
        padding: 10%
    }

    .service1 {
        padding-bottom: 16%
    }

        .service1 .service1-font .tit {
            font-size: 22px
        }

        .service1 .swiper-pagination {
            font-size: 16px
        }

        .service1 .service1-swiper {
            width: 280px
        }

        .service1 .service1-img {
            margin-top: 25px;
            margin-bottom: 20px
        }

    .download1 .download1-ul li {
        width: 30.65%
    }

        .download1 .download1-ul li:nth-child(4n) {
            margin-right: 4%
        }

        .download1 .download1-ul li:nth-child(3n) {
            margin-right: 0
        }

    .about4 .swiper-slide:hover .about4-img img, .about5 .swiper-slide:hover .about5-limg img, .case1 .case1-ctul li:hover .case1-img img, .equipment1 .equipment1-ul li:hover .equipment1-img img, .equipment5 .swiper-slide:hover .equipment5-img img, .headfixed .head-subBox-rtimg:hover img, .new1 .new1-btul li:hover .new1-img img, .new1 .swiper-slide:hover .new1-simg img, .newinfo1 .newinfo1-bot .swiper-slide:hover .new1-img img, .pic:hover img, .product1 .product1-ul li a:hover .product1-imgBox img, .section5 .section5-left:hover .section5-img img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1)
    }

    .equipment3 .equipment3-ul li:hover .equipment3-icon img, .section2 .swiper-slide:hover .section2-img img, .service1 .service1-icon:hover {
        transform: translateY(0)
    }

    .contact2 .contact2-ul li:hover .contact2-icon img, .footer .foot-rtul li:hover .foot-icon, .section4 .section4-scroll li:hover .section4-sicon img, .service3 .service3-ul li:hover .service3-icon img, .vms2 .vms2-ul li:hover .vms2-icon img {
        transform: rotateY(0)
    }

    .proinfo4 .proinfo4-li {
        width: 32%
    }

        .proinfo4 .proinfo4-li:nth-child(4n) {
            margin-right: 2%
        }

        .proinfo4 .proinfo4-li:nth-child(3n) {
            margin-right: 0
        }

    .in-tit .tit, .inner-tit .tit {
        font-size: 26px
    }

    .service4 .service4_ul li {
        width: 49%
    }

        .service4 .service4_ul li:nth-child(3n) {
            margin-right: 2%
        }

        .service4 .service4_ul li:nth-child(2n) {
            margin-right: 0
        }
}

@media screen and (max-width:767px) {
    .new1 .new1-btul a, .newinfo1 .newinfo1-bot .swiper-slide a, .product1 .product1-ul li a, .proinfo1 .proinfo1-right, .section3 .section3-top, .section5 .section5-btLi, .section5 .section5-tpright, .solution2 .solution2-dec, .solution2 .solution2-top {
        flex-wrap: wrap
    }

        .about2 .about2-ul li, .case1 .case1-ctul li, .contact1 .contact1-font, .contact2 .contact2-ul li, .contact3 .contact3-ul li, .contact4 .contact4-ul li, .download1 .download1-ul li, .equipment1 .equipment1-ul li, .equipment3 .equipment3-ul li, .join1 .btdec-li, .new1 .new1-font, .new1 .new1-img, .new1 .new1-pag, .new1 .new1-sfont, .new1 .new1-simg, .newinfo1 .page, .popcont .popcont-bot > div, .popcont-top li, .product1 .product1-font, .proinfo1 .proinfo1-Bswiper, .proinfo1 .proinfo1-Sswiper, .proinfo1 .proinfo1-Sswiper .swiper-container, .proinfo1 .proinfo1-btn, .section3 .in-tit, .section3 .section3-scroll li, .section5 .section5-btft, .section5 .section5-tab, .service1 .service1-swiper, .service3 .service3-ul li, .service4 .service4_ul li, .solution2 .in-stit, .solution2 .solution2-dec .time, .solution2 .solution2-dec .tit, .solution2 .solution2-select, .vms2 .vms2-ul li, .vms3 .vms3-ul li {
            width: 100%
        }

    .product1 .product1-imgBox {
        margin: 0 auto;
        margin-top: 30px;
        width: 100%
    }

    .about4 .swiper-pagination-progress, .proinfo6 .swiper-pagination-progress {
        width: 90%
    }

    .service4 .service4_ul li, .solution2 .solution2-select {
        margin-top: 20px
    }

    #search-form {
        width: 90%
    }

    .nav-menu {
        margin-top: 0;
        width: 100%
    }

    .proinfo1 .proinfo1-Sswiper, .section5 .section5-btft {
        padding-left: 0
    }

    .join1 .join1-top, .section3 .in-tit, .section5 .section5-tab, .solution2 .solution2-dec .tit {
        padding-right: 0
    }

    .case1 .case1-ctul li, .contact3 .contact3-ul li, .download1 .download1-ul li, .download1 .download1-ul li:nth-child(4n), .equipment1 .equipment1-ul li, .equipment1 .equipment1-ul li:nth-child(2n), .section1 .section1-rtswiper, .service3 .service3-ul li, .service3 .service3-ul li:nth-child(3n), .service4 .service4_ul li, .service4 .service4_ul li:nth-child(3n), .vms3 .vms3-ul li {
        margin-right: 0
    }

    .headfixed .menu-list {
        width: 50%
    }

    .about4 .proinfo6-mouse2, .language, .menu_btn, .proinfo1 .swiper-line, .proinfo6 .proinfo6-btn, .proinfo6 .proinfo6-mouse1, .proinfo6 .proinfo6-mouse2, .pub-banner .number-ul, .section2 .section2-tab, .section5 .more, .service1 .service1-mobile {
        display: none !important
    }

    .section5 .section5-tpright {
        margin-bottom: 15px
    }

    .btn-phone, .section1 .swiper-button-next, .section1 .swiper-button-prev {
        display: block
    }

    .headfixed .btn-list .btn-right {
        margin-right: 20px;
        width: calc(100% - 26px)
    }

    .headfixed .btn-list {
        width: 60%
    }

    .headfixed {
        padding: 10px 4%
    }

    .mainer {
        margin-top: 64px
    }

    .section5 .btime span {
        font-size: 24px;
    }

    .banner .swiper-font .swiper-h2 h2 {
        font-size: 24px
    }

        .banner .swiper-font .swiper-h2 h2 strong {
            font-size: 28px
        }

    .new1 .new1-tab a, .pub-banner .pub-banner-font .dec, .service3 .service3-font .tit, .service4 .service4_font .tit {
        font-size: 20px
    }

    .service3 .service3-li {
        padding: 16% 8%
    }

    .equipment4 .equipment4-font .tit, .ny-bread1 .bread-hom, .pub-banner .ny-bread .bread-hom, .section5 .section5-font .tit {
        font-size: 18px
    }

    .service4 .service4_font .font {
        width: calc(100% - 45px)
    }

    .service4 .service4_font {
        padding: 8%
    }

        .service4 .service4_font .num {
            width: 45px
        }

    .banner .swiper-font .swiper-h3 h3, .in-tit .dec {
        font-size: 16px
    }

    .about5 .about5-tab li.active a, .ny-bread1 a, .ny-bread1 em, .paging .paging-sub, .paging a, .paging span, .pub-banner .ny-bread a, .pub-banner .ny-bread em, .section1 .section1-rtswiper .swiper-slide .tit {
        font-size: 14px
    }

    .section1 .section1-rtswiper .swiper-slide .tit {
        padding-top: 10px;
        padding-bottom: 0
    }

    .banner .swiper-font .swiper-h2 {
        margin-bottom: 10px
    }

    .banner .swiper-btn, .join1 .join1-dec, .section1 .section1-rtLi {
        margin-top: 15px
    }

    .banner .swiper-bzimg {
        margin-left: 20px
    }

    .more {
        padding: 10px;
        width: 160px;
        font-size: 14px
    }

        .mainer .banner .banner-img .more img, .more img {
            width: 32px;
            height: 32px
        }

    .section1 .section1-rtLi .tit {
        font-size: 20px
    }

    .section1 .section1-rtLi .dec {
        margin-top: 10px;
        margin-bottom: 25px
    }

    .section1 .swiper-container {
        margin: 0 auto;
        width: 85%
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px;
        height: 30px
    }

    .section1 .section1-rtswiper .swiper-slide {
        padding: 10px
    }

    .section1 .section1-rtswiper {
        margin-top: 40px
    }

    .section1 .section1-lbgm {
        margin-top: 40px;
        width: 300px;
        height: 300px;
        left: inherit
    }

    .section2 .section2-tab li {
        margin-top: 6%;
        margin-left: 5%
    }

    .section2 .section2-tab, .section3 .section3-dec {
        margin-top: 0
    }

    .section5 .section5-btft .section5-font {
        margin-top: 10px;
        padding-right: 5%
    }

    .section3 .more {
        margin-top: 25px
    }

    .section3 .section3-number {
        font-size: 40px
    }

    .section3 .section3-scroll li {
        margin-top: 10px;
        padding-left: 0;
        text-align: left
    }

    .section5 .more {
        margin-top: 40px
    }

    .section5 .section5-btLi, .section5 .section5-left .section5-font, .section5 .section5-rtLi {
        padding: 5% 5%;
    }

    .section5 .section5-right .section5-Litp {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .section5 .section5-jiantou {
        width: 20px;
        height: 18px
    }

    .section5 .section5-font .dec {
        margin-top: 5px
    }

    .footer {
        padding-top: 60px
    }

        .footer .foot-top {
            padding-bottom: 40px
        }

        .footer .ftlogo-share a {
            margin-right: 10px;
            width: 40px;
            height: 40px
        }

        .footer .foot-rtlink a {
            padding: 0 10px
        }

    .swiper-button-prev {
        left: -10px
    }

    .swiper-button-next {
        right: -10px
    }

    .ny-bread1 em.icon-rjiantou1, .pub-banner .ny-bread em.icon-rjiantou1 {
        margin: 0 5px
    }

    .pub-banner .pub-banner-font h3 {
        font-size: 28px
    }

    .contact4 .in-stit, .solution2 .solution2-dec .time {
        text-align: left
    }

    .in-stit, .proinfo1 .proinfo1-scene {
        text-align: center
    }

    .proinfo1 .proinfo1-dec, .solution1 .solution1-right {
        margin-top: 15px
    }

        .equipment2 .equipment2-ul .dec, .solution1 .solution1-right .dec p, .solution2 .solution2-cleft .tit {
            margin-top: 10px
        }

        .solution1 .solution1-right .line {
            margin: 15px auto
        }

        .solution1 .solution1-right .tit {
            margin-bottom: 10px;
            text-align: center;
            font-size: 22px
        }

    .solution2 .solution2-cleft .dec {
        margin-bottom: 10px
    }

    .solution2 .solution2-dec .time {
        padding-left: 25px
    }

    .about4 .swiper-container, .about5 .swiper-container, .proinfo3 .swiper-container, .proinfo6 .swiper-container, .solution2 .swiper-container {
        padding-bottom: 25px
    }

    .proinfo6 .swiper-button-next, .proinfo6 .swiper-button-prev, .section2 .swiper-button-next, .section2 .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .nav-menu .nav-name {
        padding: 0 20px;
        line-height: 55px
    }

    .nav-menu .nav-menu-ul a {
        padding: 10px 20px;
        font-size: 16px
    }

    .case1 .case1-ctul li {
        margin-bottom: 40px
    }

    .paging .paging-icon, .paging .paging-sub {
        width: 70px;
        height: 35px;
        line-height: 35px
    }

    .paging a, .paging input {
        width: 35px;
        height: 35px;
        line-height: 35px
    }

    .product1 .product1-tab li {
        padding-right: 10%
    }

    .product1 .product1-font {
        padding: 0
    }

    .new1 .new1-font, .product1 .product1-ul li a, .proinfo1 .proinfo1-list {
        padding: 10% 8%
    }

    .download1 .download1-ul li, .equipment1 .equipment1-ul li, .product1 .product1-font .dec {
        margin-bottom: 30px
    }

    .proinfo1 .proinfo1-list::before {
        width: 150px;
        height: 180px
    }

    .proinfo1 .more {
        width: 130px
    }

    .proinfo1 .proinfo1-btn {
        right: 0
    }

    .proinfo4 .proinfo4-font {
        padding: 6% 5% 20% 5%
    }

        .proinfo4 .proinfo4-font::before {
            width: 100px;
            height: 115px
        }

    .pub-banner .pub-banner-font1 .tit {
        font-size: 24px
    }

    .pub-banner .pub-banner-font1 .endec {
        font-size: 20px
    }

    .pub-banner .pub-banner-font1 .line {
        margin: 10px auto;
        width: 50px
    }

    .pub-banner .pub-banner-font1 .more {
        margin: 20px auto
    }

    .equipment2 .in-stit .line {
        margin: 0 auto;
        margin-top: 20px
    }

    .equipment2 .equipment2-ul li {
        width: 48.5%
    }

    .equipment2 .equipment2-ul .tit {
        font-size: 18px
    }

    .equipment2 .equipment2-ul li {
        padding: 5%
    }

    .equipment4 .equipment4-ul li {
        margin-right: 3%;
        margin-bottom: 3%;
        padding: 5%;
        width: 48%
    }

        .equipment2 .equipment2-ul li:nth-child(3n), .equipment4 .equipment4-ul li:nth-child(3n) {
            margin-right: 3%
        }

        .equipment2 .equipment2-ul li:nth-child(2n), .equipment4 .equipment4-ul li:nth-child(2n) {
            margin-right: 0
        }

    .equipment2 .more {
        margin: 0 auto;
        width: 160px
    }

    .pub-banner .pub-banner-font1 .more {
        width: 180px
    }

    .equipment3 .equipment3-font .tit {
        font-size: 20px
    }

    .equipment3 .equipment3-ul li {
        padding: 30px 0;
        border-top: 1px solid rgba(51,51,51,.1);
        border-right: 0
    }

        .equipment3 .equipment3-ul li:first-child {
            padding-top: 0;
            border-top: 0
        }

        .equipment3 .equipment3-ul li:last-child {
            padding-bottom: 0
        }

    .equipment3 .equipment3-font .tit, .equipment4 .equipment4-font .tit {
        margin-top: 15px;
        margin-bottom: 10px
    }

    .equipment4 .equipment4-font .dec {
        font-size: 14px
    }

    .equipment4 .equipment4-icon {
        width: 100px;
        height: 100px
    }

        .equipment4 .equipment4-icon img {
            max-width: 30px
        }

    .equipment4 .more {
        width: 260px
    }

    .in-stit .line, .in-tit .dec {
        margin-top: 13px
    }

    .equipment3 .equipment3-icon {
        width: 60px;
        height: 60px
    }

    .in-stit .tit p {
        display: inline
    }

    .in-stit .hdec {
        margin-bottom: 10px;
        font-size: 20px
    }

    .about1 .about1-bfont {
        font-size: 80px
    }

    .about2 .about2-tit {
        font-size: 22px
    }

    .about2 .about2-ul li::before {
        height: 100%;
        box-shadow: 0 6px 65px 0 rgba(234,0,14,0);
        opacity: 0
    }

    .about2 .about2-ul li {
        padding: 10%
    }

    .about2 .about2-ul li {
        margin-bottom: 20px
    }

    .about3 {
        padding-top: 46%
    }

    .swiper-container {
        padding-right: 1px
    }

    .about5 .about5-top {
        padding: 20px
    }

    .join1 .join1-bttit .tit {
        font-size: 18px
    }

    .join1 .join1-btul li {
        padding: 30px 20px
    }

    .join1 .join1-cen {
        margin-bottom: 0
    }

    .join1 .join1-btul li:first-child {
        margin-top: 30px
    }

    .popcont-top li {
        margin: 5px 0;
        padding: 0;
        border-right: 0
    }

    .popcont .popcont-bot {
        padding: 6.5%
    }

    .popcont .popcont-btli1 {
        margin-top: 10px
    }

    .popcont .popcont-dec .dec p {
        padding: 5px 0
    }

    .popupBox .popcont {
        height: 500px
    }

    .new1 .new1-tab {
        justify-content: center
    }

    .new1 .new1-sfont {
        padding: 10% 8%;
        padding-bottom: 20%
    }

        .new1 .new1-sfont .tit {
            font-size: 20px
        }

        .new1 .new1-sfont .time h5 {
            font-size: 32px
        }

        .new1 .new1-sfont .time {
            font-size: 14px
        }

    .new1 .new1-simg {
        border-radius: 8px 8px 0 0
    }

    .new1 .new1-tab li {
        margin-right: 8%
    }

    .new1 .new1-btul li {
        margin-top: 30px
    }

    .new1 .new1-pag {
        padding: 0 8%
    }

    .newinfo1 .pageurl .return {
        margin: 15px auto
    }

    .newinfo1 .in-stit .tit, .newinfo1 .newinfo1-tit .tit {
        font-size: 24px
    }

    .contact1 .contact1-left .titen {
        font-size: 50px
    }

    .contact1 .contact1-left .tit {
        font-size: 22px
    }

    .contact1 .contact1-img, .service1 .service1-swiper {
        margin: 0 auto
    }

    .contact1 .contact1-right, .service3 .service3-ul li, .vms2 .vms2-ul li {
        margin-top: 25px
    }

    .contact3 .contact3-ul li, .vms3 .vms3-ul li {
        margin-bottom: 25px
    }

    .service3 .service3-ul li:first-child, .vms2 .vms2-ul li:first-child {
        margin-top: 0
    }

    .contact3 .contact3-ul li:last-child, .vms3 .vms3-ul li:last-child {
        margin-bottom: 0
    }

    .contact1 .contact1-font {
        margin-bottom: 20px;
        padding: 0;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .contact1 .contact1-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .contact2 .contact2-ul li {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid rgba(51,51,51,.1);
        border-right: 0
    }

    .contact2 .contact2-ul {
        margin-top: 0;
        border-top: 0
    }

        .contact2 .contact2-ul li:first-child {
            padding-top: 0;
            border-top: 0
        }

        .contact2 .contact2-ul li:last-child {
            padding-bottom: 0
        }

    .contact3 .contact3-ul li, .vms2 .vms2-ul li, .vms3 .vms3-ul li {
        padding: 8% 5%
    }

    .contact4 .contact4-form {
        padding: 40px 20px
    }

    .contact4 .contact4-tit {
        font-size: 20px
    }

    .service1 .service1-swiper {
        position: static;
        margin-top: 25px;
        width: 90%
    }

    .service1 .in-stit {
        position: static
    }

    .service1 {
        padding-top: 50px;
        padding-bottom: 0
    }

    .service2 .service2-ul li {
        margin-right: 2%;
        margin-bottom: 2%;
        width: 48.7%
    }

        .service2 .service2-ul li:nth-child(3n) {
            margin-right: 2%
        }

        .service2 .service2-ul li:nth-child(2n) {
            margin-right: 0
        }

    .service2 .service2-simg img {
        max-width: 30px
    }

    .service2 .service2-simg {
        width: 40px;
        height: 40px
    }

    .service2 .service2-dec {
        font-size: 16px
    }

    .service2 .service2-num span {
        font-size: 32px
    }

    .service3 .service3-font .dec {
        min-height: auto
    }

    .proinfo4 .swiper-container {
        margin-bottom: 60px
    }

    .proinfo4 .proinfo4-li {
        margin-right: 3.3%;
        margin-bottom: 3.3%;
        width: 48%
    }

        .proinfo4 .proinfo4-li:nth-child(3n) {
            margin-right: 3.3%
        }

        .proinfo4 .proinfo4-li:nth-child(2n) {
            margin-right: 0
        }

    .new1 .new1-pagjt {
        right: 8%;
        bottom: 3%
    }
}

@media(max-width:320px) {
    .section1 .section1-lbgm {
        width: 260px;
        height: 260px
    }
}

.pro-video .video-box {
    margin-top: 50px
}

    .pro-video .video-box video {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 100%
    }

.solution1 .solution1-right .video-play {
    margin-top: 20px;
    transform: translatex(-5px)
}

.productn1 {
    background: #f8f8f8
}

    .productn1 > div {
        padding: 0 80px
    }

    .productn1 .productn1_dec {
        margin-top: 10px;
        margin-bottom: 35px;
        color: #999;
        font-size: 20px
    }

    .productn1 .productn1_sdec p {
        position: relative;
        margin-bottom: 12px;
        padding-left: 30px;
        color: #666;
        font-size: 16px;
        line-height: 1.75
    }

        .productn1 .productn1_sdec p::before {
            position: absolute;
            top: 8px;
            left: 1px;
            width: 9px;
            height: 11px;
            border-top: 8px solid transparent;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
            content: "";
            transition: all .36s;
            transform: rotate(-90deg);
            border-top-color: #d80c18
        }

    .productn1 .productn1_swiper1 {
        padding: 20px 0
    }

        .productn1 .productn1_swiper1 .swiper-slide, .productn1 .productn1_swiper3 .swiper-slide {
            background: #e6e6e6
        }

    .productn1 .productn1_swiper4 .swiper-slide {
        background: #f0f0f0
    }

    .productn1 .productn1_swiper1 .swiper-slide::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 5px solid #d80c18;
        border-radius: 0;
        content: '';
        opacity: 0;
        transition: all .36s
    }

    .productn1 .productn1_swiper1 .swiper-slide::after {
        position: absolute;
        bottom: -16px;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        content: '';
        opacity: 0;
        transition: all .36s;
        transform: translateX(-50%);
        border-top-color: #d80c18
    }

    .productn1 .productn1_swiper1 .swiper-slide.active::after, .productn1 .productn1_swiper1 .swiper-slide.active::before, .productn1 .productn1_swiper4 .swiper-slide.active::before {
        opacity: 1
    }

    .productn1 .productn1_left {
        padding-right: 40px;
        width: calc(100% - 555px)
    }

    .productn1 .productn1_right {
        width: 555px;
        border: 1px solid #000
    }

    .productn1 .productn1_swiper2 {
        margin-top: 6%
    }

    .productn1 .productn1_swiper4 {
        margin: 0 auto;
        margin-top: -30px;
        width: 90%
    }

        .productn1 .productn1_swiper4 .swiper-slide::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 4px solid #d80c18;
            content: "";
            opacity: 0;
            transition: all .36s
        }

.l_c2bx2lb1 .slick-list {
    padding-bottom: 20px
}

.l_c2bx2lb1 {
    width: 100%
}

.l_c2bx2li.on {
    display: block
}

.l_c2bx2li {
    display: none;
    padding: 0 23px;
    width: 33.333333%
}

.l_c2bx2lis {
    position: relative;
    width: 100%;
    border: 1px solid #ebeef1;
    background: #fff;
    text-align: center
}

    .l_c2bx2lis::after {
        position: absolute;
        bottom: -16px;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        content: '';
        opacity: 0;
        transition: all .36s;
        transform: translateX(-50%);
        border-top-color: #d80c18
    }

    .l_c2bx2lis::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 5px solid transparent;
        border-radius: 0;
        content: '';
        transition: all .36s
    }

.l_c2bx2liimg {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .l_c2bx2liimg img {
        width: 100%;
        height: 100%;
        transition: all .36s
    }

.l_c2bx2li.slick-current .l_c2bx2lis::before {
    z-index: 10;
    border: 5px solid #d80c18
}

.l_c2bx2li.slick-current .l_c2bx2lis::after {
    opacity: 1
}

.l_c2bx2tit h3 {
    color: #333;
    font-weight: 700;
    line-height: 1.75
}

.l_c2bx2p p {
    color: #666;
    font-size: 16px;
    line-height: 1.75
}

.l_c2bx2p {
    margin-top: 10px;
    margin-bottom: 35px
}

.l_c2bx2lb2 {
    margin-top: 78px;
    padding: 0 23px;
    width: 100%
}

.l_c2bx2lb2s {
    width: 100%
}

.l_c2bx2ri {
    width: 555px
}

.l_c2bx2le {
    padding-right: 40px;
    width: calc(100% - 555px)
}

.l_c2bx2rilb1 {
    width: 100%
}

.l_c2bx1limg1.on {
    display: block
}

.l_c2bx1limg1 {
    display: none;
    width: 100%;
    border: 1px solid #e3e3e3;
    background: #ececec;
    background-size: cover
}

    .l_c2bx1limg1 img {
        width: 100%
    }

.l_c2bx2rilb2 {
    position: relative;
    top: -30px;
    z-index: 10;
    margin: auto;
    width: 490px
}

.l_c2bx2rlb {
    margin: 0 -5px;
    width: 100%
}

.l_c2bx2rilb2s.on {
    display: block
}

.l_c2bx2rilb2s {
    display: none;
    margin: 0 5px;
    width: 20%;
    background: #fff
}

.l_c2bx2rilb2s1 {
    position: relative;
    width: 100%;
    cursor: pointer
}

.l_c2bx2rilb2s img {
    width: 100%
}

.l_c2bx2rilb2s1::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #d80c18;
    content: "";
    opacity: 0;
    transition: all .36s
}

.l_c2bx2rilb2s.slick-current .l_c2bx2rilb2s1::after {
    opacity: 1
}

.l_c2box2 {
    position: relative
}

    .l_c2box2::after {
        position: absolute;
        bottom: -180px;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 1080px;
        background: #f8f8f8;
        content: ""
    }

.fl {
    float: left
}

.clearfix {
    zoom: 1
}

.l_c2box2 {
    position: relative
}

.l_space1 {
    padding: 5% 0
}

.fr {
    float: right
}

@media screen and (max-width:1366px) {
    .productn1 > div {
        padding: 0
    }
}

@media screen and (max-width:1259px) {
    .productn1 .productn1_dec {
        font-size: 18px
    }
}

@media screen and (max-width:1100px) {
    .l_c2bx2le {
        width: calc(100% - 450px)
    }

    .l_c2bx2ri {
        width: 450px
    }

    .l_space1 {
        padding: 70px 0
    }

    .l_c2bx2lb2 {
        margin-top: 40px
    }
}

@media screen and (max-width:980px) {
    .l_c2bx2le, .l_c2bx2ri {
        margin-top: 25px;
        width: 100%
    }

    .l_c2bx2le {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .l_c2bx2lb2, .l_c2bx2li {
        padding: 0
    }

    .productn1 .in-tit {
        text-align: left
    }

    .productn1 .productn1_dec {
        margin-bottom: 15px;
        font-size: 17px
    }

    .l_c2bx2rilb2 {
        width: 80%
    }

    .productn1 .productn1_sdec p {
        margin-bottom: 8px;
        padding-left: 20px;
        line-height: 1.5
    }

    .l_c2bx2ri {
        margin-top: 15px
    }

    .l_space1 {
        padding: 50px 0
    }

    .l_c2bx2lb1 .slick-list {
        padding-bottom: 40px
    }

    .l_c2bx2lb1 .slick-dots li.slick-active {
        width: 27px;
        background-color: #ce132e
    }

    .l_c2bx2lb1 .slick-dots li {
        width: 18px;
        height: 5px;
        border: 0;
        border-radius: 0;
        background: rgba(102,102,102,.5)
    }

    .l_c2bx2lb2 {
        margin-top: 15px
    }

    .l_c2bx2le {
        margin-top: 10px
    }

    .l_c2bx2lb1 .slick-dots {
        bottom: 0
    }
}

.ewm2 {
    margin-right: 20px
}

@media screen and (max-width:1259px) {
    .section3 .section3-scroll {
        justify-content: space-evenly
    }

        .section3 .section3-scroll li {
            margin-right: 0;
            margin-top: 20px
        }

    .section3 .section3-dec {
        font-size: 16px
    }
}

.solu-list {
    margin-top: 4%
}

    .solu-list h4 {
        font-size: 22px;
        margin: 20px 0 30px
    }

    .solu-list .jjfa .pic {
        width: 40%;
        border-radius: 20px 0 0 20px
    }

    .solu-list .jjfa {
        margin: 20px 0 50px;
        box-shadow: 1px 1px 17px 0 #bab6b6f7;
        border-radius: 20px
    }

        .solu-list .jjfa .des {
            width: 60%;
            color: #666;
            padding: 20px 20px 20px 5%
        }

            .solu-list .jjfa .des p {
                line-height: 1.8;
                margin-bottom: 5px
            }

@media screen and (max-width:1259px) {
    .solu-list .jjfa {
        flex-wrap: wrap
    }

        .solu-list .jjfa .des, .solu-list .jjfa .pic {
            width: 100%
        }

        .solu-list .jjfa .des {
            background: #fff;
            border: 1px solid #66666636
        }

            .solu-list .jjfa .des p {
                line-height: 1.5
            }

    .solu-list h4 {
        margin: 10px 0 15px
    }

    .solu-list .jjfa .des {
        padding: 10px 10px 10px 10px
    }
}

@media screen and (max-width:650px) {
    .solu-list h4 {
        font-size: 20px
    }

    .solu-list .jjfa .des p {
        font-size: 14px
    }
}

.gyrj-list .product1-ul li {
    width: 32%;
}

.gyrj-list .product1-font .dec {
    display: none;
}

.gyrj-list .product1-ul li a {
    flex-wrap: wrap;
}

.gyrj-list .product1-imgBox, .gyrj-list .product1-font {
    width: 100%;
}

.newinfo1-tit {
    margin-bottom: 20px;
}

.new1 .new1-simg {
    aspect-ratio: 4/3;
}

.new1 .new1-btul .new1-img {
    aspect-ratio: 520/275;
}

@media screen and (max-width:767px) {
    .gyrj-list .product1-ul li {
        width: 100%;
    }
}

.contact3 .contact3-ul .swiper-pagination {
    position: static;
    margin-top: 20px;
}

.contact3 .contact3-ul .swiper-button-prev {
    width: 20px;
    height: 28px;
    /* background-color: red; */
    border-radius: 0;
}

.contact3 .contact3-ul .swiper-button-next {
    width: 20px;
    height: 28px;
    /* background-color: red; */
    border-radius: 0;
}

@media screen and (max-width:767px) {
    .contact3 .contact3-ul .swiper-button-next, .contact3 .contact3-ul .swiper-button-prev {
        display: none;
    }
}