@charset "utf-8";
 

@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)
{
}

@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: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
 
}

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

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

@media (max-width: 1200px)
{

}

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

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

@media (max-width: 992px)
{
    #nav{ margin-right:1.5rem;}
#header{ display:none;}
#nav{ 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;}
 body{ padding-top: 4.5rem;}

    .container04 ul li a{ padding: 10px 1rem;}
    .container04 ul li a .ico{ width: 2.5rem; height: 2.5rem;}
    .container04{grid-template-columns: 8rem 1fr;}
    #n_main{ flex-direction: column;}
    .left_con{ width: 100%; margin-right: 0; margin-bottom: 2rem;}
    .n_nav{ min-height: auto; }
    .n_nav ul{  min-height: auto;}
    .n_nav ul li a{ padding-left: 1.5rem;}
    .n_nav ul li a:before{ left: .5rem;}
    .n_nav ul li .sub a{ padding-left: 2.5rem;}
    .right_con{ width: 100%;}
}

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

}

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

@media (max-width: 768px)
{
.pad_top{ padding-top:2.5rem !important;}
.pad_bot{ padding-bottom:2.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;}
.container02{ grid-template-columns: 1fr; row-gap: 2rem;}
.news01 .img{ height: auto;}
.news01 .img img{ display: block;}
.container03{ grid-template-columns: repeat(2,1fr); row-gap: 2rem; column-gap: 2rem;}
.s_tantou{ grid-column-start: 1; grid-column-end: 3;}
.s_tantou ul{ display: grid; column-gap: 1rem; grid-template-columns: repeat(3,1fr);}
.container04 .tt{ display: none;}
.container04 {grid-template-columns: 1fr;} 
.container05 ul li .pic{ padding: 10px 10px;}
.container05 ul li .txt{padding: .5rem .5rem;}
.n_team{ grid-template-columns: repeat(3,1fr);}
.container02>div:nth-child(2){ margin-left: 0;}
.container03>div+div{ margin-left: 0;}
.container03>div:nth-child(3){ height: auto;}

}

@media (max-width: 480px)
{
.pad_top{ padding-top:2rem !important;}
.pad_bot{ padding-bottom:2rem !important;}
.m{ padding: 0 15px;}
.container03{grid-template-columns: 1fr;}
.s_tantou{ grid-column-start: 1; grid-column-end: 2;}
 
.container05 ul:nth-child(1) li:last-child{ display: none;}
.container05 ul li{ width: 25%;}
.container04 ul li{ width: 50%;}
.container05 ul:nth-child(2) li{ width: 50%;} 
.foot_link .outbox{ flex-direction: column;}
.foot_link .item{ width: 100%; margin: 0; margin-bottom: .5rem;}
.foot_link .outbox{ margin: 0;}
.foot_link{ padding-bottom: 1rem;}
.foot_lianxi{ flex-direction: column; align-items: center;}
.foot_lianxi .ewm{ margin-right: 0; margin-bottom: 1rem;}
.banner{ margin-bottom: 1rem;}
.s_hd{ margin-bottom: 1.5rem;}
.container01{ flex-direction: column; margin-bottom: 1rem; height: auto; padding-top: 1rem;}
.s_gonggao{ width: 100%; margin-bottom: .5rem;}
.top_search{ width: 100%;}
.top_search form{ width: 100%;}
.container02{ row-gap: 1.5rem;}
.n_team{ column-gap:.625rem; row-gap: 1.5rem;}
.right_con .outbox{ padding: 2rem 1rem 3rem;}
#n_main{ padding-bottom: 2.5rem;}
.left_con{ margin-bottom: 1.5rem;}
.page .box{ margin-top: 2rem;}
.n_pic_news li .img{ width: 10rem; height: 7rem;}
.n_pic_news li .txt p{ margin-bottom: 1rem;}
.n_pic_news{ row-gap: 1.5rem;}
.news01 .swiper-pagination{bottom: 1.25rem !important;}
.s_link .bd a{ margin-right: 1.25rem;}
}