@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:13px;}}


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

@media (min-width: 992px)
{
.n_nav ul li a:hover:before {border: 2px solid #e60012; background:#e60012}
.n_nav ul li.on a:after { opacity:1; visible:visible; }
.n_nav ul li a:hover {color: #fff;}
}

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

@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: 1800px)
{
    #banner .slide-inner{ background-size: cover !important;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
 .top_tel{ margin-right: 1rem;}
 .xinhao{ width: 4.75rem;}
 .s_yangji ul{ gap: 1.5rem;}
 .prolist{ column-gap: 3.5rem;}
 .n_case ul{ gap: 1.5rem;}
}

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

@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{ display:block !important;}
#m_n_nav{ display:none}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;}
 body{ padding-top: 4.5rem;}
 .n_coop ul{ grid-template-columns: repeat(4,1fr); column-gap: 2rem;}
 .n_video ul{ column-gap: 2rem; row-gap: 2.5rem;}
 .n_news_xq .ar_title .tag{ column-gap: 1rem;}
 .case_xq .box01 .item{ grid-template-columns: 26rem 1fr; gap: 3rem; }
}

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

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

@media (max-width: 992px)
{
    .aigtek{ width: 17rem;}
    .s_yangji .tt p{ font-size: 1.375rem;}
    .s_yangji ul{ margin-top: 4.5rem;}
    .news01 ul li .txt h5{ margin-top: 1rem;}
    .news01 ul{ gap: 1rem;}
    .s_news .bd .gridbox{ gap: 1.25rem;}
    .news02 ul{ gap: 1rem; }
    .more_xinhao{ margin-top: 1.5rem;}
    .news01 ul li .txt{ }
    .news02 ul li a{grid-template-columns: 8rem 1fr;}
    #foot .box01{ gap: 3rem;}
    .n_about .m{ grid-template-columns: 1fr;}
.n_about .txt ul{ margin-top: 2rem;}
.n_about .img{ max-width: 405px; display:none;}
.n_about .tt{ padding-top: 0;}
.n_wenhua ul{ gap: 1.5rem; grid-template-columns: repeat(2,1fr);}
.n_ys ul{ gap: 1rem;}
.prolist{ column-gap: 2rem;}
.n_download ul{ grid-template-columns: 1fr;}
.n_leixing .myform{ grid-template-columns: 1fr;}
.n_leixing .hd,
.n_leixing .tip,
.n_leixing .group:nth-child(7),
.n_leixing .group:nth-child(8),
.n_leixing .group:nth-child(9){ grid-column: 1/2;}
.n_news_xq .m{ flex-direction: column;}
.right_con{ margin-top: 2rem; margin-left: 0; width: 100%;}
}

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

}

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

@media (max-width: 768px)
{
.pad_top{ padding-top:3.5rem !important;}
.pad_bot{ padding-bottom:3.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 40px;}
.s_yangji .tt h4 .xinhao{ display: none;}
.btn_style01{ margin-top: 2.875rem;}
.s_about .m{ grid-template-columns: 1fr;}
.s_about .txt ul{ margin-top: 2rem;}
.s_about .img{ max-width: 405px; display:none;}
.s_news .bd .gridbox{ grid-template-columns: 1fr;}
.foot_nav{ display: none;}
#foot .box02{ flex-direction: column; margin-top: 2rem; gap: 0;}
.foot_lianxi dl dd{ line-height: 1.5rem;}
.foot_lianxi dl dt{ align-self: center;}
.foot_logo{ display: none;}
.foot_lianxi{ margin-bottom: 2rem;}
#foot{ padding-top: 2.5rem;}
.quicklink i{ margin: 0 5px;}
.foot_ewm{ justify-content: center;}
#site_map_box dd{ padding: 10px 26px;}
#site_map_box .box{ width: 337px;}
.n_zizhi .bd{ padding-bottom: 0;}
.n_pro_info .m{ grid-template-columns: 1fr; gap: 2rem;}
.n_pro_info .txt{ margin-top: 1rem; margin-bottom: 2rem;}
.n_coop ul{ gap: 2rem 1rem;}
.n_nav ul{ gap: 1rem;}
.n_video ul{ grid-template-columns: 1fr 1fr;}
.n_feedback .danxuan{ gap: 1.5rem;}
.n_feedback .gridbox1{ grid-template-columns: 1fr;}
.n_feedback .gridbox1 .group:nth-child(3){ grid-column: 1/2;}
.n_lianxi .m{ flex-direction: column; gap: 2rem;}
.case_xq .box01 .item{ grid-template-columns: 22rem 1fr; gap: 2rem; }
}

@media (max-width: 480px)
{
.news01 ul li .txt h5{ margin-bottom:.5rem;}
.pad_top{ padding-top:2rem !important;}
.pad_bot{ padding-bottom:2rem !important;}
.m{ padding: 0 15px;}
.n_banner{ height: 10rem; background-size:cover !important;}
.n_banner h3{font-size: 1.35rem;}
.n_banner p{ font-size: .9rem; margin-top: 0;  margin-bottom: .5rem;}
.n_banner i{ width: 4rem; height: 3px;}
.s_yangji .tt p{ font-size: 1rem; line-height:1.6rem;}
.s_yangji .tt p br{ display: none;}
.s_yangji ul{ display: grid; grid-template-columns: repeat(3,1fr);}
.s_yangji ul li .pic img{ height: 35px;}
.s_yangji ul li .pic{ display: flex; justify-content: center; align-items: center;}
.s_yangji ul li h4{ font-size: 1rem;}
.s_tt h3{ font-size: 1.625rem;}
.s_case .ico img{ max-width: 30px; max-height: 30px;}
.s_case .btn_xq{ font-size: 12px;}
.s_case .box h4{ margin-top: 1.25rem; font-size:1rem;}
.s_pro ul{ grid-template-columns: repeat(2,1fr);grid-auto-rows: 12rem;}
.s_pro ul li .box .txt{ padding: 0 1rem;}
.s_pro ul li:nth-child(1) a{ grid-template-columns: 1fr 1fr;}
.s_pro ul li:nth-child(1) a .txt{ padding-right: 0;}
.s_pro ul li .box .img{ max-width: 100%;}
.s_tt{ margin-bottom: 2rem;}
.s_tt p{ font-size: 1.0625rem;}
.s_about .txt ul li span img{ width: 26px; height: 26px;}
.s_about .txt ul li p{ font-size: 12px;}
.btn_style01{ margin-top: 2rem;}
.s_hd{ flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem;}
.s_hd ul{ width: 100%; margin-top: 1.5rem;}
.s_hd ul li{ flex-grow: 1;}
.s_hd ul li a{ width: 100%;}
.news01 ul{ gap: 10px;}
.n_shuzi{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem;}
.n_shuzi li p{ padding-top: 3px;}
.n_about .m{ gap: 2.5rem;}
.n_about .tt{ margin-bottom: 1.75rem;}
.n_tt{ margin-bottom: 2rem;}
.n_wenhua ul{ gap: 10px;}
.n_wenhua ul li .mask{ padding: 2rem 1rem;}
.n_ys .tt h3{ font-size: 1.25rem; line-height: 2rem;}
.n_ys ul{ grid-template-columns: 1fr;}
#foot .box03 { padding: 1rem 0 2rem;}
#certify .swiper-slide{ max-width: 160px;}
.n_zizhi .bd { padding-bottom: 3.5rem;}
#certify .swiper-slide h5 { bottom: -2.5rem;}
.n_zizhi .bd .arr{ transform: none; width: 3rem; height: 3rem;}
.n_zizhi .bd .arr_left { left: 50%;margin-left: -3.5rem;bottom: 0;top: auto;}
.n_zizhi .bd .arr_right {right: 50%;margin-right: -3.5rem;bottom: 0;top: auto;}
.n_pro_info .left{ }
.n_pro_info .swiper{ height: calc(16rem + 30px);}
.n_pro_info .bd .img{ height: calc(16rem + 30px);}
.n_pro_info .btnbox{ gap: 1rem;}
.pro_xq .hd ul{ justify-content: space-between;}
.pro_xq .hd ul li{ padding: 0 .5rem;}
.n_pro01 .m{ grid-template-columns: 1fr; gap: 2rem;}
.prolist{ grid-template-columns: 1fr 1fr; column-gap: 1rem; row-gap: 1.25rem;}
.n_fqa ul li .box{ flex-flow: wrap;}
.n_fqa ul li .box .time{ width: 100%; padding-left: 1.5rem;}
.otherfqa ul{ grid-template-columns: 1fr;}
.otherfqa ul li a{ padding: 0 2rem;}
.otherfqa ul li a:before{ left: 2rem;}
.n_coop ul{ gap: 1.5rem 1rem; grid-template-columns: 1fr 1fr;}
.n_case ul{ grid-template-columns: 1fr 1fr; gap:10px;}
.n_case ul li .txt h4{ font-size:1.125rem;}
.n_case ul li .mask{ padding:10px;}
.n_download ul li .box svg{ max-width: 1.25rem; max-height: 1.25rem;}
.n_download ul li .box svg:last-child{ width: 1rem;}
.n_download ul li .box{ grid-template-columns: 1.5rem 1fr 1fr 2rem; height: auto; padding: 1rem; row-gap: .5rem;}
.n_download ul li .box h5{ grid-column: 2/5;}
.n_download ul li .box span:nth-child(3){ display:none;}
.n_download ul li .box span:nth-child(4) {
    grid-column: 1/4;
}
.news01 ul li .txt h5{margin-bottom:.5rem}
.page .box{ margin-top: 2rem;}
.n_nav ul{ gap: .5rem;}
#n_main .n_nav.pad_bot{ padding-bottom: 2rem !important;}
.n_download ul{ gap: 1.25rem;}
.n_video ul{ grid-template-columns: 1fr;}
.n_news ul li .box{ grid-template-columns: 9rem 1fr; gap: 1rem;}
.n_news ul li .txt{ padding-top: 0;}
.n_news ul li .txt h5{ margin-top: 10px; margin-bottom: 5px;}
.n_join01 .box{ grid-template-columns: 1fr; padding: 2rem 1.5rem;}
.n_join02 .gridbox{ padding: 0 1.5rem;}
.n_join02 dd{ margin: 0 1.5rem;}
.n_join02 .gridbox{ grid-template-columns: .6fr .4fr 0 0 16px; overflow: hidden;}
.n_join02 .hd span{ overflow: hidden;}
.n_join02 dt span{ overflow: hidden;}
.tc_join{ padding: 2.5rem 1.5rem;}
.tc_join .tt{ margin-bottom: 1.5rem;}
.tc_join form{ gap: 1rem;}
.tc_join .button{ margin-top: 5px;}
.n_try ul li .ico img{ width: 3rem;}
.n_try ul li{ width: 25%;}
.n_try ul li.arr{ width: .75rem; margin-bottom: 44px;}
.n_try ul li p{ white-space: normal; text-align: center; font-size: 12px; line-height: 18px; height: 36px; margin-top:8px;}
.innerbox{ padding: 3rem 1.5rem;}
.n_leixing .myform .group{ grid-template-columns: 1fr; gap: 1rem; }
.n_feedback .myform .group{ grid-template-columns: 1fr; gap: 1rem; }
.myform .group .span{ justify-self: flex-start; line-height: 1; height: auto;}
.myform .group .span br{ display: none;}
.tip{ font-size: 1rem;}
#gridbox{ grid-template-columns: 1fr;}
.n_caption .con{ font-size: .85rem; line-height: 2;}
.grid_col3{ grid-template-columns: 1fr;}
.n_feedback .gridbox1,.n_feedback .gridbox2{ row-gap: 1.5rem;}
.danxuan label{ font-size: 12px; margin-right: 5px;}
.n_news_xq .ar_title h6{ flex-direction: column; margin-top: .5rem;}
.n_news_xq .ar_title{ margin-bottom: 1.25rem; padding-bottom: 1rem;}
.n_news_xq .ar_title h3{ font-size: 1.375rem;}
.case_xq .box01{ margin-top: -2rem;}
.case_xq .box01 .item{ grid-template-columns: 1fr; padding: 2rem 0;}
.case_xq .box01 .txt .con{ height: auto; margin: 1rem 0;} 
.n_hd{ margin-bottom: 1.5rem;}
#n_main .pad_top{ padding-top: 2.25rem !important;}
#n_main .pad_bot{ padding-bottom: 2.25rem !important;}
/* .pro_tuijian table th:nth-child(2),.pro_tuijian table th:nth-child(3),.pro_tuijian table th:nth-child(4),.pro_tuijian table th:nth-child(5){ display: none;}
.pro_tuijian table td:nth-child(2),.pro_tuijian table td:nth-child(3),.pro_tuijian table td:nth-child(4),.pro_tuijian table td:nth-child(5){ display: none;} */
.pro_tuijian .bd{overflow-x: auto;}
.pro_tuijian .bd table{ min-width: 700px; }
.n_pro_info.noswiper .m{ display: block;}
.n_pro_info.noswiper .bd{ margin: 0 auto 2rem; width:80%;}
.myform .group{ column-gap: .5rem;}
#certify .swiper-slide h5{ font-size: 1rem;}
.xl_bn{ height: 15rem;}
.news01 ul li .img:after { padding-top: 7.62rem;}
.s_coop .pic{ height:4.5rem;}
.pro_recommend .bd .btn02{margin:1rem 1rem 0;}
.s_pro ul li .box .txt p{height:3rem;}
.pro_recommend .bd p{height:10rem !important;}
.s_pro ul li .box .img img{ padding:1rem !important; margin:auto;}
.s_pro ul li .box .txt{bottom:.7rem;}
.prolist .img img{padding:1rem;}
.more_xinhao{ display:none;}
.n_pro01 .img{ width:80%; margin:auto;}
.n_pro01 .txt h4{ font-size:1.25rem; margin-bottom:1rem;}
.pro_recommend .bd .box .img img{ width:75%;}
.n_tt3 h3{font-size:1.1rem;}
.n_news ul li .txt:before{height:0;}
.s_case .bd{ margin: 0 1rem;}
.n_wenhua ul{ margin: 0 1rem;}
.n_ys ul{ margin: 0 1rem;}
.news02 .img{ display: none;}
.news02 ul li .box{ grid-template-columns: 1fr;}
.news02{ display:none;}
.dotbox{ display:none;}
.s_pro ul li .box .txt h5{ font-size:1rem;}
}