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

.w1400 {
    margin: 0 auto;
    width: 73.57%
}

.w1600 {
    margin: 0 auto;
    width: 84.08%
}

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

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background-color: #003686
    }

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,.2);
    opacity: 1 !important
}

.swiper-scrollbar-drag {
    background-color: #0ace9d
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #d9d9d9;
    opacity: 1
}

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

.about2 .swiper-pagination-bullet, .prinfo4 .swiper-pagination-bullet {
    background: rgba(241,241,241,.5);
    opacity: 1
}

.about2 .swiper-pagination-bullet-active, .prinfo4 .swiper-pagination-bullet-active {
    background: #f1f1f1
}

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

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

.swiper-button-next, .swiper-button-prev {
    margin-top: 0;
    width: 85px;
    height: 45px;
    border: 1px solid rgba(51,51,51,.2);
    border-radius: 23px;
    background: 0 0;
    color: #000;
    text-align: center;
    font-weight: 700;
    line-height: 45px
}

.about2 .swiper-button-next, .about2 .swiper-button-prev, .prinfo4 .swiper-button-next, .prinfo4 .swiper-button-prev {
    width: 53px;
    height: 53px;
    border: solid 1px #fff;
    border-radius: 50%;
    color: #fff;
    font-weight: lighter !important;
    line-height: 53px
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0
}

    .swiper-button-next:hover, .swiper-button-prev:hover {
        border: 1px solid #e60013;
        background: #e60013;
        color: #fff
    }

.banner, .swiper-img {
    position: relative;
    display: block;
    overflow: hidden
}

    .banner::before, .swiper-img::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(134,134,134,.3);
        content: '';
        opacity: 0;
        display: none;
    }

.banner1 .banner_yun {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 200%;
    height: 100%;
    animation: yunMove 100s infinite linear
}

    .banner1 .banner_yun img {
        float: left;
        width: 50%;
        height: 100%
    }

@keyframes yunMove {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

.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,.7)
}

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

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

.close-video-btn {
    position: absolute;
    top: 4%;
    right: 3.5%;
    z-index: 99;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    cursor: pointer
}

    .close-video-btn:after {
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    }

    .close-video-btn:after, .close-video-btn:before {
        position: absolute;
        top: 10px;
        width: 30px;
        height: 2px;
        background-color: #f52218;
        content: ''
    }

    .close-video-btn:before {
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

.videobox-font {
    margin: 25px auto 0;
    padding: 16px 6px;
    width: 240px;
    border: 1px solid hsla(0,0%,100%,.3);
    background: url(../images/ab-bgm9.jpg) no-repeat 50%;
    background-size: cover;
    color: #fff;
    font-size: 18px
}

    .videobox-font em, .videobox-font span {
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .videobox-font span {
        margin-right: 30px
    }

    .videobox-font:hover span {
        margin-right: 15px
    }

.headfixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    transition: all .5s
}

.in_headfixed {
    opacity: 1 !important; /* pointer-events:none; */
}

    .in_headfixed.on {
        position: fixed;
        top: 0;
        left: 0;
        transition: all .6s
    }

.headfixed.headerbgm {
    box-shadow: 0 14px 18px 3px rgba(231,232,234,.31); /* pointer-events:auto; */
}

.headfixed.headerbgm, .headfixed.headerbgm1, .headfixed.hheaderbgm, .headfixed1 {
    background: #fff;
    transition: all .5s
}

.headfixed1 {
    box-shadow: 0 14px 18px 3px rgba(231,232,234,.31)
}

.headfixed .headfixed-show {
    padding-left: 8%;
    transition: all .5s;
    align-items: center
}

.headfixed .logo {
    position: relative;
    z-index: 2;
    width: 15%
}

.headfixed.headerbgm .logo, .headfixed.headerbgm .logo img {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.headfixed .logo img {
    margin: 0
}

.headfixed.headerbgm .logo img {
    max-width: 120px
}

.headfixed .logo .himg, .headfixed .logo .img, .headfixed.headerbgm .logo .img, .headfixed.hheaderbgm .logo .img, .headfixed1 .logo .img, .headfixed1.headerbgm .logo .himg {
    display: none
}

.headfixed .logo .himg, .headfixed.headerbgm .logo .himg, .headfixed.hheaderbgm .logo .himg, .headfixed1 .logo .himg {
    display: block
}

.headfixed .toggle-btn {
    position: relative;
    z-index: 100;
    display: block;
    margin-left: 1rem;
    width: 26px;
    height: 26px
}

    .headfixed .toggle-btn span {
        position: absolute;
        right: 0;
        width: 100%;
        height: 2px;
        background: #222;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

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

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

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

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

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

    .headfixed .toggle-btn.on span:last-child {
        bottom: 9px;
        -webkit-transform: translate(0,-3px) rotate(-45deg);
        -o-transform: translate(0,-3px) rotate(-45deg);
        transform: translate(0,-3px) rotate(-45deg);
        -ms-transform: translate(0,-3px) rotate(-45deg)
    }

.mobile-nav-box {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    padding: 60px 0;
    width: 86%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .8s;
    transform: translateX(150%);
    pointer-events: none
}

.headfixed .menu_list.on .mobile-nav-box {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto
}

.headfixed .mobile-nav-box .tit {
    position: relative;
    padding-right: 20px;
    color: #000;
    text-align: right;
    letter-spacing: 1px;
    font-size: 16px
}

.headfixed .mobile-nav-box li {
    position: relative;
    width: 100%
}

.headfixed .menu_pcul .navli .head-subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 99;
    width: 100%;
    border-top: 1px solid #f1f1f1;
    background: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    pointer-events: none
}

.headfixed .menu_list .menu_pcul .navli: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 .mobile-nav-box .head-subnav {
    display: none;
    padding: 5px 3.5%;
    width: 100%
}

    .headfixed .mobile-nav-box .head-subnav a {
        position: relative;
        display: inline-block;
        padding: 6px 8%;
        width: 100%;
        color: rgba(51,51,51,.7);
        text-align: right;
        font-size: 14px;
        line-height: 1.5
    }

.headfixed .head-tit {
    position: relative;
    display: flex;
    padding: 8px 8%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.headfixed .mobile-nav-box .mobile_down {
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 2;
    width: 20px;
    transform: translateY(-50%)
}

.headfixed .mobile-nav-box .jiahao {
    position: relative;
    z-index: 5;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer
}

    .headfixed .mobile-nav-box .jiahao::after, .headfixed .mobile-nav-box .jiahao::before {
        position: absolute;
        background: rgba(0,0,0,.6);
        content: '';
        transition: all .8s
    }

    .headfixed .mobile-nav-box .jiahao::before {
        top: 50%;
        left: 0;
        width: 10px;
        height: 2px;
        transform: translateY(-50%)
    }

    .headfixed .mobile-nav-box .jiahao::after {
        top: 0;
        left: 50%;
        width: 2px;
        height: 10px;
        transform: translateX(-50%)
    }

.headfixed .mobile-nav-box .head-tit.cur .jiahao::before {
    background: #ee7800
}

.headfixed .mobile-nav-box .head-tit.cur .jiahao::after {
    opacity: 0
}

.btn-search {
    width: 22px;
    height: 22px
}

.header-button {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    background: url(../images/in-ssicon.svg) no-repeat center;
    background-size: cover;
    text-align: left;
    text-indent: -119988px;
    cursor: pointer
}

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

.header_sbtn {
    display: none
}

.search-form {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: height,.5s;
    -moz-transition: height,.5s;
    -o-transition: height,.5s;
    transition: height,.5s;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

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

    .search-form fieldset {
        position: relative;
        z-index: 9;
        display: flex;
        padding: 0;
        width: 40%;
        border: none;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .search-form .search {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
        height: 50px;
        border: none;
        border-bottom: 1px solid #dfdede;
        background: #fff;
        color: #333
    }

        .search-form .search::-webkit-input-placeholder {
            font-weight: lighter;
            font-size: 14px
        }

    .search-form .header-btn {
        margin: 0;
        padding: 0;
        width: 60px;
        height: 50px;
        border: none;
        border-bottom: 1px solid #dfdede;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer
    }

.headfixed .head-tit.cur .tit, .headfixed .head-tit:hover .tit, .headfixed .mobile-nav-box .head-subnav a:hover {
    color: #ee7800;
    font-weight: 700
}

.language {
    position: relative;
    z-index: 10;
    width: 70px;
    text-align: center
}

.language-text {
    color: #222;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: all .5s
}

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

    .language-text .icon-down1 {
        display: inline-block;
        margin-left: 2px;
        color: rgba(34,34,34,.2);
        vertical-align: -1px;
        font-size: 16px;
        transition: all .8s
    }

.language-list {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;
    visibility: hidden;
    width: 100%;
    background: rgba(0,0,0,.3);
    -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;
    transform: translateX(-50%)
}

    .language-list a {
        display: block;
        padding: 6px;
        color: #fff;
        font-size: 18px;
        line-height: 1.2;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

.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
}

.language:hover .language-text .icon-down1 {
    transform: rotate(180deg)
}

.headfixed .menuBox {
    width: 100px;
    background-color: #e60013
}

.headfixed .mobile_menu {
    position: relative;
    display: none
}

.mobile_language {
    position: relative;
    z-index: 100
}

.headfixed .mobile_language a, .headfixed .mobile_language span {
    position: relative;
    z-index: 10;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    font-size: 16px
}

.headfixed .mobile_language span {
    margin: 0 3px
}

.headfixed .mobile_language a.active {
    color: #ee7800
}

.headfixed .headfixed-show .menu_list {
    width: 80%
}

.headfixed .headfixed-show .menu_pcul {
    padding-right: .6rem;
    width: calc(100% - 100px)
}

.headfixed .menu_pcul li > a::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#ff6224,#ff6224);
    content: '';
    transition: all .8s;
    background-blend-mode: normal,normal
}

.headfixed .menu_pcul li {
    margin-right: .8rem
}

    .headfixed .menu_pcul li:last-child {
        margin-right: 0
    }

.headfixed.headerbgm .menu_pcul li > a::before, .headfixed.hheaderbgm .menu_pcul li > a::before, .headfixed1 .menu_pcul li > a::before {
    background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#ff6224,#ff6224);
    background-blend-mode: normal,normal
}

.headfixed .menu_pcul li.active > a::before, .headfixed .menu_pcul li:hover > a::before {
    left: 0;
    width: 100%
}

.headfixed .menu_pcul li > a {
    position: relative;
    display: block;
    color: #000;
    font-size: 18px;
    font-family: Montserrat-Regular;
    line-height: 75px
}

.headfixed .menu_btn {
    position: relative;
    margin: 0 auto;
    padding: 28px 0;
    width: 40px;
    cursor: pointer;
    transition: all 1s
}

    .headfixed .menu_btn:hover {
        width: 30px
    }

    .headfixed .menu_btn span {
        display: block;
        margin-top: 8px;
        width: 98%;
        height: 1px;
        background: #fff
    }

        .headfixed .menu_btn span:first-child {
            margin-top: 0
        }

.headfixed .menu_language {
    display: none;
    margin-top: 25px
}

    .headfixed .menu_language a {
        display: block;
        padding-top: 10px;
        color: rgba(255,255,255,.5);
        text-align: center;
        font-weight: 700
    }

        .headfixed .menu_language a:first-child {
            padding-top: 0
        }

        .headfixed .menu_language a.active, .headfixed .menu_language a:hover {
            color: #fff
        }

.headfixed.headerbgm .menu_pcul li > a {
    font-size: 16px;
    line-height: 49px
}

.headfixed.headerbgm .menu_btn {
    padding: 15px 0
}

.headfixed.headerbgm .hicon {
    transform: scale(.8)
}

.headfixed .head_plli.active .head_ptit, .headfixed .head_pritemli:hover .head_prtit, .headfixed .menu_pcul li.active > a, .headfixed .menu_pcul li:hover > a, .headfixed.hheaderbgm .menu_pcul li.active > a, .headfixed.hheaderbgm .menu_pcul li:hover > a, .headfixed1 .menu_pcul li.active > a, .headfixed1 .menu_pcul li:hover > a {
    background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#ff6224,#ff6224);
    color: transparent;
    -webkit-background-clip: text;
    background-blend-mode: normal,normal
}

.headfixed .head_list {
    padding: 20px 8% .6rem 8%;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}

.headfixed .head_li {
    margin-top: 40px;
    padding-left: 5%;
    border-right: 1px solid #fff
}

    .headfixed .head_li:nth-child(4n-3) {
        padding-left: 0
    }

    .headfixed .head_li:last-child {
        border-color: #fff
    }

.headfixed .head_icon {
    position: relative;
    margin: 0 auto;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: url(../images/so-bgm2.png) no-repeat center;
    background-size: cover
}

.headfixed .head_font {
    position: relative;
    padding: 20px 0 20px 35px;
    width: calc(100% - 62px);
    text-align: left
}

.headfixed .head_tit {
    padding-bottom: 10px;
    color: #333;
    font-weight: 700;
    font-size: 18px
}

.headfixed .menu_pcul .slink {
    display: block;
    margin-top: 15px;
    padding: 5px 0;
    color: #666
}

    .headfixed .head_tit:hover, .headfixed .menu_pcul .slink:hover, .headfixed_pmenu .headfixed_pli .dec a:hover {
        color: #ff6224
    }

.headfixed_pmenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: all .8s;
    transform: translateX(100%);
    pointer-events: none
}

    .headfixed_pmenu.show {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto
    }

    .headfixed_pmenu .headfixed_ptit {
        color: #333;
        font-weight: 700;
        font-size: .6rem
    }

    .headfixed_pmenu .headfixed_pct {
        padding: 2.5rem 0;
        height: 100%
    }

    .headfixed_pmenu .headfixed_pbtn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#ff6224,#ff6224);
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        cursor: pointer;
        transition: transform .5s;
        background-blend-mode: normal,normal
    }

        .headfixed_pmenu .headfixed_pbtn:hover {
            transform: rotate(180deg)
        }

    .headfixed_pmenu .headfixed_plist {
        margin-top: .6rem;
        flex-wrap: wrap
    }

    .headfixed_pmenu .headfixed_pli {
        padding: 0 .3rem;
        border-left: 1px solid rgba(0,0,0,.1);
        vertical-align: top;
        text-align: left;
        flex: 1
    }

        .headfixed_pmenu .headfixed_pli:last-child {
            border-right: 1px solid rgba(0,0,0,.1)
        }

        .headfixed_pmenu .headfixed_pli .tit {
            margin-bottom: 20px;
            color: #333;
            font-weight: 700;
            font-size: 26px
        }

        .headfixed_pmenu .headfixed_pli .dec a {
            display: block;
            padding: 10px 0;
            color: #333;
            font-size: 17px
        }

.headfixed .head_pleft {
    padding: 40px 0;
    width: 26%
}

.headfixed .head_plli {
    position: relative;
    margin-top: 30px;
    cursor: pointer
}

    .headfixed .head_plli:first-child {
        margin-top: 0
    }

.headfixed .head_ptit {
    padding-bottom: 0 !important;
    padding-left: 15px;
    width: calc(100% - 62px);
    text-align: left
}

.headfixed .head_pright {
    overflow: hidden;
    padding-left: 3%;
    width: 74%;
    height: 550px
}

.headfixed .head_pritem, .headfixed .head_prtag {
    flex-wrap: wrap
}

.headfixed .head_pritemli {
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
    padding: 0 .1rem;
    width: 25%
}

.headfixed .head_primg {
    position: relative;
    overflow: hidden
}

.headfixed .head_pritemli:hover .head_primg img {
    transform: scale(1.1)
}

.headfixed .head_prli {
    position: relative;
    display: none
}

    .headfixed .head_prli:first-child {
        display: block
    }

.bannerBox {
    position: relative;
    z-index: 5; /* height:270vh; */
}

.bannerBoxct {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: 100vh;
    color: #fff
}

.banner_bBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    transition: transform 1.5s cubic-bezier(.18,.63,0,1);
    transform-origin: right bottom
}

.bannerBox .mc_bs3_svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    transform: scale(1,1);
    display: none;
}

.in_banner {
    position: relative
}

.bannerBox .mc_bs3_svg img {
    width: 100%;
    height: 100%
}

.banner_svg {
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.bannerBox .banner_img .bgm {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    object-fit: cover;
}

.banner .banner_pro {
    position: absolute;
    top: 20%;
    right: 0
}

    .banner .banner_pro img {
        width: auto
    }

.bannerBox .bannerBox_video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

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

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

.bannerBox .mc_bs3_svg.ac {
    z-index: -1
}

.banner .pub-mbanner {
    display: none
}

.banner .banner_img {
    position: relative;
    transition: transform 3s cubic-bezier(.25,.74,.22,.99) 0s
}

.banner.go .banner_img {
    transform: none
}

.banner1 .banner_mimg {
    position: relative;
    z-index: 1;
    transform: scale(1.1,1.1)
}

.banner .banner_img img {
    width: 100%;
    transition: all .5s cubic-bezier(.25,.74,.22,.99) 0s;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
}

.banner.scroll-animate .pub-pbanner {
    aspect-ratio: 192/70;
}

.banner1 .banner_img {
    transition: linear .3s;
    transform: scale(1)
}

.banner .pub-banner-font .dec, .banner .pub-banner-font .tit { /* opacity:0; */ /* transform:translateY(.5rem); */
}

.banner1 .pub-banner-font .tit, .banner_video .pub-banner-font .tit {
    opacity: 1 !important;
    transform: translateY(0)
}

.banner_video .banner_img::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    content: ''
}

.banner_video .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.banner.go .pub-banner-font .tit {
    opacity: 1;
    transition: all 1s cubic-bezier(.25,.74,.22,.99) 0s;
    transition-delay: 1s;
    transform: none
}

.banner.go .pub-banner-font .dec, .banner.go .pub-banner-font .more {
    opacity: 1;
    transition: all 1s cubic-bezier(.25,.74,.22,.99) 0s;
    transition-delay: 1.2s;
    transform: none
}

.banner.go .pub-banner-font .more {
    transition-delay: 1.4s
}

.banner .swiper-font {
    position: relative;
    z-index: 2
}

.banner .swiper_tit,.banner h1 {
    color: #fff;
    font-weight: 700;
    font-size: .6rem;
    font-family: Poppins-Regular;
    line-height: 1.3
}

.banner .swiper_dec {
    margin-top: 20px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 20px;
    font-family: Poppins-Regular
}

.more {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 14px 6px;
    width: 185px;
    border: solid 1px #fff;
    border-radius: 28px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

    .more em, .more span {
        transition: all .3s
    }

.bmore {
    margin: 25px auto 0 auto !important;
    border: 0
}

.more em {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-weight: 700;
    font-size: 16px
}

    .more em.icon-bofang {
        font-size: 28px;
        line-height: 28px
    }

.more1 {
    transition: all .8s
}

.more::before {
    position: absolute;
    top: 0;
    left: -45px;
    width: 25px;
    height: 100%;
    background: #fff;
    content: ' ';
    opacity: .3;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

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

.more1, .more:hover {
    background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#000,#000);
    background-blend-mode: normal,normal
}

.more:hover {
    transition-delay: 0s !important
}

.more1:hover {
    background-image: linear-gradient(90deg,#e60013 0,#ff972d 100%),linear-gradient(#000,#000);
    background-blend-mode: normal,normal
}

.more:hover em {
    margin-left: 10px
}

.more:hover::before {
    left: calc(100% + 45px);
    width: 35px
}

.banner .more {
    margin: 0;
    transition: all .8s !important
}

    .banner .more:hover {
        background: #fff;
        color: #ee7800
    }

.swiper-pagination {
    bottom: 0;
    text-align: center
}

.banner .swiper-pagination {
    bottom: 50px;
    left: 4%
}

.posr {
    position: relative
}

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

    .popupBox .close {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 9999;
        width: 40px;
        height: 40px;
        font-weight: 700;
        font-size: 20px;
        cursor: pointer
    }

        .popupBox .close:hover {
            color: #0e64e3
        }

    .popupBox .popcont {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-color: #f8f9fc
    }

    .popupBox .contact1_ul {
        padding: 8%;
        background: #fff
    }

    .popupBox .popcont_tit {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 15%;
        width: 100%;
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: .48rem;
        line-height: 1.25;
        transform: translate(-50%,-50%)
    }

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

.in_tit {
    position: relative;
    z-index: 1;
    margin-top: -5px;
    text-align: center
}

.in_stit {
    padding: 0
}

.tlf {
    text-align: left
}

.in_btit .tit, .in_tit .tit {
    color: #000;
    font-weight: 700;
    font-size: .42rem;
    font-family: Montserrat-Regular;
    line-height: 1.2;
    transition: all .8s
}

.in_btit .tit {
    font-size: .45rem
}

.in_stit .tit {
    margin-top: 5px;
    font-size: .48rem
}

.in_tit .tit em {
    font-weight: 400
}

.in_tit .tit span {
    color: #ff9207
}

.in_tit1 .tit {
    font-size: .6rem
}

.in_tit .dec {
    margin-top: 10px;
    color: #333;
    font-size: 20px;
    font-family: Poppins-Regular
}

.in_stit .dec {
    font-size: 16px
}

.in_tit .dec1 {
    margin-bottom: 5px;
    color: #ff9207;
    font-size: .36rem;
    line-height: 1.3
}

.section1 {
    overflow: hidden;
    padding: 8% 0 14% 8%
}

    .section1 .section1_tab {
        position: relative;
        z-index: 3;
        margin-top: 19%
    }

    .section1 .section1_tli {
        position: relative;
        margin-right: 6%;
        cursor: pointer
    }

    .section1 .section1_rli {
        display: none
    }

        .section1 .section1_rli img:nth-child(2) {
            display: none;
            aspect-ratio: 587/470;
        }

        .section1 .section1_rli .simg {
            display: none
        }

        .section1 .section1_rli:first-child {
            display: block
        }

    .section1 .section1_tli:last-child {
        margin-right: 0
    }

    .section1 .section1_icon {
        position: relative;
        width: 78px;
        height: 78px;
        border: solid 1px #fff;
        border-radius: 50%
    }

    .section1 .section1_timg {
        margin-bottom: -.5rem;
        margin-left: .35rem
    }

    .section1 .section1_dec {
        margin-top: 30px;
        color: #737272;
        font-family: Montserrat-Light;
        line-height: 1.73
    }

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

        .section1 .section1_icon em {
            display: block;
            transition: all .6s
        }

        .section1 .section1_icon .icon1 {
            width: 36px;
            height: 30px;
            background: url(../images/in_sprites.png) 0 -176px no-repeat
        }

        .section1 .section1_icon .icon2 {
            width: 36px;
            height: 36px;
            background: url(../images/in_sprites.png) 0 -110px no-repeat
        }

        .section1 .section1_icon .icon3 {
            width: 35px;
            height: 37px;
            background: url(../images/in_sprites.png) 0 -37px no-repeat
        }

        .section1 .section1_icon .icon4 {
            width: 40px;
            height: 28px;
            background: url(../images/in_sprites.png) 0 -234px no-repeat
        }

    .section1 .section1_tli.active .section1_icon .icon1, .section1 .section1_tli:hover .section1_icon .icon1 {
        background: url(../images/in_sprites.png) 0 -146px no-repeat
    }

    .section1 .section1_tli.active .section1_icon .icon2, .section1 .section1_tli:hover .section1_icon .icon2 {
        background: url(../images/in_sprites.png) 0 -74px no-repeat
    }

    .section1 .section1_tli.active .section1_icon .icon3, .section1 .section1_tli:hover .section1_icon .icon3 {
        background: url(../images/in_sprites.png) 0 0 no-repeat
    }

    .section1 .section1_tli.active .section1_icon .icon4, .section1 .section1_tli:hover .section1_icon .icon4 {
        background: url(../images/in_sprites.png) 0 -206px no-repeat
    }

    .section1 .section1_iconBox {
        position: relative;
        width: 103px;
        height: 98px;
        background: url(../images/in-bgm1.png) no-repeat center;
        background-size: cover;
        transition: all .8s
    }

    .mosolution3 .mosolution3_tli.active .mosolution3_iconBox, .section1 .section1_tli.active .section1_iconBox, .section1 .section1_tli:hover .section1_iconBox {
        background: url(../images/in-hbgm1.png) no-repeat center;
        background-size: cover
    }

    .mosolution3 .mosolution3_tli.active .mosolution3_icon, .section1 .section1_tli.active .section1_icon, .section1 .section1_tli:hover .section1_icon {
        background-image: linear-gradient(90deg,#ff972d 0,#e42e3d 100%),linear-gradient(#fff,#fff);
        background-blend-mode: normal,normal
    }

    .section1 .section1_left {
        position: relative;
        z-index: 2;
        width: 35%;
        height: auto
    }

    .section1 .section1_right {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%
    }

        .section1 .section1_right video {
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 2;
            width: 100%;
            max-height: 101%;
            object-fit: cover;
            height: 101%;
        }

    .section1 .section1_rli, .section1 .section1_rli img {
        width: 100%
    }

.section2 .section2_list::before, .section2::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100px;
    background: #fff;
    content: '';
    transform: skewY(3deg)
}

.section2 .section2_slist, .section2::before {
    display: none
}

.section2 .section2_list {
    position: sticky;
    top: 0;
    display: flex;
    overflow: hidden;
    padding: 0 8%;
    height: 100vh;
    background: url(../images/in-bgm2_1.png) no-repeat center bottom;
    background-size: cover;
    align-items: flex-start;
    align-items: center
}

.section2 .section2_left, .section2 .section2_right {
    position: relative;
    overflow: hidden;
    width: 50%
}

.section2 .section2_left {
    z-index: 2;
    margin-bottom: -30px
}

.section2 .section2_right {
    padding-right: 5%
}

.section2 .section2_rli {
    position: relative;
    margin-top: 11%;
    padding-left: 50px;
    transition: all .6s
}

    .section2 .section2_rli:first-child {
        margin-top: 0
    }

.section2 .section2_lli img {
    aspect-ratio: 31/35;
}

.section2 .section2_rli::before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../images/in-sjx.png) no-repeat center;
    background-size: cover;
    content: ''
}

.section2 .section2_rli .tit {
    color: #c5cacd;
    font-weight: 700;
    font-size: .32rem;
    font-family: Montserrat-Regular;
    line-height: 1.32
}

.section2 .section2_font .dec {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #737272;
    font-family: Montserrat-Light;
    line-height: 1.625
}

.section2 .more1 {
    margin: 0
}

.section2 .section2_font {
    display: none;
    padding-left: 35%
}

    .section2 .section2_font::after {
        position: absolute;
        top: 15px;
        left: 0;
        width: 1.98rem;
        height: 1px;
        background-color: #e91316;
        content: ''
    }

    .section2 .section2_font::before {
        position: absolute;
        top: 7px;
        left: 2.1rem;
        width: 15px;
        height: 15px;
        background: url(../images/in-hsjx.png) no-repeat center;
        background-size: cover;
        content: ''
    }

.section2 .section2_rli.active {
    padding-left: 0
}

    .section2 .section2_rli.active::before {
        opacity: 0
    }

    .section2 .section2_rli.active .tit {
        color: #000;
        font-size: .6rem
    }

.section2 .section2_lli, .section2 .section2_slli {
    display: none
}

    .section2 .section2_lli.active, .section2 .section2_rli.active .section2_font, .section2 .section2_slli:first-child {
        display: block
    }

.section2 .section2_srli {
    cursor: pointer
}

.section3 {
    overflow: hidden;
    padding: 16.5% 0
}

    .section3::before {
        position: absolute;
        top: 65%;
        left: 50%;
        width: 66%;
        height: 100%;
        background: url(../images/in-img8.png) no-repeat center;
        background-size: 100%;
        content: '';
        transform: translate(-50%,-65%)
    }

    .section3 .more1 {
        margin-top: 70px
    }

    .section3 .section3_list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section3 .section3_img {
        position: relative;
        overflow: hidden;
        width: 106px;
        height: 106px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 0 57px 0 rgba(0,0,0,.11)
    }

    .section3 .section3_li:nth-child(1) .section3_img {
        width: 75px;
        height: 75px
    }

    .section3 .section3_li:nth-child(3) .section3_img, .section3 .section3_li:nth-child(5) .section3_img {
        width: 82px;
        height: 82px
    }

    .section3 .section3_li:nth-child(6) .section3_img {
        width: 88px;
        height: 88px
    }

    .section3 .section3_li:nth-child(7) .section3_img {
        width: 125px;
        height: 125px
    }

    .section3 .section3_li:nth-child(17) .section3_img, .section3 .section3_li:nth-child(8) .section3_img {
        width: 72px;
        height: 72px
    }

    .section3 .section3_li:nth-child(16) .section3_img, .section3 .section3_li:nth-child(9) .section3_img {
        width: 95px;
        height: 95px
    }

    .section3 .section3_li:nth-child(10) .section3_img, .section3 .section3_li:nth-child(11) .section3_img {
        width: 90px;
        height: 90px
    }

    .section3 .section3_li:nth-child(12) .section3_img {
        width: 57px;
        height: 57px
    }

    .section3 .section3_li:nth-child(13) .section3_img {
        width: 98px;
        height: 98px
    }

    .section3 .section3_li:nth-child(14) .section3_img {
        width: 115px;
        height: 115px
    }

    .section3 .section3_li:nth-child(15) .section3_img {
        width: 106px;
        height: 106px
    }

    .section3 .section3_li:nth-child(18) .section3_img {
        width: 78px;
        height: 78px
    }

    .section3 .section3_li:nth-child(19) .section3_img {
        width: 117px;
        height: 117px
    }

    .section3 .section3_li:nth-child(20) .section3_img {
        width: 100px;
        height: 100px
    }

    .section3 .section3_li:nth-child(21) .section3_img {
        width: 66px;
        height: 66px
    }

    .section3 .section3_li {
        position: absolute
    }

        .section3 .section3_li:nth-child(1) {
            top: 51%;
            left: 5.5%
        }

        .section3 .section3_li:nth-child(2) {
            top: 13%;
            left: 10%
        }

        .section3 .section3_li:nth-child(3) {
            top: 32%;
            left: 13.5%
        }

        .section3 .section3_li:nth-child(4) {
            top: 51%;
            left: 16%
        }

        .section3 .section3_li:nth-child(5) {
            top: 70.5%;
            left: 18%
        }

        .section3 .section3_li:nth-child(6) {
            top: 11.5%;
            left: 21.5%
        }

        .section3 .section3_li:nth-child(7) {
            top: 31.5%;
            left: 24%
        }

        .section3 .section3_li:nth-child(8) {
            top: 55.5%;
            left: 26.5%
        }

        .section3 .section3_li:nth-child(9) {
            top: 17%;
            left: 33%
        }

        .section3 .section3_li:nth-child(10) {
            top: 54%;
            left: 33.5%
        }

        .section3 .section3_li:nth-child(11) {
            top: 73%;
            left: 32%
        }

        .section3 .section3_li:nth-child(12) {
            top: 30%;
            left: 63%
        }

        .section3 .section3_li:nth-child(13) {
            top: 47%;
            left: 67.5%
        }

        .section3 .section3_li:nth-child(14) {
            top: 69%;
            left: 65%
        }

        .section3 .section3_li:nth-child(15) {
            top: 14%;
            left: 67.5%
        }

        .section3 .section3_li:nth-child(16) {
            top: 29%;
            left: 74.5%
        }

        .section3 .section3_li:nth-child(17) {
            top: 49%;
            left: 77.5%
        }

        .section3 .section3_li:nth-child(18) {
            top: 69.5%;
            left: 80.5%
        }

        .section3 .section3_li:nth-child(19) {
            top: 10.5%;
            left: 80.5%
        }

        .section3 .section3_li:nth-child(20) {
            top: 36.5%;
            left: 84.5%
        }

        .section3 .section3_li:nth-child(21) {
            top: 63%;
            left: 90%
        }

    .section3 .swiper-slide .section3_img {
        position: relative;
        width: 100%;
        height: 90px;
        border: 1px solid rgba(51,51,51,.1);
        border-radius: 0;
        box-shadow: 0 0 57px 0 transparent
    }

    .section3 .section3_swiper {
        position: relative;
        display: none;
        margin-top: 30px
    }

    .section3 .swiper-button-next, .section3 .swiper-button-prev {
        transform: translateY(-50%)
    }

    .section3 .section3_swiper .swiper-container {
        width: 90%
    }

.section4 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-bottom: 6.5%
}

    .section4 .section4_img {
        overflow: hidden;
        border-radius: 10px
    }

        .section4 .section4_img a {
            position: relative;
            z-index: 1;
            display: block;
            overflow: hidden
        }

    .section4 .swiper-slide-active .section4_img {
        border-radius: 10px 10px 0 0
    }

    .section4 .section4_font {
        display: none;
        padding: 8% 7%;
        background-color: #f8f8f8;
        opacity: 0;
        transition: all .6s;
        pointer-events: none
    }

        .section4 .section4_font .tit {
            color: #333;
            font-weight: 700;
            font-size: 24px;
            font-family: Poppins-Regular;
            line-height: 1.41
        }

        .section4 .section4_font .dec {
            margin: 15px 0
        }

        .section4 .section4_font .btn, .section4 .section4_font .dec {
            color: #777;
            font-family: Poppins-Regular;
            line-height: 1.75
        }

        .section4 .section4_font .btn {
            margin-bottom: 13%;
            color: #333
        }

            .section4 .section4_font .btn em {
                margin-left: 10px;
                font-weight: 700;
                transition: all .6s
            }

    .section4 .swiper-slide {
        overflow: hidden;
        margin: 0 30px;
        width: 21% !important
    }

        .section4 .swiper-slide:hover .section4_font .btn em {
            margin-left: 20px
        }

    .section4 .swiper-slide-active .section4_font {
        display: block;
        opacity: 1;
        pointer-events: auto
    }

    .section4 .swiper-container {
        padding-top: 50px
    }

.footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #f3f3f3
}

    .footer .footer_top {
        padding: 5.5% 0;
        flex-wrap: wrap
    }

    .footer .footer_left {
        position: relative;
        width: 30%;
    }

    .footer .footer_logo img {
        margin: 0
    }

footer .footer_lft {
    margin-top: 25px
}

.footer .footer_cen {
    padding: 4.5% 0;
    flex-wrap: wrap
}

.footer .ftlogo img {
    margin: 0
}

.footer .footer_input {
    position: relative;
    width: 100%;
    border-radius: 28px
}

    .footer .footer_input .input {
        position: relative;
        display: none;
        padding: 0 20px;
        width: calc(100% - 150px);
        height: 100%
    }

    .footer .footer_input .sub {
        position: relative;
        display: block;
        width: 140px;
        height: 50px;
        border: 1px solid transparent;
        border-radius: 28px;
        background-image: linear-gradient(to right,#fff,#fff),linear-gradient(to right,#ff972d,#e60013);
        background-clip: padding-box,border-box;
        background-origin: padding-box,border-box;
        color: #ff6224;
        text-align: center;
        font-family: Montserrat-Regular;
        cursor: pointer
    }

        .footer .footer_input .sub:hover {
            background-image: linear-gradient(35deg,#ff972d 0,#e60013 100%),linear-gradient(#fff,#fff);
            color: #fff;
            background-blend-mode: normal,normal
        }

        .footer .footer_input .sub em {
            display: block;
            color: #fff;
            font-size: 12px;
            line-height: 48px;
            transform: rotate(-90deg)
        }

.ftlogo-share {
    position: relative;
    margin-left: 8%
}

    .ftlogo-share .bshare-icon {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #fff;
        background-color: #fff;
        color: #fe0000;
        text-align: center;
        font-size: 26px;
        font-family: Gilroy-Light;
        line-height: 48px;
        transition: none
    }

        .ftlogo-share .bshare-icon:hover {
            color: #fff
        }

        .ftlogo-share .bshare-icon.icon-facebook {
            color: #1877f2
        }

        .ftlogo-share .bshare-icon.icon-linkedin {
            color: #0b66c1
        }

        .ftlogo-share .bshare-icon.icon-youtube {
            color: #fe0000
        }

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

    .ftlogo-share .bshare-icon:hover {
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#fff,#fff);
        color: #fff !important;
        background-blend-mode: normal,normal
    }

    .ftlogo-share .share-ewmBox {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 10;
        visibility: hidden;
        margin-top: 10px;
        padding-top: 10px;
        width: 90px;
        opacity: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -ms-transform: translateX(-50%)
    }

    .ftlogo-share .share-ewm img {
        width: 100%;
        height: 90px
    }

    .ftlogo-share .share-ewm::after {
        position: absolute;
        top: -8px;
        left: 50%;
        z-index: 9;
        width: 12px;
        height: 6px;
        border-right: 6px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 6px solid transparent;
        content: '';
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -ms-transform: translateX(-50%)
    }

    .ftlogo-share .share-ewm {
        width: 90px;
        height: 90px
    }

    .ftlogo-share .bshare-icon:hover .share-ewmBox {
        visibility: inherit;
        margin-top: 0;
        opacity: 1
    }

.footer .footerphone-menu {
    padding-left: 10%;
    flex: 1
}

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

.footer .footer-subtit a {
    font-weight: 700;
    font-size: 20px;
    font-family: Montserrat-Regular
}

.footer .footer-subnav {
    margin-top: 22px
}

    .footer .footer-subnav a, footer .footer_lft {
        display: block;
        color: #8f8f8f;
        font-size: 14px;
        font-family: Montserrat-Light
    }

    .footer .footer-subnav a {
        padding: 5px 0
    }

.footer .foot_right {
    width: 28%
}

.footer .foot_addrli {
    position: relative
}

    .footer .foot_addrli:last-child {
        margin-right: 0
    }

    .footer .foot_addrli .tit {
        display: block;
        margin-top: 5px;
        margin-right: 5px;
        color: #2d7eea;
        font-size: 18px;
        line-height: 20px
    }

    .footer .foot_addrli .dec {
        color: #2d7eea;
        letter-spacing: 1px;
        font-size: 30px;
        line-height: 1.3
    }

.footer .foot-bot {
    padding: 15px 0;
    flex-wrap: wrap
}

.footer .foot-copy, .footer .foot-copy a, .footer .foot-rtlink, .footer .foot-rtlink a {
    color: #a9a9a9;
    font-size: 14px;
    font-family: Montserrat-Light
}

.footer .foot-rtlink {
    margin-top: 25px
}

    .footer .foot-copy a:hover, .footer .foot-rtlink a:hover, .footer .foot_addrli .dec a:hover, .footer .footer-subnav a:hover {
        color: #e70415
    }

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

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

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

.footer .foot-ewm {
    position: relative;
    width: 105px;
    text-align: center;
    font-weight: lighter;
    font-size: 14px
}

    .footer .foot-ewm img {
        margin-bottom: 10px;
        max-width: 105px;
        max-height: 105px
    }

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

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

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

.pub-banner-font {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -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-font1 {
    top: 32%;
    left: 50%;
    -webkit-transform: translate(-50%,-32%);
    -moz-transform: translate(-50%,-32%);
    -o-transform: translate(-50%,-32%);
    transform: translate(-50%,-33%);
    -ms-transform: translate(-50%,-32%)
}

.pub-banner-font.ftce {
    text-align: center
}

.download1_tit, .pub-banner-font .tit {
    color: #fff;
    font-weight: 700;
    font-size: .58rem;
    line-height: 1
}

.pub-banner-font1 .tit {
    font-size: .56rem;
    line-height: 1.14
}

.pub-banner-font .dec1 {
    margin-top: 35px
}

.pub-banner-font .tit span {
    display: inline-block;
    margin-right: 15px;
    color: #ff9207;
    vertical-align: -5px;
    font-size: .8rem;
    line-height: 1
}

.pub-banner-font .tit em {
    color: #ff9610
}

.pub-banner-font .dec {
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 1.77
}

    .pub-banner-font .dec span {
        display: inline-block;
        margin: 0 6px;
        color: #ff9610;
        vertical-align: -2px;
        font-size: .44rem;
        line-height: 1
    }

.ny-bread {
    position: relative;
    padding: 20px 0;
    width: 100%
}

.ny-bread1 {
    background-color: #f8f9fb
}

.ny-bread a, .ny-bread em {
    display: inline-block;
    color: #666;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px
}

    .ny-bread em.icon-weizhi {
        margin-left: 0;
        font-size: 20px
    }

    .ny-bread em.line {
        color: #b9b9b9
    }

    .ny-bread a:hover {
        color: #e60013
    }

.paging {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    flex-wrap: wrap
}

    .paging a {
        display: block;
        margin: 0 5px;
        width: 40px;
        height: 40px;
        border: solid 1px #e3e3e3;
        border-radius: 20px;
        background-color: #fff;
        color: #000;
        font-size: 16px;
        font-family: Gilroy-Light;
        line-height: 40px;
        transition: all .5s
    }

        .paging a em {
            display: inline-block;
            font-weight: 700;
            font-size: 14px;
            line-height: 1;
            transform: translateY(-2px)
        }

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

            .paging a.paging-icon:hover em {
                color: #fff
            }

        .paging a.active {
            border: solid 1px #ed7800;
            color: #ed7800
        }

        .paging a.paging-icon:hover, .paging a:hover {
            border-color: #ed7800;
            background-color: #ed7800;
            color: #fff
        }

@media (max-width:1100px) {
    .paging a {
        width: 35px;
        height: 35px;
        font-size: 14px;
        line-height: 35px
    }

    .section1 .section1_rli img:nth-child(1), .section1 .section1_right video {
        display: none;
    }

    .section1 .section1_rli img:nth-child(2) {
        display: block;
    }
}

@media (max-width:767px) {
    .paging a {
        margin: 0 2px;
        width: 28px;
        height: 28px;
        font-size: 13px;
        line-height: 28px
    }

        .paging a.paging-icon {
            width: 65px
        }

        .paging a:nth-child(5) {
            display: none
        }
}

.right-flex {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 30;
    width: 60px
}

    .right-flex ul {
        width: 100%
    }

    .right-flex li {
        position: relative;
        float: right;
        margin-bottom: 5px;
        width: 60px;
        height: 60px;
        border-radius: 28px;
        line-height: 60px;
        transition: width .3s,background .3s,margin .3s
    }

        .right-flex li:hover .right_cont {
            width: 160px
        }

        .right-flex li .ico {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            transition: right .3s;
            transition: all .6s
        }

        .right-flex li:hover .ico {
            opacity: .8
        }

        .right-flex li a {
            position: relative;
            z-index: 1;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: 28px;
            box-shadow: 0 3px 10px 0 rgba(0,0,0,.1)
        }

        .right-flex li .img {
            width: 50px;
            height: 50px
        }

        .right-flex li .ico {
            color: #fff;
            text-align: center;
            font-size: 28px
        }

            .right-flex li .ico.icon1 {
                background: url(../images/contact.png?v=1) no-repeat center;
                background-size: cover
            }

            .right-flex li .ico.icon2 {
                background: url(../images/top.svg) no-repeat center;
                background-size: cover
            }

            .right-flex li .ico.ico03 {
                font-size: 32px
            }

            .right-flex li .ico.ico08 {
                font-weight: 700;
                font-size: 18px;
                transform: rotate(180deg)
            }

    .right-flex .right-close {
        display: none;
        width: 100%;
        height: 40px;
        font-weight: 700;
        font-size: 12px
    }

    .right-flex .close-icon {
        display: block;
        margin: 0 auto 10px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #d4d7db;
        color: #fff;
        text-align: center;
        font-size: 14px;
        line-height: 32px;
        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
    }

.app-kfbt {
    display: none;
    height: 48px
}

.app-kf {
    position: fixed;
    z-index: 9;
    overflow: hidden
}

.app-kf, .kufuul {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px
}

.kufuul {
    position: absolute;
    display: inline-block;
    padding: 2px 0
}

.kefu li, .kufuul {
    text-align: center
}

.kefu li {
    float: left;
    width: 50%;
    height: 50px;
    color: #fff;
    line-height: 50px;
    transition: all .4s
}

    .kefu li a em {
        display: inline-block;
        margin-right: 10px;
        vertical-align: -2px;
        font-size: 20px
    }

.kf-dh, .kf-zx {
    display: block;
    width: 100%;
    height: 100%;
    background: #d4d7db;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 50px
}

.kf-dh {
    background: #e70415
}

.nav-menu {
    position: relative;
    z-index: 5;
    padding: 0 8%;
    border-bottom: 1px solid rgba(51,51,51,.07)
}

.nav-menu1 {
    margin-top: -65px;
    border-bottom-color: transparent
}

.nav-menu .nav-name {
    position: relative;
    display: block;
    display: none;
    padding: 0 5%;
    color: #333;
    text-align: left;
    font-size: 18px;
    line-height: 65px;
    cursor: pointer
}

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

.nav-menu .nav-menu-ul {
    background: hsla(0,0%,100%,.8)
}

    .nav-menu .nav-menu-ul a {
        display: block;
        overflow: hidden;
        padding: 35px 0;
        width: 100%;
        color: #222;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 20px;
        line-height: 1.3
    }

    .nav-menu .nav-menu-ul a, .nav-menu .nav-menu-ul li {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -ms-transition: .5s
    }

    .nav-menu .nav-menu-ul li {
        position: relative;
        margin-right: 4%;
        text-align: center
    }

        .nav-menu .nav-menu-ul li:before {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0%;
            height: 3px;
            background-color: #2d7eea;
            content: '';
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
            -ms-transition: .5s
        }

.nav-menu1 .nav-menu-ul li:before {
    top: 0;
    bottom: auto
}

.nav-menu .nav-menu-ul li.active:before, .nav-menu .nav-menu-ul li:hover:before {
    right: auto;
    left: 0;
    width: 100%
}

.nav-menu1 .nav-menu-ul li {
    margin-right: 0;
    border-right: 1px solid rgba(34,34,34,.07);
    flex: 1
}

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

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

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

@media screen and (max-width:1679px) {
    .nav-menu {
        padding: 0 5%
    }
}

@media screen and (max-width:1459px) {
    .nav-menu .nav-menu-ul a {
        padding: 25px 0;
        font-size: 18px
    }
}

@media screen and (max-width:1259px) {
    .nav-menu .nav-menu-ul a {
        padding: 20px 0
    }

    .nav-menu .nav-menu-ul li {
        margin-right: 6%
    }
}

@media screen and (max-width:1100px) {
    .nav-menu {
        overflow: initial !important
    }

        .nav-menu .nav-name {
            display: block;
            padding: 0
        }

            .nav-menu .nav-name .iconfont {
                right: 0
            }

    .nav-menu {
        margin-top: 0;
        border-bottom: 1px solid rgba(51,51,51,.15)
    }

        .nav-menu .nav-menu-ul li:before {
            display: none
        }

        .nav-menu .nav-menu-ul {
            position: absolute;
            left: 0;
            z-index: 999;
            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 5%;
                border-top: 1px solid rgba(51,51,51,.1);
                color: #333;
                font-size: 16px;
                font-family: Poppins-Regular;
                line-height: 26px
            }
}

@media screen and (max-width:767px) {
    .nav-menu .nav-name {
        font-size: 16px;
        line-height: 50px
    }

    .nav-menu .nav-menu-ul a {
        padding: 12px 5%;
        font-size: 14px
    }
}

.product1 {
    position: relative;
    flex-wrap: wrap;
    align-items: flex-start
}

    .product1 .product1_menu {
        position: sticky;
        top: 100px;
        width: 260px;
        background-color: #fff;
        /* display: none; */
    }

.product1_menu li {
    position: relative
}

.product1_menu .product1_ltit {
    position: relative;
    padding: 16px 0 16px 30px;
    width: 100%;
    color: #333;
    font-size: 18px;
    transition: all .8s;
    align-items: center
}

    .product1_menu .product1_ltit::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 3px;
        height: 0%;
        background-color: #e60013;
        content: '';
        transition: all .5s;
        transform: translateY(-50%)
    }

    .product1_menu .product1_ltit.active::before {
        height: 100%
    }

    .product1_menu .product1_ltit.active {
        background: url(../images/pro-bgm1.png) no-repeat center;
        background-size: cover;
        font-weight: 700
    }

    .product1_menu .product1_ltit.active, .product1_menu .product1_ltit:hover, .product1_menu .product1_ltit_two:hover {
        color: #e60013
    }

.product1 .product1_ctitem li:first-child a.active h5, .product1 .product1_ctitem li:first-child a:hover h5 {
    color: #fff
}

.product1_menu .product1_ltit_two {
    position: relative;
    margin: 15px 0;
    padding-left: 20px;
    color: #888;
    font-size: 14px
}

.product1 .product1_mect {
    display: none;
    padding: 10px 15px
}

.product1 .product1_cont {
    position: relative;
    padding-left: 1.4rem;
    width: calc(100% - 260px);
}


.product1 .product1_cont2 {
    padding-left: 0;
    width: 100%;
}

.product1 .product1_tit {
    margin-top: 30px;
    color: #000;
    font-weight: 700;
    font-size: .3rem
}

    .product1 .product1_tit:first-child {
        margin-top: 0
    }

.product1 .product1_stit {
    position: relative;
    margin-top: 25px;
    padding-left: 20px;
    color: #333;
    font-weight: 700;
    font-size: 20px
}

.product1 .product1_line {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

.product1 .product1_stit::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 9px;
    background: url(../images/pro-icon1.png) no-repeat center;
    background-size: cover;
    content: ''
}

.product1 .product1_prolink {
    display: block;
    margin-right: 2%;
    margin-bottom: 6%;
    width: 32%;
    transition: all .6s
}

    .product1 .product1_prolink:nth-child(3n) {
        margin-right: 0
    }

.product1 .product1_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 15px;
    transition: all .8s
}

    .product1 .product1_img img {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: auto
    }

    .product1 .product1_img::before {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 0%;
        height: 4px;
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#fff,#fff);
        content: '';
        transition: all .8s;
        background-blend-mode: normal,normal
    }

.headfixed .head_prtit, .product1 .product1_protit {
    margin: 20px 0 5px 0;
    color: #333;
    text-align: center;
    font-size: 18px
}

.headfixed .head_primg img {
    transform: scale(.8)
}

.product1 .product1_proli, .product1 .product1_tag {
    flex-wrap: wrap
}

    .headfixed .head_prtag .tag, .product1 .product1_tag .tag {
        display: inline-block;
        margin-top: 10px;
        margin-right: 10px;
        padding: 5px 15px;
        border-radius: 4px;
        background-color: #f7f7f7;
        color: #333;
        font-size: 14px
    }

.product1 .product1_prolink:hover .product1_img {
    box-shadow: 0 5px 46px 0 rgba(4,0,0,.09)
}

    .product1 .product1_prolink:hover .product1_img::before {
        left: 0;
        width: 100%
    }

.prinfo1 {
    position: relative;
    overflow: hidden;
    padding-top: 9%;
    background: url(../images/pro-banner1_1.jpg) no-repeat center;
    background-size: cover
}

    .prinfo1::after, .prinfo1::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 105%;
        height: 100%;
        content: '';
        transform: scale(2)
    }

    .prinfo1::before {
        z-index: 2;
        background: url(../images/prinfo-bgm3.png) no-repeat center;
        background-size: cover;
        -webkit-animation: wave_2 linear 4s infinite;
        animation: wave_2 linear 4s infinite
    }

    .prinfo1::after {
        z-index: 1;
        background: url(../images/prinfo-bgm3_1.png) no-repeat center;
        background-size: cover;
        -webkit-animation: wave_1 linear 4s infinite;
        animation: wave_1 linear 4s infinite
    }

@-webkit-keyframes wave_1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes wave_1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes wave_2 {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

@keyframes wave_2 {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}

.prinfo1 .line {
    margin: 40px 0 30px 0;
    width: 60px;
    height: 3px;
    background-color: #fff
}

.prinfo1 .prinfo1_left {
    position: relative;
    z-index: 5;
    margin-top: 4%;
    width: 55%
}

.prinfo1 .prinfo1_dec {
    margin-bottom: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 26px
}

.prinfo1 .in_tit .tit {
    color: #fff
}

.btn_more {
    display: inline-block;
    margin-right: 15px;
    padding: 5px 22px;
    border-radius: 18px;
    background: rgba(255,255,255,.2);
    color: #fff;
    vertical-align: middle;
    font-size: 18px;
    transition: all .6s
}

    .btn_more:hover {
        background: rgba(255,255,255,.4)
    }

    .btn_more .icon-mjt {
        margin-left: 5px;
        font-size: 16px;
        transition: all .6s
    }

.prinfo1 .prinfo1_right {
    position: relative;
    z-index: 5;
    width: 45%
}

.btn_more:hover .icon-mjt {
    margin-left: 15px
}

.prinfo2 {
    position: relative;
    flex-wrap: wrap
}

    .prinfo2 .prinfo2_left {
        margin-right: .5rem;
        width: 54.5%
    }

    .prinfo2 .prinfo2_right {
        width: 41.92%
    }

    .prinfo2 .prinfo2_font .tit, .prinfo3 .prinfo3_li .tit, .prinfo3_1 .prinfo3_li .tit {
        margin: 10px 0 5px 0;
        color: #333;
        font-weight: 700;
        font-size: 26px;
        line-height: 1.4
    }

    .prinfo2 .prinfo2_font .dec, .prinfo3 .prinfo3_li .dec {
        color: #666;
        line-height: 1.625
    }

.icon {
    position: relative
}

    .icon em {
        display: block
    }

.prinfo2 .prinfo2_bli, .prinfo2 .prinfo2_li {
    padding: .5rem;
    border-radius: 15px;
    background-color: #f7f7f7;
    flex-wrap: wrap
}

.prinfo2 .prinfo2_bli {
    margin-top: .5rem;
    padding-bottom: 0 !important
}

.prinfo2 .prinfo2_icon {
    width: 56px;
    height: 56px
}

    .prinfo2 .prinfo2_icon .icon1 {
        width: 52px;
        height: 51px;
        background: url(../images/pro_sprites.png) 0 -104px no-repeat
    }

    .prinfo2 .prinfo2_icon .icon2 {
        width: 53px;
        height: 45px;
        background: url(../images/pro_sprites.png) 0 -248px no-repeat
    }

    .prinfo2 .prinfo2_icon .icon3 {
        width: 56px;
        height: 47px;
        background: url(../images/pro_sprites.png) 0 -155px no-repeat
    }

.prinfo2 .prinfo2_left .prinfo2_font {
    width: 45%
}

.prinfo2 .prinfo2_left .prinfo2_img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 55%;
    transform: translateY(-50%)
}

.prinfo2 .prinfo2_tli {
    position: relative;
    padding-left: .5rem;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-wrap: wrap
}

    .prinfo2 .prinfo2_tli::before {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        width: 74%;
        height: 74%;
        border-radius: 15px;
        background-color: #f7f7f7;
        content: ''
    }

    .prinfo2 .prinfo2_tli .prinfo2_img {
        width: 37%
    }

    .prinfo2 .prinfo2_tli .prinfo2_font {
        padding-bottom: 25px;
        padding-left: .4rem;
        width: 63%
    }

.prinfo2 .prinfo2_bli .prinfo2_font {
    padding-right: .3rem;
    width: 72%
}

.prinfo2 .prinfo2_bli .prinfo2_img {
    width: 28%
}

.prinfo3 {
    overflow: hidden
}

    .prinfo3 .prinfo3_bgm {
        transition: linear .3s
    }

    .prinfo3 .prinfo3_bgmimg {
        position: relative;
        z-index: 1;
        transform: scale(1.1,1.1)
    }

    .prinfo3 .prinfo3_bgm img {
        width: 100%;
        transition: all .5s cubic-bezier(.25,.74,.22,.99) 0s
    }

    .prinfo3 .prinfo3_icon, .prinfo3_1 .prinfo3_icon {
        position: relative;
        width: 55px;
        height: 55px
    }

        .prinfo3 .prinfo3_icon .icon1 {
            width: 26px;
            height: 46px;
            background: url(../images/pro_sprites.png) 0 -202px no-repeat
        }

        .prinfo3 .prinfo3_icon .icon2 {
            width: 50px;
            height: 51px;
            background: url(../images/pro_sprites.png) 0 -53px no-repeat
        }

        .prinfo3 .prinfo3_icon .icon3 {
            width: 53px;
            height: 53px;
            background: url(../images/pro_sprites.png) 0 0 no-repeat
        }

    .prinfo3 .prinfo3_ul, .prinfo3_1 .prinfo3_ul {
        position: relative;
        z-index: 2;
        margin-top: -60px;
        padding: 0 5%;
        flex-wrap: wrap
    }

    .prinfo3 .prinfo3_li, .prinfo3_1 .prinfo3_li {
        position: relative;
        margin-right: 5%;
        padding: 2.5%;
        width: 30%;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 5px 46px 0 rgba(4,0,0,.09)
    }

.prinfo3_1 .prinfo3_ul {
    margin-top: 0
}

.prinfo3_1 .prinfo3_li {
    margin-top: 0;
    margin-bottom: 5%
}

    .prinfo3 .prinfo3_li:nth-child(3n), .prinfo3_1 .prinfo3_li:nth-child(3n) {
        margin-right: 0
    }

.prinfo4 {
    position: relative;
    overflow: hidden;
    background: #ee7800
}

    .prinfo4::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 105%;
        height: 100%;
        background: url(../images/prinfo-bgm2.jpg) no-repeat center;
        background-size: cover;
        content: '';
        transform: scale(2);
        -webkit-animation: wave_1 linear 4s infinite;
        animation: wave_1 linear 4s infinite
    }

    .prinfo4 .in_tit .tit {
        color: #fff
    }

    .prinfo4 .prinfo4_swiper {
        width: 60.5%
    }

    .prinfo4 .swiper-button-prev {
        left: -120px
    }

    .prinfo4 .swiper-button-next {
        right: -120px
    }

    .prinfo4 .prinfo4_font {
        overflow: hidden;
        padding: .45rem .45rem;
        border-radius: 15px;
        background: rgba(0,0,0,.12)
    }

    .prinfo4 .ftli .tag {
        display: inline-block;
        overflow: hidden;
        padding: 1px 0;
        border-radius: 14px;
        color: rgba(241,241,241,.5);
        font-size: 18px;
        transition: all .6s
    }

    .prinfo4 .ftli .tag_tit {
        color: #fff;
        font-size: .3rem;
        line-height: 1.3;
        word-break: break-all
    }

    .prinfo4 .prinfo4_ftli {
        padding-top: .35rem;
        border-bottom: 1px solid rgba(241,241,241,.26);
        flex-wrap: wrap
    }

        .prinfo4 .prinfo4_ftli:last-child {
            border-bottom: 0
        }

    .prinfo4 .ftlli {
        width: 46%
    }

    .prinfo4 .ftrli {
        position: relative;
        width: 54%
    }

    .prinfo4 .ftli:hover .tag {
        padding: 1px 10px;
        background: rgba(255,255,255,.4);
        color: #f1f1f1
    }

    .prinfo4 .prinfo4_list {
        margin: 0 auto;
        margin-top: 40px;
        width: 90%;
        align-items: center
    }

    .prinfo4 .swiper-container {
        width: 100%
    }

    .prinfo4 .swiper-slide {
        flex-wrap: wrap
    }

    .prinfo4 .prinfo4_img {
        position: relative;
        z-index: 1;
        width: 43.5%
    }

        .prinfo4 .prinfo4_img img {
            margin: 0
        }

    .prinfo4 .swiper-pagination {
        top: 35px;
        right: 0;
        bottom: auto;
        left: auto;
        padding: 0 .55rem;
        width: 100%;
        text-align: left
    }

.prinfo5 {
    padding-bottom: 100px
}

    .prinfo5 .prinfo5_tab {
        margin-top: 3.5%;
        border-bottom: 1px solid #ebebeb;
        flex-wrap: wrap
    }

    .prinfo5 .prinfo5_tli {
        position: relative;
        margin-right: 10%;
        padding: 20px 0;
        color: #000;
        font-size: 18px;
        cursor: pointer
    }

        .prinfo5 .prinfo5_tli:last-child {
            margin-right: 0
        }

        .prinfo5 .prinfo5_tli.active {
            color: #e60013;
            font-weight: 700
        }

        .prinfo5 .prinfo5_tli::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 3px;
            background-color: #e60013;
            content: '';
            transition: all .5s
        }

        .prinfo5 .prinfo5_tli.active::before {
            width: 100%
        }

    .prinfo5 .prinfo5_li {
        padding: 25px 15px;
        border-bottom: 1px solid #ebebeb
    }

    .prinfo5 .prinfo5_font {
        position: relative;
        padding: 0 50px;
        width: calc(100% - 85px)
    }

        .prinfo5 .prinfo5_font::before {
            position: absolute;
            top: 45%;
            left: 0;
            width: 20px;
            height: 20px;
            background: url(../images/prinfo-icon7.png) no-repeat center;
            background-size: cover;
            content: '';
            transform: translateY(-45%)
        }

    .prinfo5 .prinfo5_li:hover .prinfo5_font::before {
        background: url(../images/prinfo-hicon7.png) no-repeat center;
        background-size: cover
    }

    .prinfo5 .prinfo5_font .tit {
        margin-bottom: 10px;
        color: #000;
        font-weight: 600;
        font-size: 16px
    }

    .prinfo5 .prinfo5_font .dec {
        color: #999
    }

    .prinfo5 .prinfo5_icon {
        position: relative;
        width: 85px;
        height: 45px;
        border: 1px solid rgba(51,51,51,.2);
        border-radius: 23px;
        background-color: #fff;
        background-clip: padding-box;
        color: #000;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        line-height: 45px;
        transition: all .6s
    }

        .prinfo5 .prinfo5_icon:before {
            display: block;
            transform: rotate(90deg)
        }

    .prinfo5 .prinfo5_li:hover .prinfo5_icon {
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#e60013,#e60013);
        color: #fff;
        text-align: center;
        background-blend-mode: normal,normal
    }

    .prinfo5 .prinfo5_liBox, .prinfo6 .swiper-pagination {
        display: none
    }

        .prinfo5 .prinfo5_liBox:first-child {
            display: block
        }

.prinfo6 .prinfo6_img {
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.prinfo6 .prinfo6_tit {
    padding: 16px;
    min-height: 86px;
    border-radius: 0 0 10px 10px;
    background-color: #ee7800;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.prinfo6 .swiper-container {
    margin-top: 3%
}

.solution1 .solution1_li {
    position: relative;
    overflow: hidden;
    margin-right: 3%;
    width: calc(100% - 430px - 40px);
    border-radius: 15px;
    box-shadow: 0 0 43px 7px rgba(231,232,234,.38)
}

.solution1 .solution1_liBox {
    position: relative;
    margin-top: .8rem;
    align-items: flex-start
}

    .solution1 .solution1_liBox:first-child {
        margin-top: 0
    }

.solution1 .solution1_li .solution1_font {
    padding: 7% 9%;
    background-color: #fff
}

.solution1 .solution1_li .tit {
    margin-bottom: 10px;
    color: #000;
    font-weight: 700;
    font-size: .3rem
}

.solution1 .solution1_li .dec {
    color: #666;
    line-height: 1.75
}

.solution1 {
    flex-wrap: wrap
}

    .solution1 .solution1_sli {
        display: block;
        padding: 6.5% 16%;
        width: 100%
    }

    .solution1 .solution1_rfont .tit {
        margin-top: 12px;
        color: #333;
        text-align: center;
        font-size: 18px
    }

    .solution1 .solution1_rfont .dec {
        color: #666;
        text-align: center;
        line-height: 1.71
    }

    .solution1 .solution1_icon {
        position: relative;
        margin: 0 auto;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        background: url(../images/so-bgm2.png) no-repeat center;
        background-size: cover
    }

        .solution1 .solution1_icon .icon1 {
            width: 34px;
            height: 34px;
            background: url(../images/so_sprites.png) 0 -303px no-repeat;
            opacity: 1
        }

        .solution1 .solution1_icon .icon2 {
            width: 34px;
            height: 35px;
            background: url(../images/so_sprites.png) 0 -268px no-repeat;
            opacity: 1
        }

        .solution1 .solution1_icon .icon3 {
            width: 40px;
            height: 40px;
            background: url(../images/so_sprites.png) 0 -228px no-repeat;
            opacity: 1
        }

    .solution1 .solution1_rtli {
        position: relative;
        overflow: hidden;
        padding: 35px 0 .95rem 0;
        width: 430px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 0 43px 7px rgba(231,232,234,.38)
    }

    .solution1 .swiper-pagination {
        width: 100%;
        text-align: center
    }

    .solution1 .swiper-container {
        margin-bottom: 30px;
        padding-bottom: 55px
    }

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

.solution2 .solution2_dec {
    margin-top: 35px;
    padding: 0 12%;
    color: #000;
    text-align: center;
    line-height: 1.75
}

.solution2 .swiper-slide {
    padding: 23px 0;
    background-color: #fff;
    box-shadow: 0 0 18px 3px rgba(231,232,234,.38)
}

    .solution2 .swiper-slide::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 111px;
        height: 100%;
        background: url(../images/so-bgm3.png) no-repeat center;
        background-size: cover;
        content: ''
    }

.solution2 .solution2_icon {
    position: relative;
    width: 90px;
    height: 60px
}

    .solution2 .solution2_icon em {
        margin-top: -10%
    }

    .solution2 .solution2_icon .icon1 {
        width: 58px;
        height: 58px;
        background: url(../images/so_sprites.png) 0 -119px no-repeat
    }

    .solution2 .solution2_icon .icon2 {
        width: 58px;
        height: 58px;
        background: url(../images/so_sprites.png) 0 -61px no-repeat
    }

    .solution2 .solution2_icon .icon3 {
        width: 57px;
        height: 51px;
        background: url(../images/so_sprites.png) 0 -177px no-repeat
    }

    .solution2 .solution2_icon .icon4 {
        width: 52px;
        height: 61px;
        background: url(../images/so_sprites.png) 0 0 no-repeat
    }

.solution2 .solution2_font {
    padding-right: .1rem;
    padding-left: .5rem;
    width: calc(100% - 90px)
}

    .solution2 .solution2_font .tit {
        color: #000;
        font-weight: 700;
        font-size: .3rem;
        line-height: 1.2
    }

    .solution2 .solution2_font .dec {
        min-height: 55px;
        color: #666;
        line-height: 1.625
    }

.solution2 .swiper-container {
    padding: 6% 0
}

.mosolution3, .solution3 {
    overflow: hidden;
    background: #eaedf0
}

    .solution3 .solution3_tab {
        position: relative;
        z-index: 2;
        margin-top: 45px;
        flex-wrap: wrap
    }

    .mosolution3 .mosolution3_icon .icon1, .solution3 .solution3_icon .icon1 {
        width: 30px;
        height: 30px;
        background: url(../images/so_sprites.png) 0 -337px no-repeat
    }

    .mosolution3 .mosolution3_icon .icon2, .solution3 .solution3_icon .icon2 {
        width: 27px;
        height: 27px;
        background: url(../images/so_sprites.png) 0 -367px no-repeat
    }

    .mosolution3 .mosolution3_icon .icon3, .solution3 .solution3_icon .icon3 {
        width: 26px;
        height: 26px;
        background: url(../images/so_sprites.png) -34px -268px no-repeat
    }

    .mosolution3 .mosolution3_icon .hicon1, .solution3 .solution3_icon .hicon1 {
        width: 30px;
        height: 30px;
        background: url(../images/so_sprites.png) -30px -337px no-repeat
    }

    .mosolution3 .mosolution3_icon .hicon2, .solution3 .solution3_icon .hicon2 {
        width: 27px;
        height: 27px;
        background: url(../images/so_sprites.png) -27px -367px no-repeat
    }

    .mosolution3 .mosolution3_icon .hicon3, .solution3 .solution3_icon .hicon3 {
        width: 26px;
        height: 26px;
        background: url(../images/so_sprites.png) -34px -303px no-repeat
    }

    .mosolution3 .mosolution3_tli, .solution3 .solution3_tli {
        position: relative;
        margin-right: 1.5%;
        padding: 12px 30px;
        border-radius: 28px;
        background-color: #fff;
        cursor: pointer
    }

    .mosolution3 .mosolution3_tli {
        margin-top: 30px;
        padding: 0 !important;
        background: 0 0
    }

        .mosolution3 .mosolution3_tli:first-child {
            margin-top: 0
        }

        .mosolution3 .mosolution3_tli:last-child, .solution3 .solution3_tli:last-child {
            margin-right: 0
        }

    .mosolution3 .mosolution3_icon, .solution3 .solution3_icon {
        position: relative;
        width: 30px;
        height: 30px
    }

        .mosolution3 .mosolution3_icon .shicon, .mosolution3 .mosolution3_tli.active .mosolution3_icon .sicon, .solution3 .solution3_icon .shicon, .solution3 .solution3_tli.active .solution3_icon .sicon {
            opacity: 0
        }

    .mosolution3 .mosolution3_tli.active .mosolution3_icon .shicon, .solution3 .solution3_tli.active .solution3_icon .shicon {
        opacity: 1
    }

    .solution3 .solution3_tli.active {
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%)
    }

    .solution3 .solution3_font {
        padding-left: 10px;
        width: calc(100% - 30px);
        color: #333;
        font-size: 18px
    }

    .solution3 .solution3_tli.active .solution3_font {
        color: #fff;
        font-weight: 700
    }

    .solution3 .solution3_list {
        overflow: hidden;
        height: 8.3rem
    }

        .solution3 .solution3_list img {
            position: absolute;
            bottom: .5rem;
            left: 0;
            width: 100%;
            opacity: 0
        }

.mosolution3 {
    overflow: hidden;
    background: 0 0
}

    .mosolution3 .mosolution3_vili video, .solution3 .solution3_list video {
        position: absolute;
        top: 126px;
        left: 0;
        width: 100%;
        height: 100%;
        mix-blend-mode: darken
    }

    .mosolution3 .mosolution3_list {
        height: 9.3rem;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .mosolution3 .mosolution3_iconBox {
        position: relative;
        width: 90px;
        height: 85px;
        border-radius: 50%;
        background: #fff;
        background: url(../images/in-bgm1.png) no-repeat center;
        background-size: cover
    }

        .mosolution3 .mosolution3_iconBox .mosolution3_icon {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 60px;
            height: 60px;
            border: solid 1px #fff;
            border-radius: 50%;
            transform: translate(-50%,-50%)
        }

    .mosolution3 .mosolution3_tit {
        padding-left: 20px;
        width: calc(100% - 90px);
        color: #333;
        font-size: 18px
    }

    .mosolution3 .mosolution3_tab {
        position: relative;
        z-index: 5;
        margin-top: 1.5rem;
        padding-left: 13.2%;
        width: 55%
    }

    .mosolution3 .mosolution3_tit:hover, .mosolution3 .mosolution3_tli.active .mosolution3_tit {
        color: #e70415
    }

    .mosolution3 .mosolution3_vilist {
        position: absolute;
        top: -.5rem;
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .mosolution3 .mosolution3_vili img {
        width: 100%;
        height: 100%;
        opacity: 0;
        object-fit: cover
    }

    .mosolution3 .mosolution3_vili {
        position: relative;
        overflow: hidden
    }

        .mosolution3 .mosolution3_vili video {
            top: 0 !important;
            z-index: 5
        }

    .mosolution3 .in_tit {
        z-index: 2;
        margin-bottom: 60px
    }

    .mosolution3 .mosolution3_vili, .mosolution3 .mosolution3_vili .simg, .solution3 .solution3_li, .solution3 .solution3_li .simg, .solution5 .swiper-pagination, .solution6 .swiper-pagination {
        display: none
    }

        .mosolution3 .mosolution3_vili:first-child, .solution3 .solution3_li:first-child {
            display: block
        }

.solution4 .solution4_font .tit, .solution5 .solution5_font .tit {
    color: #000;
    font-weight: 700;
    font-size: 26px
}

.solution4 .solution4_font .line {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 33px;
    height: 2px;
    background-color: #e70415;
    transition: all .6s
}

.solution4 .solution4_li:hover .solution4_font .line {
    width: 50px
}

.solution4 .solution4_font .tag {
    display: inline-block;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 5px;
    padding: 6px 14px;
    border-radius: 4px;
    background-color: #f7f7f7;
    color: #333;
    vertical-align: middle;
    font-size: 14px
}

.solution4 .solution4_font .dec, .solution5 .solution5_font .dec {
    color: #666;
    line-height: 1.625
}

.solution4 .solution4_font .dec {
    margin-top: 25px;
    margin-bottom: 18%
}

.solution4 .solution4_font .btn, .solution5 .solution5_font .btn {
    color: #e70415;
    font-weight: 700
}

    .solution4 .solution4_font .btn em, .solution5 .solution5_font .btn em {
        margin-left: 10px;
        transition: all .5s
    }

.solution4 .solution4_li:hover .solution4_font .btn em, .solution5 .solution5_li:hover .solution5_font .btn em {
    margin-left: 20px
}

.solution4 .solution4_left {
    position: relative;
    width: 46.5%
}

.solution4 .solution4_bg {
    overflow: hidden;
    border-radius: 15px
}

.solution4 .solution4_img {
    position: absolute;
    top: .65rem;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

    .solution4 .solution4_img img {
        max-height: 120%
    }

.solution4 .solution4_font {
    padding: 0 .35rem;
    width: 53.5%
}

.solution4 .swiper-container {
    margin-top: 45px;
    padding-bottom: 1.2rem
}

.solution5 {
    background-color: #f7f7f7
}

    .solution5 .solution5_img {
        overflow: hidden;
        border-radius: 15px
    }

    .solution5 .solution5_font {
        position: relative;
        z-index: 2;
        margin-top: -.8rem;
        margin-left: .5rem;
        padding: 6%;
        width: 74%;
        border-radius: 15px;
        background-color: #fff
    }

    .solution5 .swiper-container, .solution6 .swiper-container {
        margin-top: 45px
    }

    .solution5 .solution5_font .dec {
        margin-top: 10px;
        margin-bottom: 25px
    }

.solution6 .solution6_font .tit {
    margin-bottom: 10px;
    padding-right: 10%;
    min-height: 60px;
    color: #000;
    font-size: 16px;
    line-height: 1.75
}

.cainfo1 .cainfo1_tlf .img, .solution6 .ltag {
    overflow: hidden;
    width: 34px;
    height: 34px;
    border-radius: 50%
}

    .cainfo1 .cainfo1_tlf .img img, .solution6 .ltag img {
        height: 100%
    }

.cainfo1 .cainfo1_tlf .tag, .solution6 .rtag {
    position: relative;
    padding-left: 10px;
    width: calc(100% - 34px);
    color: #888
}

.solution6 .solution6_img {
    overflow: hidden;
    border-radius: 15px;
    transition: .5s;
    filter: grayscale(80%)
}

.case1 .case1_bli:hover .solution6_img, .solution6 .swiper-slide:hover .solution6_img {
    filter: grayscale(0)
}

.solution6 .solution6_font {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: -20px;
    padding: 5.5% 7%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 14px 18px 3px rgba(231,232,234,.31)
}

.solution6 .swiper-container {
    overflow: initial;
    padding-bottom: 60px
}

.case1 .case1_bli, .solution6 .swiper-slide {
    margin-right: 1.8%;
    width: 32.1%
}

.case1 .case1_bli {
    margin-top: 4.5%
}

    .case1 .case1_bli:nth-child(3n), .solution6 .swiper-slide:last-child, .solution6 .swiper-slide:nth-child(3n) {
        margin-right: 0
    }

.case1 .case1_tab {
    padding-bottom: 5%;
    flex-wrap: wrap
}

.problem1 .problem1_tab {
    flex-wrap: wrap
}

.case1 .case1_li, .download2 .tag, .problem1 .problem1_li {
    position: relative;
    display: block;
    padding: 13px 26px;
    border-radius: 28px;
    background-color: #f4f4f4;
    color: #333;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: all .6s
}

.case1 .case1_li, .problem1 .problem1_li {
    margin-right: 4%;
    border: 1px solid transparent;
    background-clip: padding-box
}

    .case1 .case1_li:last-child, .problem1 .problem1_li:last-child {
        margin-right: 0
    }

    .case1 .case1_li.active, .download2 .tag.active, .problem1 .problem1_li.active {
        padding: 13px 45px 13px 26px;
        background-color: #fff;
        color: #e70415;
        font-weight: 700
    }

    .case1 .case1_li::before, .download2 .tag::after, .problem1 .problem1_li::before {
        position: absolute;
        right: -1px;
        bottom: -1px;
        width: 30px;
        height: 25px;
        border-radius: 12px 0 0 0;
        background: url(../images/dgicon.png) #e70415 no-repeat center;
        content: '';
        opacity: 0;
        transition: all .5s
    }

    .case1 .case1_li::after, .download2 .tag::before, .prinfo5 .prinfo5_icon::after, .problem1 .problem1_li::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -1px;
        border-radius: 99px;
        background: linear-gradient(to right,#ff972d,#e60013);
        content: '';
        opacity: 0
    }

    .case1 .case1_li.active::after, .case1 .case1_li.active::before, .download2 .tag.active::after, .download2 .tag.active::before, .prinfo5 .prinfo5_li:hover .prinfo5_icon::after, .problem1 .problem1_li.active::after, .problem1 .problem1_li.active::before {
        opacity: 1
    }

.case1 .case1_img {
    overflow: hidden;
    border-radius: 15px
}

.case1 .case1_ftli {
    margin-top: 12px;
    flex-wrap: wrap
}

    .case1 .case1_ftli:first-child {
        margin-top: 0
    }

.case1 .case1_font {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: -20px;
    padding: 4%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 14px 18px 3px rgba(231,232,234,.31)
}

.case1 .case1_bot, .case1 .case1_top {
    flex-wrap: wrap
}

.case1 .case1_bot {
    padding-bottom: 4.5%
}

.case1 .case1_tli {
    position: relative;
    margin-right: 4%;
    width: 48%
}

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

.case1 .case1_ftli .tit {
    padding-right: 15px;
    width: 27%;
    color: #888
}

.case1 .case1_ftli .dec {
    width: 73%;
    color: #333
}

.case1_more {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: url(../images/ca-icon8.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    transition: all .5s;
    animation: rotaterotate 10s infinite linear
}

    .case1_more:hover {
        background: url(../images/ca-hicon8.png) no-repeat center;
        background-size: cover
    }

@keyframes rotaterotate {
    0% {
        transform: rotate(0)
    }

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

.cainfo1 {
    padding-top: 55px
}

    .cainfo1 .cainfo1_tit {
        margin-bottom: 20px;
        color: #000;
        font-weight: 700;
        font-size: .36rem;
        line-height: 1.4
    }

    .cainfo1 .cainfo1_trt {
        padding-left: 50px
    }

.bshare_icon {
    margin-right: 10px;
    color: #868686;
    font-size: 18px
}

.cainfo1 .cainfo1_bot {
    position: relative;
    margin-top: 55px;
    padding: 5.5%;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.08);
    flex-wrap: wrap
}

    .cainfo1 .cainfo1_bot::before {
        position: absolute;
        top: -6px;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: 6px;
        border-radius: 15px 15px 0 0;
        background: url(../images/ca-xt.png) no-repeat center;
        background-size: cover;
        content: ''
    }

.cainfo1 .cainfo1_li {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #e5e5e5
}

    .cainfo1 .cainfo1_li:last-child {
        border-bottom: 0
    }

.cainfo1 .cainfo1_icon {
    width: 25px;
    height: 25px
}

    .cainfo1 .cainfo1_icon .icon1 {
        width: 23px;
        height: 19px;
        background: url(../images/ca_sprites.png) -20px -22px no-repeat
    }

    .cainfo1 .cainfo1_icon .icon2 {
        width: 20px;
        height: 22px;
        background: url(../images/ca_sprites.png) 0 0 no-repeat
    }

    .cainfo1 .cainfo1_icon .icon3 {
        width: 20px;
        height: 20px;
        background: url(../images/ca_sprites.png) -20px 0 no-repeat
    }

    .cainfo1 .cainfo1_icon .icon4 {
        width: 20px;
        height: 20px;
        background: url(../images/ca_sprites.png) 0 -22px no-repeat
    }

.cainfo1 .cainfo1_li .tit {
    padding-left: 25px;
    width: calc(100% - 25px);
    color: #333;
    font-size: 18px
}

.cainfo1 .cainfo1_img {
    overflow: hidden;
    width: 54%;
    border-radius: 15px
}

.cainfo1 .cainfo1_font {
    padding: 4% 0 4% 6.5%;
    width: 46%
}

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

.download1 .download1_bgm .simg {
    display: none
}

.download1 .download1_input {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 38%;
    height: 60px;
    border-radius: 30px;
    background-color: #fff
}

    .download1 .download1_input input {
        display: block;
        padding-right: 135px;
        padding-left: 25px;
        width: 100%;
        height: 100%;
        color: #d4d4d4
    }

    .download1 .download1_input .sub {
        position: absolute;
        top: 0;
        right: 0;
        width: 110px;
        height: 100%;
        border-radius: 30px;
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#fff,#fff);
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        cursor: pointer;
        transition: all .6s;
        background-blend-mode: normal,normal
    }

        .download1 .download1_input .sub:hover {
            background-image: linear-gradient(90deg,#e60013 0,#ff972d 100%),linear-gradient(#fff,#fff)
        }

.download1 .download1_tit {
    margin-bottom: 55px;
    text-align: center
}

.download2 .download2_tit {
    margin-top: 65px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 700;
    font-size: .3rem
}

    .download2 .download2_tit:first-child {
        margin-top: 40px
    }

.download2 .download2_tli {
    align-items: flex-start;
    flex-wrap: wrap
}

    .download2 .download2_tli .tit {
        margin-top: 2%;
        padding: 13px 0;
        width: 90px;
        color: #333;
        font-weight: 700;
        font-size: 20px
    }

.download2 .tagBox {
    width: calc(100% - 90px)
}

.download2 .tag {
    display: inline-block;
    margin-top: 2%;
    margin-right: 2%;
    vertical-align: middle
}

.download2 .download2_bli {
    position: relative;
    overflow: hidden;
    padding-right: 6%;
    height: 85px
}

.download2 .download2_more {
    position: absolute;
    top: 45px;
    right: 0;
    width: 16px;
    height: 14px;
    background: url(../images/do-jticon.png) no-repeat center;
    background-size: cover;
    cursor: pointer
}

    .download2 .download2_more.on {
        transform: rotate(180deg)
    }

.contact1 .more, .download2 .more {
    display: flex;
    padding: 14px 32px;
    text-align: left
}

.download2 .more {
    margin: 60px 0
}

    .contact1 .more:hover em, .download2 .more:hover em {
        margin-right: 10px
    }

.download2 .download2_stit {
    padding: 22px 0;
    color: #fff;
    font-size: 18px
}

.download2 .download2_ul {
    margin-bottom: 30px
}

.download2 .download2_sli {
    position: relative;
    padding: 0 40px;
    border-radius: 15px
}

    .download2 .download2_sli:nth-child(1) {
        background-color: #ee7800 !important
    }

    .download2 .download2_sli:nth-child(odd) {
        background-color: #f5f5f5
    }

.download2 .download2_sct {
    padding: 12px 0;
    padding-right: .15rem;
    color: #666;
    font-size: 16px
}

    .download2 .download2_sct.sct5 {
        padding-right: 0
    }

    .download2 .download2_sct.sct1, .download2 .download2_stit.stit1 {
        flex: 1
    }

    .download2 .download2_sct.sct2, .download2 .download2_sct.sct3, .download2 .download2_sct.sct5, .download2 .download2_stit.stit2, .download2 .download2_stit.stit3, .download2 .download2_stit.stit5 {
        width: 19%
    }

    .download2 .download2_sct.sct4, .download2 .download2_stit.stit4 {
        width: 10%
    }

.dmore {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 17px;
    border-radius: 18px;
    background-color: #fff;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.1);
    vertical-align: middle;
    transition: all .5s
}

    .dmore:hover {
        background-image: linear-gradient(90deg,#ff972d 0,#e60013 100%),linear-gradient(#000,#000);
        color: #fff;
        background-blend-mode: normal,normal
    }

    .dmore:last-child {
        margin-right: 0
    }

.problem1 .problem1_bli {
    position: relative;
    overflow: hidden;
    margin-top: 4%;
    padding: 3% 4%;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.08)
}

.problem1 .problem1_icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e60013
}

.problem1 .problem1_font .problem1_icon {
    background-color: #ee7800
}

.problem1 .problem1_tit .tit {
    color: #333;
    font-size: 20px
}

.problem1 .problem1_font {
    margin-top: 20px
}

    .problem1 .problem1_font .tit {
        color: #666;
        font-size: 16px;
        line-height: 1.75
    }

    .problem1 .problem1_font .tit, .problem1 .problem1_tit .tit {
        padding: 10px 0 10px 30px;
        width: calc(100% - 50px);
        align-items: flex-start;
        flex-wrap: wrap
    }

.support1 .support1_cty {
    flex-wrap: wrap
}

.support1 .font {
    margin-top: 10px;
    color: #333;
    text-align: center;
    font-size: 18px
}

.support1 .support1_select {
    position: relative;
    margin-left: 30px;
    width: 225px;
    height: 48px;
    border-radius: 24px;
    background-color: #f4f4f4
}

    .support1 .support1_select .name {
        padding: 0 20px;
        width: 100%;
        height: 100%;
        color: #333;
        cursor: pointer
    }

    .support1 .support1_select .icon-down {
        position: absolute;
        top: 15px;
        right: 20px;
        z-index: 3;
        display: block;
        color: #333;
        font-weight: 700;
        font-size: 14px;
        transition: all .5s
    }

.support1 .support1_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: 1px solid #fff;
    background: #f5f5f5
}

    .support1 .support1_item li {
        padding: 12px 20px;
        border-top: 1px solid #fff;
        color: #333;
        font-size: 16px;
        cursor: pointer
    }

        .support1 .support1_item li.active {
            background-color: #ee7800;
            color: #fff
        }

.support1 .support1_select.active .icon-down {
    transform: rotate(180deg)
}

.support1 .support1_ul {
    margin-top: 25px;
    margin-bottom: 4.5%;
    flex-wrap: wrap
}

.support1 .support1_li {
    position: relative;
    overflow: hidden;
    margin-top: 2.8%;
    margin-right: 2.8%;
    padding: 2% 0;
    width: 48.6%;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.08);
    flex-wrap: wrap
}

    .support1 .support1_li:nth-child(2n) {
        margin-right: 0
    }

.support1 .support1_img {
    overflow: hidden;
    width: 49%
}

.support1 .support1_font {
    padding-left: 10px;
    width: 51%
}

    .support1 .support1_font .tit {
        color: #333;
        font-size: 20px
    }

    .support1 .support1_font .dec, .support1 .support1_font .dec2 {
        color: #666;
        line-height: 1.625
    }

        .support1 .font a, .support1 .support1_font .dec2, .support1 .support1_font .dec2 a {
            color: #ee7800
        }

    .support1 .support1_font .dec {
        margin-top: 15px;
        min-height: 110px
    }

    .support1 .support1_font .dec2 {
        margin-top: 15px
    }

    .support1 .support1_font .dec3 {
        margin-top: 20px;
        color: #666
    }

.contact1 .contact1_left, .contact1 .contact1_right {
    position: relative;
    width: 50%
}

.contact1 .contact1_left {
    position: relative;
    z-index: 1;
    padding: 5.5% 10% 6% 13.2%;
    background: url(../images/co-bgm1.jpg) no-repeat center;
    background-size: cover
}

.contact1 .contact1_right {
    padding: 5.7% 13.2% 5.7% 2.5%;
    background-color: #f6f6f6
}

    .contact1 .contact1_right::after, .contact1 .contact1_right::before {
        position: absolute;
        top: 0;
        left: -50px;
        width: 50px;
        height: 50px;
        background: url(../images/co-bgm2.png) no-repeat center;
        background-size: cover;
        content: ''
    }

    .contact1 .contact1_right::after {
        top: auto;
        bottom: 0;
        transform: rotate(-90deg)
    }

.contact1 .contact1_tit {
    padding-bottom: 10px;
    color: #fff;
    font-weight: 700;
    font-size: .42rem
}

.contact1 .contact1_icon {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255,255,255,.2)
}

    .contact1 .contact1_icon .icon1 {
        width: 21px;
        height: 27px;
        background: url(../images/co_sprites.png) 0 0 no-repeat
    }

    .contact1 .contact1_icon .icon2 {
        width: 24px;
        height: 25px;
        background: url(../images/co_sprites.png) 0 -27px no-repeat
    }

    .contact1 .contact1_icon .icon3 {
        width: 27px;
        height: 19px;
        background: url(../images/co_sprites.png) 0 -52px no-repeat
    }

.contact1 .contact1_font {
    padding-left: .3rem;
    width: calc(100% - 50px);
    color: #fff;
    font-size: 18px;
    line-height: 1.56
}

.contact1 .contact1_li {
    position: relative;
    margin-top: 30px
}

.contact1 .contact1_rul li {
    position: relative;
    margin-top: 10px;
    text-align: left;
    flex-wrap: wrap
}

    .contact1 .contact1_rul li:first-child {
        margin-top: 0
    }

.contact1 .contact1_rli {
    position: relative;
    margin-right: 1.8%;
    border-radius: 10px;
    background-color: #fff;
    flex: 1
}

    .contact1 .contact1_rli:last-child {
        margin-right: 0
    }

    .contact1 .contact1_rli input, .contact1 .contact1_rli textarea {
        position: relative;
        z-index: 1;
        display: block;
        padding: 20px;
        width: 100%;
        border-radius: 6px;
        background-color: transparent;
        color: #9b9b9b;
        font-size: 16px;
        line-height: 1.3
    }

    .contact1 .contact1_rli input {
        height: 60px
    }

.contact1 .placeholder {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    padding: 20px;
    color: #9b9b9b;
    transform: translateY(-50%)
}

.contact1 .placeholder1 {
    top: 20%
}

.contact1 .contact1_rli input:required + .placeholder::after, .contact1 .contact1_rli textarea:required + .placeholder::after {
    color: #e91620;
    content: '*'
}

.contact1 .contact1_rli input:focus + .placeholder, .contact1 .contact1_rli textarea:focus + .placeholder {
    visibility: hidden;
    opacity: 0
}

.contact1 .contact1_rli textarea {
    height: 140px
}

.contact1 label.error {
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 3;
    padding: 10px 20px 0 20px;
    width: 100%;
    color: #e70615;
    text-align: left;
    font-size: 16px
}

.contact1 .contact1_ul .sub {
    margin: 0;
    cursor: pointer
}

.contact1 .more {
    margin: 0;
    margin-top: 40px;
    cursor: pointer
}

.contact2 .contact2_map {
    position: relative;
    overflow: hidden;
    width: 100%
}

.contact2 .contact2_mapli {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%
}

.contact2 .contact2_map .simg {
    display: none
}

.contact2 .contact2_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.monitoring1 {
    position: relative;
    width: 100%;
    flex-wrap: wrap
}

    .monitoring1 .monitoring1_li {
        width: 57%;
        align-items: center;
    }

    .monitoring1 .monitoring1_left {
        padding-left: 13.2%;
        width: 50%
    }

    .monitoring1 .monitoring1_tit, .monitoring2 .monitoring2_tit {
        color: #000;
        font-weight: 700;
        font-size: .42rem
    }

    .monitoring1 .monitoring1_dec, .monitoring2 .monitoring2_dec {
        margin-top: 20px;
        margin-bottom: 9%;
        padding-right: 16%;
        color: #000;
        line-height: 1.875
    }

    .monitoring1 .monitoring1_ewm, .monitoring2 .monitoring2_ewm {
        position: relative;
        width: 154px;
        height: 154px;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 49px 0 rgba(0,0,0,.17)
    }

    .monitoring1 .monitoring1_font, .monitoring2 .monitoring2_tfont {
        width: calc(100% - 150px);
        flex-wrap: wrap;
        align-items: center;
        max-width: 350px;
    }

    .monitoring1 .monitoring1_font {
        padding-left: 25px;
    }

.monitoring2 .monitoring2_tfont {
    padding-left: 40px
}

.monitoring1 .monitoring1_icon, .monitoring2 .monitoring2_tftli .timg {
    position: relative;
    width: 100%; /* height:65px; */
}

    .monitoring1 .monitoring1_icon img { /* border-radius:6px; */
    }

.monitoring1 .monitoring1_ft, .monitoring2 .monitoring2_tftli .tft {
    padding-left: 5px;
    width: calc(100% - 40px)
}

    .monitoring1 .monitoring1_ft .tit, .monitoring2 .monitoring2_tftli .tit {
        color: #000;
        font-size: 12px
    }

    .monitoring1 .monitoring1_ft .dec, .monitoring2 .monitoring2_tftli .dec {
        color: #000
    }

.monitoring1 .monitoring1_right {
    position: relative;
    padding-left: 2%;
    width: 50%
}

.monitoring1 .monitoring1_bgm {
    position: absolute;
    top: -5.57rem;
    right: -2rem;
    z-index: -1;
    width: 11.45rem;
    height: 11.45rem;
    border-radius: 50%;
    background: url(../images/mo-bgm4.png) no-repeat center;
    background-size: cover
}

.monitoring1 .monitoring1_rft {
    position: absolute;
    top: 5%;
    right: 31%
}

    .monitoring1 .monitoring1_rft .ft, .monitoring2 .monitoring2_tft .tft {
        position: relative;
        display: inline-block;
        padding: 15px;
        border-radius: 15px;
        background: url(../images/mo-bgm1.jpg) no-repeat center;
        background-size: cover;
        color: #fff;
        font-size: 18px
    }

.monitoring2 .monitoring2_tft .tft {
    background: url(../images/mo-bgm2.jpg) no-repeat center;
    background-size: cover
}

    .monitoring1 .monitoring1_rft .ft::before, .monitoring2 .monitoring2_tft .tft::before {
        position: absolute;
        top: 50%;
        left: -12px;
        width: 12px;
        height: 16px;
        background: url(../images/mo-icon4.png) no-repeat center;
        background-size: cover;
        content: '';
        transform: translateY(-50%)
    }

.monitoring1 .monitoring1_img img {
    margin: 0
}

.monitoring2 .monitoring2_tleft {
    width: 55%
}

.monitoring2 .monitoring2_bgm {
    position: absolute;
    top: 1.5rem;
    left: -80px;
    z-index: -1;
    display: none;
    width: 20.2rem;
    height: 20rem;
    background: url(../images/mo-bgm3.png) no-repeat center;
    background-size: cover
}

.monitoring2 .monitoring2_tright {
    padding-right: 13.2%;
    width: 45%
}

.monitoring2 .monitoring2_tftli, .monitoring1 .monitoring1_icon {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    width: 190px;
    border-radius: 6px;
    background-color: none;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.1)
}

    .monitoring1 .monitoring1_icon:nth-child(1), .monitoring2 .monitoring2_tftli:nth-child(1) {
        margin-top: 0;
    }

.monitoring2 .monitoring2_tft {
    position: absolute;
    top: 7.5%;
    left: 27%
}

.monitoring2 .monitoring2_bot {
    display: none;
    overflow: hidden;
    border-radius: 15px;
    flex-wrap: wrap
}

.monitoring2 .monitoring2_bul {
    position: relative
}

    .monitoring2 .monitoring2_bul::before {
        position: absolute;
        top: 50%;
        left: 9px;
        width: 0;
        height: 88%;
        border: 1px dashed rgba(255,255,255,.2);
        content: '';
        transform: translateY(-50%)
    }

.monitoring2 .monitoring2_bli {
    position: relative;
    margin-top: 30px;
    padding-left: 30px;
    color: #fff;
    cursor: pointer
}

    .monitoring2 .monitoring2_bli::before {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 2;
        width: 19px;
        height: 19px;
        background: url(../images/mo-icon5.png) no-repeat center;
        background-size: cover;
        content: '';
        transition: all .5s;
        transform: translateY(-50%)
    }

    .monitoring2 .monitoring2_bli.active::before {
        background: url(../images/mo-hicon5.png) no-repeat center;
        background-size: cover
    }

.monitoring2 .monitoring2_bleft {
    padding: .4rem;
    width: 320px;
    border-radius: 15px 0 0 15px;
    background-color: #ee7800;
    box-shadow: 0 0 49px 0 rgba(0,0,0,.1)
}

.monitoring2 .monitoring2_bright {
    position: relative;
    overflow: hidden;
    width: calc(100% - 320px);
    height: 610px;
    border-radius: 0 15px 15px 0
}

.monitoring2 .monitoring2_btit {
    color: #fff;
    font-size: 18px;
    line-height: 1.67
}

.monitoring2 .monitoring2_video {
    position: relative;
    width: 100%;
    height: 100%
}

    .monitoring2 .monitoring2_video::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.2);
        content: ''
    }

    .monitoring2 .monitoring2_video video {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        object-fit: cover
    }

.monitoring2 .monitoring2_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.5);
    cursor: pointer;
    transition: all .5s;
    transform: translate(-50%,-50%)
}

    .monitoring2 .monitoring2_btn.active {
        opacity: 0
    }

    .monitoring2 .monitoring2_btn:hover {
        background-color: rgba(255,255,255,.6)
    }

    .monitoring2 .monitoring2_btn em {
        display: block;
        color: #fff;
        text-align: center;
        font-size: 24px;
        line-height: 80px;
        transition: all .5s;
        transform: rotate(90deg)
    }

    .monitoring2 .monitoring2_btn:hover em {
        transform: scale(1.2) rotate(90deg)
    }

.new1 .new1_list {
    margin-bottom: 60px
}

.new1 .new1_li {
    position: relative;
    padding: 40px 0;
    border-bottom: 2px solid #ececec;
    flex-wrap: wrap
}

.new1 .new1_font {
    padding-right: 10%;
    width: calc(100% - 400px)
}

.new1 .new1_img {
    position: relative;
    overflow: hidden;
    width: 400px;
    border-radius: 10px
}

.neinfo1 .time, .new1 .new1_font .time {
    display: inline-block;
    padding: 2px 10px 0 10px;
    border: solid 1px #ee7800;
    color: #ee7800;
    font-size: 14px
}

.new1 .new1_font .tit {
    margin: 25px 0 20px 0;
    color: #333;
    font-weight: 700;
    font-size: 24px
}

.new1 .new1_font .dec {
    margin-bottom: 6.5%;
    color: #777;
    line-height: 1.75
}

.new1 .new1_font .btn {
    color: #333
}

    .new1 .new1_font .btn em {
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
        font-size: 18px;
        transition: all .6s
    }

.new1 .new1_li:hover .new1_font .btn em {
    margin-left: 15px
}

.neinfo1 {
    padding-top: 1.9rem !important
}

    .neinfo1 .neinfo1_list {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .neinfo1::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 4rem;
        background: url(../images/ne-banner1.jpg) no-repeat center;
        background-size: cover;
        content: ''
    }

    .neinfo1 .neinfo1_left {
        position: relative;
        padding-right: 8%;
        width: calc(100% - 400px)
    }

    .neinfo1 .neinfo1_right {
        position: sticky;
        top: 100px;
        width: 400px
    }

    .neinfo1 .neinfo1_top .time {
        border: solid 1px rgba(255,255,255,.7);
        color: rgba(255,255,255,.7)
    }

    .neinfo1 .bshare_icon {
        color: #fff
    }

        .neinfo1 .bshare_icon:hover {
            opacity: .7
        }

    .neinfo1 .cainfo1_trt {
        padding-left: 25px
    }

    .neinfo1 .neinfo1_tit {
        margin-top: 25px;
        color: #fff;
        font-weight: 700;
        font-size: .36rem
    }

    .neinfo1 .neinfo1_cont {
        margin-top: 1.1rem;
        margin-bottom: 55px;
        padding-bottom: 55px;
        border-bottom: 2px solid #ececec
    }

        .neinfo1 .neinfo1_cont .tit {
            position: relative;
            margin-top: 35px;
            margin-bottom: 10px;
            padding-left: 20px;
            color: #333;
            font-weight: 600
        }

            .neinfo1 .neinfo1_cont .tit::before {
                position: absolute;
                top: 10px;
                left: 0;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                background-color: #ee7800;
                content: ''
            }

    .neinfo1 .ny-bread .w1400 {
        width: 100%
    }

    .neinfo1 .cont {
        margin-top: 25px;
        color: #777;
        line-height: 1.75
    }

    .neinfo1 .neinfo1_rimg {
        position: relative;
        overflow: hidden;
        margin-bottom: 40px;
        border-radius: 10px
    }

    .neinfo1 .neinfo1_rli {
        position: relative;
        display: block;
        overflow: hidden;
        margin-top: 20px;
        padding: .4rem .3rem;
        width: 100%;
        border-radius: 10px;
        background-color: #f7f7f7
    }

        .neinfo1 .neinfo1_rli .tit {
            margin-top: 25px;
            color: #333;
            font-weight: 700;
            font-size: 18px;
            line-height: 1.44
        }

    .neinfo1 .neinfo1_more {
        color: #333;
        font-weight: 600
    }

        .neinfo1 .neinfo1_more em {
            display: inline-block;
            margin-left: 5px;
            vertical-align: middle;
            font-size: 18px;
            transition: all .6s
        }

        .neinfo1 .neinfo1_more:hover em {
            margin-left: 15px
        }

.about1 .about1_top {
    align-items: center
}

.about1 .about1_left {
    width: 40%
}

.about1 .about1_right {
    padding-left: .6rem;
    width: 60%
}

.about1 .about1_font .dec, .about1 .about1_right {
    color: #666;
    line-height: 1.75
}

.about1 .about1_ul {
    flex-wrap: wrap
}

.about1 .about1_li {
    position: relative;
    width: 25%
}

.about1 .about1_icon {
    position: relative;
    width: 60px;
    height: 60px
}

.about1 .about1_font {
    padding-left: 15px;
    width: calc(100% - 60px)
}

    .about1 .about1_font .num {
        color: #000;
        font-weight: 700;
        font-size: .42rem;
        line-height: 1.2
    }

        .about1 .about1_font .num em {
            font-size: 30px
        }

    .about1 .about1_font .dec {
        line-height: 1.3
    }

.about2 {
    overflow: hidden;
    background: url(../images/ab-bgm1.jpg) no-repeat center;
    background-size: cover
}

    .about2 .about2_list {
        overflow: hidden;
        flex-wrap: wrap
    }

    .about2 .about2_left {
        padding-right: 6%;
        width: 42%
    }

    .about2 .about2_right {
        width: 58%
    }

    .about2 .about2_li {
        position: relative;
        margin-top: 20px;
        padding-left: 50px;
        cursor: pointer;
        align-items: flex-start
    }

        .about2 .about2_li::before {
            position: absolute;
            top: 5px;
            left: 0;
            width: 15px;
            height: 15px;
            border: 2px solid rgba(255,255,255,.59);
            border-radius: 50%;
            content: '';
            transition: all .3s
        }

        .about2 .about2_li.active::before {
            top: 15px;
            background-color: #fff
        }

        .about2 .about2_font .tit, .about2 .about2_li .tit {
            position: relative;
            color: rgba(255,255,255,.8);
            font-weight: 600;
            font-size: 20px
        }

    .about2 .about2_font .tit {
        color: #fff
    }

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

    .about2 .about2_li .line {
        display: inline-block;
        margin-top: 20px;
        width: 0;
        height: 2px;
        background-color: #fff;
        vertical-align: middle;
        transition: all .5s
    }

    .about2 .about2_li.active .line {
        width: 60px
    }

    .about2 .about2_li.active .font {
        padding-left: 20px;
        width: calc(100% - 60px)
    }

    .about2 .about2_font .dec, .about2 .about2_li .dec {
        display: none;
        color: #fff;
        word-wrap: break-word;
        line-height: 1.75
    }

    .about2 .about2_font .dec {
        display: block !important
    }

    .about2 .about2_li.active .tit {
        color: #fff;
        font-weight: 700;
        font-size: .3rem
    }

    .about2 .about2_tit {
        margin-bottom: 18%;
        color: #fff;
        font-weight: 700;
        font-size: .42rem;
        line-height: 1.2
    }

    .about2 .about2_swiper {
        display: none;
        margin: 0 auto;
        width: 90%
    }

    .about2 .about2_li.active .dec, .about2 .about2_rli:first-child {
        display: block
    }

    .about2 .about2_rli {
        display: none;
        overflow: hidden;
        transition: all .6s
    }

    .about2 .about2_font {
        margin-top: 10px;
        text-align: center
    }

.about3 {
    position: relative;
    overflow: hidden
}

    .about3 .about3_list {
        margin-top: 185px;
        margin-bottom: 3.95rem
    }

    .about3 .about3_quan {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .about3 .quan {
        position: absolute;
        border-radius: 50%
    }

    .about3 .quan1 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14.83rem;
        height: 14.83rem;
        background-color: rgba(238,120,0,.05);
        transform: translate(-50%,-50%)
    }

    .about3 .quan2 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 11.57rem;
        height: 11.57rem;
        background-color: rgba(255,255,255,.53);
        transform: translate(-50%,-50%)
    }

    .about3 .quan3 {
        top: 50%;
        left: 50%;
        margin-top: -368px;
        margin-left: -368px;
        width: 736px;
        height: 736px;
        border: dashed 1px #fcce9f;
        animation: rotaterotate 60s infinite linear
    }

    .about3 .quan4 {
        top: 50%;
        left: 50%;
        margin-top: -308px;
        margin-left: -308px;
        width: 616px;
        height: 616px;
        border: dashed 1px #fcce9f;
        animation: rotaterotate1 60s infinite linear
    }

    .about3 .about3_li {
        position: relative;
        display: none;
        margin: 0 auto;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background-color: #ee7800
    }

        .about3 .about3_li:first-child {
            display: block
        }

    .about3 .quan5, .about3 .squan5 {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 510px;
        height: 510px;
        border-radius: 50%;
        transform: translate(-50%,-50%)
    }

    .about3 .squan5 {
        background-color: rgba(238,120,0,.22);
        -webkit-animation: icon_scale 3s linear infinite normal both;
        animation: icon_scale 3s linear infinite normal both
    }

@keyframes rotaterotate1 {
    0% {
        transform: rotate(0)
    }

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

@-webkit-keyframes icon_scale {
    0% {
        width: 110%;
        height: 110%;
        opacity: 0
    }

    25% {
        width: 120%;
        height: 120%;
        opacity: .1
    }

    50% {
        width: 130%;
        height: 130%;
        opacity: .3
    }

    75% {
        width: 140%;
        height: 140%;
        opacity: .5
    }

    100% {
        width: 150%;
        height: 150%;
        opacity: 0
    }
}

.about3 .about3_font {
    margin-top: 10px;
    color: #fff;
    line-height: 1.75
}

.about3 .about3_ftli .tit, .about3 .about3_lict {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%)
}

.about3 .about3_lict {
    padding: 6% 12%
}

.about3 .about3_ftli {
    position: absolute;
    width: 156px;
    height: 156px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 45px 0 rgba(238,120,0,.1);
    cursor: pointer
}

    .about3 .about3_ftli .tit {
        padding: 3% 10%;
        color: #827870;
        line-height: 1.5
    }

    .about3 .about3_ftli.active .tit {
        color: #ee7800
    }

    .about3 .about3_ftli:nth-child(1) {
        top: -17%;
        left: 23.5%
    }

    .about3 .about3_ftli:nth-child(3) {
        top: 39%;
        left: 21%
    }

    .about3 .about3_ftli:nth-child(5) {
        top: 90%;
        left: 25%
    }

    .about3 .about3_ftli:nth-child(2) {
        top: -17%;
        right: 23.5%
    }

    .about3 .about3_ftli:nth-child(4) {
        top: 39%;
        right: 21%
    }

    .about3 .about3_ftli:nth-child(6) {
        top: 90%;
        right: 25%
    }

.about3 .about3_bleft {
    overflow: hidden;
    width: 47%
}

.about3 .about3_bright {
    padding-left: 6.5%;
    width: 53%
}

    .about3 .about3_bright .tit {
        color: #000;
        font-weight: 700;
        font-size: .42rem
    }

    .about3 .about3_bright .dec, .about3 .about3_sfont .dec {
        margin-top: 20px;
        color: #333;
        line-height: 1.75
    }

.about3 .about3_sicon {
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ee7800
}

    .about3 .about3_sicon img {
        transform: scale(.6)
    }

.about3 .about3_sfont {
    margin-top: 10px;
    text-align: center
}

    .about3 .about3_sfont .tit {
        color: #000;
        font-size: 18px
    }

    .about3 .about3_sfont .dec {
        margin-top: 5px !important;
        font-size: 14px
    }

.about3 .swiper-container {
    display: none;
    margin-top: 20px;
    padding-bottom: 40px
}

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

    .about4 .in_tit .tit {
        color: #fff
    }

    .about4 .about4_top::before {
        position: absolute;
        top: 49.5%;
        left: 50%;
        width: 86.5%;
        border: 1px dashed rgba(255,255,255,.3);
        content: '';
        transform: translateX(-50%)
    }

    .about4 .about4_top .line {
        display: none;
        width: 100px;
        height: 1px;
        border: 1px dashed rgba(255,255,255,.3)
    }

    .about4 .about4_top .swiper-slide::before {
        position: absolute;
        top: 50%;
        right: -45px;
        display: none;
        width: 40%;
        border: 1px dashed rgba(255,255,255,.3);
        content: '';
        transition: all .6s;
        transform: translateY(-50%)
    }

    .about4 .about4_top .swiper-slide.active::before {
        width: 19%
    }

    .about4 .about4_top .time {
        position: relative;
        margin: 0 auto;
        padding: 0 25%;
        color: #fff;
        text-align: center;
        font-size: 22px;
        line-height: 1.3
    }

        .about4 .about4_top .time .tit {
            position: relative;
            z-index: 2
        }

        .about4 .about4_top .time::before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 110px;
            height: 110px;
            border: 1px dashed rgba(255,255,255,.3);
            border-radius: 50%;
            background: #336cb9;
            content: '';
            transition: all .6s;
            transform: translate(-50%,-50%)
        }

    .about4 .about4_top .swiper-slide.active .time::before {
        width: 213px;
        height: 213px;
        background: #336cb9
    }

    .about4 .about4_top .swiper-slide {
        display: flex;
        background: 0 0;
        text-align: center;
        cursor: pointer;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

        .about4 .about4_top .swiper-slide.active .time {
            padding: 0 15%;
            font-size: 30px
        }

    .about4 .about4_bot {
        margin-bottom: 6%
    }

        .about4 .about4_bot .time {
            padding-right: 40px;
            width: 175px;
            color: #fff;
            text-align: right;
            font-weight: 600;
            font-size: .56rem;
            line-height: 1.3
        }

        .about4 .about4_bot .dec {
            padding-left: .35rem;
            width: calc(100% - 175px);
            border-left: 1px solid rgba(255,255,255,.23);
            color: #fff;
            font-size: 18px;
            line-height: 1.67
        }

    .about4 .swiper-wrapper {
        align-items: center
    }

    .about4 .about4_top .swiper-container {
        padding: 7.5% 0;
        width: 82%
    }

    .about4 .about4_bot .swiper-container {
        width: 40%
    }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 31.5%;
        border: 0;
        color: #fff;
        font-size: 26px
    }

    .about4 .about4_bot .swiper-button-prev {
        left: 2%
    }

    .about4 .about4_bot .swiper-button-next {
        right: 2%
    }

        .about4 .about4_bot .swiper-button-next:hover, .about4 .about4_bot .swiper-button-prev:hover {
            background: 0 0;
            color: #ee7800
        }

    .about3 .swiper-button-next, .about3 .swiper-button-prev, .about4 .swiper-pagination {
        display: none
    }

.about5 {
    overflow: hidden;
    padding-bottom: 60px
}

    .about5 .about5_ul {
        padding: 35px 0 !important
    }

    .about5 .about5_img {
        position: relative;
        overflow: hidden;
        width: 160px;
        height: 95px;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 0 49px 0 rgba(0,0,0,.08)
    }

    .about5 .picMarquee_left .about5_li {
        margin: 0 5px;
        width: 20%
    }

    .about5 .about5_img img {
        padding: 5%
    }

.e-module-202209021818 {
    z-index: 2
}

    .e-module-202209021818 .e-cistern-x {
        overflow: hidden;
        width: 100%;
        max-width: 100%
    }

    .e-module-202209021818 .bgfff {
        position: relative;
        margin: 0 auto;
        width: 400px;
        border-radius: 10px;
        background-color: #fff;
        min-height: 495px;
    }

@media (max-width:750px) {
    .e-module-202209021818 .bgfff {
        width: 256px;
        min-height: 370px;
    }
}

.ie10 .e-module-202209021818 .bgfff, .ie11 .e-module-202209021818 .bgfff, .ie8 .e-module-202209021818 .bgfff, .ie9 .e-module-202209021818 .bgfff {
    width: 100%;
    background-color: rgba(0,0,0,0)
}

.e-module-202209021818 .bgfff .carousel-3d {
    position: relative;
    margin: auto;
    width: 400px;
    -webkit-perspective: 4000px;
    perspective: 4000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    min-height: 395px;
}

@media (max-width:750px) {
    .e-module-202209021818 .bgfff .carousel-3d {
        width: 256px
    }
}

.ie10 .e-module-202209021818 .bgfff .carousel-3d, .ie11 .e-module-202209021818 .bgfff .carousel-3d, .ie8 .e-module-202209021818 .bgfff .carousel-3d, .ie9 .e-module-202209021818 .bgfff .carousel-3d {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style: none
}

.e-module-202209021818 .bgfff ul {
    position: relative;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateZ(1250px) rotateY(0);
    transform: translateZ(1250px) rotateY(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: all
}

.ie10 .e-module-202209021818 .bgfff ul, .ie11 .e-module-202209021818 .bgfff ul, .ie8 .e-module-202209021818 .bgfff ul, .ie9 .e-module-202209021818 .bgfff ul {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.e-module-202209021818 .bgfff ul .list {
    position: absolute;
    z-index: 1;
    display: block;
    visibility: visible;
    overflow: hidden;
    padding: 0;
    width: 400px;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transform: rotateY(0) translateZ(-1250px);
    transform: translate3d(0,0,0);
    transform: rotateY(0) translateZ(-1250px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:750px) {
    .e-module-202209021818 .bgfff ul .list {
        width: 256px
    }
}

.ie10 .e-module-202209021818 .bgfff ul .list, .ie11 .e-module-202209021818 .bgfff ul .list, .ie8 .e-module-202209021818 .bgfff ul .list, .ie9 .e-module-202209021818 .bgfff ul .list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.e-module-202209021818 .bgfff ul .list.swiper-slide-active, .e-module-202209021818 .bgfff ul .list.swiper-slide-duplicate-active {
    border-radius: 10px;
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ie10 .e-module-202209021818 .bgfff ul .list.swiper-slide-active .text-con, .ie10 .e-module-202209021818 .bgfff ul .list.swiper-slide-duplicate-active .text-con, .ie11 .e-module-202209021818 .bgfff ul .list.swiper-slide-active .text-con, .ie11 .e-module-202209021818 .bgfff ul .list.swiper-slide-duplicate-active .text-con, .ie8 .e-module-202209021818 .bgfff ul .list.swiper-slide-active .text-con, .ie8 .e-module-202209021818 .bgfff ul .list.swiper-slide-duplicate-active .text-con, .ie9 .e-module-202209021818 .bgfff ul .list.swiper-slide-active .text-con, .ie9 .e-module-202209021818 .bgfff ul .list.swiper-slide-duplicate-active .text-con {
    opacity: 1
}

.e-module-202209021818 .bgfff ul .list a {
    display: block;
    overflow: hidden;
    height: 100%;
    border-radius: 10px
}

    .e-module-202209021818 .bgfff ul .list a .pic {
        border-radius: 10px;
        aspect-ratio: 40/25;
    }

        .e-module-202209021818 .bgfff ul .list a .pic img {
            height: 100%
        }

        .e-module-202209021818 .bgfff ul .list a .pic::after {
            padding-top: 62.5%
        }

    .e-module-202209021818 .bgfff ul .list a .text-con {
        padding: 40px;
        background-color: #f8f8f8;
        text-align: left
    }

.ie10 .e-module-202209021818 .bgfff ul .list a .text-con, .ie11 .e-module-202209021818 .bgfff ul .list a .text-con, .ie8 .e-module-202209021818 .bgfff ul .list a .text-con, .ie9 .e-module-202209021818 .bgfff ul .list a .text-con {
    opacity: 0
}

.section4 .e-con {
    margin-top: 55px;
    min-height: 200px;
}

.section4 .section4_font {
    display: block !important
}

@media (max-width:1200px) {
    .e-module-202209021818 .bgfff ul .list a .text-con {
        padding: 30px
    }
}

@media (max-width:992px) {
    .e-module-202209021818 .bgfff ul .list a .text-con {
        padding: 25px
    }
}

.e-module-202209021818 .bgfff ul .list a .text-con h3 {
    color: #333;
    font-size: 28px;
    line-height: 1.5
}

@media (max-width:1600px) {
    .e-module-202209021818 .bgfff ul .list a .text-con h3 {
        font-size: 24px;
        line-height: 1.5
    }

    .LANG-cn .e-module-202209021818 .bgfff ul .list a .text-con h3 {
        line-height: 1.583
    }
}

@media (max-width:992px) {
    .e-module-202209021818 .bgfff ul .list a .text-con h3 {
        font-size: 18px;
        line-height: 1.889
    }
}

.e-module-202209021818 .bgfff ul .list a .text-con .p {
    margin-top: 15px;
    color: #666;
    font-size: 16px;
    line-height: 1.95
}

.LANG-cn .e-module-202209021818 .bgfff ul .list a .text-con .p {
    line-height: 1.95
}

@media (max-width:1600px) {
    .e-module-202209021818 .bgfff ul .list a .text-con .p {
        font-size: 14px;
        line-height: 1.95
    }

    .LANG-cn .e-module-202209021818 .bgfff ul .list a .text-con .p {
        line-height: 1.95
    }
}

@media (max-width:1200px) {
    .e-module-202209021818 .bgfff ul .list a .text-con .p {
        margin-top: 10px
    }
}

@media (max-width:750px) {
    .e-module-202209021818 .bgfff ul .list a .text-con .e-link-box {
        padding-top: 10px
    }
}

.pag {
    position: absolute;
    top: 57%;
    left: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ie10 .pag, .ie11 .pag, .ie8 .pag, .ie9 .pag {
    top: 500px
}

@media (max-width:1600px) {
    .ie10 .pag, .ie11 .pag, .ie8 .pag, .ie9 .pag {
        top: 450px
    }
}

.pag::after {
    position: absolute;
    top: -40px;
    left: 240px;
    z-index: 2;
    width: 1000px;
    height: 600px;
    content: ''
}

.pag::before {
    position: absolute;
    top: -40px;
    right: 240px;
    z-index: 2;
    width: 1000px;
    height: 600px;
    content: ''
}

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

.ie10 .pag .button-next, .ie10 .pag .button-prev, .ie11 .pag .button-next, .ie11 .pag .button-prev, .ie8 .pag .button-next, .ie8 .pag .button-prev, .ie9 .pag .button-next, .ie9 .pag .button-prev {
    top: -180px
}

.pag .button-prev {
    right: 240px;
    left: auto !important
}

.ie10 .pag .button-prev, .ie11 .pag .button-prev, .ie8 .pag .button-prev, .ie9 .pag .button-prev {
    right: 280px
}

.pag .button-next, .pag .button-prev {
    top: 0
}

@media (max-width:1600px) {
    .ie10 .pag .button-prev, .ie11 .pag .button-prev, .ie8 .pag .button-prev, .ie9 .pag .button-prev {
        right: 200px
    }
}

@media (max-width:750px) {
    .pag .button-prev {
        right: 140px
    }

    .ie10 .pag .button-prev, .ie11 .pag .button-prev, .ie8 .pag .button-prev, .ie9 .pag .button-prev {
        right: 180px
    }
}

.pag .button-next {
    left: 240px
}

.ie10 .pag .button-next, .ie11 .pag .button-next, .ie8 .pag .button-next, .ie9 .pag .button-next {
    left: 280px
}

@media (max-width:1600px) {
    .ie10 .pag .button-next, .ie11 .pag .button-next, .ie8 .pag .button-next, .ie9 .pag .button-next {
        left: 200px
    }
}

@media (max-width:750px) {
    .pag .button-next {
        left: 140px
    }

    .ie10 .pag .button-next, .ie11 .pag .button-next, .ie8 .pag .button-next, .ie9 .pag .button-next {
        left: 180px
    }
}

.pag .icon-arrow-r-3::before {
    position: absolute;
    top: -9px;
    left: 3px;
    line-height: normal
}

@media (max-width:1600px) {
    .pag .icon-arrow-r-3::before {
        top: -17px;
        left: -7px
    }
}

@media (max-width:750px) {
    .pag .icon-arrow-r-3::before {
        top: -11px;
        left: -3px
    }
}

.e-btn-box {
    padding-top: 30px
}

.sbannerBox {
    display: none
}

.mosolution3_rsli, .section1_rsli, .solution3_rsli {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%
}

    .mosolution3_rsli .more, .section1_rsli .more, .solution3_rsli .more {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: none;
        transform: translate(-50%,-50%) !important
    }

.headfixed .hicon {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    vertical-align: -8px;
    transition: all .5s
}

.headfixed .hicon1 {
    background: url(../images/hsicon1.png) no-repeat center
}

.headfixed .hicon2 {
    background: url(../images/hsicon2.png) no-repeat center
}

.headfixed .hicon3 {
    background: url(../images/hsicon3.png) no-repeat center
}

.menu_bgm {
    background-color: #000
}

.headfixed .menu_bgm {
    position: relative;
    padding: 0 8.5%;
    transition: all .6s
}

    .headfixed .menu_bgm .menu_pcul li > a {
        color: #fff !important;
        font-size: 14px;
        line-height: 35px
    }

    .headfixed .menu_bgm .menu_pcul li {
        margin-right: .6rem
    }

        .headfixed .menu_bgm .menu_pcul li:last-child {
            margin-right: 0
        }

.gywm {
    margin-top: 20px
}

@media screen and (max-width:1679px) {
    .w1600 {
        width: 90%
    }

    .w1400 {
        width: 80%
    }

    .footer .footer-subtit a {
        font-size: 18px
    }

    .headfixed .headfixed-show {
        padding-left: 5%
    }

    .contact1 .contact1_right {
        padding: 5.7% 10% 5.7% 2.5%
    }

    .contact1 .contact1_left {
        padding: 6% 6% 6% 10%
    }

    .prinfo2 .prinfo2_font .tit, .prinfo3 .prinfo3_li .tit, .prinfo3_1 .prinfo3_li .tit, .section4 .section4_font .tit, .solution4 .solution4_font .tit, .solution5 .solution5_font .tit {
        font-size: 22px
    }

    .prinfo6 .prinfo6_tit {
        min-height: 86px
    }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 30%
    }

    .about4 .about4_top .swiper-slide.active .time::before {
        width: 180px;
        height: 180px
    }

    .support1 .support1_img {
        width: 40%
    }

    .support1 .support1_font {
        width: 60%
    }

    .neinfo1 .neinfo1_tit {
        font-size: 30px
    }

    .monitoring1 .monitoring1_rft {
        right: 20%
    }

    .monitoring1 .monitoring1_left {
        padding-left: 10%
    }

    .monitoring2 .monitoring2_tright {
        padding-right: 10%;
        padding-left: 3%
    }

    .monitoring2 .monitoring2_tft {
        top: 7%
    }

    .monitoring1 .monitoring1_dec, .monitoring2 .monitoring2_dec {
        padding-right: 0
    }

    .headfixed .head_font {
        padding: 20px 0 20px 15px
    }

    .headfixed .head_list {
        padding: 20px 5% .6rem 5%
    }

    .headfixed_pmenu .headfixed_pli .tit {
        font-size: 24px
    }

    .mosolution3 .mosolution3_tab {
        padding-left: 8%
    }
}

@media screen and (max-width:1459px) {
    .w1400 {
        width: 90%
    }

    .prinfo5 {
        padding-bottom: 80px
    }

    .headfixed .menu_pcul li > a {
        font-size: 16px
    }

    .section2 .section2_left {
        width: 45%
    }

    .section2 .section2_right {
        padding-left: 6%;
        width: 55%
    }

    .section2 .section2_font::before, .section2 .section2_rli::before {
        width: 10px;
        height: 10px
    }

    .section2 .section2_font::after {
        top: 12px
    }

    .section2 .section2_rli::before {
        top: 10px
    }

    .section3 .section3_li:nth-child(2) {
        top: 13%;
        left: 5%
    }

    .section3 .section3_li:nth-child(3) {
        top: 32%;
        left: 9.5%
    }

    .mosolution3 .mosolution3_tab {
        padding-left: 5%
    }

    .section3 .section3_li:nth-child(4) {
        top: 51%;
        left: 13%
    }

    .section3 .section3_li:nth-child(5) {
        top: 70.5%;
        left: 10%
    }

    .section3 .section3_li:nth-child(6) {
        top: 11.5%;
        left: 15.5%
    }

    .section3 .section3_li:nth-child(7) {
        top: 31.5%;
        left: 18%
    }

    .section3 .section3_li:nth-child(8) {
        top: 55.5%;
        left: 23.5%
    }

    .section3 .section3_li:nth-child(9) {
        top: 17%;
        left: 26%
    }

    .section3 .section3_li:nth-child(10) {
        top: 54%;
        left: 30.5%
    }

    .section3 .section3_li:nth-child(11) {
        top: 73%;
        left: 21%
    }

    .section3 .section3_li:nth-child(19) {
        top: 10.5%;
        left: 86.5%
    }

    .section3 .section3_li:nth-child(20) {
        top: 36.5%;
        left: 88.5%
    }

    .section3 .section3_li:nth-child(18) {
        top: 69.5%;
        left: 83.5%
    }

    .section3 .section3_li:nth-child(17) {
        top: 49%;
        left: 82.5%
    }

    .section3 .section3_li:nth-child(16) {
        top: 29%;
        left: 79.5%
    }

    .section3 .section3_li:nth-child(15) {
        top: 14%;
        left: 72.5%
    }

    .section3 .section3_li:nth-child(14) {
        top: 69%;
        left: 73%
    }

    .section3 .section3_li:nth-child(13) {
        top: 47%;
        left: 72.5%
    }

    .section3 .section3_li:nth-child(12) {
        top: 34%;
        left: 71%
    }

    .footer .footer_left {
        width: 32%
    }

    .footer .footerphone-menu {
        padding-left: 8%
    }

    .footer .footer_top {
        padding: 50px 0 30px 0
    }

    .footer .footer-subnav {
        margin-top: 10px
    }

    .swiper-button-next, .swiper-button-prev {
        width: 70px;
        height: 35px;
        font-size: 14px;
        line-height: 35px
    }

    .section4 .section4_font .btn {
        margin-bottom: 20px
    }

    .section2 .section2_rli .tit {
        font-size: 24px
    }

    .headfixed .menu_pcul li::before {
        height: 2px
    }

    .headfixed .menuBox {
        width: 85px
    }

    .headfixed .menu_language a {
        padding-top: 5px;
        font-size: 14px
    }

    .headfixed .menu_language {
        margin-top: 10px
    }

    .product1 .product1_tit {
        font-size: 22px
    }

    .prinfo2 .prinfo2_left .prinfo2_img {
        width: 50%
    }

    .about4 .about4_top .swiper-slide.active .time::before {
        width: 150px;
        height: 150px
    }

    .about4 .about4_top .swiper-slide.active .time {
        font-size: 26px
    }

    .about4 .about4_bot .swiper-container {
        width: 60%
    }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 32%
    }

    .about2 .about2_li.active .tit {
        font-size: 24px
    }

    .solution1 .solution1_sli {
        padding: 4% 10%
    }

    .solution1 .solution1_li .tit {
        font-size: 24px
    }

    .solution2 .solution2_icon {
        width: 70px;
        height: 40px
    }

        .solution2 .solution2_icon em {
            transform: scale(.7)
        }

    .solution2 .solution2_font {
        padding-left: .8rem;
        width: calc(100% - 70px)
    }

    .solution2 .solution2_icon em {
        margin-top: -30%
    }

    .cainfo1 .cainfo1_tit {
        font-size: 28px
    }

    .cainfo1 {
        padding-top: 30px
    }

        .cainfo1 .cainfo1_bot {
            margin-top: 40px
        }

    .support1 .support1_font .dec {
        margin-top: 5px
    }

    .download2 .download2_tit {
        font-size: 22px
    }

    .download2 .tag {
        font-size: 16px
    }

    .download2 .download2_tli .tit {
        font-size: 18px
    }

    .download2 .download2_sli {
        padding: 0 25px
    }

    .download2 .download2_stit {
        padding: 15px 0
    }

    .download2 .download2_tit {
        margin-top: 40px
    }

    .contact1 .contact1_left {
        padding: 6.5% 10% 6.5% 5%
    }

    .contact1 .contact1_right {
        padding: 5.7% 5% 5.7% 3%
    }

    .monitoring1 .monitoring1_left {
        padding-left: 5%
    }

    .monitoring2 .monitoring2_tright {
        padding-right: 5%
    }

    .monitoring1 .monitoring1_rft {
        right: 10%
    }

    .monitoring1 .monitoring1_ewm, .monitoring2 .monitoring2_ewm {
        width: 130px;
        height: 130px
    }

        .monitoring1 .monitoring1_ewm img, .monitoring2 .monitoring2_ewm img {
            max-width: 90%;
            max-height: 90%
        }

    .monitoring1 .monitoring1_font, .monitoring2 .monitoring2_tfont {
        width: calc(100% - 130px)
    }

    .monitoring2 .monitoring2_tftli {
        margin-top: 20px
    }

    .headfixed .head_li {
        margin-top: 25px;
        padding-left: 10%
    }

    .headfixed .head_icon {
        width: 48px;
        height: 48px
    }

        .headfixed .head_icon img {
            max-width: 24px
        }

    .headfixed .head_font {
        padding: 15px 0 15px 15px;
        width: calc(100% - 48px)
    }

    .banner .banner_pro {
        top: 30%
    }

        .banner .banner_pro img {
            max-width: 1000px
        }

    .section2 .section2_list::before, .section2::before {
        height: 55px
    }

    .headfixed .head_prtit, .headfixed .head_tit, .product1 .product1_protit {
        font-size: 18px
    }

    .headfixed .head_pritemli {
        width: 33.333%
    }

    .headfixed .head_pleft {
        width: 28%
    }

    .headfixed .head_pright {
        width: 72%;
        height: 570px
    }

    .headfixed .head_prtag .tag {
        padding: 5px 10px 2px 10px;
        font-size: 13px
    }

    .headfixed .head_ptit {
        width: calc(100% - 48px)
    }

    .mosolution3 .mosolution3_tli {
        margin-top: 15px
    }

    .mosolution3 .in_tit {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1366px) {
    .more {
        padding: 12px 6px;
        width: 160px
    }

    .banner .swiper_dec {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .pub-banner-font {
        transform: translate(-50%,-40%);
    }


    .section1 .section1_iconBox {
        width: 83px;
        height: 78px
    }

    .section1 .section1_icon {
        width: 58px;
        height: 58px
    }

    .gywm {
        margin-top: 10px
    }

    .section1 .section1_icon em {
        transform: scale(.8)
    }

    .section2 .section2_right {
        padding-right: 0
    }

    .section3 .section3_img {
        width: 86px;
        height: 86px
    }

    .section3 .section3_li:nth-child(14) .section3_img, .section3 .section3_li:nth-child(19) .section3_img {
        width: 100px;
        height: 100px
    }

    .section3 .section3_li:nth-child(7) .section3_img {
        width: 110px;
        height: 110px
    }

    .in_tit .dec {
        font-size: 18px
    }

    .footer .footer-subtit a {
        font-size: 16px
    }

    .footer .footer-subnav a {
        padding: 3px 0
    }

    .footer .footer-subnav {
        margin-top: 5px
    }

    .ftlogo-share .bshare-icon {
        width: 40px;
        height: 40px;
        font-size: 22px;
        line-height: 40px
    }

    .prinfo1 .prinfo1_dec {
        font-size: 24px
    }

    .prinfo3 .prinfo3_li, .prinfo3_1 .prinfo3_li {
        margin-right: 3%;
        width: 31.3%
    }

    .prinfo4 .prinfo4_img {
        width: 35%
    }

    .prinfo4 .prinfo4_swiper {
        margin-left: 6%;
        width: 59%
    }

    .prinfo4 .ftli .tag {
        font-size: 16px
    }

    .prinfo4 .prinfo4_img img {
        max-width: 90%
    }

    .about1 .about1_font .num {
        font-size: 34px
    }

        .about1 .about1_font .num em {
            font-size: 26px
        }

    .about4 .about4_top .swiper-slide.active .time::before {
        width: 130px;
        height: 130px
    }

    .about4 .about4_top .time::before {
        width: 90px;
        height: 90px;
        font-size: 18px
    }

    .about3 .about3_icon img {
        transform: scale(.6)
    }

    .about3 .about3_ftli:nth-child(1) {
        top: -17%;
        left: 16.5%
    }

    .about3 .about3_ftli:nth-child(3) {
        top: 39%;
        left: 14%
    }

    .about3 .about3_ftli:nth-child(5) {
        top: 90%;
        left: 18%
    }

    .about3 .about3_ftli:nth-child(2) {
        top: -17%;
        right: 16.5%
    }

    .about3 .about3_ftli:nth-child(4) {
        top: 39%;
        right: 14%
    }

    .about3 .about3_ftli:nth-child(6) {
        top: 90%;
        right: 18%
    }

    .about3 .quan1 {
        width: 1054px;
        height: 1054px
    }

    .about3 .quan2 {
        width: 822px;
        height: 822px
    }

    .solution2 .solution2_dec {
        padding: 0
    }

    .solution2 .swiper-container {
        padding: 4% 0
    }

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

    .solution5 .swiper-container, .solution6 .swiper-container {
        margin-top: 30px
    }

    .cainfo1 .cainfo1_bot::before {
        top: 0
    }

    .support1 .support1_ul {
        margin-top: 10px
    }

    .download1 .download1_input {
        width: 45%
    }

    .download1 .download1_tit {
        margin-bottom: 35px
    }

    .download2 .more {
        margin: 30px 0 40px 0
    }

    .problem1 .problem1_icon {
        width: 40px;
        height: 40px
    }

        .problem1 .problem1_icon img {
            transform: scale(.8)
        }

    .problem1 .problem1_font .tit, .problem1 .problem1_tit .tit {
        width: calc(100% - 40px)
    }

    .neinfo1 .neinfo1_left, .new1 .new1_font {
        padding-right: 5%;
        width: calc(100% - 320px)
    }

    .neinfo1 .neinfo1_right, .new1 .new1_img {
        width: 320px
    }

    .neinfo1 .neinfo1_rli .tit {
        margin-top: 15px;
        font-size: 16px
    }

    .monitoring1 .monitoring1_left {
        width: 55%
    }

    .monitoring1 .monitoring1_right {
        width: 45%
    }

    .headfixed_pmenu .headfixed_pli .tit {
        margin-bottom: 10px;
        font-size: 22px
    }

    .headfixed_pmenu .headfixed_pli .dec a {
        padding: 6px 0;
        font-size: 16px
    }

    .headfixed .menu_pcul .slink {
        margin-top: 10px
    }

    .section4 .e-con {
        margin-top: 35px
    }

    .right-flex li {
        width: 52px;
        height: 52px;
        line-height: 52px
    }

    .prinfo4 .swiper-pagination {
        top: 20px
    }

    .prinfo4 .swiper-button-prev {
        left: -80px
    }

    .prinfo4 .swiper-button-next {
        right: -80px
    }

    .mosolution3 .mosolution3_iconBox .mosolution3_icon {
        width: 50px;
        height: 50px
    }

    .mosolution3 .mosolution3_iconBox {
        width: 80px;
        height: 75px
    }

    .mosolution3 .mosolution3_tit {
        width: calc(100% - 80px)
    }
}

@media screen and (max-width:1259px) {
    .section3::before {
        width: 100%
    }

    .section4 .section4_font .tit {
        font-size: 20px
    }

    .section4 .swiper-container {
        padding-top: 30px
    }

    .in_tit .dec {
        margin-top: 5px
    }

    .product1 .product1_tag .tag {
        font-size: 13px
    }

    .product1 .product1_protit, .product1 .product1_stit {
        font-size: 18px
    }

    .product1 .product1_tit {
        margin-top: 0
    }

    .product1 .product1_line {
        margin-bottom: 15px
    }

    .product1_menu .product1_ltit {
        padding: 15px 0 15px 20px
    }

    .product1_menu .product1_ltit_two {
        padding-left: 0
    }

    .prinfo1 .prinfo1_dec {
        font-size: 22px
    }

    .prinfo2 .prinfo2_font .tit, .prinfo3 .prinfo3_li .tit {
        font-size: 20px
    }

    .prinfo2 .prinfo2_icon em, .prinfo3 .prinfo3_icon em, .prinfo3_1 .prinfo3_icon em {
        transform: scale(.8)
    }

    .about2 .about2_tit, .about3 .about3_bright .tit {
        font-size: 28px
    }

    .about2 .about2_li {
        padding-left: 40px
    }

        .about2 .about2_li.active .line {
            width: 40px
        }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 28%
    }

    .solution1 .solution1_rtli {
        width: 380px
    }

    .solution1 .solution1_li {
        width: calc(100% - 380px - 40px)
    }

        .solution1 .solution1_li .solution1_font {
            padding: 6%
        }

    .solution2 .solution2_dec {
        margin-top: 20px
    }

    .solution3 .solution3_list {
        height: 9rem
    }

    .solution2 .solution2_font .tit {
        font-size: 26px
    }

    .cainfo1 .cainfo1_li {
        padding: 20px 0
    }

    .download2 .download2_list {
        overflow-x: auto;
        overflow-y: hidden
    }

    .dmore, .download2 .download2_sct {
        font-size: 14px
    }

    .download2 .download2_stit {
        font-size: 16px
    }

        .download2 .download2_sct.sct3, .download2 .download2_stit.stit3 {
            display: none
        }

        .download2 .download2_sct.sct2, .download2 .download2_sct.sct3, .download2 .download2_sct.sct5, .download2 .download2_stit.stit2, .download2 .download2_stit.stit3, .download2 .download2_stit.stit5 {
            width: 23%
        }

    .contact1 .contact1_tit {
        font-size: 26px
    }

    .contact1 .contact1_font {
        width: calc(100% - 40px);
        font-size: 16px
    }

    .contact1 .contact1_icon {
        width: 40px;
        height: 40px
    }

        .contact1 .contact1_icon em {
            transform: scale(.8)
        }

    .contact1 .more {
        margin-top: 25px
    }

    .contact1 .contact1_right {
        padding: 4.5% 5% 4.5% 2.5%
    }

    .contact1 .contact1_left {
        padding: 6.5% 5% 6.5% 5%
    }

    .neinfo1 .neinfo1_cont .tit {
        margin-top: 20px
    }

    .neinfo1 .cont {
        margin-top: 0
    }

    .neinfo1 .neinfo1_cont {
        margin-top: 2.2rem;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .neinfo1 .neinfo1_tit {
        font-size: 26px
    }

    .neinfo1::before {
        height: 5.5rem
    }

    .neinfo1 .neinfo1_rimg {
        margin-bottom: 30px
    }

    .neinfo1 {
        padding-top: 2.3rem !important
    }

    .monitoring1 .monitoring1_rft .ft, .monitoring2 .monitoring2_tft .tft {
        padding: 10px;
        font-size: 16px
    }

    .monitoring1 .monitoring1_ewm, .monitoring2 .monitoring2_ewm {
        width: 100px;
        height: 100px
    }

    .monitoring1 .monitoring1_font, .monitoring2 .monitoring2_tfont {
        width: calc(100% - 100px)
    }

    .monitoring1 .monitoring1_icon, .monitoring2 .monitoring2_tftli .timg { /* width:30px; */ /* height: 50px; */ /* width: 100%; */ /* margin-bottom: 10px; */
    }

        .monitoring1 .monitoring1_icon img, .monitoring2 .monitoring2_tftli .timg img { /* max-width: 146px; */
            position: static; /* height: 100%; */ /* margin: 0; */
            padding: 5px 10px;
            background: #;
        }

    .monitoring1 .monitoring1_ft, .monitoring2 .monitoring2_tftli .tft {
        width: calc(100% - 30px)
    }

    .monitoring2 .monitoring2_tfont {
        padding-left: 20px
    }

    .monitoring2 .monitoring2_btn {
        width: 60px;
        height: 60px
    }

        .monitoring2 .monitoring2_btn em {
            font-size: 20px;
            line-height: 60px
        }

    .monitoring2 .monitoring2_tleft {
        width: 45%
    }

    .monitoring2 .monitoring2_tright {
        padding-left: 10%;
        width: 55%
    }

    .monitoring2 .monitoring2_tft {
        top: 4%;
        left: 20%
    }

    .headfixed .head_tit {
        font-size: 18px
    }

    .headfixed_pmenu .headfixed_pli .tit {
        font-size: 20px
    }

    .headfixed .menu_pcul .slink {
        margin-top: 5px
    }

    .banner .banner_pro {
        top: 40%
    }

        .banner .banner_pro img {
            max-width: 800px
        }

    .headfixed .head_pleft {
        width: 32%
    }

    .headfixed .head_pright {
        width: 68%
    }

    .headfixed .head_icon {
        width: 40px;
        height: 40px
    }

    .headfixed .head_ptit {
        padding-left: 10px;
        width: calc(100% - 40px)
    }

    .headfixed .head_font {
        padding: 8px 0 8px 15px;
        width: calc(100% - 40px)
    }

    .headfixed .menu_pcul li > a {
        line-height: 61px
    }

    .headfixed .menu_btn {
        padding: 21px 0
    }

    .headfixed .hicon {
        margin-right: 8px;
        width: 22px;
        height: 22px;
        background-size: 100% !important;
        vertical-align: -5px
    }

    .headfixed .menu_bgm .menu_pcul li {
        margin-right: .8rem
    }

    .headfixed .menu_pcul li {
        margin-right: 1.2rem
    }
}

@media screen and (max-width:1100px) {
    .section1 .section1_left, .support1 .support1_font, .support1 .support1_img {
        width: 100%
    }

    .section2 .section2_list::before, .section2 .swiper-button-next, .section2 .swiper-button-prev, .section2 .swiper-pagination, .section3 .section3_list {
        display: none
    }

    .section2::before, .section3 .section3_swiper {
        display: block
    }

    .headfixed .logo img {
        max-width: 120px
    }

    .banner .swiper_tit,.banner h1 {
        font-size: 32px
    }

    .banner .swiper-fontlist {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%)
    }

    .section1 .section1_tab {
        margin-top: 30px
    }

    .section1 .section1_dec {
        margin-top: 15px
    }

    .section1 .section1_tli {
        margin-right: 3%
    }

    .section1 {
        padding-bottom: 0;
        padding-left: 0;
        background: url(../images/in-bgm3.jpg) no-repeat center;
        background: #f0f3f7;
        background-size: cover
    }

        .section1 .section1_left {
            margin-bottom: 35%;
            padding: 0 8%
        }

        .section1 .section1_timg img {
            margin: 0;
            max-width: 500px
        }

        .section1 .section1_right {
            position: relative;
            top: auto;
            left: auto;
            margin-top: -50%
        }

    .section2 {
        padding: 90px 0 100px 0;
        background: url(../images/in-bgm2_1.png) no-repeat center bottom;
        background-size: cover
    }

        .section2 .section2_list {
            position: relative;
            top: auto;
            height: auto
        }

        .section2 .section2_slist {
            display: block;
            display: none;
            margin: 0 auto;
            width: 90%
        }

        .section2 .section2_slf, .section2 .section2_srt {
            width: 100%
        }

        .in_tit .tit, .section2 .section2_rli.active .tit {
            font-size: 34px
        }

        .section2 .section2_font {
            padding-left: 30%
        }

    .section3 .more1 {
        margin-top: 40px
    }

    .section3 {
        overflow: initial;
        margin: 0 auto;
        padding: 70px 0;
        width: 90%
    }

    .swiper-button-next, .swiper-button-prev {
        width: 60px
    }

    .section3 .swiper-button-prev {
        left: -30px
    }

    .section3 .swiper-button-next {
        right: -30px
    }

    .section4 .swiper-slide {
        width: 25% !important
    }

    .footer .footer_input {
        flex-wrap: wrap
    }

        .footer .footer_input .sub {
            font-size: 14px
        }

        .footer .footer_input .input {
            width: calc(100% - 100px)
        }

    .ftlogo-share {
        margin-top: 20px;
        margin-left: 0
    }

    .footer .footerphone-menu {
        padding-left: 1%
    }

    .footer .footer-subtit a {
        font-size: 14px
    }

    .footer .foot-copy, .footer .foot-copy a, .footer .foot-rtlink, .footer .foot-rtlink a {
        font-size: 13px
    }

    .product1 .product1_prolink {
        width: 49%
    }

        .product1 .product1_prolink:nth-child(3n) {
            margin-right: 2%
        }

        .product1 .product1_prolink:nth-child(2n) {
            margin-right: 0
        }

    .prinfo1 {
        padding-top: 15%
    }

    .prinfo3 .prinfo3_ul {
        padding: 0
    }

    .prinfo4 .ftli .tag_tit {
        font-size: 20px
    }

    .prinfo5 .prinfo5_icon {
        width: 65px;
        height: 35px;
        line-height: 35px
    }

    .prinfo5 .prinfo5_font {
        width: calc(100% - 35px)
    }

    .prinfo5 .prinfo5_tli {
        padding: 15px 0
    }

    .prinfo5 .prinfo5_tab {
        margin-top: 10px
    }

    .prinfo6 .swiper-pagination {
        display: block
    }

    .prinfo6 .swiper-container {
        margin-top: 25px;
        padding-bottom: 40px
    }

    .prinfo2 .prinfo2_font .dec, .prinfo3 .prinfo3_li .dec {
        font-size: 14px
    }

    .prinfo2 .prinfo2_font .tit, .prinfo3 .prinfo3_li .tit {
        margin-top: 0
    }

    .prinfo2 .prinfo2_bli {
        padding-bottom: .5rem !important
    }

    .prinfo2 .prinfo2_left .prinfo2_img {
        width: 40%
    }

    .prinfo2 .prinfo2_left .prinfo2_font {
        width: 55%
    }

    .btn_more {
        padding: 8px 20px;
        font-size: 16px
    }

    .about1 .about1_font .num {
        font-size: 28px
    }

        .about1 .about1_font .num em {
            font-size: 22px
        }

    .about1 .about1_icon {
        width: 30px;
        height: 30px
    }

    .about1 .about1_font {
        width: calc(100% - 30px)
    }

        .about1 .about1_font .dec {
            font-size: 14px
        }

    .about3 .about3_ftli:nth-child(1) {
        top: -17%;
        left: 10.5%
    }

    .about3 .about3_ftli:nth-child(2) {
        top: -17%;
        right: 10.5%
    }

    .about3 .about3_ftli:nth-child(3) {
        top: 39%;
        left: 8%
    }

    .about3 .about3_ftli:nth-child(4) {
        top: 39%;
        right: 8%
    }

    .about3 .about3_ftli:nth-child(5) {
        top: 90%;
        left: 12%
    }

    .about3 .about3_ftli:nth-child(6) {
        top: 90%;
        right: 12%
    }

    .about3 .about3_list {
        margin-top: 130px
    }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 29%
    }

    .about4 .about4_bot .time {
        padding-right: 25px;
        font-size: 28px
    }

    .about4 .about4_bot .swiper-container {
        width: 75%
    }

    .solution1 .solution1_rtli {
        width: 320px
    }

    .solution1 .solution1_li {
        width: calc(100% - 320px - 30px)
    }

    .solution1 .solution1_rfont .dec {
        font-size: 15px
    }

    .solution1 .solution1_li .tit {
        font-size: 22px
    }

    .solution2 .solution2_font {
        padding-left: 1rem
    }

    .solution4 .solution4_font .dec {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 14px
    }

    .solution4 .solution4_font .btn, .solution5 .solution5_font .btn {
        font-size: 14px
    }

    .solution4 .solution4_font .line {
        margin-bottom: 10px
    }

    .solution4 .solution4_font .tag {
        font-size: 13px
    }

    .solution4 .swiper-container {
        margin-top: 25px;
        padding-bottom: 60px
    }

    .solution5 .solution5_font {
        width: 90%
    }

        .solution4 .solution4_font .tit, .solution5 .solution5_font .tit {
            font-size: 20px
        }

    .cainfo1 .cainfo1_bot {
        margin-top: 30px
    }

    .support1 .support1_font {
        padding: 0 8% 10% 8%
    }

    .support1 .support1_select {
        margin-left: 20px
    }

    .download2 .download2_tit {
        font-size: 20px
    }

    .download2 .download2_sct.sct4, .download2 .download2_stit.stit4 {
        display: none
    }

    .download2 .download2_sct.sct2, .download2 .download2_sct.sct3, .download2 .download2_sct.sct5, .download2 .download2_stit.stit2, .download2 .download2_stit.stit3, .download2 .download2_stit.stit5 {
        width: 25%
    }

    .problem1 .problem1_font {
        margin-top: 10px
    }

    .contact1 .placeholder {
        font-size: 14px
    }

    .contact1 .contact1_rli input {
        height: 50px
    }

    .contact1 .contact1_rli input, .contact1 .contact1_rli textarea, .contact1 .placeholder {
        padding: 15px
    }

    .contact1 .contact1_li {
        margin-top: 20px
    }

    .new1 .new1_font .tit {
        margin: 15px 0 10px 0;
        font-size: 22px
    }

    .new1 .new1_font .dec {
        margin-bottom: 20px
    }

    .new1 .new1_li {
        padding: 25px 0
    }

    .new1 .new1_list {
        margin-bottom: 40px
    }

    .monitoring1 .monitoring1_dec, .monitoring1 .monitoring1_ft .dec, .monitoring1 .monitoring1_rft .ft, .monitoring2 .monitoring2_dec, .monitoring2 .monitoring2_tft .tft, .monitoring2 .monitoring2_tftli .dec {
        font-size: 14px
    }

    .monitoring1 .monitoring1_tit, .monitoring2 .monitoring2_tit {
        font-size: 22px
    }

    .monitoring2 .monitoring2_tftli {
        padding: 5px 10px
    }

    .monitoring1 .monitoring1_dec, .monitoring2 .monitoring2_dec {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .monitoring2 .monitoring2_btit {
        font-size: 16px
    }

    .monitoring2 .monitoring2_bright {
        height: 500px
    }

    .monitoring2 .monitoring2_bli {
        margin-top: 10px;
        padding-left: 20px;
        font-size: 14px
    }

        .monitoring2 .monitoring2_bli::before {
            width: 12px;
            height: 12px
        }

    .monitoring2 .monitoring2_bul::before {
        left: 5px
    }

    .banner .banner_pro {
        top: 40%
    }

    .mosolution3 .mosolution3_vilist {
        position: relative;
        top: auto;
        right: auto;
        margin-top: -6rem
    }

    .mosolution3 .mosolution3_list {
        height: auto
    }

    .mosolution3 .mosolution3_tab {
        width: 100%
    }

    .mosolution3 {
        background: #eceff2
    }
}

@media screen and (max-width:1024px) {
    .headfixed .headfixed-show .menu_pcul, .headfixed .menu_bgm {
        display: none
    }

    .banner .swiper_dec {
        margin-top: 10px;
        margin-bottom: 30px
    }

    .banner .swiper_dec {
        font-size: 16px
    }

    .more {
        padding: 10px 6px;
        width: 140px;
        font-size: 14px
    }

        .more em {
            font-size: 14px
        }

    .headfixed_pmenu .headfixed_pli {
        margin-bottom: .8rem;
        width: 33.333%;
        flex: initial
    }

    .headfixed.headerbgm .logo img {
        max-width: 120px
    }

    .headfixed .menu_btn, .headfixed.headerbgm .menu_btn {
        padding: 21px 0
    }

    .mainer {
        margin-top: 61px
    }
}

@media screen and (max-width:980px) {
    .about1 .about1_top, .about3 .about3_bot, .contact1, .monitoring1 .monitoring1_list, .solution1 .solution1_liBox {
        flex-wrap: wrap
    }

        .about1 .about1_left, .about1 .about1_right, .about3 .about3_bleft, .about3 .about3_bright, .case1 .case1_ftli .dec, .case1 .case1_ftli .tit, .contact1 .contact1_left, .contact1 .contact1_right, .monitoring1 .monitoring1_li, .monitoring2 .monitoring2_bleft, .monitoring2 .monitoring2_bright, .product1 .product1_cont, .product1 .product1_menu, .solution1 .solution1_li, .solution1 .solution1_rtli {
            width: 100%
        }

    .footer .footer_input {
        justify-content: center
    }

    .ftlogo-share {
        margin-top: 0;
        margin-left: 4%
    }

    .about4 .about4_bot .swiper-container {
        width: 90%
    }

    .about3 .about3_bright, .product1 .product1_cont {
        padding-left: 0
    }

    .case1 .case1_ftli .tit {
        padding-right: 0
    }

    .solution1 .solution1_li {
        margin-right: 0;
        margin-bottom: 30px
    }

    .about3 .about3_bright, .monitoring1 .monitoring1_li {
        margin-top: 30px
    }

        .monitoring1 .monitoring1_li:first-child {
            margin-top: 0;
            display: flex;
            align-items: center;
        }

    .headfixed {
        background: #fff;
        box-shadow: 0 14px 18px 3px rgba(231,232,234,.31)
    }

    .about1 .about1_right {
        margin-top: 15px;
        padding-left: 0
    }

    .about2 .about2_swiper, .about3 .swiper-container, .headfixed .logo .himg, .sbanner, .sbannerBox {
        display: block
    }

    .about2 .about2_list, .about3 .about3_list, .bannerBox, .contact1 .contact1_right::after, .contact1 .contact1_right::before, .download2 .download2_sct.sct2, .download2 .download2_stit.stit2, .footer .footerphone-menu, .headfixed .logo .img, .neinfo1::before {
        display: none
    }

    .about3 .about3_swiper {
        margin: 0 auto;
        padding-bottom: 60px;
        width: 90%
    }

    .in_tit .tit, .section2 .section2_rli.active .tit {
        font-size: 28px
    }

    .section1 .section1_timg img {
        max-width: 80%
    }

    .section2 .section2_rli .tit {
        font-size: 20px
    }

    .section2 .section2_font .dec {
        margin-top: 10px
    }

    .swiper-button-next, .swiper-button-prev {
        width: 35px
    }

    .section3 .swiper-button-next {
        right: -20px
    }

    .section3 .swiper-button-prev {
        left: -20px
    }

    .section4 .swiper-slide {
        width: 35% !important
    }

    .section4 .section4_font .btn {
        font-size: 14px
    }

    .section4 .section4_font .tit {
        font-size: 18px
    }

    .footer .footer_left {
        width: 80%
    }

    .footer .footer_top {
        padding: 40px 0 20px 0;
        justify-content: center
    }

    .footer .footer_input .sub {
        width: 130px
    }

    .footer .footer_input .input {
        width: calc(100% - 130px)
    }

    .ftlogo-share {
        justify-content: center
    }

    .footer .foot-rtlink {
        margin-top: 15px;
        text-align: center
    }

        .footer .foot-rtlink a:first-child {
            width: 100%;
            display: block;
        }

    .section4 {
        padding-bottom: 70px
    }

    .download1_tit, .pub-banner-font .tit {
        font-size: 28px
    }

    .product1 .product1_menu {
        position: relative;
        top: auto;
        display: none
    }

    .product1 .product1_prolink {
        width: 32%
    }

        .product1 .product1_prolink:nth-child(2n) {
            margin-right: 2%
        }

        .product1 .product1_prolink:nth-child(3n) {
            margin-right: 0
        }

    .product1 .product1_mect {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 5;
        width: 100%;
        background: #fff
    }

    .product1 {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .prinfo1 .prinfo1_dec {
        font-size: 20px
    }

    .prinfo1 .line {
        margin: 30px 0 20px 0;
        width: 50px
    }

    .prinfo4 .ftli .tag {
        font-size: 14px
    }

    .prinfo2 .prinfo2_font .tit, .prinfo3 .prinfo3_li .tit, .prinfo3_1 .prinfo3_li .tit, .prinfo4 .ftli .tag_tit {
        font-size: 18px
    }

    .prinfo5 .prinfo5_font {
        padding: 0 30px
    }

    .prinfo5 .prinfo5_li {
        padding: 15px 10px
    }

    .about2 .swiper-button-next, .about2 .swiper-button-prev, .prinfo4 .swiper-button-next, .prinfo4 .swiper-button-prev {
        width: 35px;
        height: 35px;
        line-height: 35px
    }

    .prinfo2 .prinfo2_tli .prinfo2_font {
        padding-bottom: 10px
    }

    .prinfo1::after, .prinfo1::before, .prinfo4::before {
        width: 120%
    }

    .about1 .about1_li {
        margin-top: 30px;
        width: 50%
    }

    .about1 .about1_ul {
        padding-top: 10px
    }

    .about2 .swiper-button-next {
        right: -30px
    }

    .about2 .swiper-button-prev {
        left: -30px
    }

    .about4 .about4_top .swiper-container {
        padding: 80px 0
    }

    .about4 .about4_bot .dec {
        font-size: 16px
    }

    .about5 .about5_ul {
        padding: 0 !important
    }

    .about5 .picMarquee_left {
        margin-top: 20px
    }

    .about5 .about5_img {
        border: 1px solid rgba(0,0,0,.08);
        box-shadow: 0 0 49px 0 transparent
    }

    .about5 .picMarquee_left .about5_li {
        margin: 0 10px
    }

    .solution1 .swiper-slide {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .solution1 .solution1_sli {
        padding: 0 2%;
        width: 33.333%
    }

    .solution1 .swiper-container {
        margin-bottom: 20px;
        padding-bottom: 40px
    }

    .solution1 .solution1_rtli {
        padding: 50px 0
    }

    .solution1 .solution1_icon {
        width: 50px;
        height: 50px
    }

        .solution1 .solution1_icon em {
            transform: scale(.7)
        }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px
    }

    .solution1 .solution1_liBox {
        margin-top: 60px
    }

    .solution2 .swiper-slide {
        padding: 15px 0
    }

    .solution2 .solution2_font .tit {
        font-size: 22px
    }

    .solution2 .solution2_font .dec {
        font-size: 14px
    }

    .solution2 .solution2_font {
        padding-left: .8rem
    }

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

    .mosolution3 .mosolution3_tit, .solution3 .solution3_font {
        font-size: 16px
    }

    .solution3 .solution3_tli {
        padding: 8px 20px
    }

    .solution3 .solution3_tab {
        margin-top: 30px
    }

    .solution2 .swiper-slide::before {
        width: 80px
    }

    .solution4 .solution4_left {
        width: 35%
    }

    .solution4 .solution4_font {
        padding: 0 0 0 30px;
        width: 65%
    }

    .solution4 .swiper-container {
        margin-top: 25px;
        padding-bottom: 50px
    }

    .solution4 .solution4_font .tit, .solution5 .solution5_font .tit {
        font-size: 18px
    }

    .solution5 .solution5_font {
        margin-left: 0;
        padding: 8% 6%;
        width: 100%
    }

    .solution6 .swiper-container {
        padding-bottom: 30px
    }

    .solution5 .swiper-container, .solution6 .swiper-container {
        margin-top: 20px
    }

    .solution6 .solution6_font .tit {
        padding-right: 0
    }

    .cainfo1 .cainfo1_tlf .tag, .solution6 .rtag {
        font-size: 14px
    }

    .solution5 .solution5_font .dec {
        margin-bottom: 15px
    }

    .more em.icon-bofang {
        font-size: 22px;
        line-height: 22px
    }

    .case1 .case1_li, .download2 .tag, .problem1 .problem1_li {
        padding: 10px 20px;
        font-size: 16px
    }

        .case1 .case1_li.active, .download2 .tag.active, .problem1 .problem1_li.active {
            padding: 10px 35px 10px 20px
        }

        .case1 .case1_li::before, .download2 .tag::after, .problem1 .problem1_li::before {
            width: 25px;
            height: 20px
        }

    .case1_more {
        width: 35px;
        height: 35px
    }

    .case1 .case1_bot {
        padding-bottom: 35px
    }

    .cainfo1 .cainfo1_tit {
        font-size: 26px
    }

    .cainfo1 .cainfo1_font {
        padding: 0 0 0 6.5%
    }

    .cainfo1 .cainfo1_li {
        padding: 15px 0
    }

        .cainfo1 .cainfo1_li .tit {
            padding-left: 15px;
            font-size: 16px
        }

    .cainfo1 .cainfo1_icon em {
        transform: scale(.85)
    }

    .cainfo1 .cainfo1_trt {
        padding-left: 30px
    }

    .download2 .download2_sct.sct2, .download2 .download2_sct.sct3, .download2 .download2_sct.sct5, .download2 .download2_stit.stit2, .download2 .download2_stit.stit3, .download2 .download2_stit.stit5 {
        width: 38%
    }

    .download2 .download2_sli {
        padding: 0 15px
    }

    .download2 .tag {
        padding: 8px 15px;
        font-size: 14px
    }

    .download2 .download2_tli .tit {
        padding: 8px 0;
        width: 70px;
        font-size: 16px
    }

    .download2 .tag {
        margin-top: 10px;
        margin-right: 3px
    }

    .download2 .tagBox {
        width: calc(100% - 70px)
    }

    .download2 .download2_tit {
        margin-top: 20px;
        margin-bottom: 0
    }

    .contact1 .more, .download2 .more {
        padding: 12px 20px
    }

    .download1 .download1_input {
        width: 70%;
        height: 50px
    }

    .download2 .download2_tit:first-child {
        margin-top: 20px
    }

    .problem1 .problem1_bli {
        margin-top: 40px
    }

    .contact1 .contact1_right {
        padding: 8% 5%
    }

    .contact1 .contact1_tit {
        font-size: 24px
    }

    .contact2 {
        padding-top: 0
    }

    .neinfo1 .neinfo1_left, .new1 .new1_font {
        width: calc(100% - 250px)
    }

    .neinfo1 .neinfo1_right, .new1 .new1_img {
        width: 250px
    }

    .new1 .new1_font .tit {
        font-size: 20px
    }

    .neinfo1 .neinfo1_tit {
        color: #333
    }

    .neinfo1 .bshare_icon {
        color: #666
    }

    .neinfo1 .neinfo1_top .time {
        border: solid 1px #ee7800;
        color: #ee7800
    }

    .neinfo1 {
        padding-top: 2.3rem !important
    }

        .neinfo1 .neinfo1_rli {
            padding: 8%
        }

        .neinfo1 .neinfo1_cont {
            margin-top: 10px
        }

        .neinfo1 .neinfo1_tit {
            font-size: 24px
        }

    .monitoring2 .monitoring2_tft {
        top: 9%;
        left: 4%
    }

        .monitoring1 .monitoring1_rft .ft::before, .monitoring2 .monitoring2_tft .tft::before {
            left: -8px;
            width: 8px;
            height: 12px
        }

    .monitoring2 .monitoring2_tright {
        padding-left: 5%
    }

    .monitoring2 .monitoring2_bright {
        border-radius: 0 0 15px 15px
    }

    .monitoring2 .monitoring2_bleft {
        padding: 8% 5%;
        border-radius: 15px 15px 0 0
    }

    .headfixed_pmenu .headfixed_pli {
        margin-top: 40px;
        width: 33.333%;
        flex: initial
    }

    .headfixed_pmenu .headfixed_plist {
        margin-top: 0
    }

    .headfixed_pmenu .headfixed_ptit {
        font-size: 26px
    }

    .headfixed_pmenu .headfixed_pli .tit {
        font-size: 18px
    }

    .headfixed_pmenu .headfixed_pli:nth-child(3n) {
        border-right: 1px solid rgba(0,0,0,.1)
    }

    .in_banner {
        display: block
    }

    .in_headfixed {
        opacity: 1;
        pointer-events: auto
    }

    .section2 .section2_list::before, .section2::before {
        height: 40px
    }

    .banner .swiper-fontlist {
        opacity: 1
    }

    .headfixed .logo {
        width: 30%
    }

    .headfixed .headfixed-show .menu_list {
        width: 60%
    }

    .mosolution3 .mosolution3_vilist {
        margin-top: -2rem
    }
}

@media screen and (max-width: 767px) {
    .in_headfixed.on {
        position: relative;
        top: auto;
        left: auto
    }

    .mosolution3 .mosolution3_vili img, .solution3 .solution3_list img {
        opacity: 1
    }

    .download2 .download2_sli, .monitoring2 .monitoring2_top, .prinfo1 .prinfo1_list, .prinfo4 .prinfo4_list, .prinfo5 .prinfo5_li, .problem1 .problem1_font, .problem1 .problem1_tit, .solution4 .solution4_li {
        flex-wrap: wrap
    }

    .cainfo1 .cainfo1_font, .cainfo1 .cainfo1_img, .download2 .download2_sct.sct5, .download2 .download2_stit.stit5, .download2 .download2_tli .tit, .download2 .tagBox, .footer .footer_left, .monitoring1 .monitoring1_left, .monitoring1 .monitoring1_right, .monitoring2 .monitoring2_tleft, .monitoring2 .monitoring2_tright, .neinfo1 .neinfo1_left, .neinfo1 .neinfo1_right, .new1 .new1_font, .new1 .new1_img, .prinfo1 .prinfo1_left, .prinfo1 .prinfo1_right, .prinfo2 .prinfo2_bli .prinfo2_font, .prinfo2 .prinfo2_bli .prinfo2_img, .prinfo2 .prinfo2_left, .prinfo2 .prinfo2_left .prinfo2_font, .prinfo2 .prinfo2_left .prinfo2_img, .prinfo2 .prinfo2_right, .prinfo2 .prinfo2_tli .prinfo2_font, .prinfo2 .prinfo2_tli .prinfo2_img, .prinfo2 .prinfo2_tli::before, .prinfo3 .prinfo3_li, .prinfo3_1 .prinfo3_li, .prinfo4 .prinfo4_img, .prinfo4 .prinfo4_list, .prinfo4 .prinfo4_swiper, .prinfo5 .prinfo5_font, .section2 .section2_left, .section2 .section2_right, .solution4 .solution4_font, .solution4 .solution4_left, .support1 .support1_li {
        width: 100%
    }

    .banner .pub-pbanner, .contact2 .contact2_map .img, .download1 .download1_bgm .img, .download2 .download2_stit.stit5, .headfixed .menuBox, .mosolution3 .mosolution3_vili img, .mosolution3 .mosolution3_vili video, .section1 .section1_rli .img, .section2 .section2_list, .solution3 .solution3_li .img {
        display: none
    }

    .mosolution3, .solution3 {
        background: #eff2f7
    }

        .banner .pub-mbanner, .contact2 .contact2_map .simg, .download1 .download1_bgm .simg, .mosolution3 .mosolution3_vili .simg, .section1 .section1_rli .simg, .section2 .section2_slist, .section2 .swiper-button-next, .section2 .swiper-button-prev, .section2 .swiper-pagination, .solution3 .solution3_li .simg, .solution5 .swiper-pagination, .solution6 .swiper-pagination {
            display: block
        }

    .prinfo4 .prinfo4_swiper {
        margin-left: 0
    }

    .mosolution3 .mosolution3_vilist {
        margin-top: 0
    }

    .prinfo5 {
        padding-bottom: 45px
    }

    .prinfo2 .prinfo2_left, .prinfo3 .prinfo3_li, .prinfo3_1 .prinfo3_li, .support1 .support1_li {
        margin-right: 0
    }

    .solution4 .solution4_font {
        margin-top: 25px;
        padding-left: 0
    }

    .prinfo4 .prinfo4_font {
        margin-top: 20px;
        margin-left: 0;
        padding: 4% 6% 15% 6%
    }

    .prinfo3 .prinfo3_li {
        margin-top: 20px;
        padding: 4% 8%
    }

    .headfixed .mobile_menu {
        display: flex
    }

    .headfixed .logo img, .headfixed.headerbgm .logo img {
        max-width: 95px
    }

    .headfixed .headfixed-show {
        padding-right: 5%
    }

    .banner .swiper_tit,.banner h1 {
        font-size: 24px
    }

    .banner .swiper_dec p {
        display: inline
    }

    .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%)
    }

    .in_tit .tit, .section2 .section2_rli.active .tit {
        font-size: 22px
    }

    .about1 .about1_right, .case1 .case1_ftli .dec, .case1 .case1_ftli .tit, .in_tit .dec, .section1 .section1_dec, .section4 .section4_font .btn em, .section4 .section4_font .dec {
        font-size: 14px
    }

    .section4 .section4_font .btn {
        font-size: 13px
    }

    .section1 .section1_dec {
        margin-top: 5px
    }

    .section1 .section1_iconBox {
        width: 63px;
        height: 60px
    }

    .section1 .section1_icon {
        width: 48px;
        height: 48px
    }

        .section1 .section1_icon em {
            transform: scale(.6)
        }

    .section1 .section1_tab {
        margin-top: 0;
        width: 100%;
        flex-wrap: wrap
    }

    .section1 .section1_right {
        margin-top: -70%
    }

    .section1 .section1_tli {
        margin-top: 15px;
        margin-right: 0;
        width: 25%
    }

    .swiper-container {
        padding-right: 1px
    }

    .section3 .swiper-slide .section3_img {
        height: 70px
    }

    .section3 .section3_swiper .swiper-container {
        width: 85%
    }

    .section3 .swiper-button-next {
        right: -10px
    }

    .section3 .swiper-button-prev {
        left: -10px
    }

    .swiper-button-next, .swiper-button-prev {
        width: 32px;
        height: 32px;
        font-size: 12px;
        line-height: 32px
    }

    .section3 .section3_swiper {
        margin-top: 15px
    }

    .section3 {
        padding: 20px 0 50px 0
    }

        .section3 .more1 {
            margin-top: 25px
        }

    .section4 .swiper-slide {
        margin: 0 6px;
        width: 80% !important
    }

    .section4 .section4_font .dec {
        margin: 5px 0
    }

    .section4 .section4_font .btn {
        margin-bottom: 5px
    }

    .section2 .section2_srt, .section4 .swiper-container {
        padding-top: 20px
    }

    .section4 {
        padding-bottom: 50px
    }

    .footer .footer_input .sub {
        width: 130px;
        height: 40px;
        margin-bottom: 20px;
        background-image: linear-gradient(to right,#ff972d,#e60013);
        color: #fff;
    }

    .ftlogo-share {
        margin-left: 0px;
        margin: 0 50px 0;
    }

        .ftlogo-share .bshare-icon, .ftlogo-share a:last-child { /* margin-right:15px; */
            margin: 0 10px;
        }

    .section4 .section4_font .tit {
        font-size: 16px
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }

    .section2 .swiper-slide .section2_font {
        display: block;
        padding-left: 22%
    }

    .section2 .section2_rli::before {
        display: none
    }

    .section2 .section2_rli .tit {
        color: #000;
        font-size: 20px
    }

    .section2 .section2_font .dec {
        font-size: 14px
    }

    .section2 .section2_srli {
        padding-left: 0
    }

    .section2 .section2_font::after {
        width: 50px
    }

    .section2 .section2_font::before {
        left: 55px
    }

    .section2 .section2_slli img {
        max-width: 75%
    }

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

    .section2 {
        padding: 50px 0 80px 0
    }

        .section2 .swiper-button-next, .section2 .swiper-button-prev {
            top: 40%
        }

    .ftlogo-share .bshare-icon {
        width: 35px;
        height: 35px;
        font-size: 18px;
        line-height: 35px
    }

    .section3 .section3_img img {
        padding: 8%
    }

    .headfixed {
        padding: 15px 0
    }

    .download1_tit, .pub-banner-font .tit {
        font-size: 24px;
        opacity: 1 !important;
        transform: translateY(0) !important
    }

    .product1 .product1_tit {
        font-size: 20px
    }

    .product1 .product1_stit {
        margin-top: 10px;
        padding-left: 15px;
        font-size: 16px
    }

    .product1 {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .product1 .product1_prolink {
            display: flex;
            margin-right: 0;
            padding: 20px 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 5px 20px 0 rgba(4,0,0,.09);
            justify-content: flex-start;
            flex-direction: row;
            align-items: center
        }

            .product1 .product1_prolink:nth-child(2n) {
                margin-right: 0
            }

            .product1 .product1_prolink:hover .product1_img {
                box-shadow: 0 5px 20px 0 rgba(4,0,0,0)
            }

        .product1 .product1_img {
            width: 40%;
            height: auto
        }

        .product1 .product1_font {
            width: 60%
        }

        .product1 .product1_tag .tag {
            margin-top: 5px;
            margin-right: 5px;
            padding: 5px 10px 2px 10px;
            font-size: 12px
        }

        .product1 .product1_tag {
            justify-content: flex-start
        }

        .product1 .product1_protit {
            margin-top: 0;
            text-align: left
        }

        .product1 .product1_prolink:hover .product1_img::before {
            display: none
        }

        .product1 .product1_line {
            margin-bottom: 25px
        }

        .product1 .product1_tit {
            margin-top: 15px
        }

        .product1 .product1_stit::before {
            top: 6px
        }

    .monitoring2 .monitoring2_tright, .prinfo1 .prinfo1_right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .monitoring2 .monitoring2_tleft, .prinfo1 .prinfo1_left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .prinfo1 .prinfo1_right {
        margin: 0 auto;
        width: 60%
    }

    .prinfo1 .prinfo1_left {
        margin-top: 30px
    }

    .prinfo1 .prinfo1_dec {
        margin-bottom: 20px;
        font-size: 16px
    }

    .prinfo1 .line {
        margin: 20px 0 15px 0;
        width: 40px;
        height: 2px
    }

    .btn_more {
        margin-right: 6px;
        padding: 6px 15px;
        font-size: 14px
    }

    .prinfo2 .prinfo2_left .prinfo2_img {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: auto;
        margin-top: 20px;
        transform: translateY(0)
    }

    .prinfo2 .prinfo2_bli .prinfo2_img {
        margin-top: 20px
    }

    .prinfo2 .prinfo2_left .prinfo2_img img {
        max-width: 50%
    }

    .prinfo4 .prinfo4_img img {
        margin: 0 auto;
        max-width: 60%
    }

    .prinfo2 .prinfo2_bli {
        padding-bottom: 0 !important
    }

        .prinfo2 .prinfo2_bli .prinfo2_img img, .prinfo2 .prinfo2_tli .prinfo2_img img {
            width: 40%
        }

    .prinfo2 .prinfo2_tli {
        margin-top: 25px;
        padding-left: 0
    }

    .ny-bread a, .ny-bread em {
        font-size: 12px
    }

        .ny-bread em.icon-weizhi {
            font-size: 18px
        }

    .ny-bread {
        padding: 10px 0
    }

    .prinfo2 {
        padding-top: 30px
    }

        .prinfo2 .prinfo2_icon em, .prinfo3 .prinfo3_icon em, .prinfo3_1 .prinfo3_icon em {
            transform: scale(.6)
        }

        .prinfo2 .prinfo2_icon {
            margin-bottom: 5px;
            height: 35px
        }

            .prinfo2 .prinfo2_icon em {
                right: auto;
                left: auto
            }

    .prinfo3 .prinfo3_icon, .prinfo3_1 .prinfo3_icon {
        margin-bottom: 5px;
        height: 35px
    }

    .prinfo4 .ftli .tag_tit {
        font-size: 16px
    }

    .prinfo4 .prinfo4_ftli {
        padding-top: 10px;
        padding-bottom: 5px
    }

    .prinfo4 .ftli .tag {
        font-size: 13px
    }

    .prinfo4 .swiper-pagination {
        top: auto;
        bottom: .3rem;
        padding: 0;
        width: 100%;
        text-align: center
    }

    .prinfo4 .swiper-container {
        margin-top: 20px;
        width: 100%
    }

    .prinfo4 .swiper-button-next, .prinfo4 .swiper-button-prev {
        top: 20%
    }

    .prinfo5 .prinfo5_tli {
        margin-right: 4%;
        padding: 12px 0;
        font-size: 16px
    }

    .prinfo5 .prinfo5_tab {
        margin-top: 0
    }

    .prinfo5 .prinfo5_tli::before {
        height: 2px
    }

    .prinfo5 .prinfo5_font::before {
        display: none;
        width: 15px;
        height: 15px
    }

    .prinfo5 .prinfo5_icon {
        width: 45px;
        height: 30px;
        font-size: 16px;
        line-height: 30px
    }

    .prinfo5 .prinfo5_font .tit {
        font-size: 15px
    }

    .prinfo5 .prinfo5_font {
        padding: 0 20px 0 0;
        width: calc(100% - 45px)
    }

        .about2 .about2_font .dec, .about2 .about2_li .dec, .about3 .about3_bright .dec, .about3 .about3_sfont .dec, .about4 .about4_bot .dec, .prinfo5 .prinfo5_font .dec, .solution1 .solution1_li .dec {
            font-size: 14px
        }

    .prinfo6 .prinfo6_tit {
        padding: 10px 6px;
        min-height: 70px;
        font-size: 14px
    }

    .prinfo6 .swiper-container {
        margin-top: 15px;
        padding-bottom: 30px
    }

    .about1 .about1_right {
        margin-top: 10px
    }

    .about2 .about2_font .dec, .about2 .about2_li .dec {
        margin-top: 5px
    }

    .about1 .about1_font .num {
        font-size: 22px
    }

        .about1 .about1_font .num em, .about2 .about2_font .tit, .about2 .about2_li .tit {
            font-size: 16px
        }

    .about1 .about1_icon {
        width: 20px;
        height: 20px
    }

    .about1 .about1_font .dec {
        font-size: 13px
    }

    .about1 .about1_font {
        padding-left: 10px;
        width: calc(100% - 20px)
    }

    .about1 .about1_li {
        margin-top: 20px
    }

    .about1 .about1_ul {
        padding-top: 0
    }

    .about2 .swiper-container, .about3 .about3_swiper, .about3 .swiper-container {
        padding-bottom: 30px
    }

    .about2 .swiper-button-next {
        right: -10px
    }

    .about2 .swiper-button-prev {
        left: -10px
    }

    .about2 .swiper-button-next, .about2 .swiper-button-prev, .prinfo4 .swiper-button-next, .prinfo4 .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .about2 .swiper-button-next, .about2 .swiper-button-prev {
        top: 30%;
        display: none
    }

    .about3 .about3_sicon img {
        transform: scale(.5)
    }

    .about2 .about2_tit, .about3 .about3_bright .tit {
        font-size: 20px
    }

    .about3 .about3_bright .dec, .about3 .about3_sfont .dec {
        margin-top: 5px
    }

    .about4 .about4_bot .time {
        padding-right: 20px;
        width: 90px;
        font-size: 24px
    }

    .about4 .about4_bot .dec {
        width: calc(100% - 90px)
    }

    .about4 .about4_top .swiper-slide.active .time {
        font-size: 22px
    }

    .about4 .about4_top .time {
        font-size: 17px
    }

        .about4 .about4_top .time::before {
            width: 70px;
            height: 70px
        }

    .about4 .about4_top .swiper-slide.active .time::before {
        width: 90px;
        height: 90px
    }

    .about4 .about4_bot .swiper-button-next, .about4 .about4_bot .swiper-button-prev {
        top: 19%;
        font-size: 20px
    }

    .about4 .about4_top .swiper-container {
        padding: 60px 0
    }

    .about5 .about5_img {
        width: 90px;
        height: 70px
    }

    .about6 {
        padding-bottom: 45px
    }

    .solution4 .solution4_img img {
        height: 100%;
        max-height: none
    }

    .solution1 .solution1_li .tit {
        font-size: 18px
    }

    .solution1 .solution1_li .solution1_font {
        padding: 8% 6%
    }

    .solution1 .solution1_sli {
        margin-top: 20px;
        width: 100%
    }

        .solution1 .solution1_sli:first-child {
            margin-top: 0
        }

    .solution1 .solution1_rtli {
        padding: 40px 0
    }

    .solution1 .solution1_liBox {
        margin-top: 45px
    }

    .pub-banner-font .tit p {
        display: inline
    }

    .more {
        opacity: 1 !important;
        transform: translateY(0) !important
    }

    .solution2 .solution2_dec {
        margin-top: 5px;
        text-align: left;
        font-size: 14px
    }

    .solution2 .solution2_font .dec {
        min-height: auto
    }

    .solution2 .swiper-slide {
        padding: 20px 0
    }

    .mosolution3 .mosolution3_tit, .solution3 .solution3_font {
        font-size: 15px
    }

    .solution3 .solution3_icon {
        width: 30px;
        height: 30px
    }

    .in_tit .tit p {
        display: inline
    }

    .mosolution3 .mosolution3_tab {
        margin-top: 45px
    }

    .mosolution3 .in_tit {
        margin-bottom: 10px
    }

    .mosolution3 .mosolution3_icon em, .solution3 .solution3_icon em {
        transform: scale(.75)
    }

    .mosolution3 .mosolution3_iconBox .mosolution3_icon {
        width: 40px;
        height: 40px
    }

    .mosolution3 .mosolution3_iconBox {
        width: 60px;
        height: 56px
    }

    .mosolution3 .mosolution3_tit {
        width: calc(100% - 60px)
    }

    .solution3 .solution3_font {
        margin-top: 5px;
        padding-left: 5px;
        width: auto
    }

    .solution3 .solution3_tli {
        margin-top: 15px;
        margin-right: 15px;
        padding: 7px 15px;
        width: 40%;
        justify-content: center
    }

        .solution3 .solution3_tli:nth-child(2n) {
            margin-right: 0
        }

    .solution3 .solution3_tab {
        margin-top: 10px
    }

    .solution3 .solution3_list {
        height: auto
    }

    .solution2 .in_tit .tit {
        text-align: left
    }

    .solution2 .swiper-container {
        padding-top: 20px;
        padding-bottom: 35px
    }

    .solution4 .swiper-container {
        margin-top: 20px;
        padding-bottom: 30px
    }

    .solution4 .solution4_left {
        margin: 0 auto;
        width: 100%
    }

    .solution4 .solution4_img {
        top: .4rem;
        padding: 25px 7px
    }

    .solution5 .swiper-container, .solution6 .swiper-container {
        padding-bottom: 35px
    }

    .solution5 .solution5_font .dec, .solution6 .solution6_font .tit {
        font-size: 14px
    }

    .solution6 .swiper-wrapper {
        flex-wrap: nowrap
    }

    .solution6 .swiper-container {
        overflow: hidden
    }

    .solution6 .solution6_font {
        border: 1px solid #f5f5f5;
        box-shadow: 0 14px 18px 3px rgba(231,232,234,0)
    }

    .solution6 .swiper-container {
        padding-bottom: 20px
    }

    .solution5 .swiper-container, .solution6 .swiper-container {
        margin-top: 15px
    }

    .cainfo1 .cainfo1_tlf .img, .solution6 .ltag {
        width: 25px;
        height: 25px
    }

    .cainfo1 .cainfo1_tlf .tag, .solution6 .rtag {
        padding-left: 5px;
        width: calc(100% - 25px);
        font-size: 13px
    }

    .solution6 .solution6_font {
        padding: 8% 6%
    }

        .solution6 .solution6_font .tit {
            margin-bottom: 10px;
            min-height: 45px;
            font-size: 15px;
            line-height: 1.5
        }

    .close-video-btn {
        width: 25px;
        height: 25px
    }

    .case1 .case1_font, .solution6 .solution6_font {
        padding: 10% 6%;
        border-radius: 10px
    }

    .case1 .case1_ftli {
        margin-top: 5px
    }

    .case1 .case1_bli {
        margin-right: 3%;
        width: 48.5%
    }

        .case1 .case1_bli:nth-child(3n) {
            margin-right: 3%
        }

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

    .case1_more {
        width: 30px;
        height: 30px
    }

    .case1 .case1_bot {
        padding-bottom: 20px
    }

    .case1 .case1_li, .download2 .tag, .problem1 .problem1_li {
        margin-top: 15px
    }

        .case1 .case1_li:first-child, .download2 .tag:first-child, .problem1 .problem1_li:first-child {
            margin-top: 0
        }

    .case1 .case1_tab {
        padding-bottom: 30px
    }

    .cainfo1 .cainfo1_tit {
        margin-bottom: 15px;
        font-size: 22px
    }

    .cainfo1 .cainfo1_trt {
        padding-left: 20px
    }

    .bshare_icon {
        margin-right: 5px;
        font-size: 16px
    }

    .cainfo1 .cainfo1_bot {
        padding: 8% 6%
    }

    .cainfo1 .cainfo1_font {
        margin-top: 5px;
        padding-left: 0
    }

    .support1 .font {
        font-size: 16px
    }

    .support1 .support1_select {
        margin-top: 10px;
        margin-left: 0;
        width: 100%
    }

    .support1 .font:first-child {
        margin-top: 0
    }

    .support1 .support1_font .tit {
        font-size: 18px
    }

    .support1 .support1_font .dec, .support1 .support1_font .dec2 {
        font-size: 14px
    }

    .support1 .support1_img img {
        max-width: 60%
    }

    .support1 .support1_img {
        margin-top: 20px
    }

    .support1 .support1_font .dec {
        min-height: auto
    }

    .support1 .support1_li {
        margin-top: 20px;
        padding: 0
    }

    .case1 .case1_li:first-child, .download2 .tag:first-child, .problem1 .problem1_li:first-child {
        margin-top: 15px
    }

    .download2 .download2_tli .tit {
        padding-bottom: 0
    }

    .download2 .tag, .problem1 .problem1_font .tit, .problem1 .problem1_tit .tit {
        font-size: 14px
    }

    .download2 .download2_tit, .problem1 .problem1_tit .tit {
        font-size: 18px
    }

    .contact1 .contact1_rli, .download2 .download2_sct.sct1, .download2 .download2_stit.stit1 {
        width: 100%;
        flex: initial
    }

    .download2 .download2_sct.sct5, .download2 .download2_stit.stit5 {
        margin-top: 10px;
        justify-content: flex-start
    }

    .contact1 .contact1_rli, .contact1 .contact1_rli:last-child {
        margin-top: 15px;
        margin-right: 0
    }

    .contact1 .contact1_rul li {
        margin-top: 0
    }

    .download2 .download2_sct, .download2 .download2_stit {
        padding: 0
    }

    .download2 .download2_sli {
        padding: 20px 15px
    }

    .download1 .download1_input {
        width: 90%
    }

    .download1 .download1_tit {
        margin-bottom: 20px
    }

    .download1 .download1_input .sub {
        width: 80px
    }

    .download1 .download1_input input {
        padding-right: 100px
    }

    .problem1 .problem1_icon {
        width: 28px;
        height: 28px
    }

        .problem1 .problem1_icon img {
            transform: scale(.6)
        }

    .problem1 .problem1_tit .tit {
        font-size: 17px
    }

    .problem1 .problem1_font .tit, .problem1 .problem1_tit .tit {
        padding: 0 0 10px 10px;
        width: calc(100% - 28px)
    }

    .problem1 .problem1_bli {
        margin-top: 20px;
        padding: 8% 5%
    }

    .problem1 .problem1_font {
        margin-top: 0
    }

    .contact1 {
        padding-top: 0
    }

    .problem1 .problem1_font .tit br {
        display: none
    }

    .problem1 .problem1_tab {
        margin-bottom: 30px
    }

    .contact1 .contact1_tit {
        padding-bottom: 0;
        font-size: 20px
    }

    .contact1 .contact1_icon {
        width: 32px;
        height: 32px
    }

        .contact1 .contact1_icon em {
            transform: scale(.7)
        }

    .contact1 .contact1_font {
        padding-left: 10px;
        width: calc(100% - 32px);
        font-size: 14px
    }

    .contact1 .contact1_li {
        margin-top: 10px
    }

    .contact1 .contact1_left {
        padding: 8% 5%
    }

    .contact1 .contact1_right {
        padding: 10% 5%
    }

    .new1 .new1_list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .new1 .new1_li {
        margin-top: 25px;
        margin-right: 3%;
        padding: 0;
        width: 48.5%;
        border-bottom: 0
    }

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

    .new1 .new1_img {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .new1 .new1_font {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

        .new1 .new1_font .btn em, .new1 .new1_font .tit {
            font-size: 16px
        }

        .neinfo1 .cont, .new1 .new1_font .btn, .new1 .new1_font .dec {
            font-size: 14px
        }

        .new1 .new1_font .tit {
            margin: 10px 0 5px 0;
            white-space: wrap
        }

        .new1 .new1_font .dec {
            margin-bottom: 10px
        }

        .neinfo1 .time, .new1 .new1_font .time {
            font-size: 12px
        }

    .new1 .new1_font {
        margin-top: 15px;
        padding-right: 0
    }

    .neinfo1 .neinfo1_right {
        position: relative;
        top: auto;
        margin-top: 40px
    }

    .neinfo1 {
        padding-top: 50px !important
    }

        .neinfo1 .neinfo1_tit {
            font-size: 22px
        }

        .neinfo1 .neinfo1_cont .tit::before {
            top: 8px;
            width: 6px;
            height: 6px
        }

        .neinfo1 .neinfo1_cont .tit {
            margin: 10px 0 5px 0;
            padding-left: 15px
        }

        .neinfo1 .time, .new1 .new1_font .time {
            padding: 4px 5px 0 5px
        }

        .neinfo1 .neinfo1_left, .new1 .new1_font {
            padding-right: 0
        }

    .monitoring1 .monitoring1_tit, .monitoring2 .monitoring2_tit {
        font-size: 20px
    }

    .monitoring1 {
        padding-right: 5%
    }

        .monitoring1 .monitoring1_ewm, .monitoring2 .monitoring2_ewm {
            width: 80px;
            height: 80px
        }

        .monitoring1 .monitoring1_font, .monitoring2 .monitoring2_tfont {
            width: calc(100% - 80px)
        }

        .monitoring1 .monitoring1_right {
            margin-top: 20px;
            padding-left: 5%
        }

        .about3 .about3_bright, .monitoring1 .monitoring1_li {
            margin-top: 20px
        }

    .monitoring2 .monitoring2_tleft {
        margin-top: 30px;
        padding: 0 5%
    }

    .monitoring2 .monitoring2_tft {
        top: 28%;
        left: 6%
    }

    .monitoring2 .monitoring2_bright {
        height: 300px
    }

    .monitoring2 .monitoring2_btn {
        width: 42px;
        height: 42px
    }

        .monitoring2 .monitoring2_btn em {
            font-size: 12px;
            line-height: 42px
        }

    .monitoring1 .monitoring1_bgm {
        top: -11rem;
        width: 7rem;
        height: 7rem
    }

    .monitoring2 .monitoring2_tft {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 10px;
        margin-bottom: -20px;
        width: 100%
    }

    .section4 .e-con {
        margin-top: 15px
    }

    .about4 .about4_bot .swiper-slide {
        flex-wrap: wrap
    }

    .about4 .about4_bot .dec, .about4 .about4_bot .time {
        width: 100%;
        text-align: center
    }

    .about4 .about4_top::before, .banner_video .video, .download2 .download2_more, .section1 .section1_rli video, .solution3 .solution3_list video {
        display: none
    }

    .section1 .section1_rsli, .solution3_rsli {
        display: block;
    }

    .section1 .section1_left {
        margin-bottom: 10px
    }

    .section1 .section1_right {
        margin-top: 0
    }

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

    .about4 .about4_bot .dec {
        margin-top: 5px;
        padding-left: 0;
        border-left: 0
    }

    .about4 .about4_bot .time {
        padding-right: 0
    }

    .solution3 .solution3_list img {
        position: relative;
        bottom: auto;
        left: auto
    }

    .section1_rsli .more, .solution3_rsli .more {
        width: 110px
    }

    .download2 .download2_bli {
        padding-right: 0;
        width: 100%;
        height: auto
    }

    .prinfo4 .prinfo4_swiper, .solution3 .solution3_li {
        position: relative
    }

    .solution6 .swiper-container {
        margin-bottom: 10px;
        padding-bottom: 30px
    }

    .support1 .support1_font .dec3 {
        margin-top: 10px
    }

    .prinfo4 .swiper-button-prev {
        left: 0
    }

    .prinfo4 .swiper-button-next {
        right: 0
    }

    .gywm {
        font-size: 14px !important
    }

    .about1 .about1_right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .about1 .about1_left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

@media all and (max-width:320px) {
    .solution3 .solution3_tli {
        width: 47%
    }
}

.pag::after, .pag::before {
    display: none
}

.section1_solu {
    display: none;
    height: 200px
}

    .section1_solu.active {
        display: block
    }

.about1_left a {
    display: inline-block;
    margin-top: 20px
}

.about1 .about1_right .head_prli .monitoring1 {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.head_prli .head_pritem {
    height: 521px
}

.head_prli .monitoring1 .monitoring1_list {
    height: 520px;
    justify-content: center;
    align-items: center
}

@media all and (max-width:640px) {
    .banner_pro {
        display: none
    }
}


.yzqh {
    position: relative;
    cursor: pointer;
}

    .yzqh .yzqh-cont {
        display: none;
    }

    .yzqh.on .yzqh-cont {
        display: block;
        position: fixed;
        background-color: white;
        width: 100%;
        min-height: 200px;
        right: 0;
        z-index: 999;
        padding: 20px;
    }

.yzqh-cont .yzqh-des2 {
    width: 22%;
    float: left;
    margin: 1.5%;
    text-align: left;
    padding-left: 5%;
}

    .yzqh-cont .yzqh-des2 h5 {
        font-size: 20px;
        color: black;
        text-align: left;
        font-family: 'Montserrat-Regular';
        margin-bottom: 15px;
    }

    .yzqh-cont .yzqh-des2 a {
        display: block;
        margin-bottom: 12px;
    }

.yzqh-cont a p {
    font-size: 16px;
    color: black;
    text-align: center;
    display: inline-block;
}

.yzqh-cont a img {
    display: inline-block;
    width: 22px;
    margin-right: 3px;
}

.yzqh-des {
    max-width: 100%; /* margin-left: 40%; */
}

.yzqh-cont a:hover p {
    /* font-weight: bold; */
    color: red;
}

.rjfl {
    text-align: center;
    margin-bottom: 5%;
}

    .rjfl a {
        font-size: 18px;
        padding: 10px 20px;
        border: 1px solid rgb(243 245 247);
        border-radius: 24px;
        margin: 0 10px;
        background-color: rgb(243 245 247);
        display: inline-block;
        color: #666666;
    }

        .rjfl a.on, .rjfl a:hover {
            color: white;
            border: 1px solid rgb(230 0 19);
            background-color: rgb(230 0 19);
        }

@media all and (max-width:980px) {

    .rjfl {
        margin-bottom: 30px;
    }

        .rjfl a {
            font-size: 15px;
            padding: 8px 10px;
        }
}

.text-center {
    text-align: center;
}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;}