@media(max-width: 1800px) {
    .header .nav {
        margin-right: 12%;
    }
}

@media(max-width: 1680px) {


    .header .logo img {
        width: 128px;
    }


    .header ul li {
        padding: 0 25px;
    }

    .footer{
        padding-top: 60px;
    }

    .footTop{
        padding-bottom: 30px;
    }

    /*  */

    .inBItem .indBanText span {
        font-size: 52px;
    }

    .inBItem .indBanText .tit {
        font-size: 28px;
    }

    /*  */

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

    .Tit span {
        font-size: 52px;
    }

    /*  */

    .indShuJu_li span b ,
    .indShuJuA .indShuJu_li span b{
        font-size: 86px;
    }

    .indShuJu_li {
        padding: 60px 50px;
    }

    .indShuJu_li p {
        margin-top: 15px;
    }

    /* == */

    .abVid_bf img {
        width: 68px;
    }

    /*  */

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

    /*  */

    .indSolBox .Tit {
        width: 75%;
        margin-bottom: 160px;
    }

    .indSolLi img {
        width: 35px;
        margin-bottom: 20px;
    }

    .indSolLi span {
        font-size: 20px;
    }

    /*  */

    .indNewText i {
        margin-bottom: 20px;
    }

    .indNewText span {
        font-size: 20px;
        min-height: 60px;
    }

    /*  */

    .fdUBon a {
        font-size: 14px;
    }


    /* ============================================================================= contact */


    .banner h5 {
        font-size: 60px;
    }

    .conLi span {
        font-size: 21px;
    }


    /* ============================================================================= join */
    


    .joinItem {
        width: calc(25% - 20px);
        padding: 60px 40px 80px;
    }

    .joinItem img {
        width: 48px;
        margin-bottom: 30px;
    }

    .joinItem span {
        font-size: 21px;
    }

    /* == */

    .joinFcImg_item {
        height: 540px;
    }

    /* == */

    .hrZp_span span,
    .hrZp_one span {
        font-size: 16px;
    }
    .hrZp_R span{
        font-size: 12px !important;
    }

    .conHr_top {
        margin-bottom: 30px;
    }

    /* == */

    .joinItem span {
        font-size: 20px;
    }

    .joinItem p {
        font-size: 14px;
    }

    .joinItem {
        padding: 60px 30px 80px;
    }

    /* == */

    .joinFcImg_item {
        height: 480px;
    }


    .joinFcUl h5{
        font-size: 68px;
    }
    .joinFcLi {
        padding: 25px 0
    }
    .joinFcLi span {
        font-size: 20px;
    }



    /* == */

    .conHr_top form select,
    .conHr_top form input,
    .conHr_top form input::placeholder{
        font-size: 16px;
    }

    .conHr_top form a{
        font-size: 18px;
    }

    .hrZp_div {
        padding: 0 40px;
        height: 68px;
    }
    .hrZp_R b{
        margin-right: 0;
    }

    /* ============================================================================= new */



    /* ============================================================================= soltion */


    /* ============================================================================= sol_info */

    .solInfo_faLi span {
        display: block;
        font-size: 20px;
    }

    /* ============================================================================= pro */



    /* ============================================================================= pro_info */

 

    .proXqJj_i{
        font-size: 110px;
    }

    .proXqJj_text p{
        line-height: 1.8;
    }

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

    .proXqJj_btn .btn {
        width: 50px;
        height: 50px;
        margin: 0 12px;
    }

    /* == */

    .ProBLdItem span{
        font-size: 20px;
        margin: 20px 0 10px;
    }

    .ProBLdItem p{
        font-size: 14px;
    }

    .ProBLdItem{
        padding: 30px;
    }

    /* ============================================================================= about */



    .abWh {
        padding: 120px 0;
    }

    .abWhLi {
        padding: 60px 30px 260px;
    }



    /* == */

    .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right .num_b {
        font-size: 160px;
    }

    .about_body #r6 .v_time_box .swiper-container,
    .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right {
        height: 40vh;
    }

    .about_body #r6 .v_time_box {
        margin: 30vh auto;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-slide.swiper-slide-next .abo_scr7_con {
        margin-top: 80px;
    }

    .abHisText {
        padding-left: 150px;
    }

    .abHisText p {
        font-size: 20px;
    }

    /* == */

    .abSbLi span {
        font-size: 20px;
    }

    .abSbLi {
        padding: 22px 0;
    }

}

@media(max-width: 1480px) {

    .More a i {
        padding: 10px 25px;
        font-size: 14px;
    }

    .Tit span {
        font-size: 46px;
    }

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

    .padd {
        padding: 80px 0;
    }

    /*  */

    .menu {
        width: 5%;
    }


    .banText,
    .dwNav{
        left: 10%;
    }

    .banner::before,
    .inTBox::after ,
    .abJj::before,
    .abVidBox::after,
    .abWh::before,
    .abRyu::before,
    .about_body #r6::after,
    .abSb::before,
    .footer::before,
    .product::before,
    .solution::before,
    .new::before,
    .joinFz::before,
    .joinFc::before,
    .join::before,
    .contact::before,
    .conBot::before,
    .proInfo::before,
    .solInfo_fa::before,
    .solInfo_faBot::before,
    .solInfo_case::before{
        left: 5%;
    }

    .abJj,
    .abWh,
    .abRyu .inner,
    .about_body #r6,
    .abSb,
    .footer,
    .product,
    .solution,
    .new,
    .joinFz,
    .joinFc,
    .join,
    .contact,
    .conBot,
    .proInfo,
    .solInfo_fa,
    .solInfo_faBot,
    .solInfo_case{
        padding-left: 5% !important;
    }

    .abRyuBox {
        padding: 0 5% 0 10%;
    }

    .about_body #r6::before{
        left: 52.5%;
    }

    .header .logo img {
        width: 120px;
    }

    .header .nav {
        margin-right: 0%;
    }

    .header ul li {
        padding: 0 20px;
    }

    .hSS input {
        width: 160px;
    }

    .hLan {
        width: 38px;
        height: 38px;
    }

    /*  */

    .inBItem .indBanText {
        left: 8%;
    }

    .inBItem .indBanText span {
        font-size: 48px;
    }

    .inBItem .indBanText .tit {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .inTsBox {
        right: 8%;
    }

    .inBNswiper {
        width: 80px;
    }

    .inBNswiper span {
        font-size: 38px;
    }

    .inTsBox .btnBox .btn {
        width: 40px;
        height: 40px;
    }

    /*  */
    .indAbText p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .indShuJu {
        margin-top: 60px;
    }

    .indShuJu_li {
        padding: 50px 40px;
    }

    .indShuJuA .indShuJu_li span b,
    .indShuJu_li span b {
        font-size: 66px;
    }

    .indShuJu_li p {
        font-size: 16px;
        margin-top: 15px;
    }

    .indShuJu_li span {
        font-size: 18px;
    }

    /*  */
    .indAb,
    .indPro {
        padding-left: 5% !important;
    }

    .indAb::after,
    .indPro::after {
        left: 5%;
    }

    .indProText span {
        font-size: 24px;
    }

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

    /*  */
    .indSol {
        padding-left: 5% !important;
    }

    .indSol::before {
        left: 5%;
    }

    .indSolBox .Tit {
        width: 80%;
        margin-bottom: 150px;
    }

    .indSolLi {
        padding: 60px 60px;
    }

    .indSolLi img {
        width: 30px;
        margin-bottom: 20px;
    }

    .indSolLi span {
        font-size: 20px;
    }

    /*  */
    .indNew {
        padding-left: 5% !important;
    }

    .indNew::before {
        left: 5%;
    }

    .indNewLi {
        padding: 30px 30px 60px;
    }

    .indNewText i {
        margin-bottom: 20px;
    }

    .indNewText span {
        font-size: 20px;
        min-height: 60px;
        margin-bottom: 30px;
    }

    .indNewText dd {
        padding: 8px 15px;
        font-size: 12px;
    }

    /*  */

    .indHz {
        padding-left: 5% !important;
    }

    .indHz::before {
        left: 5%;
    }

    /*  */
    

    .footBox {
        margin-bottom: 50px;
    }

    .footLogo img {
        width: 160px;
    }

    .fdXList {
        margin-top: 50px;
    }

    .fdXItem img {
        width: 18px;
    }

    .fdXItem span {
        font-size: 14px;
    }

    .footNav ul li a span {
        font-size: 16px;
    }

    .footNav ul li a {
        font-size: 14px;
    }

    .fdUBon {
        padding: 20px 0;
    }

    .fdUBon a {
        font-size: 14px;
    }


    /* ============================================================================= contact */

    .contact::after{
        width: 90%;
        left: 5%;
    }

    .conLi span {
        font-size: 20px;
    }

    .conLi p {
        font-size: 14px;
    }

    .conLi {
        padding: 30px;
    }

    /*  */

    .conR_ipt input, .conR_ipt textarea {
        padding: 12px;
    }


    /* ============================================================================= join */

    .joinFcUl h5{
        font-size: 60px;
    }

    /* ============================================================================= new */

    /* ============================================================================= soltion */

    .solText span {
        font-size: 26px;
        margin-bottom: 20px;
    }

    /* ============================================================================= sol_info */

    .banner p{
        font-size: 18px;
    }

    .solInfo_faText span{
        font-size: 32px;
    }

    /* ============================================================================= pro */

    /* ============================================================================= pro_info */

    .proXqChange h5{
        font-size: 16px;
    }

    /* .solInfo_faBox .Tit {
        width: 80%;
    } */

    .solInfo_faLi {
        width: calc(25% - 10px);
        padding: 40px 30px;
    }

    .solInfo_faLi img {
        width: 32px;
        margin-bottom: 25px;
    }

    .solInfo_faLi i{
        font-size: 24px;
    }

    .solInfo_faLi span {
        display: block;
        font-size: 18px;
    }

    .solInfo_caseText span {
        font-size: 20px;
    }


    /* ============================================================================= about */

    .indAb_s {
        width: 90%;
    }

    .indAb_s span {
        font-size: 18px;
    }

    .abJj .indShuJuA {
        margin-top: 40px;
    }

    /* == */

    .abWhLi p {
        font-size: 14px;
    }

    .proXqHj p {
        width: 90%;
        font-size: 16px;
    }

    /* == */
    .abWhLi {
        padding: 60px 30px 240px;
    }

    .abWhLi a {
        width: 26px;
        height: 26px;
        right: 30px;
        bottom: 30px;
    }

    /* == */

    .abHisText {
        padding-left: 100px;
    }

    .abHisText p {
        font-size: 18px;
    }

}

@media(max-width: 1368px) {

    .padd {
        padding: 68px 0;
    }

    .Tit span {
        font-size: 42px;
    }

    

    /*  */
    .header .logo img {
        width: 100px;
    }

    .header ul li {
        padding: 0 15px;
    }

    .header ul li a {
        font-size: 14px;
    }

    .hLan {
        width: 32px;
        height: 32px;
    }

    /*  */

    .inBItem .indBanText span {
        font-size: 42px;
    }

    .inBItem .indBanText .tit {
        font-size: 20px;
        margin-top: 25px;
    }

    .inBNswiper span {
        font-size: 32px;
    }

    /*  */

    .indShuJuA .indShuJu_li span b,
    .indShuJu_li span b {
        font-size: 54px;
    }

    .indShuJu_li p {
        margin-top: 10px;
    }

    .indShuJu_li {
        padding: 40px 35px;
    }

    /*  */

    .indPro .More {
        margin-top: 30px;
    }

    .indPro .Tit p {
        width: 70%;
    }

    .indProText {
        padding: 0 0 30px;
    }

    .indProText span {
        font-size: 20px;
    }

    .indProL .indProText span {
        font-size: 24px;
    }

    .indProText p {
        font-size: 14px;
    }

    .indProL .indProText p {
        font-size: 16px;
    }

    /*  */

    .indSolBox .Tit {
        margin-bottom: 120px;
    }


    .indSolLi span {
        font-size: 18px;
    }

    .indSolLi img {
        width: 25px;
        margin-bottom: 15px;
    }

    /*  */

    .indNewLi {
        padding: 30px 30px 40px;
    }

    .indNewText span {
        font-size: 18px;
        min-height: 54px;
        margin-bottom: 25px;
    }


    /* ============================================================================= contact */

    .leftNav li a {
        font-size: 16px;
    }


    .banner h5 {
        font-size: 52px;
    }

    .dwNav a ,
    .dwNav i{
        font-size: 14px;
    }

    .contact .Tit p {
        width: 90%;
    }

    .conLi {
        padding: 30px 20px;
    }

    .conR_ipt input::placeholder, .conR_ipt textarea::placeholder {
        font-size: 14px;
    }


    /* ============================================================================= join */

    .joinFcBut a{
        width: 40px;
        height: 40px;
    }

    .joinFcUl {
        width: 25%;
    }

    .joinFcWarp{
        width: 70%;
    }

    .joinFcUl h5{
        font-size: 54px;
    }
    .joinFcLi {
        padding: 20px 0
    }
    .joinFcLi span {
        font-size: 18px;
    }

    /* == */

    .joinItem {
        padding: 50px 25px 60px;
    }

    .joinItem img {
        width: 40px;
        margin-bottom: 25px;
    }

    .joinItem span {
        font-size: 18px;
    }

    /* ============================================================================= new */

    /* ============================================================================= soltion */

    /* ============================================================================= sol_info */


    /* .solInfo_faBox .Tit {
        width: 95%;
    } */

    

    /* ============================================================================= pro */

    /* ============================================================================= pro_info */

    .solInfo_faText span{
        font-size: 26px;
    }

    /* ============================================================================= about */

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right{
        padding-left: 160px;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right .num_b {
        font-size: 140px;
    }

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right .num_b {
        font-size: 60px;
    }    

    .abHisText {
        padding-left: 80px;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-pagination .num {
        font-size: 30px;
    }



}

@media(max-width: 1200px) {
    .header {
        height: 80px;
    }

    .header .nav {
        display: none;
    }

    .inTBox::after{
        top: 80px;
    }

    .headMenu{
        display: flex;
    }

    .headR{
        width: 100px;
        justify-content: flex-end;
        margin-right: 3%;
    }

    .hLan{
        margin: 0 20px 0 0;
    }

    .hSS{
        display: none;
    }

    .inBItem .indBanText {
        width: 75%;
    }

    .menu {
        display: none;
    }

    .banText, .dwNav {
        left: 5%;
    }

    .inBItem .indBanText {
        left: 5%;
    }

    .inTBox::after,
    .indAb::after, 
    .indPro::after,
    .indSol::before,
    .indNew::before,
    .abVidBox::after{
        display: none;
    }
    .indAb, 
    .indPro,
    .indSol,
    .indNew,
    .abJj, .abWh, .abRyu .inner, .about_body #r6, .abSb, .footer{
        padding-left: 0 !important;
    }

    .abRyuBox {
        padding: 0 5% 0 5%;
    }

    .indNewLi:last-child{
        border-right: none;
    }

    /*  */

    .indAbBox {
        flex-wrap: wrap;
    }

    .indAbText {
        width: 100%;
        order: -1;
    }

    .indAbText .More {
        margin-top: 30px;
    }

    .indAbImg {
        width: 100%;
        padding-top: 54%;
        margin-top: 40px;
    }

    /*  */

    .indProL {
        width: 100%;
    }

    .indProL .indProItem .indProImg {
        padding-top: 60%;
    }

    .indProR {
        width: 100%;
        display: flex;
    }

    .indProItem {
        width: 50%;
    }

    .indProItem:nth-child(5) {
        display: none;
    }

    /*  */

    .indSolBox .Tit {
        width: 95%;
    }

    .indSolLi {
        padding: 60px 40px;
    }

    /*  */
    .Tit {
        margin-bottom: 48px;
    }

    .indNewLi {
        padding: 30px 25px 40px;
    }

    /*  */

    .footL {
        display: none;
    }

    .footNav {
        width: 100%;
    }

    .menu span {
        height: 25px;
    }

    /* ============================================================================= contact */

    .header .logo {
        width: auto;
        padding-left: 3%;
    }


    .leftNav {
        display: none;
    }

    .banner::before, .contact::before, .conBot::before ,
    .footer::before{
        display: none;
    }

    .contact::after {
        width: 100%;
        left: 0;
    }

    .contact, .conBot ,
    .footer{
        padding-left: 0% !important;
    }


    .conLi {
        padding: 30px 40px;
    }

    .conLi:nth-child(2n)::after {
        display: none;
    }

    .footTop{
        margin-bottom: 30px;
    }


    /* ============================================================================= join */

    .joinFcUl h5{
        font-size: 46px;
    }

    .joinFcLi span {
        font-size: 16px;
    }


    .joinFz, .joinFc, .join{
        padding-left: 0 !important;
    }

    .joinFz::before, .joinFc::before, .join::before{
        display: none;
    }

    .joinItem {
        width: calc(25% - 15px);
    }

    .conHr_top form select, .conHr_top form input, .conHr_top form input::placeholder {
        font-size: 14px;
    }

    .conHr_top form input{
        padding: 10px 20px;
    }

    .conHr_top form a {
        font-size: 16px;
        padding: 12px 0;
    }

    .hrZp_span span, .hrZp_one span ,
    .hrZp_R b{
        font-size: 14px;
    }

    /* ============================================================================= new */

    .new {
        padding-left: 0 !important;
    }
    .new::before{
        display: none;
    }

    .newBox{
        width: 100%;
        margin: 0 auto;
    }

    .indNewLi{
        border-right: none;
    }


    /* ============================================================================= soltion */

    .solution{
        padding-left: 0 !important;
    }
    .solution::before{
        display: none;
    }

    .solBox{
        padding-left: 5%;
    }
    .solItem{
        padding-left: 0;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }

    .solText span {
        font-size: 24px;
    }

    .solText p {
        width: 90%;
        font-size: 14px;
    }

    /* ============================================================================= sol_info */
    .banText {
        width: 75%;
    }

    .solInfo_fa,
    .solInfo_faBot,
    .solInfo_case {
        padding-left: 0 !important;
    }
    .solInfo_fa::before,
    .solInfo_faBot::before,
    .solInfo_case::before{
        display: none;
    }


    .solInfo_faLi {
        padding: 60px 30px;
    }

    .solInfo_faLi span {
        font-size: 18px;
    }

    .solInfo_faLi img {
        width: 28px;
        margin-bottom: 20px;
    }

    .solInfo_faLi {
        padding: 40px 20px 60px;
    }

    /* == */

    .solInfo_caseText span {
        font-size: 18px;
        margin-bottom: 0;
    }

    .solInfo_caseText {
        padding: 15px 0;
    }

    /* ============================================================================= pro */

    .product .Tit.flex{
        flex-wrap: wrap;
    }

    .product .Tit select {
        width: 260px;
    }
        

    .product {
        padding-left: 0 !important;
    }
    .product::before{
        display: none;
    }

    
    /* ============================================================================= pro_info */

    .proInfo::before{
        display: none;
    }

    .proInfo{
        padding-top: 120px;
        padding-left: 0 !important;
    }

    .proXqJj{
        flex-wrap: wrap;
    }

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

    .proXqJj_text .More {
        margin-top: 40px;
    }

    .proXqJj_imgBox{
        width: 100%;
    }

    .proXqJj_i {
        font-size: 100px;
    }

    .proXqJj_btn {
        margin-bottom: 40px;
    }

    .proXqJj_btn .btn {
        width: 40px;
        height: 40px;
        margin: 0 10px;
    }

    /* == */

    .proXqJj_btn .btn {
        width: 40px;
        height: 40px;
        margin: 0 10px;
    }

    .ProBLdItem img {
        width: 30px;
    }

    .ProBLdItem span {
        font-size: 18px;
    }

    .ProBLdItem {
        padding: 30px 20px;
    }

    /* == */

    .proXqCs_table tbody td{
        font-size: 14px;
    }

    /* == */

    .proXqHjBox{
        flex-wrap: wrap;
    }

    .proXqHj_img{
        width: 100%;
    }

    .proXqHj_text{
        width: 100%;
        margin-top: 30px;
    }

    /* ============================================================================= about */

    .abJj,
    .abWh,
    .abRyu,
    .about_body #r6,
    .abSb{
        padding-left: 0 !important;
    }

    .abJj::before,
    .abWh::before,
    .abRyu::before,
    .about_body #r6::after,
    .abSb::before{
        display: none;
    }

    .about_body #r6::before{
        left: 50%;
    }

    /* == */

    .abVid_bf img {
        width: 50px;
    }

    .abVid_bf p {
        font-size: 18px;
    }

    /* == */

    .abWhXq{
        flex-wrap: wrap;
    }

    .abRyuBut a,
    .abSbBut a {
        width: 40px;
        height: 40px;
    }

    .abHisText span{
        font-size: 20px;
    }

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

    .abHisText p::after{
        width: 6px;
        height: 6px;
        top: 7px;
    }

    /* == */

    .abRyu_more p{
        margin: 0;
    }

    .abRyuBox .swiper-container {
        margin-bottom: -100px;
    }

    .abRyuBut .swiper-pagination {
        font-size: 20px;
    }
    .abRyuBut .swiper-pagination span{
        padding: 0 5px;
        font-size: 20px;
    }

    .abRyuBut a, .abSbBut a {
        width: 30px;
        height: 30px;
    }
    .abRyuBut a img {
        width: 100%;
    }
    .abRyuBut{
        padding-bottom: 80px;
    }

}

@media(max-width: 1024px) {
    .Tit span {
        font-size: 40px;
    }

    .Tit p {
        font-size: 14px;
    }

    .More a i {
        padding: 8px 18px;
        font-size: 14px;
    }

    .More a svg {
        width: 14px;
        height: 14px;
    }

    /*  */
    .indShuJuA .indShuJu_li span b,
    .indShuJu_li span b {
        font-size: 44px;
    }

    .indShuJu_li span {
        font-size: 16px;
    }

    .indSolBox .Tit {
        margin-bottom: 100px;
    }

    .indSolLi {
        padding: 50px 30px;
    }

    .indSolLi span {
        font-size: 16px;
    }

    /* ============================================================================= contact */

    .conLi::after{
        display: none;
    }

    .conUl{
        border-bottom: none;
    }

    .conLi{
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    }

    /*  */

    .conBotBox{
        flex-wrap: wrap;
    }

    .conR_form{
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .conBotImg{
        width: 100%;
    }
    


    /* ============================================================================= join */

    .joinFzBox{
        flex-wrap: wrap;
    }
    .joinItem {
        width: calc(50% - 10px);
        margin: 10px 0;
    }

    .conHr_top form{
        flex-wrap: wrap;
    }

    .conHr_top form select {
        width: 49%;
        margin-bottom: 10px;

        display: none;
    }

    .conHr_top form input {
        width: 80%;
    }

    .hrZp_span:nth-child(4){
        display: none;
    }

    .hrZp_zk {
        padding: 40px;
    }
    
    .hrZp_zk .list .mc {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .hrZp_zk .list .list_p {
        font-size: 14px;
        line-height: 2;
    }

    /* ============================================================================= new */

    .newBox{
        border-top: 1px solid rgba(0, 0, 0, .18);
    }

    .newBox .indNewLi {
        border-top: none;
    }

    /* ============================================================================= soltion */

    .solItem{
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    /* ============================================================================= sol_info */

    .banText {
        width: 90%;
    }

    .banner h5 {
        font-size: 48px;
    }

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

    .banBtn i svg {
        width: 24px;
        height: 24px;
    }

    .solInfo_faTop{
        flex-wrap: wrap;
    }

    .solInfo_faText{
        width: 100%;
        margin-bottom: 30px;
    }

    .solInfo_faImgBox{
        width: 100%;
        order: initial;
    }

    .solInfo_faText span{
        font-size: 20px;
    }

    /* == */

    .solInfo_faXq{
        flex-wrap: wrap;
    }

    .solInfo_faLi {
        width: calc(50% - 5px);
        padding: 60px 30px;
        margin: 5px 0;
    }

    .solInfo_faLi span {
        font-size: 18px;
    }

    .solInfo_faLi img {
        width: 28px;
        margin-bottom: 20px;
    }

    .solInfo_faLi {
        padding: 40px 20px 60px;
    }

    /* == */

    .solInfo_caseText span {
        font-size: 18px;
        margin-bottom: 0;
    }

    .solInfo_caseText {
        padding: 15px 0;
    }

    /* ============================================================================= pro */

    .product .Tit>div{
        width: 100%;
        margin-bottom: 20px;
    }

    .product .Tit select {
        width: 100%;
    }

    /* == */

    .proXqHj p {
        width: 100%;
    }

    /* ============================================================================= pro_info */
    .proXqJj_i {
        font-size: 90px;
    }

    .proInfo{
        padding-top: 100px;
    }

    .ProBLdBox{
        justify-content: space-between;
    }

    .ProBLdItem {
        width: calc(50% - 10px);
        margin-right: 0;
        margin-bottom: 20px;
    }

    .proXqChange h5 {
        font-size: 14px;
    }

    /* ============================================================================= about */

    .dwNav{
        display: none;
    }

    .banBtn {
        margin-top: 30px;
        font-size: 16px;
    }
    .banBtn i {
        width: 40px;
        height: 40px;
    }

    .indAb_s {
        width: 100%;
        margin-bottom: 20px;
    }
    .indAb_s span {
        font-size: 16px;
    }
    .abText .indAb_p p {
        font-size: 14px;
    }

    

    /* == */

    .abWhLi{
        flex: none;
        width: 100%;
        padding: 30px 30px;
        margin-bottom: 10px;
    }

    .abWhLi p{
        min-height: 45px;
    }

    .abWhLi.on{
        flex: none;
    }

    /* == */

    .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right .num_b {
        font-size: 80px;
    }
    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right .num_b {
        font-size: 45px;
    }

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right {
        padding-left: 80px;
    }

    .abHisText {
        padding-left: 80px;
        padding-right: 20px;
    }
    .abHisText p::after {
        width: 4px;
        height: 4px;
    }
    .abHisText p {
        font-size: 14px;
    }

    /* == */


    .abSbLi {
        padding: 16px 0;
    }
    .abSbLi span {
        font-size: 18px;
    }
}

@media(max-width: 900px) {

    .inTBox,
    .inBswiper {
        height: 76vh;
    }

    .menu {
        width: 45px;

        display: none;
    }

    .footer {
        padding-top: 40px;
    }
    .footLogo img {
        width: 140px;
    }
    .footEwm img {
        width: 65px;
    }
    .footTop {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .footBox {
        margin: 40px 0;
    }

    /* .inTBox::after,
    .indAb::after,
    .indPro::after,
    .indSol::before,
    .indNew::before,
    .footer::before {
        left: 45px !important;
    }

    .indAb,
    .indPro,
    .indSol,
    .indNew,
    .footer {
        padding-left: 45px !important;
    }

    .inBItem .indBanText {
        left: calc(5% + 45px) !important;
    } */

    .indShuJu_li {
        padding: 40px 15px;
    }

    /*  */

    .indSolXq,
    .indNewBox {
        flex-wrap: wrap;
    }

    .indSolLi {
        width: 50%;
    }

    .indNewLi {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    }

    .indNewLi:last-child {
        border-bottom: none;
    }

    /* ============================================================================= contact */

    .banner {
        height: 64vh;
    }

    .banner h5 {
        font-size: 46px;
    }

    .dwNav{
        bottom: 40px;
    }

    .contact .Tit p {
        width: 100%;
    }

    /* ============================================================================= join */

    .joinFcBox{
        flex-wrap: wrap;
    }

    .joinFcUl{
        width: 100%;
        margin-bottom: 30px;
    }

    .joinFcLi.on::after{
        width: 100%;
    }

    .joinFcWarp{
        width: 100%;
    }

    /* ============================================================================= new */

    /* ============================================================================= soltion */
    
    .solItem{
        flex-wrap: wrap;
    }

    .solText{
        width: 100%;
        padding: 30px 0 0;
    }

    .solText p{
        width: 100%;
    }

    .solImg{
        width: 100%;
        padding-top: 60%;
        order: -1;
    }

    /* ============================================================================= sol_info */

    /* ============================================================================= pro */

    /* ============================================================================= pro_info */

    .proXqJj_i {
        font-size: 68px;
    }

    .proXqJj_text b {
        font-size: 20px;
    }

    /* ============================================================================= about */

    .Tit.flex{
        flex-wrap: wrap;
    }

    .abRyu_more{
        width: 100%;
        margin-top: 20px;
    }


}

@media(max-width: 768px) {

    .inBItem .indBanText {
        width: 80%;
    }

    .inBItem .indBanText .tit {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .inBItem .indBanText span {
        font-size: 36px;
    }

    .inTsBox {
        width: 55%;
    }

    .inBNswiper span {
        font-size: 25px;
    }

    .inBNswiper {
        width: 50px;
    }

    .inTsBox .btnBox .btn {
        width: 32px;
        height: 32px;
        margin-left: 10px;
    }

    .inTsBox .swiper-pagination-progressbar {
        width: calc(100% - 120px);
    }

    /*  */

    .indShuJu {
        margin-top: 40px;
    }

    .indShuJu_li {
        padding: 30px 15px;
    }

    .indShuJuA .indShuJu_li span b,
    .indShuJu_li span b {
        font-size: 32px;
    }

    .indShuJu_li p {
        margin-top: 5px;
        font-size: 14px;
    }

    .indPro .Tit p {
        width: 100%;
    }


    .indSolBox .Tit {
        margin-bottom: 60px;
    }

    /*  */

    .footBox {
        margin-bottom: 10px;
    }

    .footLogo img {
        width: 128px;
    }

    .footL {
        width: 100%;
        display: block;
    }

    .footNav {
        display: none;
    }

    .fdXList {
        margin-top: 30px;
    }

    .footer {
        padding-top: 40px;
    }


    .fdUBon {
        padding: 15px 0;
    }

    .fdUBon a {
        font-size: 12px;
    }

    /* ============================================================================= contact */


    /* ============================================================================= join */

    .joinFcImg_item {
        height: 420px;
    }

    /* ============================================================================= new */

    /* ============================================================================= soltion */

    /* ============================================================================= sol_info */

    /* ============================================================================= pro */

    /* ============================================================================= pro_info */
    .proXqJj_btn .btn {
        width: 32px;
        height: 32px;
        margin: 0 5px;
    }

    /* .proXqJj_imgBox {
        width: 60%;
    } */

    .proXqJj_r{
        width: 40%;
    }

    .proXqJj_btn {
        margin-bottom: 20px;
    }

    .proXqJj_xh span {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .proXqJj_xh p b,
    .proXqJj_xh p {
        font-size: 12px;
    }

    /* ============================================================================= about */

    .about_body #r6 .v_time_box {
        margin: 0 auto;
    }

    .about_body #r6 .v_time_box .swiper-container, .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right{
        height: 60vh;
    }

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right {
        padding-left: 5%;
    }

    .about_body #r6::before{
        display: none;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-slide.active .abo_scr7_con .abo_right .num_b{
        font-size: 66px;
    }
    .abHisText{
        padding-left: 10%;
    }
    .abHisText p{
        font-size: 16px;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-pagination{
        width: 100px;
    }
}

@media(max-width: 680px) {
    .padd {
        padding: 48px 0;
    }

    /*  */

    .indAbText p {
        line-height: 1.8;
        margin-bottom: 10px;
    }

    .indShuJu_li {
        padding: 30px 5px;
    }

    .indShuJuA .indShuJu_li span b,
    .indShuJu_li span b {
        font-size: 24px;
        padding-right: 5px;
    }

    .indShuJu_li span {
        font-size: 14px;
    }

    .indShuJu_li p {
        margin-top: 5px;
        font-size: 12px;
    }

    /*  */

    .indProR {
        flex-wrap: wrap;
    }

    .indProItem {
        width: 100%;
        border-right: none;
    }

    .fdUBon {
        flex-wrap: wrap;
    }

    /* ============================================================================= contact */

    .banner {
        height: 54vh;
    }
    .banner h5 {
        font-size: 40px;
    }
    .dwNav {
        bottom: 30px;
    }

    .Tit span {
        font-size: 36px;
    }
    .Tit {
        margin-bottom: 30px;
    }

    .conLi {
        padding: 20px 20px;
    }
    .conLi span {
        font-size: 18px;
    }

    .conBotImg {
        padding-top: 60%;
    }


    /* ============================================================================= join */

    .joinItem {
        width: 100%;
    }

    .swiper-slide.w50 {
        width: 100%;
    }
    
    .swiper-slide.w25 {
        width: 50%;
    }
    
    .swiper-slide.w30 {
        width: 60%;
    }


    .joinFcUl h5 {
        font-size: 36px;
    }

    .joinFcLi {
        padding: 15px 0;
    }

    .joinFcBut a {
        width: 32px;
        height: 32px;
    }

    /* == */

    .conHr_top form a {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 10px 0;
    }

    .conHr_top {
        margin-bottom: 20px;
    }

    .hrZp_span:nth-child(2) {
        text-align: center;
    }

    .hrZp_span:nth-child(3) {
        display: none;
    }

    .hrZp_R{
        flex: 0.8;
    }

    .hrZp_div {
        padding: 0 20px;
        height: 60px;
    }

    .hrZp_R span{
        width: 90%;
    }

    .hrZp_zk {
        padding: 20px;
    }

    .hrZp_zk .list{
        width: 100%;
        margin-right: 0;
        margin: 10px 0;
    }

    .hrZp_zk .list .mc {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* == */

    .footBox h5 {
        font-size: 18px;
    }

    .footTop {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .footLogo img {
        width: 110px;
    }

    .footEwm img {
        width: 60px;
    }

    .footBox{
        margin-top: 20px;
    }

    /* ============================================================================= new */

    /* ============================================================================= soltion */

    /* ============================================================================= sol_info */
    .banner p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .solInfo_faLi img {
        width: 24px;
    }

    .solInfo_faLi span {
        font-size: 14px;
    }

    .solInfo_faLi {
        padding: 30px 20px 50px;
    }

    /* ============================================================================= pro */

    /* ============================================================================= pro_info */

    

    .ProBLdItem {
        width: 100%;
    }

    /* == */

    .proXqCs_table thead th {
        font-size: 16px;
        padding: 12px 10px;
    }

    .proXqItem {
        padding: 40px 5%;
    }

    .proXqChange{
        flex-wrap: wrap;
        margin-bottom: 10px;

    }

    .proXqChange h5 {
        font-size: 14px;
        padding: 6px 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .proXqHj p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /* ============================================================================= about */

    .banBtn {
        margin-top: 10px;
    }

    .abWhLi {
        padding: 30px 30px 80px;
    }

    /*  */

    .abJj .indShuJuA {
        margin-top: 20px;
    }

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

    .abVid_bf img {
        width: 40px;
    }

    .abVidImg {
        padding-top: 60%;
    }

    /* == */

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con{
        height: 100%;
        flex-wrap: wrap;
    }

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_left{
        width: 100%;
        margin-bottom: 80px;
    }

    .about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right{
        display: none;
    }

    .about_body #r6 .v_time_box .swiper-container .swiper-pagination{
        width: auto;
        height: 50px;
        left: 50%;
        right: initial;
        top: initial;
        bottom: 10%;
        transform: translateX(-50%);
    }

    /* == */

    .abWh {
        padding: 48px 0;
    }

    /* == */

    .abSbBox{
        flex-wrap: wrap;
    }

    .abSbUl{
        width: 100%;
        padding-right: 5%;
        margin-bottom: 30px;
    }

    .abSbLi.on::after{
        width: 100%;
    }

    .abSbLi span{
        font-size: 16px;
    }

    .abSbWarp{
        width: 100%;
    }
}