@charset "utf-8";
@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}
@media (min-width: 1280px)
{

.tc_search{ height:80px;}
}
@media (max-width: 1660px)
{
.m1500{ margin:0 4rem; max-width:inherit; width:auto;}
.m1600{ margin:0 4rem; max-width:inherit; width:auto;}
}
@media (max-width: 1600px)
{
#nav ul li a{ padding: 0 1rem;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
#nav ul li a{ padding:0 .8rem;}
#nav ul li h3{ font-size:1rem;}
}
@media (max-width: 1360px){
.m1360{ margin:0 4rem; max-width:inherit; width:auto;}
.m1280{ max-width:1100px;}
}
@media (max-width: 1280px)
{
#nav{ margin-right:1.5rem;}
 #header{ display:none;}
#m_header{ display:block; padding: 0 5%;}
.pad_aside .m1600{ margin:0;}
.m1600{ margin:0 45px; max-width:inherit; width:auto;}
}
@media (max-width: 1200px)
{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
#online_q{ display:none;}
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
.mianbao{ display:none}
#m_n_nav{ display:block}
}
@media (max-width: 860px)
{
.m1600{ margin:0 2rem; max-width:inherit; width:auto;}
.m1500{ margin:0 2rem; max-width:inherit; width:auto;}
.m1360{ margin:0 2rem; max-width:inherit; width:auto;}
.m1280{ margin:0 2rem; max-width:inherit; width:auto;}
}
@media (max-width: 767px){
.m1600{ margin:0 1rem; max-width:inherit; width:auto;}
.m1500{ margin:0 1rem; max-width:inherit; width:auto;}
.m1360{ margin:0 1rem; max-width:inherit; width:auto;}
.m1280{ margin:0 1rem; max-width:inherit; width:auto;}
#banner, #banner .con, #banner li,#banner li .img{height: 35vh;}
.appendArrows{ display:none}
#banner{ margin-top:4.5rem}
#banner .letter span{ min-width:10px;}
}
@media (max-width: 480px)
{
.pad_top{ padding-top:2rem;}
.pad_bot{ padding-bottom:2rem;}
.pad_aside{ padding-left:1rem; padding-right:1rem;}
.ar_article{ padding-bottom:10px !important;}
.ar_article table{ width:100% !important;}
.ar_article table td,.ar_article table th{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; width:auto !important; height:auto !important;}
.ar_article table td *,.ar_article table th *{ padding:3px 5px !important; font-size:13px !important; font-weight:normal !important; padding:0 !important;}
#m_header{ display:block; padding: 0 5%;}
#m_header #logo img{height: 38px;}

#banner .txt h3{font-size: 1.8rem;margin-bottom:.6rem;}
#banner .txt p{font-size: 14px;line-height: 24px;}
#banner .banner-arrow { width: 30px; height: 30px; background-size: 30px !important;}
.appendArrows{ padding-top:20rem;}
.s_tt{ margin-bottom:2rem;}
.s_tt h3{ font-size:1.2rem;}
}