@media only screen and (min-width:956px) and (max-width:1268px) {
    /* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

    /* header */
    .pc-1200px {
        display: none !important;
    }

    .drawer-nav {
        display: block;
    }

    /* drawer-hamburger */
    .headerwrap .drawer-hamburger {
        padding: 10px 15px 18px;
        height: 60px;
        top: 0;
        background-color: #cd161d !important;
        display: block;
        box-sizing: border-box;
        width: 60px;
        z-index: 21;
    }

    .drawer-hamburger-icon,
    .drawer-hamburger-icon:after,
    .drawer-hamburger-icon:before {
        background-color: #ffffff !important;
    }

    .drawer-hamburger .drawer--right.drawer-open .drawer-nav,
    .drawer--right .drawer-nav {
        padding-top: 80px;
        width: 30%;
        z-index: 20;
    }

    .headerbody .drawer--right.drawer-open .drawer-hamburger {
        right: 0 !important;
    }

    .drawer--right .drawer-nav {
        right: -100% !important;
    }

    .headerwrap .h-min {
        height: 60px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 2%;
    }

    .headerwrap {
        background-color: #FFFFFF;
    }

    .sj-language {
        position: absolute;
        right: 20px;
        bottom: 50px;
    }

    .drawer--right.drawer-open .drawer-nav {
        height: 100%;
        box-sizing: border-box;
        width: 100%;
        right: 0px !important;
        top: 80px !important;
    }

    .drawer--right .drawer-nav>.drawer-menu {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu {
        height: auto;
        min-height: 100%;
        box-sizing: border-box;
        padding-bottom: 60px;
        position: relative;
        top: 0.4%;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {
        margin-bottom: 29px !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d;
    }

    .drawer-dropdown-menu>li {
        margin-bottom: 10px;
    }

    .drawer-menu-item {
        font-size: 16px;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding-bottom: 0;
    }

    .sjlanguage {
        position: absolute;
        right: 10%;
        bottom: 30px;
        font-size: 16px;
        color: #cd161d;
        ;
        display: none;
    }

    .drawer--right.drawer-open .drawer-hamburger {
        right: 0px !important;
    }

    .drawer-hamburger-icon {
        width: 55% !important;
        margin-top: 0px !important;
        margin: auto;
    }

    .drawer-hamburger {
        display: block !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0px !important;
        top: 0px !important;
    }

    .drawer-hamburger-icon::before {
        height: 100% !important;
    }

    .drawer-hamburger-icon::after {
        height: 100% !important;
    }

    .drawer-hamburger:hover {
        cursor: pointer;
        background-color: #cd161d !important;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding: 10px 10px 0px !important;
    }

    .drawer-hamburger {
        background-color: #cd161d !important;
    }

    .drawer-dropdown-menu>li:last-child {
        margin-bottom: 0px !important;
    }

    .drawer-open .drawer-hamburger-icon {
        background-color: #cd161d !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d !important;
    }




    /* head footer */
    .icenter {
        width: 94%;
    }

    .icenter1 {
        width: 94%;
    }

    .icenter2 {
        width: 94%;
    }

    .head .icenter .right {
        display: none;
    }

    .head {
        height: 80px;
    }

    .div1 {
        background-color: #fff;
        -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
    }

    .div1 .head .icenter .logo {
        filter: none;
    }

    .div1 .head .icenter li a {
        color: #333;
    }

    .div1 .head .icenter li a.active{
        color: #e60012;
    }

    .div1 .head .icenter .tools a {
        color: #666;
    }

    .div1 .head .icenter .right .tools a:nth-of-type(2) {
        border-color: rgb(111 109 109 / 40%);
    }

    .div1 .head .icenter .right .tools .lang img {
        filter: invert();
    }

    footer .icenter .top {
        display: none;
    }

    footer .icenter .bot .share {
        display: none;
    }

    footer .waves {
        display: none;
    }

    .side_btn a::after {
        width: 45px;
        height: 45px;
    }

    .side_btn {
        width: 80px;
        height: 80px;
        bottom: 58px;
    }

    footer .icenter .icon {
        display: none;
    }

    footer .icenter .bot {
        margin-top: 0px;
        justify-content: center;
    }

    footer {
        padding: 20px 0;
    }

    footer .icenter .bot .left {
        justify-content: center;
    }

    .head .icenter .logo {
        width: 120px;
    }

    .index02 {
        padding: 80px 0;
    }

    .index01 .short {
        position: unset;
        width: 94%;
        transform: none;
        margin: auto;
        padding: 50px 0 30px;
    }

    .index01 .com_h3 {
        font-size: 36px;
    }

    .index01 .short h4 {
        font-size: 20px;
        margin: 14px 0;
    }

    .index01 .short p {
        font-size: 16px;
        line-height: 30px;
    }

    .index01 {
        min-height: auto;
    }

    .index01 .content .up_img {
        display: none !important;
    }

    .index01 .text_cc {
        opacity: 1;
        width: 94%;
        transform: translate(-50%, -50%);
    }

    .index01 .content {
        min-height: unset;
        top: 0px;
        height: 58vh;
        position: relative;
    }

    .index01 .text_cc img {
        margin-top: 26px;
        width: 200px;
        opacity: 1;
        transform: unset;
    }

    .index01 .text_cc h4 {
        font-size: 20px;
        margin: 14px 0;
    }

    .index01 .text_cc p {
        font-size: 16px;
        line-height: 30px;
    }

    .index01 .text_cc h6 {
        font-size: 20px;
        margin-top: 16px;
        opacity: 1;
        transform: unset;
    }

    .index02 .icenter {
        padding: 14px;
    }

    .index02 .top h3 {
        font-size: 36px;
        margin-bottom: 21px;
    }

    .index02 .top h4 {
        font-size: 16px;
        padding-left: 116px;
    }

    .index02 ul li h5 {
        font-size: 12px;
        line-height: 24px;
    }

    .index02 ul li h4 strong {
        font-size: 44px;
        margin-right: 7px;
        line-height: 42px;
    }

    .index03 .tab .tab_cc {
        padding: 0px 10px 0 10px;
    }

    .index03 .tab .tab_cc h4 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .index03 .tab .tab_cc .icon {
        width: 28px;
        margin-bottom: 8px;
    }

    .index03 .tab .tab_cc .bt_hide {
        width: 28px;
    }

    .index03Swiper::before {
        width: 2%;
    }

    .index03 .cc_img {
        height: calc(70vh);
    }

    .index04 .bot dd p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 58px;
        width: 88%;
    }

    .index04 .bot dd .content .con_img {
        width: 40px;
        margin-bottom: 12px;
    }

    .index04 .bot dd .content h4 {
        font-size: 24px;
    }

    .index04 .bot dd:hover .content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 94%;
    }

    .index04 .bot dd:hover .tips {
        right: 12px;
    }

    .index04 .bot dd .tips {
        width: 34px;
        height: 34px;
        font-size: 13px;
        right: 12px;
    }

    .index04 .bot dd .ti-text {
        font-size: 12px;
        top: 67%;
    }

    .index04 .bot dd .icon {
        width: 30px;
        bottom: 28px;
    }

    .index07 dl dd h4 {
        font-size: 16px;
        line-height: 28px;
        margin: 18px 0;
        height: 54px;
    }

    .index05 .icenter1 .right .ph {
        left: -70px;
        top: -23px;
        height: 405px;
    }

    .index06 .map {
        display: none;
    }

    .index06 {
        /* padding: 50px 0; */
        /* background: url(../image/i06_h5.jpg) 100%; */
        background-position: center;
        background-size: inherit;
    }

    .index06 .icenter {}

    .con_banner img {
        height: 508px;
    }

    .con01 .icenter2 .tel .num a {
        font-size: 34px;
        padding-bottom: 5px;
    }

    .con01 .icenter2 .tel .num a::after {
        width: 46px;
        height: 1px;
        bottom: -3px;
    }

    .con01 .icenter2 .bot .box .imgbox img {
        height: 190px;
    }

    .con01 .icenter2 .bot .bottom .title h3 {
        font-size: 16px;
    }

    .con01 .icenter2 .bot .bottom .title h4 {
        font-size: 12px;
        line-height: 10px;
    }

    .con01 .icenter2 .bot dl dd .a {
        font-size: 12px;
    }

    .con01 .icenter2 .bot .fa {
        width: 32px;
        height: 32px;
    }

    .con01 .icenter2 .bot .fa img {
        width: 18px;
    }

    .con01 .icenter2 .bot .fa {
        top: 86%;
    }

    .con01 .icenter2 .bot::after {
        bottom: 9.5%;
    }

    .con01 {
        padding: 190px 0 100px;
        position: relative;
    }

    .con02 {
        padding: 50px 0 80px;
    }

    .acc .top .box {
        padding: 0 12px;
    }

    .acc .bot {
        padding: 70px 0 70px;
    }

    .acc .bot dl dd {
        width: 186px;
        padding: 26px 12px 12px 25px;
        margin-right: 20px;
    }

    .acc .bot dl dd .aft_jian {
        width: 30px;
        right: -43px;
    }

    .acc .bot .phone {
        height: 518px;
        right: 4px;
        bottom: 84px;
    }

    .acc .bot dl dd .aft_jian {
        width: 26px;
        right: -32px;
    }

    .acc .bot dl dd .content {
        height: 100%;
    }

    .honor01 {
        padding: 90px 0 160px;
    }

    .honor01 .left dl dd {
        padding-bottom: 14px;
        padding-top: 20px;
        width: 193px;
    }

    .honor01 .right .h01thumbs .text {
        padding: 40px;
        width: 398px;
        height: 225px;
    }

    .honor01 .right .h01thumbs {
        left: -100px;
        bottom: -13px;
    }

    .honor02 {
        padding: 90px 0;
    }

    .honor02 dl dd {
        padding: 20px 13px 25px 23px;
    }

    .honor05 .bg1 {
        display: none;
    }

    .honor05 .bg2 {
        display: none;
    }

    .honor05 {
        padding: 90px 0 124px;
    }

    .fa-dr {
        top: 40% !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 28px !important;
    }

    .honor05 .swiper-button-prev {
        left: -24px;
    }

    .honor05 .swiper-button-next {
        right: -24px;
    }

    .honor05 .box h4 {
        font-size: 14px;
        margin-top: 14px;
    }

    .honor04 .botF {
        width: 100%;
    }

    .honor04 .bot {
        width: 100%;
    }

    .honor04 .imgbox .con {
        width: 148px;
    }

    .honor04 .box h4 {
        font-size: 14px;
        margin-top: 14px;
    }

    .imgshow {
        width: 94%;
        height: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .honor04 {
        padding: 80px 0;
    }

    .honor04 .swiper-button-prev {
        left: 2px;
    }

    .honor04 .swiper-button-next {
        right: 2px;
    }


    .honor03 .swiper-wrapper .swiper-slide img {
        width: 103px;
        max-height: 157px;
    }

    .honor03 .swiper-wrapper .swiper-slide-active {
        margin-right: 7px !important;
    }

    .honor03 .swiper-wrapper .swiper-slide-active img {
        width: 226px;
        max-height: 390px;
    }

    .honor03 .ban {
        bottom: 81px;
    }

    .honor03 .soft_h4 {
        margin-bottom: 85px;
    }

    .honor03 {
        padding: 96px 0 102px;
    }

    .honor03 .le_cc {
        top: -58px;
    }

    .honor03 .ri_cc {
        top: -58px;
    }

    .honor03Swiper {
        height: 357px;
    }

    .page {
        padding-bottom: 100px;
    }

    .newsinfo_banner {
        margin-top: 80px;
    }

    .newsinfo_banner img {
        height: 300px;
    }

    .newsinfo_banner .news_text {
        width: 94%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newshowtxt {
        width: 94%;
        margin: 80px auto 80px;
    }

    .inner_banner {
        margin-top: 80px;
    }

    .fx {
        margin-top: 550px;
    }

    .icenter3 {
        width: 94%;
    }

    .proinfo_banner .left .main .icon img {
        height: 309px;
    }

    .proinfo_banner .left .tab {
        width: 77px;
    }

    .proinfo_banner .right {
        width: 41%;
    }

    .proinfo_banner .right h3 {
        font-size: 32px;
        margin-bottom: 14px;
    }

    .proinfo_banner .right h4 {
        font-size: 15px;
    }

    .proinfo_banner .right dl dd .icon {
        width: 62px;
        height: 62px;
    }

    .proinfo_banner .right dl dd .icon img {
        width: 36px;
    }

    .proinfo_banner .right dl dd span {
        font-size: 14px;
        margin-top: 6px;
    }

    .proinfo01 .top {
        padding: 90px 0;
    }

    .proinfo01 .top .ri ul li {
        margin-bottom: 49px;
    }

    .proinfo01 dl {
        margin: 90px 0;
    }

    .proinfo02 {
        padding: 80px 0;
    }

    .proinfo03 {
        padding: 90px 0;
    }

    .proinfo01 dl dd p {
        font-size: 12px;
        line-height: 24px;
    }


    .s_list01 .top {
        width: 94%;
        padding: 36px;
        padding-left: 66px;
    }

    .s_list01 .top h3::before {
        left: -66px;
        height: 38px;
    }

    .solu_list_banner {
        margin-top: 80px;
    }

    .s_list01 .top h3 {
        font-size: 38px;
        margin-bottom: 12px;
    }

    .s_list01 .top .icon {
        width: 88px;
    }

    .s_list01 .icenter2 .imgbox {
        width: 94%;
        margin-bottom: 28px;
    }

    .s_list02 dl dd h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .s_list02 dl dd p {
        font-size: 12px;
        line-height: 20px;
        width: 85%;
        height: 60px;
    }

    .s_list04 {
        padding: 90px 0;
    }

    .s_list03 {
        padding: 50px 0;
    }

    .s_list03 .bot {
        width: 100%;
    }

    .s_list03 .bot .fa {
        width: 40px;
        height: 40px;
    }

    .s_list03 .bot .fa-left {
        left: 5px;
    }

    .s_list03 .bot .fa-right {
        right: 5px;
    }

    .s_list03 .bot .box h5 {
        font-size: 14px;
        line-height: 24px;
        width: 350px;
    }

    .s_list03 .swiper-slide-active .box img {
        height: 200px;
    }


    .solu01 dl dd.active {
        padding: 25px 30px;
    }

    .solu01 dl dd .text p {
        width: 100%;
    }

    .solu01 dl dd .icon {
        width: 18px;
        margin-right: 16px;
    }

    .solu01 dl dd .text {
        width: 86%;
    }

    .solu01 .ri_bg {
        top: 228px;
        height: 425px;
    }

    .solu02 {
        padding: 90px 0 130px;
    }

    .solu02 .hu_h3 {
        margin-bottom: 24px;
    }

    .solu02 .op {
        bottom: 11%;
        left: 3%;
        width: 94%;
    }

    .solu02 .bot .box .b {
        padding: 22px 12px 22px 21px;
    }

    .solu02 .bot .box .b h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .solu02 .bot .box .b p {
        font-size: 13px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .solu02 .bot .box .b .cc .bo {
        font-size: 14px;
        width: 32px;
        height: 32px;
    }

    .solu04 {
        padding-bottom: 138px;
    }

    .solu04 .bot {
        padding: 48px 0 53px;
        border-radius: 20px;
    }

    .solu04 .nav {
        padding: 0px 60px 16px;
    }

    .solu04 .content {
        padding: 42px 60px 0;
    }

    .solu04 .hu_h3 {
        margin-bottom: 28px;
    }

    .solu03 {
        padding: 80px 0 70px;
    }

    .solu03 .top .le p {
        width: 96%;
        font-size: 13px;
        line-height: 24px;
        margin-top: 33px;
    }

    .solu03 .top .le {
        padding-bottom: 26px;
    }

    .solu03 .wen1 {
        font-size: 105px;
    }

    .solu03 .top {
        height: 173px;
    }

    .solu03 .wen2 {
        font-size: 105px;
        right: 2%;
        top: 57%;
        height: 54px;
        line-height: 132px;
    }

    .solu03 .bot .ri p {
        font-size: 14px;
        line-height: 24px;
    }

    .solu03 .bot .ri {
        width: 31%;
        padding: 271px 0 0 26px;
    }

    .solu03 .bot .ri p::before {
        top: -16px;
        width: 38px;
        height: 2px;
    }

    .solu03 .bot {
        height: 347px;
    }

    .aft04 dl dd .bg {
        width: 89px;
        left: 8px;
        bottom: 8px;
    }

    .aft03 {
        padding-bottom: 100px;
    }

    .aft04 dl dd .ri .number .t a {
        font-size: 26px;
    }

    .aft04 dl dd:hover .bg {
        left: 30px;
        bottom: 30px;
    }

    .aft04 {
        padding: 100px 0;
    }

    .aft02 .bot {
        width: 100%;
    }

    .aft02 .bot .aft02Swiper {
        width: 100%;
        padding: 0 14px;
    }


    .com01 {
        padding: 80px 0;
    }

    .com01 .top .le .text h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 29px;
    }

    .com01 .top .le .text h5 {
        font-size: 14px;
        line-height: 26px;
    }

    .com01 .top .le {
        width: 45.5%;
    }

    .com01 .top .le .com01Swiper {
        width: 338px;
        height: 257px;
    }

    .com01 .top .ri video {
        height: 269px;
    }

    .com01 dl {
        margin-top: 60px;
    }

    .com01 dl dd strong {
        font-size: 40px;
        line-height: 40px;
    }

    .com01 dl dd img {
        height: 53px;
    }

    .com01 dl dd h4 {
        font-size: 48px;
        margin: 14px 0 11px;
    }

    .com02 .bg {
        height: 346px;
    }

    .com02 .icenter2 .content img {
        width: 100%;
    }

    .com02 .icenter2 .content .box {
        height: 360px;
    }

    .com02 .icenter2 .content .box::after {
        width: 86%;
    }

    .com02 .icenter2 .content .text p {
        font-size: 13px;
        line-height: 24px;
    }

    .com02 .icenter2 .content .text h4 {
        font-size: 20px;
        margin: 16px 0 10px;
    }

    .com02 .icenter2 .content .text {
        right: 17%;
        top: 9%;
    }

    .com02 .icenter2 .fix_icon {
        width: 161px;
        height: 50px;
        border-radius: 30px;
        bottom: 70px;
        left: 21%;
    }

    .com03 {
        padding: 90px 0;
    }

    .com02 {
        padding-top: 110px;
    }

    .com04 {
        padding: 90px 0;
    }

    .com04 dl dd .icon {
        margin-right: 14px;
        width: 80px;
        height: 80px;
    }

    .com04 dl dd {
        width: 31%;
        padding: 28px 18px;
    }


    .culture01 {
        position: relative;
        top: 0px;
        margin-top: 550px;
        padding: 104px 0;
    }

    .culture01 .icenter2 p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 40px;
        width: 100%;
    }

    .culture02 dl dd .icon {
        width: 95px;
        height: 95px;
        top: -16%;
    }

    .culture02 dl dd .icon img {
        width: 38px;
    }

    .culture02 dl dd {
        padding: 57px 19px 30px;
    }

    .culture02 dl dd h5 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .culture02 dl dd p {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 20px;
        height: 95px;
    }

    .culture02 dl dd span {
        font-size: 22px;
    }

    .culture03 .bg .cir {
        width: 220px;
    }

    .culture03 .bg .tips h4 {
        font-size: 20px;
        margin: 10px 0;
    }

    .culture03 .bg .tips img {
        width: 24px;
    }

    .culture03 .bg .tips h5 {
        font-size: 13px;
    }

    .culture03 .bg {
        left: calc(50% + 10px);
    }

    .culture03 .right .text .seg p {
        font-size: 14px;
        line-height: 26px;
        width: 100%;
    }

    .culture03 .right .text .seg h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .culture03 .right .text .seg {
        margin-bottom: 35px;
    }

    .culture04 .icenter2 .box .seg h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .culture05 {
        padding: 90px 0;
    }

    .culture05 dl dd .imgbox img {
        height: 171px;
    }

    .culture05 dl dd .bot h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .culture05 dl dd .bot h4 {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .culture05 dl dd .bot .icon img {
        width: 54px;
    }

    .inner_banner .text h3 {
        white-space: nowrap;
    }

    .honor01 .right .h01thumbs .text {
        padding: 40px;
        width: 377px;
        height: 208px;
    }

    .honor01 .right .h01thumbs {
        left: -77px;
        bottom: -34px;
    }

    .honor01 .right {
        right: 0px;
        top: 109px;
        height: 434px;
    }

    .honor02 dl dd .bg {
        width: 140px;
    }

    .honor02 dl dd .bot .icon {
        width: 44px;
    }

    .honor02 dl dd .text h4 strong {
        font-size: 45px;
        margin-right: 3px;
        line-height: 45px;
    }

    .honor03 .com_cc .text h5 {
        width: 270px;
    }

    .honor03 .com_cc .text h5 {
        font-size: 16px;
    }

    .honor04 .imgbox .con {
        width: 85px;
    }

    .honor04 .box h4 {
        font-size: 13px;
        margin-top: 13px;
    }

    .hu_p {
        font-size: 13px;
        line-height: 22px;
    }

    .human01 .segment2 .title .content {
        font-size: 24px;
    }

    .human01 .segment2 .svg {
        padding: 0 82px;
    }

    .human01 .segment2 {
        margin: 80px 0;
    }

    .human01 {
        padding: 258px 0 90px;
    }

    .human02 dd .box2 {
        width: 32px;
        height: 32px;
        left: 21px;
        top: 117px;
    }

    .human02 dl dd:nth-of-type(2) h5 {
        width: 417px;
        left: 48px;
        bottom: -112px;
    }

    .human02 dl dd:nth-of-type(1) h5 {
        bottom: -73px;
        width: 152px;
        left: 60%;
    }

    .human03 {
        padding: 90px 0 80px;
    }

    .human02 dl dd h4 {
        font-size: 16px;
        margin-top: 10px;
    }

    .human03 dl dd .icon {
        margin-bottom: 10px;
        height: 84px;
        width: 84px;
    }

    .human03 dl dd h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .human04 {
        padding: 100px 0 110px;
    }

    .human04 .icenter2 p {
        margin-bottom: 53px;
        width: 100%;
    }

    .human04 .icenter2 .icon::before {
        width: 233px;
        left: -298px;
    }

    .human04 .icenter2 .icon::after {
        width: 233px;
        right: -298px;
    }

    .human02 dd .box1 {
        width: 52px;
        height: 38px;
        left: -31px;
        top: -9px;
    }

    .human02 dd .box {
        width: 52px;
        height: 38px;
        left: 112px;
        top: 28px;
    }

    .human dd .box {
        position: relative;
    }

    .s_list03 .swiper-slide .box h4 {
        width: 155px;
    }

    .index01 .text_cc .com_h3 {
        display: none;
    }

    .index01 .text_cc h4 {
        display: none;
    }

    .index01 .text_cc p {
        display: none;
    }

    .index01 .content {
        height: 32vh;
    }

    .vi_icenter {
        width: 94% !important;
    }

    .dr_video {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dr_video video {
        height: 380px;
        width: auto;
        max-width: 100%;
        margin: auto;
    }



}

@media only screen and (min-width:750px) and (max-width:1000px) {
    /* .drawer-nav { display: none; }
.drawer-hamburger{display: none;} */

    /* header */
    .pc-1200px {
        display: none !important;
    }

    .drawer-nav {
        display: block;
    }


    /* drawer-hamburger */
    .headerwrap .drawer-hamburger {
        padding: 10px 15px 18px;
        height: 60px;
        top: 0;
        background-color: #cd161d !important;
        display: block;
        box-sizing: border-box;
        width: 60px;
        z-index: 21;
    }

    .drawer-hamburger-icon,
    .drawer-hamburger-icon:after,
    .drawer-hamburger-icon:before {
        background-color: #ffffff !important;
    }

    .drawer-hamburger .drawer--right.drawer-open .drawer-nav,
    .drawer--right .drawer-nav {
        padding-top: 80px;
        width: 30%;
        z-index: 20;
    }

    .headerbody .drawer--right.drawer-open .drawer-hamburger {
        right: 0 !important;
    }

    .drawer--right .drawer-nav {
        right: -100% !important;
    }

    .headerwrap .h-min {
        height: 60px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 2%;
    }

    .headerwrap {
        background-color: #FFFFFF;
    }

    .sj-language {
        position: absolute;
        right: 20px;
        bottom: 50px;
    }

    .drawer--right.drawer-open .drawer-nav {
        height: 100%;
        box-sizing: border-box;
        width: 100%;
        right: 0px !important;
        top: 80px !important;
    }

    .drawer--right .drawer-nav>.drawer-menu {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu {
        height: auto;
        min-height: 100%;
        box-sizing: border-box;
        padding-bottom: 60px;
        position: relative;
        top: 0.4%;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {
        margin-bottom: 29px !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d;
    }

    .drawer-dropdown-menu>li {
        margin-bottom: 10px;
    }

    .drawer-menu-item {
        font-size: 16px;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding-bottom: 0;
    }

    .sjlanguage {
        position: absolute;
        right: 10%;
        bottom: 30px;
        font-size: 16px;
        color: #cd161d;
        ;
        display: none;
    }

    .drawer--right.drawer-open .drawer-hamburger {
        right: 0px !important;
    }

    .drawer-hamburger-icon {
        width: 55% !important;
        margin-top: 0px !important;
        margin: auto;
    }

    .drawer-hamburger {
        display: block !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0px !important;
        top: 0px !important;
    }

    .drawer-hamburger-icon::before {
        height: 100% !important;
    }

    .drawer-hamburger-icon::after {
        height: 100% !important;
    }

    .drawer-hamburger:hover {
        cursor: pointer;
        background-color: #cd161d !important;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding: 10px 10px 0px !important;
    }

    .drawer-hamburger {
        background-color: #cd161d !important;
    }

    .drawer-dropdown-menu>li:last-child {
        margin-bottom: 0px !important;
    }

    .drawer-open .drawer-hamburger-icon {
        background-color: #cd161d !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d !important;
    }




    /* head footer */
    .icenter {
        width: 94%;
    }

    .icenter1 {
        width: 94%;
    }

    .icenter2 {
        width: 94%;
    }

    .head .icenter .right {
        display: none;
    }

    .head {
        height: 80px;
    }

    .div1 {
        background-color: #fff;
        -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
    }

    .div1 .head .icenter .logo {
        filter: none;
    }

    .div1 .head .icenter li a {
        color: #333;
    }

    .div1 .head .icenter li a.active{
        color: #e60012;
    }

    .div1 .head .icenter .tools a {
        color: #666;
    }

    .div1 .head .icenter .right .tools a:nth-of-type(2) {
        border-color: rgb(111 109 109 / 40%);
    }

    .div1 .head .icenter .right .tools .lang img {
        filter: invert();
    }

    footer .icenter .top {
        display: none;
    }

    footer .icenter .bot .share {
        display: none;
    }

    footer .waves {
        display: none;
    }

    .side_btn a::after {
        width: 45px;
        height: 45px;
    }

    .side_btn {
        width: 80px;
        height: 80px;
        bottom: 58px;
    }

    footer .icenter .icon {
        display: none;
    }

    footer .icenter .bot {
        margin-top: 0px;
        justify-content: center;
    }

    footer {
        padding: 20px 0;
    }

    footer .icenter .bot .left {
        justify-content: center;
    }

    .head .icenter .logo {
        width: 120px;
    }

    .index02 {
        padding: 80px 0;
    }

    .index01 .short {
        position: unset;
        width: 94%;
        transform: none;
        margin: auto;
        padding: 50px 0 30px;
    }

    .index01 .com_h3 {
        font-size: 36px;
    }

    .index01 .short h4 {
        font-size: 20px;
        margin: 14px 0;
    }

    .index01 .short p {
        font-size: 16px;
        line-height: 30px;
    }

    .index01 {
        min-height: auto;
    }

    .index01 .content .up_img {
        display: none !important;
    }

    .index01 .text_cc {
        opacity: 1;
        width: 94%;
        transform: translate(-50%, -50%);
    }

    .index01 .content {
        min-height: unset;
        top: 0px;
        height: 58vh;
        position: relative;
    }

    .index01 .text_cc img {
        margin-top: 26px;
        width: 200px;
        opacity: 1;
        transform: unset;
    }

    .index01 .text_cc h4 {
        font-size: 20px;
        margin: 14px 0;
    }

    .index01 .text_cc p {
        font-size: 16px;
        line-height: 30px;
    }

    .index01 .text_cc h6 {
        font-size: 20px;
        margin-top: 16px;
        opacity: 1;
        transform: unset;
    }

    .index02 .icenter {
        padding: 14px;
    }

    .index02 .top h3 {
        font-size: 36px;
        margin-bottom: 21px;
    }

    .index02 .top h4 {
        font-size: 16px;
        padding-left: 116px;
    }

    .index02 ul li h5 {
        font-size: 12px;
        line-height: 24px;
    }

    .index02 ul li h4 strong {
        font-size: 44px;
        margin-right: 7px;
        line-height: 42px;
    }

    .index03 .tab .tab_cc {
        padding: 0px 10px 0 10px;
    }

    .index03 .tab .tab_cc h4 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .index03 .tab .tab_cc .icon {
        width: 28px;
        margin-bottom: 8px;
    }

    .index03 .tab .tab_cc .bt_hide {
        width: 28px;
    }

    .index03Swiper::before {
        width: 2%;
    }

    .index03 .cc_img {
        height: calc(70vh);
    }

    .index04 .bot dd p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 58px;
        width: 88%;
    }

    .index04 .bot dd .content .con_img {
        width: 40px;
        margin-bottom: 12px;
    }

    .index04 .bot dd .content h4 {
        font-size: 24px;
    }

    .index04 .bot dd:hover .content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 94%;
    }

    .index04 .bot dd:hover .tips {
        right: 12px;
    }

    .index04 .bot dd .tips {
        width: 34px;
        height: 34px;
        font-size: 13px;
        right: 12px;
    }

    .index04 .bot dd .ti-text {
        font-size: 12px;
        top: 67%;
    }

    .index04 .bot dd .icon {
        width: 30px;
        bottom: 28px;
    }

    .index07 dl dd h4 {
        font-size: 16px;
        line-height: 28px;
        margin: 18px 0;
    }

    .index05 .icenter1 .right .ph {
        left: -139px;
        top: -14px;
        height: 386px;
    }

    .index06 .map {
        display: none;
    }

    .index06 {
        padding: 50px 0;
        background: url(../image/i06_h5.jpg) 100%;
        background-position: center;
        background-size: inherit;
    }

    .index06 .icenter {
        position: relative;
        height: 440px;
    }

    .con_banner img {
        height: 508px;
    }

    .con01 .icenter2 .tel .num a {
        font-size: 34px;
        padding-bottom: 5px;
    }

    .con01 .icenter2 .tel .num a::after {
        width: 46px;
        height: 1px;
        bottom: -3px;
    }

    .con01 .icenter2 .bot .box .imgbox img {
        height: 145px;
    }

    .con01 .icenter2 .bot .bottom .title h3 {
        font-size: 16px;
    }

    .con01 .icenter2 .bot .bottom .title h4 {
        font-size: 12px;
        line-height: 10px;
    }

    .con01 .icenter2 .bot dl dd .a {
        font-size: 12px;
    }

    .con01 .icenter2 .bot .fa {
        width: 32px;
        height: 32px;
    }

    .con01 .icenter2 .bot .fa img {
        width: 18px;
    }

    .con01 .icenter2 .bot .fa {
        top: 86%;
    }

    .con01 .icenter2 .bot::after {
        bottom: 9.5%;
    }

    .con01 {
        padding: 190px 0 100px;
        position: relative;
    }

    .con02 {
        padding: 50px 0 80px;
    }

    .acc .top .box {
        padding: 0 12px;
    }

    .acc .bot {
        padding: 70px 0 70px;
    }

    .acc .bot dl dd {
        width: 177px;
        padding: 20px 12px 12px 20px;
        margin-right: 19px;
    }

    .acc .bot dl dd .aft_jian {
        width: 30px;
        right: -43px;
    }

    .acc .bot .phone {
        height: 420px;
        right: -81px;
        bottom: 241px;
    }

    .honor01 {
        padding: 90px 0 160px;
    }

    .honor01 .left dl dd {
        padding-bottom: 14px;
        padding-top: 20px;
        width: 193px;
    }

    .honor01 .right .h01thumbs .text {
        padding: 40px;
        width: 398px;
        height: 225px;
    }

    .honor01 .right .h01thumbs {
        left: -100px;
        bottom: -13px;
    }

    .honor02 {
        padding: 90px 0;
    }

    .honor02 dl dd {
        padding: 20px 13px 25px 23px;
    }

    .honor05 .bg1 {
        display: none;
    }

    .honor05 .bg2 {
        display: none;
    }

    .honor05 {
        padding: 90px 0 124px;
    }

    .fa-dr {
        top: 40% !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 28px !important;
    }

    .honor05 .swiper-button-prev {
        left: -24px;
    }

    .honor05 .swiper-button-next {
        right: -24px;
    }

    .honor05 .box h4 {
        font-size: 14px;
        margin-top: 14px;
    }

    .honor04 .botF {
        width: 100%;
    }

    .honor04 .bot {
        width: 100%;
    }

    .honor04 .imgbox .con {
        width: 148px;
    }

    .honor04 .box h4 {
        font-size: 14px;
        margin-top: 14px;
    }

    .imgshow {
        width: 94%;
        height: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .honor04 {
        padding: 80px 0;
    }

    .honor04 .swiper-button-prev {
        left: 2px;
    }

    .honor04 .swiper-button-next {
        right: 2px;
    }

    .honor03 .swiper-wrapper .swiper-slide img {
        width: 103px;
        max-height: 157px;
    }

    .honor03 .swiper-wrapper .swiper-slide-active {
        margin-right: 7px !important;
    }

    .honor03 .swiper-wrapper .swiper-slide-active img {
        width: 226px;
        max-height: 390px;
    }

    .honor03 .ban {
        bottom: 81px;
    }

    .honor03 .soft_h4 {
        margin-bottom: 85px;
    }

    .honor03 {
        padding: 96px 0 102px;
    }

    .honor03 .le_cc {
        top: -58px;
    }

    .honor03 .ri_cc {
        top: -58px;
    }

    .honor03Swiper {
        height: 357px;
    }

    .page {
        padding-bottom: 100px;
    }

    .newsinfo_banner {
        margin-top: 80px;
    }

    .newsinfo_banner img {
        height: 300px;
    }

    .newsinfo_banner .news_text {
        width: 94%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newshowtxt {
        width: 94%;
        margin: 80px auto 80px;
    }

    .aft01 {
        padding: 90px 0 90px;
    }

    .aft02 .bot {
        width: 100%;
    }

    .aft02 .bot .aft02Swiper {
        width: 100%;
        padding: 0 14px;
    }

    .inner_banner .text h3 {
        white-space: nowrap;
    }

    .pro .left {
        padding-left: 14px;
    }

    .pro .left .seg .title {
        font-size: 14px;
    }

    .pro .right .seg .title h3 {
        font-size: 30px;
        margin-bottom: 2px;
    }

    .pro .right .seg dl dd {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .pro .right .seg dl dd:nth-of-type(3n) {
        margin-right: 2%;
    }

    .pro .right .seg dl dd:nth-of-type(2n) {
        margin-right: 0%;
    }

    .pro_fix.active1 {
        top: 80px;
        height: calc(100% - 80px);
        width: calc(21% - 14px);
    }

    .pro .right {
        width: 79%;
        padding: 80px 33px 70px;
    }

    .inner_banner {
        margin-top: 80px;
    }

    .fx {
        margin-top: 550px;
    }

    .icenter3 {
        width: 94%;
    }

    .proinfo_banner .left .main .icon img {
        height: 309px;
    }

    .proinfo_banner .left .tab {
        width: 77px;
    }

    .proinfo_banner .right {
        width: 41%;
    }

    .proinfo_banner .right h3 {
        font-size: 32px;
        margin-bottom: 14px;
    }

    .proinfo_banner .right h4 {
        font-size: 15px;
    }

    .proinfo_banner .right dl dd .icon {
        width: 62px;
        height: 62px;
    }

    .proinfo_banner .right dl dd .icon img {
        width: 36px;
    }

    .proinfo_banner .right dl dd span {
        font-size: 14px;
        margin-top: 6px;
    }

    .proinfo01 .top {
        padding: 90px 0;
    }

    .proinfo01 .top .ri ul li {
        margin-bottom: 49px;
    }

    .proinfo01 dl {
        margin: 90px 0;
        flex-flow: wrap;
    }

    .proinfo01 dl dd {
        width: 48%;
        margin-bottom: 20px;
    }

    .proinfo02 {
        padding: 80px 0;
    }

    .proinfo03 {
        padding: 90px 0;
    }


    .s_list01 .top {
        width: 94%;
        padding: 36px;
        padding-left: 66px;
    }

    .s_list01 .top h3::before {
        left: -66px;
        height: 38px;
    }

    .solu_list_banner {
        margin-top: 80px;
    }

    .s_list01 .top h3 {
        font-size: 38px;
        margin-bottom: 12px;
    }

    .s_list01 .top .icon {
        width: 88px;
    }

    .s_list01 .icenter2 .imgbox {
        width: 94%;
        margin-bottom: 28px;
    }

    .s_list02 dl dd h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .s_list02 dl dd p {
        font-size: 12px;
        line-height: 20px;
        width: 85%;
        height: 60px;
    }

    .s_list04 {
        padding: 90px 0;
    }

    .s_list03 {
        padding: 50px 0;
    }

    .s_list03 .bot {
        width: 100%;
        overflow: hidden;
    }

    .s_list03 .bot .fa {
        width: 40px;
        height: 40px;
    }

    .s_list03 .bot .fa-left {
        left: 5px;
    }

    .s_list03 .bot .fa-right {
        right: 5px;
    }

    .s_list03 .bot .box h5 {
        font-size: 14px;
        line-height: 24px;
        width: 350px;
    }

    .s_list03 .swiper-slide-active .box img {
        height: 200px;
    }

    .s_list03 .bot .cc {
        width: 91%;
        overflow: unset;
    }



    .solu01 dl dd.active {
        padding: 25px 30px;
    }

    .solu01 dl dd .text p {
        width: 100%;
    }

    .solu01 dl dd .icon {
        width: 18px;
        margin-right: 16px;
    }

    .solu01 dl dd .text {
        width: 86%;
    }

    .solu01 .ri_bg {
        top: 228px;
        height: 425px;
    }

    .solu02 {
        padding: 90px 0 130px;
    }

    .solu02 .hu_h3 {
        margin-bottom: 24px;
    }

    .solu02 .op {
        bottom: 11%;
        left: 3%;
        width: 94%;
    }

    .solu02 .bot .box .b {
        padding: 22px 12px 22px 21px;
    }

    .solu02 .bot .box .b h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .solu02 .bot .box .b p {
        font-size: 13px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .solu02 .bot .box .b .cc .bo {
        font-size: 14px;
        width: 32px;
        height: 32px;
    }

    .solu04 {
        padding-bottom: 138px;
    }

    .solu04 .bot {
        padding: 48px 0 53px;
        border-radius: 20px;
    }

    .solu04 .nav {
        padding: 0px 60px 16px;
    }

    .solu04 .content {
        padding: 42px 60px 0;
    }

    .solu04 .hu_h3 {
        margin-bottom: 28px;
    }

    .solu03 {
        padding: 80px 0 70px;
    }

    .solu03 .top .le p {
        width: 96%;
        font-size: 13px;
        line-height: 24px;
        margin-top: 33px;
    }

    .solu03 .top .le {
        padding-bottom: 26px;
    }

    .solu03 .wen1 {
        font-size: 105px;
    }

    .solu03 .top {
        height: 173px;
    }

    .solu03 .wen2 {
        font-size: 105px;
        right: 2%;
        top: 57%;
        height: 54px;
        line-height: 132px;
    }

    .solu03 .bot .ri p {
        font-size: 14px;
        line-height: 24px;
    }

    .solu03 .bot .ri {
        width: 31%;
        padding: 271px 0 0 26px;
    }

    .solu03 .bot .ri p::before {
        top: -16px;
        width: 38px;
        height: 2px;
    }

    .solu03 .bot {
        height: 347px;
    }

    .aft04 dl dd .bg {
        width: 89px;
        left: 8px;
        bottom: 22px;
    }

    .aft03 {
        padding-bottom: 100px;
    }

    .aft04 dl dd .ri .number .t a {
        font-size: 26px;
    }

    .aft04 dl dd:hover .bg {
        left: 30px;
        bottom: 42px;
    }

    .aft04 {
        padding: 100px 0;
    }

    .acc .bot dl dd .aft_jian {
        width: 25px;
        right: -27px;
    }

    .acc .top .box h4 {
        font-size: 17px;
        margin-bottom: 25px;
    }

    .hu_h3 {
        font-size: 32px;
    }

    .acc .bot dl dd .content {
        height: 100%;
    }

    .com01 {
        padding: 80px 0;
    }

    .com01 .top .le .text h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 29px;
    }

    .com01 .top .le .text h5 {
        font-size: 14px;
        line-height: 26px;
    }

    .com01 .top .le {
        width: 45.5%;
    }

    .com01 .top .le .com01Swiper {
        width: 261px;
        height: 257px;
    }

    .com01 .top .ri video {
        height: 235px;
    }

    .com01 dl {
        margin-top: 60px;
    }

    .com01 dl dd strong {
        font-size: 40px;
        line-height: 40px;
    }

    .com01 dl dd img {
        height: 53px;
    }

    .com01 dl dd h4 {
        font-size: 48px;
        margin: 14px 0 11px;
    }

    .com02 .bg {
        height: 346px;
    }

    .com02 .icenter2 .content img {
        width: 100%;
    }

    .com02 .icenter2 .content .box {
        height: 360px;
    }

    .com02 .icenter2 .content .box::after {
        width: 86%;
    }

    .com02 .icenter2 .content .text p {
        font-size: 13px;
        line-height: 24px;
        width: 273px;
    }

    .com02 .icenter2 .content .text h4 {
        font-size: 20px;
        margin: 16px 0 10px;
    }

    .com02 .icenter2 .content .text {
        right: 10%;
        top: 24%;
    }

    .com02 .icenter2 .fix_icon {
        width: 161px;
        height: 50px;
        border-radius: 30px;
        bottom: 70px;
        left: 21%;
    }

    .com03 {
        padding: 90px 0;
    }

    .com02 {
        padding-top: 110px;
    }

    .com04 {
        padding: 90px 0;
    }

    .com04 dl dd .icon {
        margin-right: 14px;
        width: 80px;
        height: 80px;
    }

    .com04 dl dd {
        width: 31%;
        padding: 28px 18px;
    }

    .culture01 {
        position: relative;
        top: 0px;
        margin-top: 550px;
        padding: 104px 0;
    }

    .culture01 .icenter2 p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 40px;
        width: 100%;
    }

    .culture02 dl dd .icon {
        width: 95px;
        height: 95px;
        top: -16%;
    }

    .culture02 dl dd .icon img {
        width: 38px;
    }

    .culture02 dl dd {
        padding: 57px 19px 30px;
    }

    .culture02 dl dd h5 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .culture02 dl dd p {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 20px;
        height: 95px;
    }

    .culture02 dl dd span {
        font-size: 22px;
    }

    .culture03 .bg .cir {
        width: 220px;
    }

    .culture03 .bg .tips h4 {
        font-size: 20px;
        margin: 10px 0;
    }

    .culture03 .bg .tips img {
        width: 24px;
    }

    .culture03 .bg .tips h5 {
        font-size: 13px;
    }

    .culture03 .bg {
        left: calc(50% + 10px);
    }

    .culture03 .right .text .seg p {
        font-size: 14px;
        line-height: 26px;
        width: 100%;
    }

    .culture03 .right .text .seg h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .culture03 .right .text .seg {
        margin-bottom: 35px;
    }

    .culture04 .icenter2 .box .seg h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .culture05 {
        padding: 90px 0;
    }

    .culture05 dl dd .imgbox img {
        height: 171px;
    }

    .culture05 dl dd .bot h5 {
        font-size: 16px;
        line-height: 26px;
    }

    .culture05 dl dd .bot h4 {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .culture05 dl dd .bot .icon img {
        width: 54px;
    }

    .honor01 .right .h01thumbs .text {
        padding: 40px;
        width: 377px;
        height: 208px;
    }

    .honor01 .right .h01thumbs {
        left: -77px;
        bottom: -34px;
    }

    .honor01 .right {
        right: 0px;
        top: 109px;
        height: 434px;
    }

    .honor02 dl dd .bg {
        width: 140px;
    }

    .honor02 dl dd .bot .icon {
        width: 44px;
    }

    .honor02 dl dd .text h4 strong {
        font-size: 45px;
        margin-right: 3px;
        line-height: 45px;
    }

    .honor03 .com_cc .text h5 {
        width: 270px;
    }

    .honor03 .com_cc .text h5 {
        font-size: 16px;
    }

    .honor04 .imgbox .con {
        width: 85px;
    }

    .honor04 .box h4 {
        font-size: 13px;
        margin-top: 13px;
    }


    .pagenews dl a dd strong {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .pagenews dl a dd font {
        font-size: 13px;
        line-height: 22px;
    }

    .pagenews dl a .dates span {
        font-size: 28px;
    }

    .newsinfo_banner .news_text .bt {
        font-size: 26px;
    }

    .hu_p {
        font-size: 13px;
        line-height: 22px;
    }

    .human01 .segment2 .title .content {
        font-size: 24px;
    }

    .human01 .segment2 .svg {
        padding: 0 82px;
    }

    .human01 .segment2 {
        margin: 80px 0;
    }

    .human01 {
        padding: 258px 0 90px;
    }

    .human02 dd .box2 {
        width: 32px;
        height: 32px;
        left: 21px;
        top: 117px;
    }

    .human02 dl dd:nth-of-type(2) h5 {
        width: 417px;
        left: 48px;
        bottom: -112px;
    }

    .human02 dl dd:nth-of-type(1) h5 {
        bottom: -73px;
        width: 152px;
        left: 60%;
    }

    .human03 {
        padding: 90px 0 80px;
    }

    .human02 dl dd h4 {
        font-size: 16px;
        margin-top: 10px;
    }

    .human03 dl dd .icon {
        margin-bottom: 10px;
        height: 84px;
        width: 84px;
    }

    .human03 dl dd h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .human04 {
        padding: 100px 0 110px;
    }

    .human04 .icenter2 p {
        margin-bottom: 53px;
        width: 100%;
    }

    .human04 .icenter2 .icon::before {
        width: 233px;
        left: -298px;
    }

    .human04 .icenter2 .icon::after {
        width: 233px;
        right: -298px;
    }

    .human02 dd .box1 {
        width: 52px;
        height: 38px;
        left: -28px;
        top: -9px;
    }

    .human02 dd .box {
        width: 52px;
        height: 38px;
        left: 87px;
        top: 28px;
    }

    .s_list03 .swiper-slide .box h4 {
        width: 155px;
    }

    .index01 .text_cc .com_h3 {
        display: none;
    }

    .index01 .text_cc h4 {
        display: none;
    }

    .index01 .text_cc p {
        display: none;
    }

    .index01 .content {
        height: 32vh;
    }


    .vi_icenter {
        width: 94% !important;
    }

    .dr_video {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dr_video video {
        height: 380px;
        width: auto;
        max-width: 100%;
        margin: auto;
    }


}

@media only screen and (max-width:768px) {

    /* .drawer-nav { display: none; }
    .drawer-hamburger{display: none;} */
    /* pc-h5 */
    .i_h5_img {
        display: block;
        height: 100%;
    }

    .index_banner .box .bg video {
        display: none;
    }

    .v-ti {
        display: block;
        height: 100%;
    }

    .v-ti img {
        height: 100%;
    }

    .index01 video {
        display: none;
    }

    /* header */
    .pc-1200px {
        display: none !important;
    }

    .drawer-nav {
        display: block;
    }

    /* drawer-hamburger */
    .headerwrap .drawer-hamburger {
        padding: 10px 15px 18px;
        height: 60px;
        top: 0;
        background-color: #cd161d !important;
        display: block;
        box-sizing: border-box;
        width: 60px;
        z-index: 21;
    }

    .drawer-hamburger-icon,
    .drawer-hamburger-icon:after,
    .drawer-hamburger-icon:before {
        background-color: #ffffff !important;
    }

    .drawer-hamburger .drawer--right.drawer-open .drawer-nav,
    .drawer--right .drawer-nav {
        padding-top: 80px;
        width: 30%;
        z-index: 20;
    }

    .headerbody .drawer--right.drawer-open .drawer-hamburger {
        right: 0 !important;
    }

    .drawer--right .drawer-nav {
        right: -100% !important;
    }

    .headerwrap .h-min {
        height: 60px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 2%;
    }

    .headerwrap {
        background-color: #FFFFFF;
    }

    .sj-language {
        position: absolute;
        right: 20px;
        bottom: 50px;
    }

    .drawer--right.drawer-open .drawer-nav {
        height: 100%;
        box-sizing: border-box;
        width: 100%;
        right: 0px !important;
        top: 60px !important;
    }

    .drawer--right .drawer-nav>.drawer-menu {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu {
        height: auto;
        min-height: 100%;
        box-sizing: border-box;
        padding-bottom: 60px;
        position: relative;
        top: 0.4%;
    }

    .drawer--right .drawer-nav>.drawer-menu>.drawer-menu>li {
        margin-bottom: 29px !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d;
    }

    .drawer-dropdown-menu>li {
        margin-bottom: 10px;
    }

    .drawer-menu-item {
        font-size: 16px;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding-bottom: 0;
    }

    .sjlanguage {
        position: absolute;
        right: 10%;
        bottom: 30px;
        font-size: 16px;
        color: #cd161d;
        ;
        display: none;
    }

    .drawer--right.drawer-open .drawer-hamburger {
        right: 0px !important;
    }

    .drawer-hamburger-icon {
        width: 55% !important;
        margin-top: 0px !important;
        margin: auto;
    }

    .drawer-hamburger {
        display: block !important;
        width: 60px !important;
        height: 60px !important;
        padding: 0px !important;
        top: 0px !important;
    }

    .drawer-hamburger-icon::before {
        height: 100% !important;
    }

    .drawer-hamburger-icon::after {
        height: 100% !important;
    }

    .drawer-hamburger:hover {
        cursor: pointer;
        background-color: #cd161d !important;
    }

    .drawer-dropdown.open>.drawer-dropdown-menu {
        padding: 10px 10px 0px !important;
    }

    .drawer-hamburger {
        background-color: #cd161d !important;
    }

    .drawer-dropdown-menu>li:last-child {
        margin-bottom: 0px !important;
    }

    .drawer-open .drawer-hamburger-icon {
        background-color: #cd161d !important;
    }

    .drawer-menu-item:hover {
        color: #cd161d !important;
    }


    .head .icenter .logo img {
        object-fit: contain;
    }

    /* head footer */
    .icenter {
        width: 94%;
    }

    .icenter1 {
        width: 94%;
    }

    .icenter2 {
        width: 94%;
    }

    .head .icenter .right {
        display: none;
    }

    .head {
        height: 60px;
    }

    .div1 {
        background-color: #fff;
        -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);
    }

    .div1 .head .icenter .logo {
        filter: none;
    }

    .div1 .head .icenter li a {
        color: #333;
    }

    .div1 .head .icenter li a.active{
        color: #e60012;
    }

    .div1 .head .icenter .tools a {
        color: #666;
    }

    .div1 .head .icenter .right .tools a:nth-of-type(2) {
        border-color: rgb(111 109 109 / 40%);
    }

    .div1 .head .icenter .right .tools .lang img {
        filter: invert();
    }

    footer .icenter .top {
        display: none;
    }

    footer .icenter .bot .share {
        display: none;
    }

    footer .waves {
        display: none;
    }

    .side_btn a::after {
        width: 45px;
        height: 45px;
    }

    .side_btn {
        width: 48px;
        height: 48px;
        bottom: 58px;
        display: none;
    }

    footer .icenter .icon {
        display: none;
    }

    footer .icenter .bot {
        margin-top: 0px;
        justify-content: center;
    }

    footer {
        padding: 20px 0;
    }

    footer .icenter .bot .left {
        justify-content: center;
    }

    .index_banner .box .text {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 94%;
    }

    .index_banner .box .text h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .index_banner .box .text h3 {
        font-size: 36px;
        line-height: 38px;
        white-space: normal;
        text-align: center;
    }

    .index01 .short {
        position: unset;
        width: 94%;
        transform: none;
        margin: auto;
        padding: 50px 0 30px;
    }

    .index01 .com_h3 {
        font-size: 26px;
    }

    .index01 .short h4 {
        font-size: 18px;
        margin: 11px 0;
    }

    .index01 .short p {
        font-size: 14px;
        line-height: 24px;
    }

    .index01 {
        min-height: auto;
    }

    .index01 .content .up_img {
        display: none !important;
    }

    .index01 .text_cc {
        opacity: 1;
        width: 94%;
        transform: translate(-50%, -50%);
    }

    .index01 .content {
        min-height: unset;
        top: 0px;
        height: 35vh;
        position: relative;
    }

    .index01 .text_cc img {
        margin-top: 16px;
        width: 150px;
        opacity: 1;
        transform: unset;
    }

    .index01 .text_cc h4 {
        font-size: 18px;
        margin: 11px 0;
    }

    .index01 .text_cc p {
        font-size: 14px;
        line-height: 24px;
    }

    .index01 .text_cc h6 {
        font-size: 18px;
        margin-top: 14px;
        opacity: 1;
        transform: unset;
    }

    .index02 .icenter {
        padding: 0px;
    }

    .index02 .top h3 {
        font-size: 25px;
        margin-bottom: 18px;
        text-align: center;
    }

    .index02 .top h4 {
        font-size: 16px;
        padding-left: 0px;
    }

    .index02 .top {
        margin-bottom: 40px;
        width: 100%;
    }

    .index02 .top h4 {
        font-size: 14px;
        text-align: center;
    }

    .index02 ul {
        flex-flow: wrap;
    }

    .index02 ul li {
        width: 100%;
        margin-bottom: 20px;
        padding: 6% 0 !important;
        margin-top: 3% !important;
    }

    .index02 {
        padding: 50px 0 30px;
    }

    .index03 .tab {
        display: none;
    }

    .index03 .text .icon {
        width: 46px;
        margin-bottom: 12px;
    }

    .index03 .text h4 {
        font-size: 25px;
        margin-bottom: 13px;
        width: 100%;
    }

    .index03 .text h5 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .index03 .text h6 {
        font-size: 14px;
        margin-bottom: 38px;
    }

    .amore {
        width: 128px;
        height: 36px;
        line-height: 34px;
    }

    .index03 .cc_img {
        height: calc(100vh - 235px);
    }

    .index04 {
        padding: 50px 0 30px;
    }

    .index04 .top .title span {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .index04 .com_h3 {
        font-size: 18px;
    }

    .index04 .top .amore {
        width: 94px;
        height: 31px;
        line-height: 29px;
    }

    .index04 .bot dd {
        width: 100%;
    }

    .index04 .bot {
        flex-flow: wrap;
        height: auto;
    }

    .index04 .bot dd .ti-text {
        display: none;
    }

    .index04 .bot dd .icon {
        display: none;
    }

    .index04 .bot dd .content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 94%;
    }

    .index04 .bot dd:hover .content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .index04 .bot dd::after {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .index04 .bot dd:hover {
        width: 100%;
    }

    .index04 .bot dd .content {
        opacity: 1;
    }

    .index04 .bot dd p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 44px;
        width: 100%;
    }

    .index04 .bot dd .content .con_img {
        width: 48px;
        margin-bottom: 12px;
    }

    .index04 .bot dd .tips {
        display: none;
    }

    .index04 .bot dd {
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
    }

    .index04 .bot dd::after {
        background-color: rgba(0, 0, 0, 0.25) !important;
    }

    .index05 .icenter1 .left {
        width: 94%;
        margin: auto;
    }

    .index05 .icenter1 .right {
        width: 100%;
        justify-content: center;
        margin-top: 73px;
        flex-flow: wrap;
    }

    .index05 .icenter1 .left h3 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .index05 .icenter1 .left h4 {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .index05 .icenter1 .left p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .index05 .bg {
        width: 100%;
        clip-path: none;
        position: absolute;
        height: 363px;
        top: 0px;
        background-attachment: unset;
    }

    .index05 .icenter1 {
        width: 100%;
        margin: auto;
        transform: none;
        position: relative;
        flex-flow: wrap;
        z-index: 3;
        top: auto;
        left: auto;
    }

    .index05 {
        margin-bottom: 0px;
        padding: 50px 0;
    }

    .index05 .icenter1 .right .ph {
        position: unset;
        margin-bottom: 20px;
        height: 312px;
    }

    .index05 .icenter1 .right .pei {
        top: 0px;
    }

    .index06 {
        padding: 50px 0;
    }

    .com_h3 {
        font-size: 26px;
    }

    .index07 {
        padding: 50px 0;
    }

    .index07 .top {
        margin-bottom: 20px;
    }

    .index07 dl {
        flex-flow: wrap;
    }

    .index07 dl dd {
        width: 100%;
        margin-bottom: 40px;
    }

    .index07 dl dd h4 {
        font-size: 18px;
        line-height: 28px;
        margin: 16px 0;
        height: auto;
    }

    .index07 dl dd .date {
        margin-top: 12px;
        font-size: 14px;
        padding-top: 18px;
    }

    .index07 dl dd:last-of-type {
        margin-bottom: 0px;
    }

    .index06 .map {
        display: none;
    }

    .index06 {
        padding: 0;
        background-position: center;
        background-size: cover;
        margin: 6% 0;
    }

    .index06 .icenter {
        top: 20%;
    }

    .inner_banner .text h3 {
        font-size: 30px;
        margin-bottom: 6px;
        line-height: 39px;
        white-space: nowrap;
    }

    .inner_banner .text h4 {
        font-size: 18px;
    }

    .inner_banner {
        top: 60px;
    }

    .inner_banner img {
        height: 230px;
    }

    .inner_banner .text {
        top: 50%;
    }

    .fx {
        margin-top: 290px;
    }

    .acc .bot .phone {
        display: none;
    }

    .acc .top .box {
        padding: 0 0px;
        text-align: center;
        margin: auto;
    }

    .acc .top .box h4 {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .acc .top .box .icon {
        width: 140px;
        margin-bottom: 16px;
        padding: 8px;
    }

    .hu_h3 {
        font-size: 26px;
    }

    .acc .bot {
        padding: 50px 0;
    }

    .acc .bot dl {
        margin-left: 0px;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .acc .bot dl dd .content {
        width: 100%;
        height: 100%;
    }

    .acc .bot .phone {
        display: none
    }

    .acc .bot .icenter2 {
        position: relative;
        display: flex;
        flex-flow: wrap-reverse;
    }

    .acc .bot dl dd .aft_jian {
        display: none;
    }

    .acc .bot dl dd {
        width: 33.3%;
        padding: 5px;
        margin-right: 0px;
    }

    .acc .bot dl dd h4 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    .acc .bot dl dd h5 {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .acc .bot dl dd .i .icon2 {
        width: 63px;
    }

    .acc .top .bg1 {
        left: -63%;
        top: -2%;
        width: 300px;
    }

    .human03 {
        padding: 50px 0;
    }

    .human04 .icenter2 h4 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .hu_p {
        font-size: 14px;
        line-height: 24px;
    }

    .human04 .icenter2 p {
        margin-bottom: 48px;
        width: 100%;
    }

    .human04 .icenter2 .icon {
        width: 76px;
        height: 76px;
        font-size: 13px;
    }

    .human04 .icenter2 .icon::before {
        width: 120%;
        left: -166%;
    }

    .human04 .icenter2 .icon::after {
        width: 120%;
        right: -166%;
    }

    .human04 {
        padding: 70px 0;
        background-attachment: unset;
    }

    .human03 dl {
        flex-flow: wrap;
    }

    .human03 dl dd {
        width: 47%;
        margin-right: 6%;
        margin-bottom: 6%;
        padding: 23px 0 8px;
    }

    .human03 dl dd:nth-of-type(5n) {
        margin-right: 6%;
    }

    .human03 dl dd:nth-of-type(2n) {
        margin-right: 0px;
    }

    .human03 dl dd .icon {
        margin-bottom: 10px;
        height: 76px;
        width: 76px;
    }

    .human03 dl dd h4 {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .human02 {
        padding: 50px 0 60px;
    }

    .human02 dl {
        margin-top: 30px;
        display: none;
    }

    .human02_h5 {
        display: block;
        margin-top: 20px;
    }

    .human02 dd .box1 {
        display: none;
    }

    .human02 dd .box {
        display: none;
    }

    .human02 dd .box2 {
        display: none;
    }

    .human02 dl dd {
        width: 60px;
        position: relative;
    }

    .human02 dl dd:nth-of-type(1) h5 {
        display: none;
    }

    .human02 dl dd:nth-of-type(2) h5 {
        display: none;
    }

    .human03 dl dd h5 {
        font-size: 16px;
    }

    .human02 dl dd h4 {
        font-size: 12px;
        margin-top: 12px;
    }

    .human02 dl dd img {
        width: 45px;
    }

    .human01 .segment1 {
        flex-flow: wrap;
    }

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

    .human01 .segment1 .right {
        width: 100%;
    }

    .human01 .segment1 .left .hu_h3 {
        margin-bottom: 10px;
    }

    .human01 .segment2 dl {
        flex-flow: wrap;
    }

    .human01 .segment2 dl dd {
        padding: 32px 32px;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 20px;
        width: 100%;
    }

    .human01 .segment2 {
        margin: 50px 0 50px;
    }

    .human01 .segment2 .title img {
        width: 100%;
    }

    .human01 .segment2 .title .content {
        font-size: 17px;
    }

    .human_banner {
        margin-top: 60px;
    }

    .human_banner img {
        height: 430px;
    }

    .human_banner .text p,
    .human01 .text p {
        font-size: 15px;
        line-height: 26px;
        white-space: nowrap;
    }

    .human01 {
        padding: 175px 0 50px;
    }

    .human01 .bg1 {
        display: none;
    }

    .human01 .bg2 {
        display: none;
    }

    .human01 .segment2 .svg {
        display: none;
    }

    .human01 .segment2 .title {
        display: none;
    }

    .human01_h5 {
        display: block;
    }

    .com01 {
        padding: 50px 0;
    }

    .com01 .top {
        flex-flow: wrap;
    }

    .com01 .top .le {
        width: 100%;
    }

    .com01 .top .ri {
        width: 100%;
    }

    .com01 .top .le {
        width: 100%;
        margin-bottom: 20px;
    }

    .com01 .top .le .com01Swiper {
        width: 100%;
        height: auto;
    }

    .com01 .top .le .text h4 {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 28px;
    }

    .com01 .top .le .text h4 {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 28px;
    }

    .com01 .top .ri video {
        height: 208px;
    }

    .vi_box .box .video {
        position: relative;
        width: 94%;
        height: auto;
    }

    .vi_box .box .video img.close {
        right: 0px;
        top: -40px;
    }

    .com01 dl {
        margin-top: 50px;
        flex-flow: wrap;
    }

    .com01 dl dd img {
        height: 42px;
    }

    .com01 dl {
        margin: 15% 0 6% 0;
    }

    .com01 dl dd h4 {
        font-size: 39px;
        margin: 18px 0 10px;
    }

    .com01 dl dd strong {
        font-size: 42px;
        line-height: 42px;
    }

    .com01 dl dd span {
        font-size: 12px;
        text-align: center;
    }

    .com01 dl dd {
        width: 48%;
        margin-bottom: 20px;
    }

    .com01 dl dd:nth-of-type(3),
    .com01 dl dd:nth-of-type(4) {
        margin-bottom: 0px;
    }

    .com02 {
        padding-top: 100px;
    }

    .com02 .icenter2 .content {
        margin-top: 26px;
    }

    .com02 .icenter2 .content .bg_img {
        display: none;
    }

    .com02 .icenter2 .content .box::after {
        display: none;
    }

    .com02 .icenter2 .content .box {
        background-color: #333;
    }

    .com02 .com02Swiper-pagination {
        flex-direction: row;
        width: fit-content !important;
        left: 50% !important;
        top: 93%;
        transform: translate(-50%, -50%);
    }

    .com02 .com02Swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 6px !important;
    }

    .com02 .icenter2 .fix_icon {
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .com02 .icenter2 .fix_icon span {
        font-size: 12px;
    }

    .com02 .icenter2 .fix_icon .dot {
        width: 100%;
    }

    .com02 .icenter2 .fix_icon .dot img {}

    .com02 .icenter2 .content .text {
        left: 50%;
        top: 38%;
        transform: translate(-50%, -50%);
        right: auto;
        width: 94%;
    }

    .com02 .icenter2 .content .box {
        height: 385px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-appearance: none;
        border-radius: 20px;
        overflow: hidden;
    }

    .com02 .bg {
        height: 274px;
    }

    .com03 {
        padding: 50px 0;
    }

    .com_top p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 12px;
        width: 100%;
    }

    .com03 dl dd {
        width: 100%;
        margin-bottom: 20px;
    }

    .com03 dl dd h4 {
        font-size: 17px;
        margin: 20px 0 33px;
    }

    .com03 dl dd p {
        font-size: 14px;
        line-height: 26px;
        height: auto;
        text-align: center;
    }

    .com03 dl dd h4::after {
        width: 38px;
        bottom: -19px;
    }

    .com04 {
        padding: 50px 0;
    }

    .com_top {
        margin-bottom: 30px;
    }

    .com04 dl {
        flex-flow: wrap;
    }

    .com04 dl dd {
        margin-right: 4%;
        margin-bottom: 4%;
        width: 48%;
        padding: 27px 17px;
        box-shadow: 0 0 5px #ddd;
    }

    .com04 dl dd .icon img {
        width: 32px;
    }

    .com04 dl dd .icon {
        margin-right: 10px;
        width: 56px;
        height: 56px;
    }

    .com04 dl dd .text h4 {
        margin-bottom: 16px;
        font-size: 16px;
        width: fit-content;
    }

    .com04 dl dd .text h5 {
        font-size: 13px;
    }

    .com04 dl dd .text h4::after {
        width: 100%;
        bottom: -9px;
    }

    .com04 dl dd:nth-of-type(3n) {
        margin-right: 4%;
    }

    .com04 dl dd:nth-of-type(2n) {
        margin-right: 0%;
    }

    .com04 dl dd .icon img {
        width: 42px;
    }

    .com02 .icenter2 .content .text p {
        font-size: 14px;
        line-height: 26px;
        width: 100%;
    }

    .aft01 {
        padding: 50px 0;
    }

    .aft01 h4 {
        font-size: 22px;
        margin: 10px 0 22px;
    }

    .aft01 .box .min {
        width: 192px;
        height: 192px;
    }

    .aft01 .box .min h5 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .aft01 .box .min h6 {
        font-size: 16px;
        margin-bottom: 34px;
        height: 40px;
        display: flex;
        align-items: center;
    }

    .aft01 p {
        font-size: 16px;
    }

    .aft01 .box .min:nth-of-type(2) {
        margin-left: -25px;
    }

    .aft02 .top p {
        font-size: 15px;
        line-height: 26px;
        margin-top: 8px;
    }

    .aft02 .top .line {
        height: 42px;
        margin: 14px 0;
        position: relative;
    }

    .aft02 .top h4 {
        font-size: 22px;
    }

    .aft02 .bot {
        width: 110%;
    }

    .aft02 .top {
        margin-bottom: 20px;
    }

    .aft02 .botF {
        padding: 0 0px;
    }

    @keyframes hua2 {
        from {
            top: 0%;
        }

        to {
            top: 95%;
        }
    }

    .aft02 .bot .aft02Swiper {
        width: 100%;
    }

    .aft02 .bot {
        width: 100%;
        padding: 20px;
    }

    .aft02 .botF .fa-angle-left {
        left: -8px;
    }

    .aft02 .botF .fa-angle-right {
        right: -8px;
    }

    .aft02 {
        padding: 80px 0 40px;
    }

    .aft02 .bg_fix {
        height: 483px;
    }

    .aft03 .icenter2 {
        flex-flow: wrap;
    }

    .aft03 .icenter2 .le {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .aft03 .icenter2 .ri {
        width: 100%;
    }

    .aft03 dl dd .icon {
        width: 60px;
        margin-right: 31px;
        font-size: 7rem;
    }

    .aft03 {
        padding-bottom: 50px;
    }

    .aft04 {
        padding: 50px 0 20px;
        background-attachment: unset;
    }

    .aft04 .hu_h3 {
        padding-left: 0px;
    }

    .aft04 dl {
        margin-top: 26px;
        flex-flow: wrap;
    }

    .aft04 dl dd {
        padding-left: 22px;
        padding-bottom: 22px;
        width: fit-content;
        margin-bottom: 30px;
    }

    .aft04 dl dd .bg {
        width: 72px;
        bottom: 0px;
    }

    .aft04 dl dd .le .imgbox {
        height: 153px;
        width: 123px;
    }

    .aft04 dl dd .ri .name {
        font-size: 14px;
        width: 114px;
        height: 33px;
    }

    .aft04 dl dd .ri .number {
        margin-top: 38px;
    }

    .aft04 dl dd .ri .number .t a {
        font-size: 24px;
    }

    .aft04 dl dd .ri .number .t .icon {
        width: 32px;
        margin-right: 6px;
    }

    .aft04 dl dd .ri .number span {
        font-size: 14px;
    }

    .aft04 dl dd .ri {
        width: 60%;
        margin-left: 8%;
    }

    .aft01 .box:hover .min:nth-of-type(1) {
        left: 168px;
    }

    .aft01 .box:hover .min:nth-of-type(2) {
        right: 168px;
    }


    /* news */
    .pagenews {
        padding: 50px 0;
    }

    .h5_dates02 {
        display: block;
    }

    .h5_dates01 {
        display: none !important;
    }

    .pagenews {
        padding: 50px 0;
    }

    .pagenews dl {
        width: calc(100% - 0px);
        padding: 50px 0;
    }

    .pagenews dl a p {
        width: 100%;
        margin-left: 0px;
    }

    .pagenews dl a dd {
        width: 100%;
        position: unset;
        margin-top: 14px;
    }

    .pagenews dl a dd strong {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .pagenews dl a dd font {
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
    }

    .pagenews {
        padding: 20px 0 0;
    }

    .pagenews dl a .dates span {
        font-family: arial;
        font-size: 14px;
    }

    .pagenews dl a .dates {
        display: flex;
        right: auto;
        left: 0px;
        top: 275px;
        position: unset;
        align-items: center;
    }

    .pagenews dl a .dates font {
        margin-top: 0px;
        font-family: arial;
        line-height: 14px !important;
        font-size: 14px;
    }

    .pagejobicon dl:after {
        display: none;
    }

    .pagenews dl a .dates font {
        color: #333;
    }

    .pagenews dl:nth-child(2n) p {
        margin-left: 0;
    }

    .pagenews dl a p img {
        height: 200px;
    }

    .page {
        padding: 40px 0;
    }

    .page a {
        margin-right: 14px;
        font-size: 16px;
        width: 30px;
        height: 30px;
    }

    .page span {
        margin-right: 14px;
        font-size: 16px;
        width: 30px;
        height: 30px;
    }

    .newshowtxt {
        width: 94%;
        margin: 50px auto;
    }

    .sxy {
        margin-top: 40px;
    }

    .sxy a {
        padding: 10px 0;
        font-size: 12px;
    }

    .bottomfx dd span {
        font-size: 13px;
        line-height: 30px;
        margin-right: 12px;
    }

    .bottomfx dd .fx a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        margin-right: 6px;
        font-size: 15px;
    }

    .bottomfx dt a {
        width: 94px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }

    .bottomfx dt a span {
        font-size: 12px;
    }

    .newsinfo_banner {
        margin-top: 60px;
    }

    .newsinfo_banner .news_text {
        width: 94%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newsinfo_banner .news_text .bt {
        font-size: 22px;
    }

    .newsinfo_banner img {
        height: 250px;
    }

    .newshowtxt p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 14px;
    }

    /* contact */
    .con_banner {
        margin-top: 60px;
    }

    .con01 .icenter2 .bot .box .imgbox img {
        height: 202px;
    }

    .con02 {
        padding: 70px 0;
    }

    .con_banner img {
        height: 552px;
    }

    .con01 .icenter2 {
        top: -417px;
    }

    .con01 .icenter2 .tel {
        flex-flow: wrap;
    }

    .con01 .icenter2 .tel .num {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .con01 .icenter2 .icon {
        margin-bottom: 24px;
        padding: 12px;
    }

    .con01 .icenter2 .tel .num a {
        font-size: 32px;
        padding-bottom: 5px;
    }

    .con01 .icenter2 .tel .num h4 {
        font-size: 15px;
        margin-top: 12px;
    }

    .con01 .icenter2 .tel {
        margin-bottom: 30px;
        flex-flow: wrap;
    }

    .con01 .icenter2 .bot {
        padding-bottom: 68px;
    }

    .con01 .icenter2 .bot .fa {
        width: 36px;
        height: 36px;
    }

    .con01 .icenter2 .bot .fa img {
        width: 20px;
    }

    .con01 .icenter2 .bot::after {
        width: 71%;
        height: 1px;
        bottom: 4%;
        left: 50%;
    }

    .con01 {
        padding: 190px 0 10px;
    }

    .con_banner img {
        height: 502px;
    }

    .con01 {
        padding: 190px 0 100px;
    }

    .con02 .top h3 {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .con02 .top {
        margin-bottom: 26px;
    }

    .con02 form label {
        flex-flow: wrap;
        margin-bottom: 0px;
    }

    .con02 form label span {
        width: 100%;
    }

    .con02 form label span {
        margin-bottom: 16px;
    }

    .con02 form h5 {
        font-size: 14px;
        margin: 6px 0 34px;
        line-height: 26px;
    }

    .con02 .top h4 {
        font-size: 14px;
        line-height: 26px;
    }

    .honor01 {
        padding: 50px 0;
    }

    .honor01 .ho01_bg {
        display: none;
    }

    .honor01 .left .icenter2 {
        top: 0px;
    }

    .honor01 .left {
        margin-bottom: 30px;
    }

    .honor01 .right {
        right: 0px;
        top: 0px;
        height: auto;
        position: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-flow: column-reverse;
    }

    .honor01 .right .h01thumbs {
        left: 0px;
        bottom: 24px;
        width: 100%;
    }

    .honor01 .left dl {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    .honor01 .left dl dd .text h5 {
        font-size: 17px;
    }

    .honor01 .left dl dd .text h4 {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .honor01 .left dl dd {
        width: 48%;
        padding-bottom: 11px;
        padding-top: 6px;
    }

    .honor01 .left dl dd .icon {
        width: 20px;
    }

    .honor01 .right .h01thumbs {
        left: 0px;
        bottom: 0px;
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

    .honor01 .right .h01thumbs .text {
        padding: 24px;
        width: 94%;
        height: 208px;
        margin: auto;
    }

    .honor01 .right .text h4 {
        font-size: 22px;
        margin-bottom: 22px;
    }

    .honor01 .right .text h4::after {
        bottom: -13px;
        width: 37px;
        height: 2px;
        left: 2px;
    }

    .honor01 .right .text p {
        font-size: 14px;
        line-height: 24px;
    }

    .honor01 .honor01Swpier .swiper-slide {
        height: 100%;
    }

    .honor01 .honor01Swpier .box .imgbox img {
        height: 100%;
        border-radius: 20px;
        overflow: hidden;
        height: 208px;
        width: 94%;
        margin: auto;
    }

    .honor02 {
        padding: 50px 0;
    }

    .honor02 dl dd {
        padding: 34px 30px 27px 28px;
        width: 100%;
        margin-bottom: 20px;
    }

    .honor02 dl {
        flex-flow: wrap;
    }

    .honor03 {
        padding: 50px 0;
    }

    .honor03 .soft_h4 {
        margin-bottom: 20px;
    }

    .honor03 .swiper-wrapper .swiper-slide img {
        width: 84px;
        max-height: 118px;
        transition: 0s;
    }

    .honor03 .swiper-wrapper .swiper-slide-active img {
        width: 149px;
        max-height: 225px;
    }

    .honor03 .swiper-wrapper .swiper-slide-active {
        margin-right: 4px !important;
    }

    .honor03 .com_cc .text h4 {
        font-size: 12px;
    }

    .honor03 .com_cc .text h5 {
        font-size: 12px;
        width: 123px;
        height: 51px;
    }

    .honor03 .fa {
        width: 15px;
        height: 31px;
    }

    .honor03 .le_cc .text {
        margin-left: 10px;
    }

    .honor03Swiper {
        padding-top: 80px;
        height: 294px;
    }

    .honor03 .ri_cc .text {
        margin-right: 10px;
    }

    .honor03 .ban {
        bottom: 38px;
    }

    .honor04 {
        padding: 50px 0;
    }

    .honor04 .botF {
        width: 100%;
    }

    .honor04 .bot {
        width: 100%;
    }

    .honor04 .box h4 {
        font-size: 18px;
        margin-top: 16px;
    }

    .honor05 .bg1,
    .honor05 .bg2 {
        display: none;
    }

    .honor05 {
        padding: 50px 0;
    }

    .honor05 .box h4 {
        font-size: 14px;
        margin-top: 10px;
    }

    .honor05 .hu_h3 {
        margin-bottom: 20px;
    }

    .honor04 .hu_h3 {
        margin-bottom: 0px;
    }

    .imgshow {
        width: 100%;
        height: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .s_list01 .top {
        width: 94%;
        padding: 30px;
        margin-top: 0px;
    }

    .solu_list_banner {
        margin-top: 60px;
    }

    .s_list01 .top h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .s_list01 .top p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 24px;
        width: 100%;
    }

    .s_list01 .top .icon {
        width: 60px;
        right: 20px;
        bottom: 20px;
    }

    .s_list01 .icenter2 .imgbox {
        width: 100%;
        margin-bottom: 24px;
    }

    .s_list02 {
        padding: 73px 0 50px;
    }

    .s_list02 dl dd {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
        padding: 33px 0 29px;
    }

    .s_list04 {
        padding: 50px 0;
    }

    .s_list04 .bot {
        width: 100%;
    }

    .s_list04 .botF {
        width: 100%;
    }

    .s_list04 .botF {
        margin-bottom: 16px;
    }

    .s_list04 .bg {
        display: none;
    }

    .s_list03 {
        padding: 50px 0;
    }

    .s_list03 .bot {
        width: 100%;
    }

    .s_list03 .swiper-slide .box img {
        height: 190px;
    }

    .s_list03 .bot::before,
    .s_list03 .bot::after,
    .s_list03 .bot::before,
    .s_list03 .bot::before {
        display: none;
    }

    .s_list03 .bot .fa {
        width: 40px;
        height: 40px;
    }

    .s_list03 .bot .fa-left {
        left: 5px;
    }

    .s_list03 .bot .fa-right {
        right: 5px;
    }

    .s_list03 .bot .box h5 {
        font-size: 14px;
        line-height: 24px;
        width: 340px;
    }

    .solu01 {
        padding: 50px 0;
    }

    .solu01 dl {
        height: auto;
        width: 100%;
    }

    .solu01 .ri_bg {
        height: 220px;
        width: 94%;
        position: unset;
        margin: auto;
        margin-top: 30px;
        border-radius: 20px;
    }

    .solu01 dl dd.active {
        padding: 24px;
    }

    .solu01 dl dd {
        margin-bottom: 16px;
        padding: 0 20px;
    }

    .solu01 dl dd .text p {
        width: 100%;
    }

    .solu01 dl dd .text {
        width: 88%;
    }

    .solu02 {
        padding: 50px 0;
    }

    .solu02 .bot {
        padding-left: 0%;
        width: 94%;
        margin: auto;
    }

    .solu02 {
        padding: 50px 0 100px;
    }

    .solu02 .op {
        bottom: 7%;
        left: 50%;
        width: 96%;
        transform: translateX(-50%);
    }

    .solu02 .op .solu02Swiper-pagination {
        position: unset;
        width: 77%;
        height: 3px;
    }

    .solu03 {
        padding: 50px 0;
    }

    .solu03 .top {
        height: auto;
        flex-direction: column-reverse;
    }

    .solu03 .top .le {
        margin-bottom: 26px;
        width: 100%;
        padding-bottom: 0px;
    }

    .solu03 .top .le .hu_h3 {
        text-align: center;
    }

    .solu03 .top .imgbox {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 16px;
        height: 200px;
        text-align: center;
    }

    .solu03 .top .le p {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
    }

    .solu03 .top .le p::before {
        top: -10px;
        width: 47px;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
    }

    .solu03 .bot {
        height: auto;
        flex-direction: column;
    }

    .solu03 .bot .ri {
        width: 100%;
        padding: 0px 0 0 0px;
    }

    .solu03 .wen2 {
        display: none;
    }

    .solu03 .wen1 {
        display: none;
    }

    .solu04 .bg {
        display: none;
    }

    .solu03 .bot .imgbox {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        height: 200px;
    }

    .solu03 .bot .ri p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 12px;
        text-align: center;
    }

    .solu03 .bot .ri p::before {
        display: none;
    }

    .solu04 .hu_h3 {
        margin-bottom: 26px;
    }

    .solu04 .bot {
        padding: 40px 0 48px;
        border-radius: 20px;
    }

    .solu04 .content {
        padding: 24px 24px 0;
    }

    .solu04 .content .min h5 {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    .solu04 .content .min h4 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .solu04 .nav .box img {
        width: 34px;
        margin-bottom: 9px;
    }

    .solu04 .nav .box span {
        font-size: 12px;
    }

    .solu04 .nav {
        padding: 0px 10px 3px;
        flex-flow: wrap;
    }

    .solu04 .nav .box::after {
        display: none;
    }

    .solu04 .nav .box {
        width: 33%;
        margin-bottom: 16px;
    }

    .solu04 .nav .box.active::after {
        display: none;
    }

    .solu04 .nav .box:hover::after {
        display: none;
    }

    .solu04 .bot .s04_textSwiper-pagination {
        width: 100%;
        bottom: -37px;
    }

    .solu04 .bot .swiper-pagination-bullet {
        margin: 0 5px;
        width: 22px;
    }

    .solu04 {
        padding-bottom: 87px;
    }

    .culture01 {
        top: 0px;
        margin-top: 290px;
        padding: 0 0 30% 0;
        position: relative;
        height: auto;
    }

    .culture02,
    .culture03,
    .culture04 {
        top: 0px;
        position: relative;
        height: auto;
        padding: 50px 0;
        background-color: #fff;
        flex-flow: wrap;
    }

    .culture02 {
        padding-top: 100px;
    }

    .culture05 {
        padding: 100px 0 0px;
    }

    .culture01 .icenter2 h4 {
        font-size: 14px;
        margin: 8px 0 18px;
    }

    .culture01 .icenter2 p {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 44px;
        width: 100%;
    }

    .culture01 .icenter2 img {
        width: 46px;
    }

    .culF {
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .culture02 dl dd {
        width: 100%;
        margin-bottom: 70px;
        padding: 50px 30px 35px;
    }

    .culture02 dl {
        flex-flow: wrap;
    }

    .culture02 dl dd .icon {
        width: 92px;
        height: 92px;
        top: -15%;
    }

    .culture03 .bg .cir {
        width: 178px;
    }

    .culture04 {
        flex-flow: column-reverse;
    }

    .culture04 .icenter2 .box {
        padding: 50px 28px;
        width: 100%;
        margin-bottom: 20px;
    }

    .culture05 {
        padding: 50px 0 0px;
    }

    .culture05 dl dd {
        width: 100%;
        margin-bottom: 20px;
    }

    .culture04 .icenter2 .box .icon {
        display: none;
    }

    .culture04 .left .wen {
        display: none;
    }

    .culture04 .icenter2 {
        position: unset;
        transform: none;
        left: 0px;
        top: 0px;
    }

    .culture04 .right {
        width: 100%;
        height: auto;
    }

    .culture04 .right img {
        height: 250px;
        width: 94%;
        margin: auto;
        margin-bottom: 20px;
    }

    .culture04 .icenter2 .box .seg h4 {
        font-size: 24px;
        margin-bottom: 22px;
    }

    .culture03 .left {
        width: 100%;
        height: 100%;
    }

    .culture03 .right {
        width: 100%;
    }

    .culture03 .right .text {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .culture03 .left img {
        height: 300px;
        object-fit: cover;
    }

    .culture02 dl dd:nth-of-type(3n) {
        margin-bottom: 0px;
    }

    .culture03 .bg .tips h4 {
        font-size: 18px;
        margin: 8px 0;
    }

    .culture03 .bg .tips h5 {
        font-size: 14px;
    }

    .culture03 .bg .tips img {
        width: 26px;
    }

    .culture03 .bg {
        top: 27%;
    }

    .culture03 .right .text .seg {
        margin-bottom: 22px;
    }

    .culture03 .right .text .seg h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .culture03 .right .text .seg p {
        font-size: 13px;
        line-height: 24px;
    }

    .culture03 .right img {
        height: 350px;
    }

    .culture04 {
        padding-top: 0px;
    }

    .pro {
        flex-flow: wrap;
    }

    .pro .left {
        width: 94%;
        padding-top: 50px;
        margin: auto;
        padding-left: 0px;
        border: 0px;
    }

    .pro .right {
        width: 100%;
        padding: 50px 20px 0px;
    }

    .pro .left .seg:nth-of-type(1) {
        padding-top: 0px;
    }

    .pro .left .seg:last-of-type {
        padding-bottom: 0px;
    }

    .pro .right .seg .title h3 {
        font-size: 24px;
        margin-bottom: 2px;
    }

    .pro .right .seg .title h4 {
        font-size: 14px;
    }

    .pro .right .seg .title {
        margin-bottom: 24px;
        padding-left: 18px;
    }

    .pro .right .seg .title h3::before {
        width: 9px;
        height: 9px;
        left: -18px;
    }

    .pro .right .seg dl dd {
        height: 230px;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .pro .right .seg {
        margin-bottom: 42px;
    }

    .pro .right .seg dl dd .content .icon {
        width: 38px;
        margin-bottom: 174px;
    }

    .pro .right .seg dl dd .content .t {
        font-size: 20px;
        margin-bottom: 0;
    }

    .pro .right .seg dl dd .content {
        top: 50%;
    }

    .proinfo_banner {
        position: relative;
        margin-top: 60px;
        padding: 50px 0 50px;
        overflow: hidden;
    }

    .icenter3 {
        width: 94%;
    }

    .proinfo_banner .left {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .proinfo_banner .icenter3 {
        flex-flow: wrap;
        justify-content: flex-start;
        padding: 0px;
    }

    .proinfo_banner .right {
        width: 100%;
    }

    .proinfo_banner .right h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .proinfo_banner .left .main .icon img {
        height: 267px;
    }

    .proinfo_banner .left .tab {
        width: 62px;
    }

    .proinfo01 .top {
        padding: 50px 0;
    }

    .proinfo01 .top .icenter3 {
        flex-flow: wrap;
    }

    .proinfo01 .top .le {
        width: 100%;
        margin-bottom: 40px;
    }

    .proinfo01 .top .ri {
        width: 100%;
    }

    .proinfo01 .top .le img {
        width: 70%;
        margin: auto;
    }

    .proinfo01 .top .le .swiper-pagination {
        bottom: -41px;
    }

    .proinfo01 .top h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .proinfo01 .top .ri ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 50px;
    }

    .proinfo01 .top .ri ul li:nth-of-type(3n) {
        margin-right: 3%;
    }

    .proinfo01 .top .ri ul li:nth-of-type(2n) {
        margin-right: 0%;
    }

    .proinfo01 dl {
        margin: 50px 0;
        flex-flow: wrap;
    }

    .proinfo01 dl dd {
        border-radius: 15px;
        padding: 44px 15px 55px;
        width: 100%;
        margin-bottom: 20px;
    }

    .proinfo01 {
        overflow: hidden;
    }

    .proinfo02 ul {
        margin-bottom: 37px;
        padding: 24px;
    }

    .proinfo02 {
        padding: 50px 0;
    }

    .proinfo02 {
        background-size: 1200px auto;
        padding: 50px 0;
        animation: bg_move 10s linear infinite;
        background-position: -330px center;
    }

    .proinfo02 h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .proinfo02 a {
        width: 170px;
        height: 40px;
        font-size: 14px;
    }

    .proinfo03 {
        padding: 50px 0;
    }

    .proinfo03 h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .proinfo03 h4 {
        font-size: 14px;
        margin-bottom: 24px;
        text-align: center;
    }

    .proinfo03 .share .s a {
        width: 34px;
        height: 34px;
        font-size: 14px;
        margin-right: 6px;
    }

    .proinfo03 .share span {
        font-size: 14px;
        margin-right: 10px;
    }

    .proinfo03 .min a {
        width: 146px;
        height: 36px;
        line-height: 36px;
    }

    .proinfo01 dl dd p {
        font-size: 13px;
        line-height: 22px;
        width: 91%;
    }

    .proinfo02 ul li {
        overflow-x: scroll;
        padding-bottom: 15px;
    }

    .proinfo02 ul li img {
        width: 827px;
    }

    .proinfo02 ul li::-webkit-scrollbar {
        height: 1px;
        width: 3px;
    }

    .proinfo02 ul li::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 5px rgba(127, 127, 127, 0.3);
        background: #ded8d8;
    }

    .proinfo02 ul li::-webkit-scrollbar-track {
        /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
        border-radius: 2px;
        background: rgba(164, 164, 164, 0.1);
    }

    .solu_list_banner img {
        height: 280px;
    }

    .aft02 .bot .box {
        box-shadow: 5px 0px 15px rgb(0 0 0 / 20%);
    }

    .com02 .icenter2 .content .text .icon {
        margin: auto;
    }

    .com02 .icenter2 .content .text h4 {
        text-align: center;
    }

    .com02 .icenter2 .content .text p {
        text-align: center;
    }

    .culture02 dl dd span {
        font-size: 20px;
    }

    .i06_h5 {
        display: block;
        top: 43%;
        position: relative;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .solu01 .top p br {
        display: none;
    }

    .aft02 .botF .fa {
        font-size: 40px;
    }

    .aft03 dl dd .text h4 strong {
        font-size: 30px;
    }

    .newshowtxt p a {
        font-size: 14px;
    }

    .proinfo_banner .vi {
        display: none;
    }

    .proinfo_banner::after {
        background: url(../image/proinfo_banner.jpg);
        background-size: cover;
    }

    .index_banner {
        height: calc(70% - 60px);
        margin-top: 60px;
    }

    .index_banner .indexSwiper-pagination {
        display: none;
    }

    .index01 .text_cc .com_h3 {
        display: none;
    }

    .index01 .text_cc h4 {
        display: none;
    }

    .index01 .text_cc p {
        display: none;
    }

    .s_list02 .content .box h4 {
        font-size: 15px;
        margin: 15px 0 24px;
    }

    .s_list02 .content .swiper-pagination-bullet {
        margin: 0 4px;
        width: 6px;
        height: 6px;
    }

    .s_list02 .content .swiper-pagination {
        bottom: -30px;
    }

    .index07 dl dd {
        margin-right: 0%;
    }


    .index04 .application .txt ul {
        display: block;
    }

    .index04 .application .txt ul li {
        width: 100%;
    }

    .index04 .application .txt ul li a .pic {
        height: 300px;
        overflow-y: hidden;
    }

    .index04 .application .txt ul li a .pic img {
        transform: translateY(-35%);
        -webkit-transform: translateY(-35%);
        -moz-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
    }

    .index04 .application .txt ul li a .pic:after {
        display: none;
    }

    .index04 .application .txt ul li a .info {
        background-color: rgba(0, 0, 0, .1);
    }

    .index02 .bg {
        width: 100%;
    }

    .index06 img {
        height: 100%;
        width: auto;
    }

    .index06 .title .com_h3 {
        font-size: 22px;
    }

    .index06 .dq {
        bottom: 0;
        transform: translateY(-20%);
    }

    .index07 .inews-swiperzi .mes .tit {
        line-height: 1.5;
        font-size: 18px;
    }

    .com01 .top .ri video,
    .com01 .top .ri .img {
        height: auto;
    }

    .culture02 dl dd .text {
        margin-top: 10%;
    }

    .culture02 dl dd p {
        height: 60px;
    }

    .pro .right .seg dl dd .content .b {
        height: 100px;
    }

    .caseBox2 .box1 {
        display: block;
        overflow: hidden;
    }

    .caseBox2 .box1 .item {
        width: calc(100% / 2 - 2%);
        float: left;
        margin-bottom: 6%;
    }

    .caseBox2 .box1 .item a .boxTop {
        height: 200px;
    }

    .aboutContact .box_box .boxT h5::before {
        right: 16%;
        width: 30px;
        z-index: 2;
    }

    .aboutContact .box_box .boxT h5::after {
        right: 0;
        width: 20%;
    }

    .aboutContact1 {
        padding-top: 10%;
    }

    .aboutContact1 .box {
        display: block;
    }

    .aboutContact1 .box .item {
        width: 100%;
    }

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .newshowtxt h1{
        font-size: 24px;
        margin-bottom: 6%;
    }

    footer .icenter .top,
    footer .icenter .top .right,footer .icenter .top .right p{
        display: block;
        text-align: center;
    }

    footer .icenter .top .right{
        margin-bottom: 5%;
    }

    footer .icenter .top dl,
    footer .icenter .top .right .ewm,
    footer .icenter .bot .share,
    footer .waves {
        display: none;
    }

}