
 

@media (min-width:1601px){html{font-size:14px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:12px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:12px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}


@media (min-width: 768px)
{
}

@media (min-width: 992px)
{
}

@media (min-width: 1200px)
{
.n_nav li:hover{ } 
.computerbox .arrbox .arr{ position: absolute; top: 40%; transform: translateY(-50%); z-index: 99;}
.computerbox .arrbox .arr_left{ left: 0;}
.computerbox .arrbox .arr_right{ right: 0;}
}

@media (min-width: 1280px)
{

}

@media (min-width: 1440px)
{
 	
}

@media (min-width: 1660px)
{
 
}

@media screen and (min-width:1200px) and (max-width:1440px)
{

}

@media (max-width: 1660px)
{
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
#header .m{ padding: 0 6.25rem;}
.fangan_banner .m{ padding: 0 6.25rem;}
.n_banner .m{ padding: 0 6.25rem;}
#foot .m{ padding: 0 6.25rem;}
.m{ padding: 0 9rem;}
@media (max-width: 1440px)
{
  #header .m{ padding: 0 7rem;}
  .fangan_banner .m{ padding: 0 7rem;}
  .n_banner .m{ padding: 0 7rem;}
  #foot .m{ padding: 0 7rem;}
  .m{ padding: 0 9rem;}
  .s_float{ right: 1rem;}
    .s_pro .right{ max-width: 46%;}
    .s_pro .left .box{    padding: 0rem .5rem 0rem 3.5rem;}
    #banner .slide-inner.xiantiao{ background-size: contain !important;}
    #banner .txt h3 {font-size: 4.5rem;line-height: 4.5rem;}
    #banner .txt p{ font-size: 1.45rem; line-height: 2.25rem;}
    #banner .txt{ padding-bottom: 1rem;}
    /* .s_pro .left .swiper{ height: 30rem;} */
    .s_pro .right .box{ height: 36rem;}
    .btn_size2{ width: 12rem;}
    .fuwu_list ul li .box{ padding: 2rem 2.5rem;}
    .fw_pic { min-width: 44%;}
    .n_banner{ height: 42rem;}
    .n_banner h4{ font-size: 3.875rem;}
    .n_lianxi{ padding-top: 12rem;}
    .n_news ul{ gap: 2rem;}
    .n_news .btn_more2{ margin-top: 4rem;}
    .n_client .box{ height: 40rem;}
    .fangan_banner{ height: 43rem;}
    .fangan_banner h4{ font-size: 3.5rem;}
    .n_client .arr_left{ left: 3rem;}
    .n_client .arr_right{ right: 3rem;}
    .n_story .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px;}
    .computerbox .computer_slide{ top: 5.5%;}
    .lichengbox{ margin: -12rem 0 -7rem;}
    .about_container02 .bd .right{ width: 39%;}
    .n_history .swiper-slide{ background-size: 100% 163px !important;}
    .n_history .swiper-slide:nth-child(6n+1) .box{top: 280px;}
    .n_history .swiper-slide:nth-child(6n+2) .box{bottom: 245px;}
    .n_history .swiper-slide:nth-child(6n+3) .box{top: 248px;}
    .n_history .swiper-slide:nth-child(6n+4) .box{bottom: 276px;}
    .n_history .swiper-slide:nth-child(6n+5) .box{top: 261px;}
    .n_history .swiper-slide:nth-child(6n+6) .box{bottom: 271px;}

    .pro_con02 .item .txt h4{ font-size: 2.375rem;}
    .pro_con05 .s_tt h3{ font-size: 2.375rem;}
    .ar_article h2{ font-size: 2.375rem !important;}
    .tgl_nav{ margin-bottom: 4rem;}
    .fangan_banner h4{ font-size: 3rem;}
    .n_nav li a{ padding: 0 2rem;}
    .n_lianxi .outbox .right{ padding-right: 0;}
    .pro_con01 .bd .box .ico{ width: 6.25rem; height: 6.25rem;}
    .pro_con01 .bd .box .ico img{ width: 3rem; height: 3rem;}
    
.fangan_banner,.n_banner{ height: 88vh;}
 
}

@media (max-width: 1360px)
{
 
}

@media (max-width: 1280px)
{
    #banner .swiper{ height: 40rem;}
    #foot .box1 .left{ width: 22.5%;}
    .n_nav li{ flex-grow: 1;}
    .n_nav li a{ padding: 0 1rem;}
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;}

 #banner .swiper-container{ height: calc(100vh - 4.5rem);}
 .fuwu_container06 ul{ gap: 1rem;}
 .fuwu_container06 ul li .box{ padding: 2.5rem 1.5rem 6rem;}
 .n_banner .txt{ padding-top: 0rem;}
 .n_banner{ height: 30rem;}
 .n_nav li a{ padding: 0 .5rem;}
 .n_nav ul{ display: grid; grid-template-columns: 1fr 1fr;}
.n_nav ul li{ border: 1px solid #ddd; margin-left: -1px; margin-top: -1px;}
.n_nav li:after{ display: none;}
.lc_nav{ position: static !important;}
.news_xq_banner .txt{ margin-left: 8rem;}
.news_xq_banner .left{ height: 34rem;}
@-webkit-keyframes zoomInClipCircle {
    from {
      clip-path: circle(20vw at 0% 50%);
    }
    to {
      clip-path: circle(40vw at 0% 50%);
    }
  }
  @keyframes zoomInClipCircle {
    from {
      clip-path: circle(20vw at 0% 50%);
    }
    to {
      clip-path: circle(40vw at 0% 50%);
    }
  }
  .fangan_banner .txt{ padding-top: 0;}
  .fangan_banner{ height: 34rem;}
  .about_banner{ height: auto; padding: 6rem 0;}
  .about_banner .txt{ padding-top: 0;}
  .n_history .box .txt{}
  .lichengbox{ margin: -12rem 0 -11rem;}
}

@media (max-width: 1100px)
{
  .about_form form{ width: 100%;}
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
  
}

@media (min-width:481px) and (max-width:992px)
{ 

}

@media (max-width: 860px)
{
 
}

@media (max-width: 768px)
{
.pad_top{ padding-top:5rem !important;}
.pad_bot{ padding-bottom:5rem !important;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding-left:5px !important; padding-right:5px !important;}
.m{ padding: 0 50px;}
#foot .m{ padding: 0 50px;}
#banner .txt h3 { font-size: 3.5rem; line-height: 4rem; margin-bottom: 1rem;}
#banner .swiper { height: 32rem;}
.s_pro .left{ width: 50%;}
.s_pro .left .box{ padding: 1rem 1.5rem;}
.s_pro .left .swiper { height: 24.5rem;}
.s_pro .left .btnbox{ margin-top: 2rem;}
.s_fuwu ul{gap: 2.5rem 2.5rem;}
.s_fuwu .flexcenter{ margin-bottom: 1rem; margin-top: 2.5rem;}
.s_tt{ margin-bottom: 2.5rem;}
.s_tt h3{ font-size: 2.5rem;}
.ar_article h2{ font-size: 2.375rem;}
.s_fuwu ul li .ico img{ transform: scale(.8);}
.s_fangan .bd .box{ height: 38rem;}
.s_fangan .bd .txtbox{ padding-bottom: 6rem;}
.s_fangan .hd{ margin-top: -10rem;}
.s_fangan .hd .box{ height: 10rem;}
.s_news .btn_more2{ margin-top: 3rem;}
.foot_nav{ display: none;}
#foot .box3{ flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; gap: 1rem;}
.copyright{ width: 100%;}
#foot .box1 .left{ width: auto; display: flex; align-items: center;}
.foot_logo{ margin-right: 5rem;}
.dowebok .item img{ max-width: 5rem; max-height: 2.5rem;}
.dowebok .item img:nth-child(even){ margin-left: 5rem; margin-top: 3rem;}
.fuwu_list ul li .ico{ margin-right: 1rem;}
.fuwu_list ul li .box{ padding: 1.5rem;}
.fw_bd{ gap: 3rem;}
.n_banner h4{ font-size: 3.25rem;}
.n_news ul{ grid-template-columns: 1fr 1fr;}
.news_xq_con{ flex-direction: column;}
.n_news_xq .left_con{ padding-right: 0; border-right: 0;}
.n_news_xq .right_con{ padding-left: 0; width: 100%; position: static !important;}
.news_xq_banner .txt h2{ font-size: 2.25rem; line-height: 1.2;}
.news_xq_banner .txt{ margin-left: 6rem;}
.news_xq_banner .left{ height: 27rem;}
.ar_fot{ margin-top: 3.5rem;}
.solution_con04_01 .slide_nav2{ margin-right: 2rem;}
.about_container01 .bd .right{ padding-right: 2rem;}
.about_container01_bg{ top: -2rem;}
.about_banner .txt h3{ font-size: 3rem; line-height: 1.2;}
.about_banner{ padding: 4rem 0;}
.about_txt h5{ font-size: 1.5rem;}
.about_container02 .bd{ flex-direction: column;}
.about_container02 .bd .left{ width: 100%;}
.about_container02 .bd .right{ width: 100%; margin-top: 2rem;}
.about_container02 .m{ padding-left: 50px !important;}
.about_shuzi .bd{ gap: 1rem;}
.about_shuzi ul li .txt{ font-size: 2.5rem;}
.about_shuzi ul li p{ text-align: center; padding: 0 5px; line-height: 1.3;}
.about_shuzi .m{ padding: 0 15px !important;}
.about_container01 .bd{ flex-direction: column-reverse;}
.about_container01 .bd .left{ width: 100%;}
.about_container01 .bd .right{ width: 100%; margin-bottom: 3rem; max-width: 400px;}
.about_container02 .bd .left img{ margin-top: 0;}
.n_honor .bd{ gap: 2rem;}
.n_honor .right{ width: 22.5rem;}
.n_wenhua .bd{ column-gap: 2rem; row-gap: 2rem;}
.lefttxt h3{ margin-bottom: 2rem;}
.lefttxt ul li{ padding: .875rem 1rem;}
.wenhua_slide .img{ height: 31rem;} 
.n_team .m .right{ width: 50%;}
.n_team ul li .img{ width: 5rem;}
.pro_bnner{ height: auto; padding: 6rem 0;}
.fangan_banner h4{ font-size: 2.75rem}
.pro_con01 .bd .box .ico{ width: 6rem; height: 6rem; margin-right: 1.25rem;}
.pro_con01 .bd .box .txt h4{ margin-bottom: .5rem;}
.pro_con01{ padding: 3.5rem 0 !important;}
.pro_con02 .item{ flex-direction: column !important; align-items: center !important;}
.pro_con02 .item .imgbox{ max-width: 400px; width: 100%; margin-bottom: 2rem;}
.pro_con02 .item .txt{ width: 100%;} 
.pro_con02 .item .txt h4{ font-size: 2rem; margin-bottom: 1rem;}
.pro_con03 .bd{ flex-direction: column-reverse; align-items: center;}
.pro_con03 .bd .left{ width: 100%; margin-top: 2rem;}
.pro_con03 .bd .right{ width: 100%; max-width: 400px;}
.pro_con04 .bd{flex-direction: column; align-items: center;}
.pro_con04 .bd .right{ width: 100%; margin-top: 2rem;}
.pro_con04 .bd .left{ width: 100%; max-width: 400px;}
.pro_con05 .bd{ flex-direction: column;}
.pro_con05 .left{ width: 100%;}
.pro_con05 .right{ width: 100%; margin-top: 2rem;}
.pro_con02 .item+.item{ margin-top: 3rem;}
.n_solution_computer .box .mask h4{ margin-bottom: 1rem;}
.computerbox .computer_slide{ top: 5%;}
.n_solution_computer .btn_view3{ margin-top: 1rem;}
.solution_con02_slide .arr_left{ left: -3rem;}
.solution_con02_slide .arr_right{ right: -3rem;}
.solution_con01 .bd{ flex-direction: column-reverse; align-items: center;}
.solution_con01 .left{ width: 100%; margin-top: 2rem;}
.solution_con01 .right{ width: 100%; max-width: 400px;}

.solution_con02 .bd{ flex-direction: column; align-items: center;}
.solution_con02 .bd .right{ width: 100%; margin-top: 2rem;}
.solution_con02 .bd .left{ width: 100%; max-width: 400px;}
.solution_video{ height: 20rem;}
.solution_con03 .bd{ flex-direction: column;}
.solution_con03 .left{ width: 100%;}
.solution_con03 .right{ width: 100%;}
.solution_con04_01{ flex-direction: column;}
.solution_con04_01 .slide_nav2{ width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
.solution_con04_01 .slide_nav2 ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.solution_con04_01 .slide_nav2 ul li{ margin: 0;}
.n_client .box{ height: 32rem;}
.n_solution_computer .box .mask{ padding: 1.5rem;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px !important;}
#foot .m{ padding: 0 15px;}
#banner .txt h3 {
    font-size: 2.25rem;
    line-height: 2.75rem; 
}
#banner .txt p{ font-size: 1rem; line-height: 1.75rem;}
.btn_more{ width: 10rem; height: 2.5rem;}
#banner .swiper { height: 28rem;}
#banner .slide-inner{ background-size: auto 100% !important;}
#banner .txt .btn_more{ margin-top: 2.5rem;}
#banner .txt{ padding-bottom: 4rem;}
.s_gonggao{ margin-top: -3.5rem;}
.s_gonggao .outbox{ padding: 1rem 1.25rem; opacity: 1; height: auto; background: #fff; align-items: flex-start; flex-direction: column;}
.s_gonggao .arr { position: absolute; right: 3rem; top: 1rem;}
.s_gonggao .arr.arr_left{ margin-right: 1.5rem;}
.s_gonggao .bd{ width: 100%; overflow: hidden;}
.s_gonggao .tt svg{ margin-right: .5rem; width: 16px;}
.s_gonggao .tt{ margin-right: 1rem;}
.s_gonggao .swiper{ margin-right: 1rem;}
.s_float{ right: 15px; transform: scale(.7); transform-origin: right bottom;}
.s_pro .outbox{ flex-direction: column;}
.s_pro .outbox .left{ width: 100%; }
.s_pro .left .swiper{ height: auto;}
.s_pro .outbox .right{ width: 100%; overflow: hidden; margin-top: 1rem; max-width: inherit;}
.s_pro .left .swiper:before{ display: none;}
.s_pro .btn_more2{ margin: 2.5rem auto 0;}
.s_fuwu ul{ grid-template-columns: 1fr;}
.s_pro .left .box{ padding: 0;}
.s_pro .left .box:before{ display: none;}
.s_tt{ margin-bottom: 2rem;}
.s_tt h3{ font-size: 2rem;}
.ar_article h2{ font-size: 1.875rem;}
.s_fuwu ul li .ico{ width: 4.5rem; height: 4.5rem;}
.s_fuwu ul li .txt h4{ margin-bottom: .5rem;}
.s_fuwu ul{gap: 1.875rem;}
.btn_more2{ width: 11rem;}
.s_fuwu ul li .ico img{ transform: scale(.6);}
.s_fuwu ul li .txt h4{ font-size: 1.125rem;}
.s_fuwu ul li .txt .con{font-size: 1rem;line-height: 1.4;}
.s_fangan .bd .txtbox .m{ grid-template-columns: 1fr;}
.s_fangan .bd .txt h4{ font-size: 1.375rem;}
.s_fangan .s_tt{ text-align: center;}
.s_fangan .bd .box{ height: 36rem;}
.s_fangan .hd .box{ height: 8rem;}
.s_fangan .hd{ margin-top: -8rem;}
.s_news .box .txt{ padding: 1.25rem 1.25rem;}
.s_news .box .txt h4{ font-size: 1.0625rem;}
.s_news .box .txt p{ font-size: .875rem;}
.s_news .box .txt span{ margin-top: .5rem;}
.s_news .box .tag{ margin-right: .5rem; margin-top: -2rem;}
.s_news .btn_more2{ margin-top: 2rem;}
.foot_logo{ margin-right: 1rem; height: 66px;}
#foot .box1{ align-items: center; flex-direction: column; margin-bottom: 1.5rem;}
#foot .box1 .right{ display: flex; gap: 1rem; margin-top: 1.5rem;}
#foot .box2{ margin: 0 auto;}
.foot_btn{ height: 2.75rem; border: 1px solid rgb(255 255 255 / 65%);}
.foot_lianxi{ margin-top: .75rem;}
.foot_btn{ border: 1px solid #fff;}
.s_float{ bottom: 8.5rem;}
.dowebok .item img{ max-height: 1.75rem;}
.dowebok .item img:nth-child(even){ margin-left: 5rem; margin-top: 2rem;}
.s_news .swiper{ margin: -4px;}
.s_news .box{ margin: 4px;}
#foot{ padding-top: 2.5rem;}
/* .str_move{ overflow: hidden;} */
.s_coop .str_move>img{display: inline-block; object-fit: contain; flex-shrink: 0; width: 5.5rem !important; height: 2rem;margin-left: 3rem;}  
.dowebok2{ margin-top: 2rem;}
.headline-bg{ height: 20rem;}
.tc_video .tc_close{ top: 2rem; right: 1rem; width: 1rem;}
.s_pro .left{ padding-bottom: 2rem; margin-bottom: 1rem;}
.s_pro .swiper-scrollbar{ display: block; width: 100%; height: 1px; background: #ede7e5; transform: translateX(-50%); position: absolute; left: 0; top: auto; transform: none; bottom: 0; }
.s_pro .swiper-scrollbar-drag{  width: auto; height: 3px; border-radius: 2.5px; left: -2.5px;
  background-image: -moz-linear-gradient( 0deg, #df8280 0%, #70b9e2 100%);
  background-image: -webkit-linear-gradient( 0deg, #df8280 0%, #70b9e2 100%);
  background-image: -ms-linear-gradient( 0deg, #df8280 0%, #70b9e2 100%);}
.s_pro .right .box{ height: auto;}
#banner .swiper-button-white{ width: 2.5rem; height: 2.5rem;}
#banner .swiper-button-white svg{ width: 1.5rem; height: 1.5rem;}
#banner .txt h3{ font-size: 2.125rem; line-height: 1;}
#banner .txt p{ line-height: 1.5;}
.s_fangan .hd .arr_left{ left: -15px;}
.s_fangan .hd .arr_right{ right: -15px;}
.s_fangan .hd .arr svg{ width: 1.25rem;}
#banner .txt{ padding-left: 2rem; padding-right: 2rem;}
#banner .swiper-button-prev{ left: 10px;}
#banner .swiper-button-next{ right: 10px;}
.tc_video{ display: flex; align-items: center; justify-content: center;}
.tc_video .video{ width: 90%; height: auto;}

.fw_bd{ flex-direction: column !important; gap: 2rem;}
.fuwu_container01 .fw_bd{ flex-direction: column-reverse !important;}
.fw_bd .left,.fw_bd .right{ max-width: inherit; width: auto;}
.fuwu_container06 ul{ grid-template-columns: 1fr;}
.btnbox{ margin-top: 2rem;}
.n_banner h4{ font-size: 2rem; margin-bottom: 1rem;}
.n_banner p{ font-size: 1.125rem;}
.n_banner .btn_view{ margin-top: 2rem;}
.n_banner{ height: 20rem; background-size: auto 100% !important; background-position: left center !important;}
.fuwu_list ul li .ico{ width: 4.5rem; height: 4.5rem;}
.fuwu_list ul li .txt{ font-size: 12px;}
.fuwu_container04 .pic.flexcenter{ margin: 0 2rem;}
.fuwu_container04 .fw_bd{gap: 1rem;}
.fw_bd+.fw_bd{ margin-top: 3rem;}
.n_banner{ margin-bottom: 3rem;}
.n_lianxi{ padding-top: 3rem;}
.n_lianxi .outbox{ flex-direction: column;}
.n_lianxi .outbox .left{ margin-right: 0;}
.n_lianxi .txt02{ margin-top: 2rem;}
.n_lianxi .txt01 h3,.n_lianxi .txt02 h4{ margin-bottom: 1rem; font-size: 2rem;}
.n_lianxi .txt01 h4{ font-size: 1.25rem; margin-bottom: 1rem;}
.n_lianxi{ padding-bottom: 3rem;}
.n_coop01{ padding: 2rem 0 !important;}
.n_coop01 .str_move>img{display: inline-block; width: 5.5rem !important; height: 2rem; object-fit: contain; margin-left: 3rem;} 
.n_news ul{ grid-template-columns: 1fr;}
.n_news .box .txt{ padding: 2rem 1.5rem;}
.n_news .btn_more2{ margin-top: 3rem;}
.ar_fot{ margin-top: 2rem;}
.ar_fot ul{ flex-direction: column; border-top: 1px solid #ddd; padding-top: 1.5rem;}
.ar_fot ul li{ padding: 0 !important;}
.ar_fot ul:before{ display: none;}
.ar_fot ul li:first-child{ margin-bottom: 1.5rem;}
.news_xq_banner{ flex-direction: column;}
.news_xq_banner .left{ width: 100%; height: 20rem;}
.news_xq_banner .right{ position: relative; width: 100%; padding: 2rem 2rem; background-size: 600px !important;}
.news_xq_banner .right .m{ padding: 0 !important;}
.news_xq_banner .txt{ margin-left: 0;}
.news_xq_banner .txt h2{ font-size: 2rem; margin: 1rem 0 1.5rem;}
.n_news_xq{ padding-top: 2rem !important;}
.news_xq_banner .img img{  clip-path: circle(120vw at 50% -57vw);}
@-webkit-keyframes zoomInClipCircle {
    from {
      clip-path: circle(0vw at 50% -57vw);
    }
    to {
      clip-path: circle(120vw at 50% -57vw);
    }
  }
  @keyframes zoomInClipCircle {
    from {
      clip-path: circle(0vw at 50% -57vw);
    }
    to {
      clip-path: circle(120vw at 50% -57vw);
    }
  }
  .fangan_banner{ height: 33rem;}
  .fangan_banner h4{ font-size: 2rem; margin-bottom: 1rem;}
  .fangan_banner .btn_view3{ margin-top: 1.5rem;}
  .solution_con01 .bd{ flex-direction: column-reverse;}
  .solution_con02 .bd{ flex-direction: column !important;}
  .solution_con01 .left,.solution_con01 .right{ width: 100%; position: static;}
  .solution_con02 .bd .left,.solution_con02 .bd .right{ width: 100%; position: static;}
  .solution_con01 .left{ margin-top: 2rem;}
  .solution_con02 .right{ margin-top: 2rem;}
  .solution_video{ height: 16rem; border-radius: .75rem;}
  .solution_video .btn_play2{ width: 4rem; height: 4rem;}
  .solution_txt ul li .ico{ margin-right: 1rem;}
  .ar_article h4{ font-size: 1.25rem !important;}
  .ar_article{ font-size: 1rem;}
  .solution_txt ul li .txt h4{ font-size: 1.25rem;}
  .solution_txt ul li .txt p{ font-size: 1rem; line-height: 1.7;}
  .solution_txt ul li .ico{ width: 2.25rem; height: 2.25rem;}
  .solution_con01 .bd{ padding-top: 2rem;}
  .solution_con01 .right .imgbox{ padding-right: 2rem;}
  .solution_con01 .right .right_bg{ top: -2rem;}
  .solution_con01 .right .img{ border-radius: .75rem;}
  .solution_con02_slide .ico{ width: 2rem; height: 2rem;}
  .solution_con02_slide h4{ font-size: 1.25rem;}
  .solution_con02_slide{ margin-top: .5rem;}
  .ar_article h4{ margin-bottom: .25rem;}
  .solution_con03 .bd{ flex-direction: column-reverse;}
  .solution_con03 .left{ width: 100%;}
  .solution_con03 .right{ width: 100%;}
  .solution_slide_tgl dt h4{ font-size: 1.25rem;}
  .solution_slide_tgl dd{ font-size: 1rem; line-height: 1.7}
  .solution_slide_tgl dt .ico{ margin-right: 1rem; padding: 1rem;}
  .solution_slide_tgl:before{ width: 2px; margin-left: -1px;}
  .tgl_nav li a{ font-size: 1.25rem; padding: 0 1rem;}
  .solution_con04_01{ flex-direction: column;}
  .solution_con04_01 .slide_nav2{ margin-right: 0; width: 100%; margin-bottom: 2rem;}
  .solution_con04_01 .slide_nav2 ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 5px !important;}
  .solution_con04_01 .slide_nav2 ul li a{ border-radius: 5px; padding: 10px 6px;}
  .solution_con04_01 .slide_nav2 ul li{ margin-top: 0;}
  .tgl_nav{ margin-bottom: 2rem;}
  .n_client .arr_left{ left: 1rem;}
  .n_client .arr_right{ right: 1rem;}
  .n_client .box{ height: 33rem;}
  .n_client .box .txt{ padding-left: 2.25rem;}
  .n_client .box .txt:before{ left: 0;}
  .n_client .box .txt:after{ right: 1rem;}
  .n_client .clientinfo{ padding: 0 2.25rem;}
  .solution_con04 .hd{ margin-bottom: 3rem;}
  .computerbox{ margin: 0;}
  .n_story .box .txt h4{ font-size: 1.375rem;}
  .n_story .box .txt i{ margin-top: 2rem;}
  .solution_con02_slide{ padding-bottom: 3rem;}
  .solution_con02_slide .arr{ top: auto; transform: none; bottom: 0;}
  .solution_con02_slide .arr_left{ left: 50%; margin-left: -3rem;}
  .solution_con02_slide .arr_right{ right: 50%; margin-right: -3rem;}
  .n_history{ display: none;}
  .n_history_wap{ display: block;}
  .about_banner .txt h3{ font-size: 2rem; margin-bottom: 1rem;}
  .about_container02 .m{ padding-left: 15px !important; margin-left: 0 !important;}
  .about_container02 .bd .right{ padding-right: 0;}
  .about_shuzi .bd{ flex-direction: column;}
  .about_shuzi .item{ width: 100%;}
  .about_shuzi ul li .txt{ font-size: 2rem;}
  .about_shuzi .tt{ margin-bottom: 1.5rem;}
  .about_shuzi .item+.item{ margin-top: 1.5rem;}
  .about_shuzi ul li .ico{ width: 2.5rem; height: 2.5rem;}
  .about_shuzi ul li p{ font-size: 12px;}
  .n_honor .bd{ flex-direction: column-reverse; gap: 0;}
  .n_honor .right{ width: 100%;}
  .honor_slide .box .img{ width: 12rem;}
  .about_txt h5{ margin-bottom: 1.25rem;}
  .n_wenhua .bd{ grid-template-columns: 1fr;}
  .wenhua_slide .img{ height: 18rem;}
  .wenhua_slide .swiper-pagination{ right: 2.5rem;}
  .n_wenhua .item h4{ font-size: 1.5rem;}
  .n_wenhua .item .ico{ width: 3rem; height: 3rem; margin-right: 1rem;}
  .lefttxt ul li .ico{ width: 1.5rem; height: 1.5rem; margin-right: 1rem;}
  .lefttxt ul li{ padding: 1rem 1rem; box-shadow: none;}
  .lefttxt ul{ margin-left: 0;}
  .lefttxt h3{ font-size: 2rem;}
  .n_team .about_txt h5{ font-size: 2rem;}
  .n_team .m{ flex-direction: column;}
  .n_team .m .left{ width: 100%; margin-bottom: 2rem;}
  .n_team .m .right{ width: 100%;}
  .about_form form .group{ height: 44px;}
  .about_form form .group .input{ height: 40px;}
  .select-list ul li{ padding-left: 10px; white-space:inherit;}
  .about_form form .group:nth-child(7){ position: relative; z-index: 11;}
  .about_form form{ gap: 1rem .5rem;}
  .about_form form .group:nth-child(3),
  .about_form form .group:nth-child(4),
  .about_form form .group:nth-child(7),
  .about_form form .group:nth-child(8){ grid-column: 1/3;}
  .about_form form .group:before{ left: 1px; right: 1px; top: 1px; bottom: 1px;}
  .s_tt p{ font-size: 1rem;}
.about_coop .bd{ padding-top: 2rem !important;}
.solution_con04 .hd .s_tt h3{ font-size: 2rem;}
.pro_bnner{ height: auto; padding: 3.5rem 0;}
.pro_bnner .btn_view{ height: 3.25rem; width: 10rem;}
.pro_bnner p{ margin-bottom: 1.5rem;}
.pro_video .btn_play2{ width: 4rem; height: 4rem;}
.pro_con02 .item .txt h4{ font-size: 1.625rem;}
.pro_con02 .item+.item{ margin-top: 2rem;}
.pro_con03 .s_tt p{ font-size: 1.125rem; margin-top: 1rem;}
.pro_con03 .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
.pro_con04 .tgl_nav ul li{ flex-grow: 1;}
.pro_con04 .tgl_nav li a{ font-size: 1rem; padding: 0 5px;}
.ar_article h3{ font-size: 1.625rem !important; line-height: 1.5; margin-bottom: 1rem !important;}
.ar_article td, .ar_article th{ padding: 4px 0;}
.pro_con05 .s_tt h3{ font-size: 1.75rem;}
.ar_article h5{ font-size: 1.25rem !important;}
.pro_con05 ul{ gap: 1rem;}
.pro_con05 ul li .box{ padding: 1.5rem;}
.pro_con05 ul li h4{ font-size: 1.25rem;}
.pro_con05 ul li .ico{ width: 4rem; height: 4rem; margin-bottom: 1rem;}
.pro_con05 ul li .mask{ padding: 1.5rem;}
.n_story .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;}
.pro_con01 .bd .arr_left{ left: -1rem;}
.pro_con01 .bd .arr_right{ right: -1rem;}
.pro_con01 .bd .swiper{ margin: 0 1.5rem;}
.pro_con01 .bd .arr svg{ width: 2rem; height: 2rem;}
.pro_con01 { padding: 2rem 0 !important;}
.pro_con01 .bd .box .txt h4{ font-size: 1.25rem;}
.solution_txt{ max-height: inherit;}
.solution_con02 .scrollbox{ max-height: inherit;}
.solution_con02_slide{ margin-top: 2rem;}
.n_client .box{ height: auto; min-height: 29rem;}
.n_solution_computer .box .mask p{ font-size: 1rem; line-height: 1.5;max-height: 6rem; overflow: auto;}
.n_solution_computer .box .mask h4{ font-size: 1.375rem; margin-bottom: 6px;}
.computerbox .computer_slide{ top: 10px;}
.n_solution_computer .btn_view3{ width: 7rem; height: 2.5rem;}
.about_shuzi .i{ display: none;}
.about_shuzi .item{ margin-bottom: 2rem;}
.about_shuzi .item:last-child{ margin-bottom: 0;}
.ar_article h3{ font-size: 1.3125rem !important;}
.s_pro .btnbox{ padding-left: 0;}
.slide_nav3 ul li .dt{ font-size: 1.125rem;}
.slide_nav3 ul li .dd{ padding-top: 1rem;}
.ar_fot ul li{ width: 100%;}
.fuwu_container01 .right{ position: static;}
.str_wrap{ height: 28px; line-height: 28px !important;}
.fuwu_list ul li .txt h4{ font-size: 1.125rem;}
.tc_story{ padding: 4rem 3rem;}
.ar_article h2{ font-size: 1.875rem !important;}
.pro_con01 .bd .box .ico{ width: 5rem; height: 5rem;}
.pro_con01 .bd .box .ico img{ width: 2.5rem; height: 2.5rem;}
.img_ipad img { padding: 10px 7px 7px;}
.about_form form .yzmbox .yzm{ width: 80px; right: 0;}
.fangan_banner{ height: 23rem;}
.tgl_nav li{ flex-grow: 1;}
.n_banner{ padding-top: 2rem;}
.n_lianxi .txt01 h3, .n_lianxi .txt02 h4{ font-size: 1.75rem;}
.foot_logo{ display: none;}
.fuwu_list{ height: auto !important;}
}
 























