@media screen and (min-width: 1620px) {

  /* #region  首页*/
  html,
  body {
    font-size: 20px;
  }

  .width {
    width: 1600px;
  }

  /* #endregion */

}

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

  /* #region  首页*/
  html,
  body {
    font-size: 19px;
  }

  .width,.sy_service,.sy_case_sec ul,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.parner,.buss,.case_box,.mess {
    width: 1400px;
  }

  .banner_prev,
  .banner_next {
    width: 1.5rem;
  }
  .banner_prev {
    left: 3rem;
  }

  .banner_next {
    right: 3rem;
  }
  .mySwiper .swiper-slide:hover{
    width:560px!important;
  }
  .sy_parner .swiper {
    width:1280px;
  }
  /* #endregion */
  .li_right{
    height:30rem;
  }
  .news_list li .new_title h2{
    width:550px;
  }
  .new_more{
    margin-left: 4rem;
  }
  .par{
    width:350px;
  }
  .par_ul{
    width: 1000px;
  }
  .case_list li div>img {
    max-height: 13rem;
  }
  /* #endregion */

}
@media screen and (max-width: 1500px) {

  /* #region  首页*/
  html,
  body {
    font-size: 19px;
  }

  .width,.sy_service,.sy_case_sec ul,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.parner,.buss,.case_box,.mess {
    width: 1300px;
  }

  .banner_prev,
  .banner_next {
    width: 1.5rem;
  }
  .banner_prev {
    left: 3rem;
  }

  .banner_next {
    right: 3rem;
  }
  .mySwiper .swiper-slide:hover{
    width:520px!important;
  }
  .sy_parner .swiper {
    width:1180px;
  }
  .goTop{
    bottom: 5rem;
    right: 4rem;
  }

  .fengCai{
    width:1300px;
  }


  .news_list li .new_title h2{
    width:520px;
  }
  .new_more{
    margin-left: 4rem;
  }
  .par a{
    line-height: 5.5rem;
  }
  .case_list li div>img{
    max-height: 12.3rem;
  }
  /* #endregion */


  /* #endregion */

}

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

  /* #region  首页*/
  html,
  body {
    font-size: 18px;
  }

  .width,.sy_service,.sy_case_sec ul,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.parner,.buss,.case_box,.mess {
    width: 1200px;
  }
  .nav li a{
    padding:0 1rem;
  }
  .nav .nav_li{background: url(../images/nav_bg.jpg) no-repeat bottom center;background-size: 50%;}
  .nav li:hover{background: url(../images/nav_bg.jpg) no-repeat bottom center;background-size: 50%;}

  .banner_prev,
  .banner_next {
    width: 3rem;
  }

  .banner_dot span {
    width: 0.65rem;
    height: 0.65rem;
  }
  .banner_prev,
  .banner_next {
    width: 1.5rem;
  }
  .banner_prev {
    left: 3rem;
  }

  .banner_next {
    right: 3rem;
  }
  .sy_about_left{
    padding-left: 5rem;
  }
  .mySwiper .swiper-slide:hover{
    width:480px!important;
  }
  .sy_parner .swiper {
    width:1080px;
  }
  .goTop {
    bottom: 5rem;
    right: 3rem;
}
  /* #endregion */
  .li_right{
    height:30rem;
    margin-top:1.5rem;
  }
  .fengCai{
    width:1200px;
  }

  .fengCai ul li{width:17.8rem;}
  .fengCai ul li:nth-child(3){width:29rem;}
  .fengCai ul li:nth-child(4){width:29rem}
  .news_list li .new_title h2{
    width:450px;
  }
  .new_more{
    margin-left: 3rem;
  }
  .case_list li div>img{
    max-height: 12rem;
  }

}

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

  /* #region  首页*/
  html,
  body {
    font-size: 17px;
  }

  .width,.sy_service,.sy_case_sec ul,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.ser_show,.parner,.buss,.case_box,.mess {
    width: 1050px;
  }


  .banner_prev,
  .banner_next {
    width: 1.5rem;
  }
  .banner_prev {
    left: 3rem;
  }

  .banner_next {
    right: 3rem;
  }
  .sy_about_left{
    padding-left: 5rem;
  }
  .mySwiper .swiper-slide:hover{
    width:420px!important;
  }
  .mySwiper .swiper-slide a h1{
    font-size: 1rem;
  }
  .mySwiper .swiper-slide a img{
    width:2.5rem;
  }
  .sy_parner .swiper {
    width:950px;
  }
  /* #endregion */
  .li_right{
    height:26rem;
    margin-top:1rem;
    padding:3rem;
  }
  .core_text p{
    padding-left: 2rem;
    margin-right: 1rem;
    line-height: 2rem;

  }

  .values hr{
    margin:0.8rem 0;
  }
  .fengCai{
    width:1000px;
  }

  .fengCai ul li{width:15.6rem;}
  .fengCai ul li:nth-child(3){width:25.5rem;}
  .fengCai ul li:nth-child(4){width:25.5rem}
  .case_list li div>img{
    max-height: 10.5rem;
  }
  .news_list li{
    position: relative;
  }
  .news_list li .new_title h2{
    width:400px;
  }
  .new_more{
    position: absolute;
    right:0;
    bottom:0;
  }
  .par a{
    line-height: 4.8rem;
  }
  .map_box{
    padding:2rem 1rem;margin-left: 6rem;
  }
  .map_box h1{
    margin-top:1rem;margin-bottom: 1rem;
  }

}

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

  /* #region  首页*/
  .width,.sy_service,.sy_case_sec ul,.sy_case_text div,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.ser_show,.parner,.buss,.case_box,.mess{
    width: 90%;
  }
  .nav {
    position: fixed;
    left: -101%;
    top: 0;
    width: 45%;
    background-color: #0579b5;
    z-index: 999;
    display: block;
    padding-top: 2rem;
    overflow-y: auto;
    transition: .2s;
    margin:0;
    padding-top: 3rem;
  }
  .nav li{
    display: block;
    height:4rem;
    width:100%;
    text-align: center;
  }
  .nav li a{color:#fff;border:none;font-size: 1rem;line-height: 4rem;}
  .nav .nav_li{background: none;}
  .nav .nav_li a{color:#fff;}
  .nav li:hover{background: none;}
  .nav li:hover a{color:#fff;}
  .hot_line{
    display: none;
  }
  .nav_modal {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
  }
  .nav_icon {
    display: block;
    margin-left: 1.5rem;
  }
  .nav_icon img {
    width: 2.5rem;
    transition: .2s;
  }
  .nav_icon2 img {
    transform: rotate(90deg);
  }
  .nav2 {
    left: 0;
  }


  .banner_dot span {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 0.4rem;
  }
  .banner_prev, .banner_next{display: none;}
  .mySwiper .swiper-slide:hover{
    width:40%!important;
  }
  .mySwiper .swiper-slide a h1{
    font-size: 1rem;
  }
  .mySwiper .swiper-slide a img{
    width:2.5rem;
  }
  .sy_parner .swiper {
    width:90%;
  }
  .foot_logo img{
    width:10rem;
  }
  .foot_left h1{
    font-size: 0.7rem;
  }
  .bot_nav ul{
    margin-right: 1.23rem;
  }
  .bot_nav ul h1 a{
    font-size: 0.8rem;
  }
  /* #endregion */
  .sec_left a{
    margin-right: 2rem;
  }
  .about_title2 {
    font-size: 1.2rem;
  }
  .about_content {
    font-size: 1rem;
    line-height: 2rem;
  }
  .honor_list dl{
    padding:0;
    margin:1rem auto;
    display: block;
    columns: 2;
    column-gap: 1.2rem;
  }
  .honor_list dd{
    width:100%;
    margin-bottom:1rem;
    padding:0.8rem;
    padding-bottom:0;
  }
  .honor_list dd img{
    height:auto;
    width:100%;
  }
  .wen div img{
    width:10rem;
  }

  .fengCai{
    width:100%;
  }

  .fengCai ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .fengCai ul li{width:49%;margin:0;float: none;margin-bottom: 1rem;}
  .fengCai ul li:nth-child(3){width:49%;}
  .fengCai ul li:nth-child(4){width:49%;}

  .page{
    position: inherit;
    justify-content: center;
  }
  .page a{
    margin:0 0.5rem;
  }
  .zeren_list li div{
    padding:1rem 1rem 0 1rem;
  }
  .zerenTitle h2{
    font-size: 0.7rem;
    line-height: 1.4rem;
    width: 90%;
    margin-top: 1rem;
  }
  .honorTitle h2{
    font-size: 0.7rem;
    line-height: 1.4rem;
    width: 90%;
    margin-top: 1rem;
  }
  .news_list li>img{
    width:40%;
  }
  .service_box ul li{
    width:49.7%;
  }
  .service_box ul li:nth-child(1),.service_box ul li:nth-child(2){
    padding:6rem 2rem;
  }
  .case_list li div>img {
    max-height: 9.9rem;
  }
  .par a{
    line-height: 4.2rem;
    font-size: 1rem;
  }
  .buss dl dd{
    width:24%;
  }
  .buss dl dd:nth-child(4n){margin-right: 0;}
  .buss dl dd:nth-child(5n){margin-right: 1%;}
}


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

  /* #region  首页*/
  .width,.sy_service,.sy_case_sec ul,.sy_case_text div,.sy_news,.lneBox,.foot,.n_title div,.sec_box,.about,.wenHua,.values,.feng_box,.zeren_list,.honor_list dl,.news_list,.new_show,.fanye_box,.ser_show,.parner,.buss,.case_box,.mess{
    width: 95%;
    height:auto;
    padding:0.6rem 0;
  }
  .logo img{width:6rem;}

  .nav {
    position: fixed;
    left: -101%;
    top: 0;
    width: 45%;
    background-color: #0579b5;
    z-index: 999;
    display: block;
    padding-top: 2rem;
    overflow-y: auto;
    transition: .2s;
    margin:0;
    padding-top: 3rem;
  }
  .nav li{
    display: block;
    height:4rem;
    width:100%;
    text-align: center;
  }
  .nav li a{color:#fff;border:none;font-size: 1rem;line-height: 4rem;}
  .nav .nav_li{background: none;}
  .nav .nav_li a{color:#fff;}
  .nav li:hover{background: none;}
  .nav li:hover a{color:#fff;}
  .hot_line{
    display: none;
  }
  .nav_modal {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
  }
  .nav_icon {
    display: block;
    margin-left: 1.5rem;
  }
  .nav_icon img {
    width: 1.5rem;
    transition: .2s;
  }
  .nav_icon2 img {
    transform: rotate(90deg);
  }
  .nav2 {
    left: 0;
  }


  .banner_dot span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .banner_prev, .banner_next{display: none;}
  .sy_about{display: block;}
  .sy_about_left{
    width:100%;
    padding:2rem;
  }
  .sy_about_left .sy_about_title{
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .sy_about_left .sy_about_title h1{
    font-size: 1.3rem;
  }
  .sy_about_left .sy_about_title h2{
    display: block;
  }
  .sy_about_left .sy_about_title h2 hr,.sy_about_left .sy_about_title h2 span{
    display: block;
    margin:0.25rem auto;
    font-size: 0.7rem;
  }
  .sy_about_text{
    font-size: 0.6rem;
    margin-bottom: 2rem;
    line-height: 1.5rem;
  }
  .sy_about_left a{margin:0 auto;}
  .sy_about_right{
    width:100%;
    background: #fff;
    display: flex;
    justify-content:space-between;
  }
  .sy_about_right div{
    width:24.8%;
    background: #2a8dde;
    display: block;
     text-align: center;
     padding:0;
     height:auto;
     padding:1.2rem 0;
  }
  .sy_about_right div:hover{
    background: #2a8dde;
  }
  .sy_about_right div img{
    display: block;
    margin:0 auto;
    width:2rem;
  }
  .sy_about_right div h1{
    margin:0;
    font-size: 1rem;
    line-height: 2rem;
  }
  .sy_about_right div p{
    font-size: 0.6rem;
  }
  .sy_about_left a{font-size: 0.9rem}
  .sy_service{margin:2rem auto 3rem;}
  .sy_ser_title{margin-bottom: 1.8rem;}
  .sy_ser_title div h1{font-size: 1.3rem;}
  .sy_ser_title div h2 p{font-size: 0.7rem;}
  .sy_ser_title a{font-size: 0.6rem;line-height: 1.6rem;width:5rem;}
  .mySwiper .swiper-slide{width:60%;}
  .mySwiper .swiper-slide:hover{width:60%;background: none;}
  .mySwiper .swiper-slide:hover a img,.mySwiper .swiper-slide:hover a h2{display: none;}
  .sy_ser_box .swiper-pagination{bottom:-2rem;}
  .mySwiper .swiper-slide a h1{font-size: 0.8rem;}
  .sy_case{
    padding:1rem 0;
  }
  .sy_case_title{
    margin-bottom: 1.5rem;
  }
  .sy_case_title h1{
    font-size: 1.3rem;
  }
  .sy_case_title h2 p{
    font-size: 0.7rem;
  }
  .sy_case_text div img{
    width:2rem;
  }
  .sy_case_text div h1{
    font-size: 0.6rem;
    line-height: 1rem;
    margin-top:0.5rem;
  }
  .sy_case_sec ul,.sy_case_text div{
    padding:0;
  }
  .sy_case_text div{
    margin-top: -1rem;
  }
  .sy_case_sec ul li a{
    font-size: 0.6rem;
    line-height: 2rem;
  }
  .more{
    font-size: 0.6rem;
    line-height: 1.5rem;
    margin-top: 1rem;
  }
  .sy_news{
    margin:2rem auto;
  }
  .sy_news_title{
    margin-bottom: 1.5rem;
  }
  .sy_news_title h1{
    font-size: 1.3rem;
  }
  .sy_news_title h2 p{
    font-size: 0.7rem;
  }
  .sy_news_box{
    display: block;
  }
  .sy_news_box li{
    margin:0;
    margin:1rem auto;
    border-bottom:1px dashed #999;
     width:90%;
  }
  .sy_news_box li h1{
    font-size: 0.5rem;
  }
  .sy_news_box li h2{
    font-size: 0.8rem;
  }
  .sy_news_box li h3{
    font-size: 0.6rem;
  }
  .sy_news_box li a{
    font-size: 0.6rem;
  }
  .sy_news_box li:last-child{
    margin-right: auto;
  }
  .sy_parner{
    padding:1rem 0;
  }
  .lneBox{
    display: block;
    text-align: center;
  }
  .yqljTitle{
    font-size:0.8rem;
    line-height: 2.5rem;
  }
  .sy_parner .swiper {
    width:100%;
  }
  .foot{
    padding:0;
  }
  .bot_nav{
    display: none;
  }
  .foot_left h1{
    font-size: 0.7rem;
  }
  .foot_logo img{
    width: 8rem;
  }
  .foot_left .foot_line{
    margin-top: 0.5rem;
    font-size: 0.6rem;
    line-height: 1.5rem;
  }
  .goTop {
    bottom: 2rem;
    right: 1rem;
  }
  /* #endregion */
  .n_title{
    bottom:2rem;
  }
  .n_title div{
    display: block;
     text-align: center;
  }
  .n_title div h1{
    font-size: 1rem;
  }
  .n_title div h2{
    margin:0.3rem;
  }
  .n_title div h3{
    font-size: 0.6rem;
  }
  .sec_box{
    display: block;
    overflow:hidden;
    overflow-x: scroll;
    padding:0;
  }
  .sec_box::-webkit-scrollbar { height: 1px;}

  .sec_right{
    display: none;
  }
  .sec_left{
    white-space: nowrap;
  }
  .sec_left a{
    font-size: 0.65rem;
    margin-right: 2rem;
    line-height: 2.5rem;
  }

  .about_box{
    padding:2rem 0;
  }
  .about{
    padding:0;
  }
  .about_title{
    font-size: 1.5rem;
    line-height: 3rem;
  }
  .about_title2{
    font-size: 0.9rem;
    margin-top: 0.5rem;
  }
  .about_content{
    font-size: 0.7rem;
  }
  .about_icon{
    /* flex-wrap: wrap; */
  }
  .about_icon li{
    width:50%;
    margin-bottom: 1rem;
  }
  .about_icon li a div img{width:3rem;}
  .about_icon li a h1{
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
  .about_icon li a h2{
    font-size: 0.6rem;
    line-height: 1.2rem;
  }
  .about_icon li:hover a div img{border:none;}


  .liCheng{
    display: block;
  }
  .li_left{
    width:100%;
  }
  .li_right{
    height:auto;
    width:100%;
    padding-left:2rem;
    margin-top: 1.5rem;
  }
  .li_right ul li{
    margin-bottom: 2rem;
  }
  .li_right ul li h1{
    font-size: 1.2rem;
  }
  .li_right ul li p{
    font-size: 0.7rem;
  }
  .wenHua{
    display: block;
  }
  .wen{display: none;}
  .shiming h1,.miss h1,.values h1{
    font-size: 1rem;
  }
  .shiming hr,.miss hr,.values hr{
    margin:1rem 0;
  }
  .shiming h2,.miss h2{
    font-size: 0.7rem;
  }

  .core{
    padding-top: 0.8rem;
  }
  .core img{
    float: none;
    width: 95%;
    margin:0 auto;
  }
  .core_box{
    position: inherit;
  }
  .core_text{
    width: 100%;
  }
  .core_text p{
    font-size: 0.7rem;
  }
  .fengCai{
    width:100%;
    margin-top: 3rem;
  }
  .fengCai ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .fengCai ul li{width:49%;margin:0;float: none;margin-bottom: 1rem;}
  .fengCai ul li:nth-child(3){width:49%;}
  .fengCai ul li:nth-child(4){width:49%;}

  .page{
    position: inherit;
    justify-content: center;
  }
  .page a{
    margin:0 0.5rem;
  }
  .zeren_box{
    padding:1.5rem 0;
  }
  .zerenTitle h2{
    font-size: 0.7rem;
    line-height: 1.4rem;
    width: 100%;
  }
  .zeren_list li div{
    padding:0.8rem;
  }
  .zeren_list li div h1{
    font-size: 0.8rem;
  }
  .zeren_list li div h2{
    font-size: 0.7rem;
    line-height: 1.4rem;
    height:8rem;
  }
  .honor_box{
    padding:1.5rem 0;
  }
  .honorTitle h2{
    font-size: 0.7rem;
    line-height: 1.4rem;
    width: 95%;
  }
  .honor_list{
    padding:1.5rem 0;
  }
  .honor_list dl{
    padding:0;
    margin:1rem auto;
    display: block;
    columns: 2;
    column-gap: 1.2rem;
  }
  .honor_list dd{
    width:100%;
    margin-bottom:1rem;
    padding:0.8rem;
    padding-bottom:0;
  }
  .honor_list dd img{
    height:auto;
    width:100%;
  }
  .honor_list dd h1{
    font-size: 0.7rem;
    line-height: 2.5rem;
    margin-top: 0.5rem;
  }

  .news_list li>img{
    width:40%;
  }
  .news_list li .new_title{
    margin-left: 1rem;
    justify-content: flex-start;
    padding-top:1.5rem;
  }
  .news_list li .new_title h2{
    display: none;
  }
  .news_list li .new_title h1{
    font-size: 0.8rem;
    line-height: 1.6rem;
  }
  .new_more a{
    font-size: 0.6rem;
    line-height: 1.5rem;
    width:5rem;
  }
  .yema{
    margin:1rem auto;
  }
  .new_show_title{
    font-size: 1.1rem;
  }
  .new_time{
    line-height: 2rem;
  }
  .new_con{
    font-size: 0.7rem;
  }
  .fanye_box a{
    font-size: 0.7rem;
  }
  .service_box ul li{
    width:49.7%;
    height:auto;
    padding:1rem;
    margin-bottom: 0.1rem;
  }
  .service_box ul li:nth-child(1),.service_box ul li:nth-child(2){
    padding:1rem;
    height:auto;
  }
  .service_box ul li a{
    display:flex;
    font-size:0.7rem;
    line-height: 1.4rem;
    width: 6rem;
    background: #288cde;
    color:#fff;
  }
  .service_box ul li a img{filter: drop-shadow(0 60px #fff);margin-top: -120px;margin-left: 0.5rem;}
  .service_box ul li h1{font-size: 1rem;line-height: 2rem;}
  .service_box ul li h2{font-size: 0.7rem;line-height: 1.6rem;}
  .service_box ul li:hover{background: rgba(255,255,255,0.6);}
  .service_box ul li:hover h1{color:#333;}
  .service_box ul li:hover h2{display: block;}
  .service_box ul li:hover a{display: flex;}
  .ser_title{
    font-size: 1.3rem;
    line-height: 3rem;
    margin-bottom: 0;
  }
  .ser_con{
    font-size: 0.8rem;
  }
  .parner_box{
    padding:1.5rem 0;
  }
  .parner{
    padding:0;
    margin-top:1.5rem;
    display: block;
  }
  .par{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .par a{
    line-height: 2rem;
    font-size: 0.7rem;
  }
  .par_ul{
    width:100%;
    padding:0.5rem 0;

  }
  .par_ul ul{
    column-count: 2;
    column-gap: 1.2rem;
  }
  .par_ul ul li{
    margin:0.3rem;
    width:45%;
  }
  .par_ul ul li img{
    max-width: 100%;
  }
  .bus_title{
    font-size: 1.5rem;
    line-height: 3rem;
  }

  .buss dl dd{
    width:32.5%;
    margin-right: 0.8%;
    margin-bottom: 0.2rem;
  }
  .buss dl dd:nth-child(3n){margin-right: 0;}
  .buss dl dd:nth-child(4n){margin-right: 0.8%;}
  .buss dl dd:nth-child(5n){margin-right: 0.8%;}

  .case_sec{
    justify-content: flex-start;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .case_sec::-webkit-scrollbar { height: 1px;}
  .case_list{
    column-count: 2;
    column-gap: 1.2rem;
  }
  .case_list li{
    margin-right: 0;
    page-break-inside: avoid;
    float: none;
    width: 100%;
  }
  .case_list li h1{
    font-size: 0.8rem;
    line-height: 2.5rem;

  }

  .mess{
    display: block;
    background: url(../images/bg18.png) no-repeat top center;
    background-size:100%;
  }
  .mess_right{
    width: 100%;
    margin-top: 2rem;
  }
  .mess_right button{
    margin:0 auto;
  }
  .tact_con {
    height:40rem;
  }
  .map_text{
    height:20rem;
  }
  .map{
    height:20rem;
  }
  .map_text{
    position:inherit;
  }
  .map_box{
    margin:0;
  }
  .map_box img{
    display: none;
  }
}


/* #region  */

/* #endregion */