@media screen and(min-width: 320px)and(max-width: 359px){
    html{ font-size: 12.8px; }
}

@media screen and(min-width: 360px)and(max-width: 374px){
    html{ font-size: 14.4px; }
}

@media screen and(min-width: 375px)and(max-width: 385px){
    html{ font-size: 15px; }
}

@media screen and(min-width: 386px)and(max-width: 392px) {
    html { font-size: 15.44px; }
}

@media screen and(min-width: 393px)and(max-width: 400px){
    html{ font-size: 16px; }
}

@media screen and(min-width: 401px)and(max-width: 414px){
    html{ font-size: 16.48px; }
}
@media (max-width: 1920px){
    .max-width {
        width:116.66rem;

    }
    .max_height{
        height: 26.25rem;
    }
    .kc_container{
        height: 28.125vw;
        overflow: hidden;
    }
}

@media screen  and (max-width:1366px){
    #menu {
        width: 100%;
        height: 70px;
        line-height: 64px;

    }
    .max-width {
        width:73.20vw;


    }
    .group2_right {
        width: 70%;
        height: 30.666rem;

    }
    .group2_left {
        width: 500px;
        height: 293px;
        top: 2.583rem;
        left: 68px
    }
    .group2_div{
        width: 463px;
        padding: 1.5rem;
        top: 4.75rem;
    }
    .group2_div p {
        font-size: 18px;
    }

    .title {
        padding: 30px 0 30px 0;
    }
    .group2-content{
        height: 369px;
    }
    .logo {
        display: block;
        width: 18rem;
        height: 30px;

        top: 20px;
        left: 11%;
    }
    #menu li a, #menu li.active a{
     padding: 2px 18px;
    }
    .section3_img {
        padding: 1.08rem;
    }
    .section3_list p {
        font-size: 15px;
        color: #7d7d7d;
        padding: 8px;
    }
    .section3_list {

        margin: auto 1.5rem;

    }
    .max_height{
        height:380px;
    }
    .section3_top {
        width: 100%;
        height: 320px;

    }
    .section3_img{
        width: 128px;
        height: 128px;
    }
    .nane_yw{
        width: 100%;
        display: block;

    }
    .section3_container {

        bottom: 28%;
    }
    .section5_content{
        width: 1000px;
    }
    .section5_text p{
        font-size:24px;
    }
    .title1{
        padding:130px 0 3rem 0;
    }
   .list-bottom{
       height: 100px;
       line-height: 100px;
       font-size:20px;
   }
    .section h3{
        font-size: 30px;
    }
.li_group{
    line-height: 68px;
}
.nanf_left img{
    width: 610px;
    height: 440px;
}
.nanr_text{
    width: 380px;
    height: 280px;
    font-size: 20px;
    top: 30%;
}
    .kc_container{
        height: 27vw;
        overflow: hidden;
    }
    .section6_right {
        margin-left: 30px;
    }
    .group1 h1{
        font-size:45px;

    }
    .section6_right p{
        font-size: 24px;
    }


}

@media(max-width: 720px){
    .li_group{
        display: none;
    }
    .group1 h1{
        font-size: 5rem;
        padding: 4rem;
    }
    /*.fp-controlArrow.fp-next {*/
    /*    right: 15px;*/
    /*    border-width: 20.5px 0 21.5px 16px;*/
    /*    border-color: transparent transparent transparent #fff;*/
    /*}*/
    /*.fp-controlArrow.fp-prev {*/
    /*    border-width: 20.5px 18px 20.5px 0;*/

    /*}*/
    .max-width{
       width: auto;

    }
    .group2_right{
        display: none;
    }
    .group2_left {
        width: 100%;
        height: 40vw;
        top: 0;
        left: 0;
    }
    .group2_div {
        width: 100%;
        /*padding: 1.5rem;*/

        left:0;
        /*background-color: #eee;*/

    }
    .group2_left{
        position: relative;
        z-index: 33;
    }
.group2_div{
    position: relative;
    z-index: 33;
    top: 0;
    padding: 0;
}
.group2-content{
    height: auto;
}
.group2_div p{
    font-size: 2.6rem;
    padding: 15px;
}
    .section3_container{
        display: none;
    }
.kc_container{
    height: auto;
}
.swiper-slide{
    margin: 0;
}
    .swiper-button-next,.swiper-button-prev{
        opacity: 1;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 10px;
        background-size: 11px;


    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 10px;
        background-size: 11px;

    }
    .title {
        padding: 15.333vw 0 15vw 0;
    }
    .title p{
        font-size: 16px;
    }
    .section3_top{
        height:25.83vw ;
    }
    .section5_content{
        width: 100%;
    }
    .section5_content ul{
        display: block;
    }
    .section5_content{
        margin: 0;
    }
    .section5_text p {
        font-size: 18px;
    }
    .title1 p{
        font-size: 18px;
    }
    .section5_content ul li{
        padding: 3.4vw;
    }
.section5_content ul li img{
    width: 20.177vw;
    height: 20.177vw;
}
    .title1{
        padding: 24vw 0 8vw 0;
    }
    .section h3{
        font-size: 26px;
    }
    .section6 {
        display: block;
        padding: 15px;
    }
    .section6_left{
        margin-bottom: 10px;
    }
    .section6_left h1{
        font-size: 16px;
    }
    .section6_left h1 img{
        width: 20px;
           height: 24px;
    }
    .section6_left img{

        width: 100%;
        height: 35vw;
    }
    .section6_right{
       margin: 0;
    }
    .section6_left{
        padding: 1.5rem;
    }
    .section6_right img{
        width: 23px;
        height: 23px;
    }
    .section6_right p{
        margin-bottom: 10px;
    }
    .nanf_left img{
        width: 100%;
        height: 100%;

    }
    .max-width{
        width: 100%;
    }
    .nanf_content h1{
        font-size: 18px;
    }
    .nanf_left{
        width: 100%;
        height:60vw;
    }
    .nanf_container{
        width: 85%;
        margin: 0 auto;

    }
    .nanf_content .retun img {
        width: 30px;
        height: 20px;
    }
    .nanr_text{
        width: 100%;
        height: auto;
    }
    .nanr_text{
        position: relative;
        top: 0;
    padding: 0;
    }
    .nanf_content h1{
        padding:30px 0
    }
    .nanf_content .retun{
    top:11vw;
        left:15px;
    }
    .nanr_text{
      margin-top:10px;
     background-color: rgba(255,255,255,0.3);
        background-image: none;
        color: #FFFFFF;
        font-size: 14px;
        border-radius: 8px;
        box-shadow: 0 0 20px #999;
    }
    .nanr_text p{
        padding: 15px;
    }
    .section6_right p{
        font-size: 4vw;
    }
/*    团队css*/
    .section3_top{
        display: none;
    }

    .section3{
        background-color: #FFFFFF;
    }
    .swiper-slide{
        background-color: #FFFFFF;
    }
    .section3_list {
        margin: auto 5.5rem;
    }
    .section3_img {
        padding: 2.08rem 0.08rem;
    }
    .mobile_content{
      display: block;
    }
    .pc-content{
       display: none;
    }
    /*.swiper-button-next{*/
    /*    width: 20px;*/
    /*    height: 20px;*/

    /*    background-size: 7px;*/

    /*}*/
    /*.swiper-button-prev {*/
    /*    width: 20px;*/
    /*    height: 20px;*/

    /*    background-size: 7px;*/

    /*}*/
     .modal_group{
         position: absolute;
         top: 69px;
         right: 0;
     }
     .modal_group ul{
         background-color: #FFFFFF;
     }
    .modal_group li{
        display: block !important;
        font-size: 18px;
        border-top: 1px solid #eee;
    }
    .dot span{
        display: block;
        width: 100% ;
        height: 0.2rem;
        margin-bottom: 0.4rem;
        background-color: #535353;
    }
    .dot{
        width: 2rem;
        position: absolute;
        right: 20px;
        top: 30px;
    }
    /*.modal_group{*/
    /*    display: none;*/
    /*}*/
    .section6_right p{
        padding:5.3333vw 12vw;
    }
    .title4{
      padding: 15.333vw 0 7vw 0
    }
    .swiper-button-next, .swiper-button-prev{
        margin-top: 4.5vw;
    }
    .nane{
       font-size: 20px !important
    }
}