@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:14px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:481px) and (max-width:639px){html{font-size:13px;}}
@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_subnav ul li:hover a{ color: #fff; }
.n_subnav ul li:hover a:before{ border: 2px solid #0150ce;}
.n_subnav ul li:hover a:after{ width: 100%;}
}
@media (min-width: 1280px)
{
}
@media (min-width: 1440px)
{
}
@media (min-width: 1660px)
{
}
@media screen and (min-width:1200px) and (max-width:1660px)
{
  .left_con{ padding-left: 5rem;}
}
@media (max-width: 1660px)
{ 
  .ar_title .box1{ left: -5rem;}
  .swiper_arrbox .swiper-button-prev{ width: 3.5rem; height: 3.5rem; left: -4.5rem;}
  .swiper_arrbox .swiper-button-next{ width: 3.5rem; height: 3.5rem; right: -4.5rem;}
}
@media (max-width: 1600px)
{
}
.web{}
.wap{ display:none !important;}
@media (max-width: 1440px)
{
  .s_server .underbox .m{padding: 0 12rem;}
  .s_about .pic { width: 150%;}
  .s_server .swiper-button-prev{ left: 2rem;}
  .s_server .swiper-button-next{ right: 2rem;}
  .s_server .underbox .m{ padding: 0 9rem;}
  .s_server .txt h3{ font-size: 2.25rem;}
  #banner .txt h3{ font-size: 3.25rem;}
  .n_banner{ height: 28.125rem;}
  .right_con{ width: 23rem;}
  .tgl_list dl dt{ height: 5.75rem;}
}
@media (max-width: 1360px)
{
  .s_server .bgbox .pic:before{ padding-top: 47rem;}
  .n_banner{ height: 26.125rem;}
  .n_zizhi ul{ grid-column-gap: 2rem; grid-row-gap: 2.25em;}
}
@media (max-width: 1280px)
{
}
@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title,.n_nav,.position{ display:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block !important;}
span.wap{ display: inline;}
.wapflex{ display: flex; justify-content: space-between; margin-top: 1rem;}
.online_q{ display:none;}
 body{ padding-top: 4.5rem;}
 .s_about .pic { width: 165%;}
 .n_subnav{ margin-top: 2rem;}
 .n_subnav ul li{ margin-bottom: .5rem;}
 .n_banner{ height: 22.125rem;}
 .ar_title h3{ font-size: 1.75rem; margin-bottom: 1.25rem;}
 .ar_title .box1{ position: static; display: flex; margin-bottom: 1rem; align-items: center; flex-direction: row; width: auto; justify-content: space-between;}
 .ar_title .box1 .time{ margin-bottom: 0; }
 .ar_title .box1 .time span{ font-size: 1.5rem;}
 .ar_title .box1 .share{ display: flex; align-items: center;}
 .ar_title .box1 .share .tt{ flex-direction: row; margin: 0; align-items: center;}
 .ar_title .box1 .share .social-share{ display: flex;}
 .n_licheng .fl01 .w1200{padding: 3rem 0 0 15px !important;}
	.n_licheng .fl02 .slick_bd h4{padding: 66px 0 15px;display: none;}
	.n_licheng .fl02 .slick_bd .right{ width:95%}
	.n_licheng .fl01 .slick_hd{ width:calc(100% - 9rem); padding:0}
  .n_fuli ul{ grid-column-gap: 1rem;grid-auto-rows: 10rem;}
  .n_about .right{ padding-top: 0;}
  .ar_title .box2 .tag{ display: none;}
}
@media (max-width: 1100px)
{
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
  #foot .box2{ flex-flow: wrap;}
  .copyright{ width: 100%; text-align: center; margin-top: 2rem;}
  .copyright br{ display: none;}
  .foot_nav{ display: none;}
  #foot .box1{ justify-content: center;}
  .foot_ewm .ewm{ margin: 0 1rem;}
  .foot_tel{ margin-right: 1rem;}
  .foot_lx{ display: flex; align-items: center; justify-content: space-between; flex-grow: 1;}
  .n_banner{ height: 20.125rem;}
  .n_news_xq .m{ flex-direction: column;}
  .right_con{ width: 100%; margin: 0 0 0; display: flex; flex-direction: column-reverse;}
  .ar_bot{ margin-bottom: 3rem; margin-top: 1.5rem;}
  .news_right .tt{ font-size: 1.5rem; padding-bottom: 1rem; margin-bottom: 1.75rem;}
  .ar_title .box1{ margin-bottom: .25rem;}
  .ar_title .box2 .tag span{ height: 2.5rem;}
  .ar_title .box1 .share .tt svg{ margin-bottom: 0;}
  .n_zizhi ul{ display: grid; grid-template-columns: repeat(2, 1fr);grid-column-gap: 3.75rem; grid-row-gap: 2.5em;}
}
@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 30px;}
.s_about .s_shuzi ul li{ margin-top: 2.5rem;}
#banner .txt h3{ font-size: 3rem;}
.s_tt h3{ font-size: 2rem; line-height: 1.3;}
.l_morebtn{ margin-top: 3rem;}
.n_banner{ height:16rem;}
.n_licheng .fl01{height: 24rem;}
.n_licheng .fl02 .slick_bd .right p{ font-size:13px;}
.n_licheng .fl01 .slick_hd li h4{ font-size:2rem}
.n_news01 .m{ flex-direction: column;}
.n_news01 .hd{ width: 100%;}
.n_news01 .bd{ width: 100%; margin:0;}
.n_case ul {  grid-template-columns: repeat(2, 1fr); grid-column-gap: 2rem; grid-row-gap: 2em;}
.tgl_list dl dt{ height: 5rem;}
.tgl_list dl{ padding: 0 2rem;}
.tc_form{ padding: 3rem;}
.n_join #list_slide dd .content{ flex-direction: column-reverse;}
#list_slide .content .left{ width: 100%; padding: 0;}
#list_slide .content .right{ width: 100%; margin-top: 2rem;}
.n_join #list_slide dt h3{ flex-grow: 1;}
.list_box_n_zizhi li{ width: 100%;}
.n_shuzi ul li{ width: 50%;}
.n_shuzi ul li:nth-child(1){ position: relative; z-index: 9;}
.n_shuzi ul li:nth-child(2){ position: relative; z-index: 8;}
.n_shuzi ul li:nth-child(1) .box:before{ display: block; left: auto; right: -1px;}
.n_shuzi ul li:nth-child(2) .box:before{ width: 100%; height: 1px; top: auto; bottom: -1px;}
.n_shuzi ul li:nth-child(3) .box:before{ width: 100%; height: 1px;}
.n_about .m{ flex-direction: column;}
.n_about .left{ max-width: inherit; width: auto;}
.n_about .right{ padding-left: 0; margin-top: 3rem;}
.loadbox{ display: none;}
}
@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
#banner .txt h3{ font-size: 1.75rem; line-height: 1.75;}
#banner .txt p{ font-size: 10px; display: none;}
.l_morebtn{ margin-top: 2rem;}
.s_about .m{ flex-direction: column;}
.s_about .left{ width: auto; margin-right: 0; margin-bottom: 3rem;}
.s_about .s_shuzi ul{ display: flex; flex-wrap: wrap;}
.s_about .s_shuzi ul li{ width: 50%; margin-top: 1.5rem;  }
.s_about .s_shuzi ul li span{ font-size: 3rem;}
.s_about .pic{ width: 100%;}
#banner .swiper-container{ height: 27rem;}
.s_tt h3{ font-size: 1.625rem;}
.s_news .bd{ flex-direction: column;}
.s_news .bd .left{ width: 100%;}
.s_news .bd .right{ width: 100%; padding: 0;}
.s_news .left .box .pic:after{ padding-top: 17rem;}
.s_news .swiper-pagination{ bottom: 1.5rem !important; padding-right: 1rem;}
.s_news .swiper-pagination-bullet{ width: 8px; height: 8px;}
.s_news .left .box .txt{ padding-bottom: 1.375rem;}
.s_news .left .box .txt h5{ font-size: 1.25rem;}
.s_news .right ul li h5{ font-size: 1.25rem;}
.foot_ewm .ewm{ margin: 0 6px; width: 6.5rem;}
.foot_ewm .ewm .pic{ width: 100%; height: auto; padding: 6px;}
.foot_ewm .ewm .pic:before{ left: 2px;top: -1px; }
.foot_ewm .ewm .pic:after{ left: -1px;top: 2px; }
#foot{ padding-top: 3.5rem;}
.foot_lx{ align-items: flex-start;}
.foot_add{ width: 11rem; position: absolute; top: 4.375rem;}
.foot_add span{  display: block; line-height: 1.4;}
.foot_add span svg{ width: 1rem; height: 1rem; display: inline-block;}
.foot_add p{ margin-bottom: .5rem;}
.foot_tel span{ font-size: 1.875rem;}
#foot .box1{ padding-bottom: 2rem;}
#foot .box2{ padding-bottom: 1.875rem;}
.foot_linkbox{ width: 100%; justify-content: space-between;}
.foot_link{ flex-grow: 1;}
.foot_ewm .ewm{ margin-right: 0; margin-left: 1.5rem;}
.s_server .underbox .m{ flex-direction: column;}
.s_server .underbox .m{ padding: 0 15px;}
.s_server .hd{ padding-top: 2rem;}
.s_server .hd:before{ width: 100%; height: 1px; top: auto; bottom: 0;}
.s_server .hd .swiper{ height: auto;}
.s_server .hd h3{ font-size: 1.25rem; padding: 1.5rem .5rem;}
.s_server .hd h3:before{ width: 0; height: 3px; top: auto; bottom: 0;}
.s_server .hd li.swiper-slide-thumb-active h3:before{ height: 3px; width: 100%; top: auto; bottom: 0;}
.s_server .hd .swiper-slide{ width: auto;}
.s_server .bd{ flex-grow: 0; margin: 0;}
.s_server .bgbox .pic:before{ padding-top: 28rem;}
.s_server .txt .ico{ width: 3rem; height: 3rem;}
.s_server .txt h3{ font-size: 1.375rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.s_server .swiper-button-prev, .s_server .swiper-button-next{ width: 3rem; height: 3rem; top: auto; bottom: 3rem;}
.s_server .swiper-button-prev{ left: 50%; margin-left: -3.5rem;}
.s_server .swiper-button-next{ right: 50%; margin-right: -3.5rem;}
.dotbox{ top: auto; bottom: 2rem;}
.dotbox .dots{ width: 1.5rem !important; height: 1.5rem !important; }
.n_subnav ul{ justify-content: flex-start;}
.n_subnav ul li{  min-width: inherit; width: 50%;  }
.ar_article h2{ font-size: 1.5rem;}
.n_subnav{ margin-bottom: 2rem;}
.n_banner{ height: 10rem;}
.n_banner .m h3{ font-size: 1.5rem;}
.ar_title{ padding-bottom: .75rem;}
.ar_title h3{ font-size: 1.5rem; margin-bottom:0;}
.ar_title .box1 .share .tt svg{ width: 1rem; height: 1rem; margin-bottom: 0;}
.n_news01 .bd{ padding: 2rem;}
.l_morebtn svg{ width: 11rem; height: auto;}
.n_licheng .fl01 .m { padding: 3rem 0 0 2.25rem;}
.n_licheng .fl01{ height: 19rem;}
.title003 h3{ font-size: 2.25rem;}
	.title003 h4, .title002 h3, .title004 h3{ font-size: 1.75rem;}
  .n_licheng .fl02 .slick_bd .right{ padding-bottom: 2rem;}
  .n_zizhi ul{ display: grid; grid-template-columns: repeat(2, 1fr);grid-column-gap: 1rem; grid-row-gap: 1.5em;}
  .form_liuyan .flex{ flex-direction: column;}
  .form_liuyan .box{ width: 100%;}
  .form_liuyan .btnbox{ width: auto;}
  .form_liuyan .formgroup .span{ height: 3.5rem;}
  .form_liuyan .formgroup{ margin-bottom: .75rem;}
  .form_liuyan .button{ width: calc(50% - .375rem); height: 3.75rem;}
  .form_liuyan .formgroup .textarea{ padding-top: .875rem;}
  .form_liuyan .tt h3{ font-size: 1.5rem; margin-bottom: .75rem;}
  .n_lianxi .m{ flex-direction: column;}
  .n_lianxi .ewmbox .ewm{ margin-left: 0; margin-top: 2rem;}
  .n_lianxi .ewmbox .pic{ width: 9rem; height: 9rem; padding: 8px;}
  .n_lianxi .ewmbox{ justify-content: center;}
  .n_case ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 1rem; grid-row-gap: 1.5rem;}
  .n_case ul li h4{ height: 4rem;}
  .tgl_list dl{ padding: 0 1.5rem;}
  .tgl_list dl dt{ height: 4rem;}
  .tgl_list dl dt h3{ font-size: 1.0625rem;}
  .tgl_list dl dt i{ width: 1.5rem; height: 1.5rem;}
  .n_danbu .tt h3{ font-size: 1.375rem; margin-bottom: 1.5rem;}
  .n_down{ height: 7rem;}
  .tc_form{ padding:3rem 2rem 2.5rem;}
  .form_liuyan .tt{ margin-bottom: 1.5rem;}
  .n_join #list_slide dt h3 span:nth-child(2){ display: none;}
  .n_join #list_slide dt h3 span:nth-child(3){ display: none;}
  .n_join #list_slide dt h3 span:nth-child(4){ display: none;}
  .n_join #list_slide dt{ height: 4rem; padding: 0 1.5rem;}
  .n_join #list_slide dt .tgl{ width: 1.25rem; height: 1.25rem; background-size: 1rem !important;}
  .n_join #list_slide dd{ padding: 1.5rem 1.5rem 2.5rem;}
  #list_slide .content .scrollbox{ padding-right: 1.5rem;}
  .n_join #list_slide dt h3 span svg{ margin-right: 10px;}
  #list_slide .content .scrollbox{ height: auto;}
  .n_fuli ul { display: grid; grid-template-columns: repeat(2, 1fr);}
  .n_staff .box{ grid-template-columns: repeat(2, 1fr);}
  .swiper_arrbox .swiper-button-prev{ top: auto; bottom: 0; left: 50%; margin-left: -4rem;}
  .swiper_arrbox .swiper-button-next{ top: auto; bottom: 0; right: 50%; margin-right: -4rem; }
  .swiper_arrbox .relative{ padding-bottom: 5rem;}
  .n_fuli ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 8rem;
    grid-column-gap: .5rem;}
    .n_fuli ul li .ico{ width: 2.5rem; height: 2.5rem;}
    .n_tt{ margin-bottom: 2rem !important;}
    .n_tt h3{ font-size: 1.75rem !important;}
    .n_peixun .txt{ height: 7rem;}
    .n_shuzi .n_tt h3{ line-height: 1.5;}
    .n_shuzi ul li .box .ico{ width: 2.25rem; height: 2.25rem;}
    .n_shuzi ul li .txt span{ font-size: 3rem;}
    .n_shuzi ul li .txt i{ font-size: 1.5rem;}
    .n_shuzi ul li .box{ height: 12.5rem;}
    .n_linian .txt{ margin-bottom: 1.5rem;}
    .tc_form .tc_close{ width: 2rem; height: 2rem; top: 1rem; right: 1rem;}
    .n_news01 .txt{ padding-bottom: 0;}
    .n_news01 .time{ margin-bottom: 1.375rem;}
    .n_news02 ul li .txt h5{ white-space:inherit; line-height: 1.5; font-size: 1.125rem;}
    .n_news01 .bd{ padding-top: 1rem;}
    .ar_title .box1 .time{ font-size: 1.125rem;}
    .s_server .hd{ display: none;}
    .ar_article img{ margin-bottom: 1.5rem;}
}