@media (min-width: 1200px) {
   .swiper_box{
       height: 750px;
   }
   .swiper_item{
       width: 100%;
       height: 100%;
       overflow: hidden;
       position: relative;
   }
   .swiper_item img{
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       z-index: 1;
   }
   .banner_wenzi_wrap{
       width: 100%;
       position: absolute;
       z-index: 2;
    }
    .banner_wenzi{
        margin: 0 auto;
    }
    .banner_msg{
        padding-top: 160px;
        box-sizing: border-box;
        font-size: 84px;
        font-family: Avenir;
        font-weight: 500;
        line-height: 98px;
        color: #FFFFFF;
    }
    .banner_msg p{
        display: inline-block;
    }
    .banner_btn{
        width: 272px;
        height: 87px;
        background: #00B050;
        border-radius: 4px;
        text-align: center;
        line-height: 87px;
    }
    .banner_btn a{
        font-size: 20px;
        font-family: Arial;
        font-weight: 400;
        color: #FFFFFF;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 300px !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        right: 300px !important;
        left: auto !important;
        top: 60% !important;
    }
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
        content: '' !important;
    }
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{
        content: '' !important;
    }
    /* con_one */
    .con_one{
        margin-top: 107px;
        height: 584px;
        background: url(../img/bg_123.png) no-repeat;
        padding-top: 25px;
    }
    .con_one_l{
        width: 48%;
        padding-left: 49px;
    }
    .con_one_l img{
        width: 432px;
        height: 251px;
    }
    .con_one_r img{
        width: 432px;
        height: 251px;
    }
    .con_one_l .con_one_l_wenzi{
        text-align: right;
        font-size: 17px;
        font-family: Arial;
        font-weight: 400;
        line-height: 20px;
        color: #404040;
        padding-right: 70px;
        margin-top: 10px;
    }
    .con_one_l_wenzi p{
        padding: 0 !important;
        margin: 0;
        text-align: right;
    }
    .con_one_aa{
        float: left;
        width: 606px;
        font-size: 30px;
        font-family: Avenir;
        font-weight: 500;
        line-height: 41px;
        color: #404040;
        margin-top: 105px;
    }
    .con_one_aa span{
        display: block;
        width: 107px;
        height: 6px;
        background: #00B050;
        margin-bottom: 19px;
    }
    .con_one_bb{
        float: right;
        padding-bottom: 31px;
        margin-top: -50px;
        margin-right: 35px;
    }
    .con_one_r .con_one_l_wenzi{
        font-size: 17px;
        font-family: Arial;
        font-weight: 400;
        line-height: 20px;
        color: #404040;
        margin-bottom: 8px;
    }
    /* con_two */
    .con_two_wrap{
        position: relative;
        height: 826px;
    }
    .con_two{
        margin-top: 115px;
    }
    .bg_hui{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 348px;
        background: #F8F8F8;
    }
    .con_two_title{
        text-align: center;
    }
    .con_two_title h2{
        font-size: 18px;
        font-family: Avenir;
        font-weight: 500;
        line-height: 41px;
        color: #7C8A82;
    }
    .con_two_title p{
        font-size: 56px;
        font-family: Avenir;
        font-weight: 500;
        line-height: 41px;
        color: #404040;
    }
    .con_two_item{
        position: relative;
        margin-top: 43px;
        width: 370px;
        height: 487px;
        background: #FFFFFF;
        box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
        border-radius: 4px;
        width: 370px;
        padding: 0 ;
        margin-right: 30px;
    }
    .con_two_item:nth-child(3){
        margin-right: 0;
    }
    .con_two_item h2{
        font-size: 20px;
        font-family: Arial;
        font-weight: bold;
        line-height: 23px;
        color: #404040;
        margin: 37px 0;
        padding: 0 0 0 36px;
    }
    .con_two_item p{
        font-size: 17px;
        font-family: Arial;
        font-weight: 400;
        line-height: 35px;
        color: #7C8A82;
        padding-left: 36px;
    } 
    .more_two{
        position: absolute;
        bottom: -55px;
        right: 21px;
        width: 104px;
        height: 104px;
        background: url(../img/more_n@2x.png) no-repeat;
        background-size: 100% 100%;
        transition: all .5s;
    }
    .more_two a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .more_two:hover{
        background: url(../img/more_s@2x.png) no-repeat;
        background-size: 100% 100%;
    }
    /* con_three */
    .con_three{
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .con_three_con{
        padding: 0;
    }
    .con_three_title{
        margin-bottom: 55px;
    }
    .big_img{
        width: 570px;
        height: 274px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        box-sizing: border-box;
        text-align: center;
        line-height: 274px;
        margin-bottom: 35px;
    }
    .big_img img{
        width: 509px;
        height: 130px;
    }
    .small_img{
        width: 270px;
        height: 120px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        line-height: 120px;
        text-align: center;
        float: left;
        margin-bottom: 35px;
    }
    .small_img:nth-child(2){
        /* margin-left: 30px; */
    }
    .small_img img{
        width: 260px;
        height: 96px;
    }
   .marginlef30{
       margin-left: 30px;
   }
   .marginlef20{
       margin-left: 15px;
   }
   .bottom_small .small_img{
       margin-right: 30px;
   }
   .bottom_small .small_img:nth-child(4n){
       margin-right: 0;
       margin-left: -6px;
   }
   
 
}
@media (min-width: 1023px) and (max-width: 1199px){
    .swiper_box{
        height: 750px;
    }
    .swiper_item{
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .swiper_item img{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: revert;
        z-index: 1;
    }
    .banner_wenzi_wrap{
        width: 100%;
        position: absolute;
        z-index: 2;
     }
     .banner_wenzi{
         margin: 0 auto;
     }
     .banner_msg{
         padding-top: 160px;
         box-sizing: border-box;
         font-size: 84px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 98px;
         color: #FFFFFF;
     }
     .banner_msg p{
         display: inline-block;
     }
     .banner_btn{
         width: 272px;
         height: 87px;
         background: #00B050;
         border-radius: 4px;
         text-align: center;
         line-height: 87px;
     }
     .banner_btn a{
         font-size: 20px;
         font-family: Arial;
         font-weight: 400;
         color: #FFFFFF;
     }
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
         right: 100px !important;
     }
     .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
         right: 100px !important;
         left: auto !important;
         top: 60% !important;
     }
     .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
         content: '' !important;
     }
     .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{
         content: '' !important;
     }
     /* con_one */
     .con_one{
         margin-top: 107px;
         height: 584px;
         /* background: url(../img/bg_123.png) no-repeat; */
     }
     .con_one_l{
         width: 48%;
         padding-left: 49px;
     }
     .con_one_r{
         /* width: 48%; */
     }
     .con_one_l img{
         width: 100%;
     }
     .con_one_r img{
        width: 100%;
     }
     .con_one_l .con_one_l_wenzi{
         text-align: right;
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 20px;
         color: #404040;
         padding-right: 70px;
         margin-top: 10px;
     }
     .con_one_l_wenzi p{
         padding: 0 !important;
         margin: 0;
         text-align: right;
     }
     .con_one_aa{
         float: left;
         width: 48%;
         font-size: 30px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #404040;
         margin-top: 105px;
     }
     .con_one_aa span{
         display: block;
         width: 107px;
         height: 6px;
         background: #00B050;
         margin-bottom: 19px;
     }
     .con_one_bb{
         float: right;
         width: 48%;
         padding-bottom: 31px;
         margin-top: -50px;
     }
     .con_one_r .con_one_l_wenzi{
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 20px;
         color: #404040;
         margin-bottom: 8px;
     }
     /* con_two */
     .con_two_wrap{
         position: relative;
     }
     .con_two{
         margin-top: 115px;
     }
     .con_two_title{
         text-align: center;
     }
     .con_two_title h2{
         font-size: 18px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #7C8A82;
     }
     .con_two_title p{
         font-size: 56px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #404040;
     }
     .con_two_item{
         position: relative;
         margin-top: 43px;
         height: 487px;
         background: #FFFFFF;
         box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
         border-radius: 4px;
         width: 310px;
         padding: 0 ;
         margin-right: 10px;
     }
     .con_two_item:nth-child(3){
         margin-right: 0;
     }
     .con_two_item h2{
         font-size: 20px;
         font-family: Arial;
         font-weight: bold;
         line-height: 23px;
         color: #404040;
         margin: 37px 0;
         padding: 0 0 0 36px;
     }
     .con_two_item p{
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 35px;
         color: #7C8A82;
         padding-left: 36px;
     }
     .more_two{
         position: absolute;
         bottom: -55px;
         right: 21px;
         width: 104px;
         height: 104px;
         background: url(../img/more_n@2x.png) no-repeat;
         background-size: 100% 100%;
         transition: all .5s;
     }
     .more_two a{
         display: block;
         width: 100%;
         height: 100%;
     }
     .more_two:hover{
         background: url(../img/more_s@2x.png) no-repeat;
         background-size: 100% 100%;
     }
    /* con_three */
    .con_three{
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .con_three_con{
        padding: 0;
    }
    .con_three_title{
        margin-bottom: 55px;
    }
    .big_img{
        width: 570px;
        height: 274px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        box-sizing: border-box;
        text-align: center;
        line-height: 274px;
        margin: 0 auto 35px;
    }
    .big_img img{
        width: 509px;
        height: 130px;
    }
    .small_img_box {
        /* margin-left: 88px; */
        margin: 0 auto;
        padding: 0;
    }
    .bottom_small{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .small_img{
        width: 270px;
        height: 120px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        line-height: 120px;
        text-align: center;
        /* float: left;
        margin-bottom: 35px;
        margin-right: 30px; */
        margin: 0 auto 30px;
    }
    .small_img img{
        width: 260px;
        height: 96px;
    }
    .marginr60{
        margin-right: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
    .swiper_box{
        height: 750px;
    }
    .swiper_item{
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .swiper_item img{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        object-fit: revert;
        z-index: 1;
    }
    .banner_wenzi_wrap{
        width: 100%;
        position: absolute;
        z-index: 2;
     }
     .banner_wenzi{
         margin: 0 auto;
     }
     .banner_msg{
         padding-top: 160px;
         box-sizing: border-box;
         font-size: 84px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 98px;
         color: #FFFFFF;
     }
     .banner_msg p{
         display: inline-block;
     }
     .banner_btn{
         width: 272px;
         height: 87px;
         background: #00B050;
         border-radius: 4px;
         text-align: center;
         line-height: 87px;
     }
     .banner_btn a{
         font-size: 20px;
         font-family: Arial;
         font-weight: 400;
         color: #FFFFFF;
     }
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
         right: 100px !important;
     }
     .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
         right: 100px !important;
         left: auto !important;
         top: 60% !important;
     }
     .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
         content: '' !important;
     }
     .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{
         content: '' !important;
     }
     /* con_one */
     .con_one{
         margin-top: 107px;
         height: 584px;
         background: url(../img/bg_123.png) no-repeat;
     }
     .con_one_l{
         width: 48%;
         padding-left: 49px;
     }
     .con_one_r{
         /* width: 48%; */
     }
     .con_one_l img{
         width: 100%;
     }
     .con_one_r img{
        width: 100%;
     }
     .con_one_l .con_one_l_wenzi{
         text-align: right;
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 20px;
         color: #404040;
         padding-right: 70px;
         margin-top: 10px;
     }
     .con_one_l_wenzi p{
         padding: 0 !important;
         margin: 0;
     }
     .con_one_aa{
         float: left;
         width: 48%;
         font-size: 30px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #404040;
         margin-top: 105px;
     }
     .con_one_aa span{
         display: block;
         width: 107px;
         height: 6px;
         background: #00B050;
         margin-bottom: 19px;
     }
     .con_one_bb{
         float: right;
         width: 48%;
         padding-bottom: 31px;
         margin-top: -50px;
     }
     .con_one_r .con_one_l_wenzi{
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 20px;
         color: #404040;
         margin-bottom: 8px;
     }
     /* con_two */
     .con_two_wrap{
         position: relative;
     }
     .con_two{
         margin-top: 115px;
     }
     .con_two_title{
         text-align: center;
     }
     .con_two_title h2{
         font-size: 18px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #7C8A82;
     }
     .con_two_title p{
         font-size: 56px;
         font-family: Avenir;
         font-weight: 500;
         line-height: 41px;
         color: #404040;
     }
     .con_two_item{
         position: relative;
         margin-top: 43px;
         height: 430px;
         background: #FFFFFF;
         box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
         border-radius: 4px;
         width: 240px;
         padding: 0 ;
         margin-right: 10px;
     }
     .con_two_item img{
         width: 100%;
         height: 150px !important;
     }
     .con_two_item:nth-child(3){
         margin-right: 0;
     }
     .con_two_item h2{
         font-size: 20px;
         font-family: Arial;
         font-weight: bold;
         line-height: 23px;
         color: #404040;
         margin: 37px 0;
         padding: 0 0 0 36px;
     }
     .con_two_item p{
         font-size: 17px;
         font-family: Arial;
         font-weight: 400;
         line-height: 35px;
         color: #7C8A82;
         padding-left: 36px;
     }
     .more_two{
         position: absolute;
         bottom: -55px;
         right: 21px;
         width: 104px;
         height: 104px;
         background: url(../img/more_n@2x.png) no-repeat;
         background-size: 100% 100%;
         transition: all .5s;
     }
     .more_two a{
         display: block;
         width: 100%;
         height: 100%;
     }
     .more_two:hover{
         background: url(../img/more_s@2x.png) no-repeat;
         background-size: 100% 100%;
     }
      /* con_three */
      .con_three{
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .con_three_con{
        padding: 0;
    }
    .con_three_title{
        margin-bottom: 55px;
    }
    .big_img{
        width: 570px;
        height: 274px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        box-sizing: border-box;
        text-align: center;
        line-height: 274px;
        margin: 0 auto 35px;
    }
    .big_img img{
        width: 509px;
        height: 130px;
    }
    .small_img_box {
        margin-left: 88px;
        padding: 0;
    }
    .small_img{
        width: 270px;
        height: 120px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        line-height: 120px;
        text-align: center;
        float: left;
        margin-bottom: 35px;
        margin-right: 30px;
    }
    .small_img img{
        width: 260px;
        height: 96px;
    }
    .marginr60{
        margin-right: 30px;
    }
}
@media screen and (max-width:769px) {
   .swiper_box{
       height: 180px;
   }
   .swiper_item{
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }
    .swiper_item img{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
    .banner_wenzi_wrap{
        width: 100%;
        position: absolute;
        z-index: 2;
     }
    .banner_msg{
        box-sizing: border-box;
        font-size: 14px;
        font-family: Avenir;
        font-weight: 500;
        line-height: 12px;
        color: #FFFFFF;
        padding-top: 40px;
    }
    .banner_btn{
        width: 100px;
        height: 50px;
        background: #00B050;
        border-radius: 4px;
        text-align: center;
        padding-top: 5px;
    }
    .banner_btn a{
        font-size: 12px;
        font-family: Arial;
        font-weight: 400;
        color: #FFFFFF;
    }
   .swiper-button-next img,.swiper-button-prev img{
       display: none;
   }
   .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content: '' !important;
    }
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{
        content: '' !important;
    }
    /* 内容一 */
    .con_one{
        margin-top: 20px;
    }
    .con_one_l img{
        width: 100%;
        height: 251px;
    }
    .con_one_r img{
        width: 100%;
        height: 251px;
    }
    .con_one p{
        margin: 0;
    }
    .con_one_l_wenzi{
        margin:10px 0;
    }
    .con_one_aa span{
        display: block;
        width: 100px;
        height: 5px;
        background: #00B050;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    /* con_two */
    .con_two_title{
        text-align: center;
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .con_two_title h2{
        font-size: 14px;
        font-family: Avenir;
        font-weight: 500;
        color: #7C8A82;
        margin: 0;
    }
    .con_two_title p{
        font-size: 24px;
        font-family: Avenir;
        font-weight: 500;
        color: #404040;
        margin: 0;
    }
    .con_two_item{

    }
    .con_two_item h2{
        font-size: 20px;
        font-family: Arial;
        font-weight: bold;
        color: #404040;
    }
    .con_two_item p{
        font-size: 17px;
        font-family: Arial;
        font-weight: 400;
        line-height: 20px;
        color: #7C8A82;
    }
    .more_two{
        float: right;
        width: 50px;
        height: 50px;
        background: url(../img/more_n@2x.png) no-repeat;
        background-size: 100% 100%;
    }
    .more_two a{
        display: block;
        width: 100%;
        height: 100%;
    }

      /* con_three */
      .con_three{
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .con_three_con{
        padding: 0;
    }
    .con_three_title{
        margin-bottom: 55px;
    }
    .big_img{
        /* width: 570px; */
        height: 124px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        box-sizing: border-box;
        text-align: center;
        line-height: 124px;
        margin: 0 auto 35px;
        overflow: hidden;
    }
    .big_img img{
        width: 100%;
        height: 100%;
    }
    .small_img_box {
        /* margin-left: 88px; */
        padding: 0;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .small_img{
        width: 155px;
        height: 60px;
        background: #FFFFFF;
        border: 1px solid #E5EBE8;
        line-height: 60px;
        text-align: center;
        /* float: left; */
        margin-bottom: 35px;
        /* margin-right: 30px; */
    }
    .small_img img{
        width: 100%;
        height: 100;
    }
    .marginr60{
        margin-right: 30px;
        margin: 0 10px 30px;
    }
   
}