@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)
{
    .n_coop ul li:hover h5{ color: #00a2e9;}
.n_coop ul li:hover .imgbox>img{ filter: drop-shadow(0px 0px 10px rgba(0,0,0,.06)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.06)); }

}

@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)
{
    .n_coop ul{ column-gap: 2.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:none}
#m_n_nav{ display:block}
.web{ display:none;}
.wap{ display:block;}
span.wap{ display: inline;}
.online_q{ display:none;}
.n_coop ul{ grid-template-columns: repeat(4,1fr);}
}

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

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

@media (max-width: 992px)
{
    .container01 .m{ grid-template-columns: 1fr; row-gap: 2rem;}
    .asidenav ul{ display: grid; grid-template-columns: repeat(4,1fr);  } 
    .asidenav ul li a{ justify-content: center;}
    .container05 ul{ grid-template-columns: repeat(2,1fr);}
    .container01 .flexbox{  grid-template-columns: 1fr; row-gap: 2rem;}
    .container03{ grid-template-columns: 1fr; row-gap: 2rem;}
    .container04 .flexbox{ grid-template-columns: 1fr; row-gap: 2rem;}
    .news02{ height: auto;}
    .foot_nav{ display: none;}
    #foot .botbox{ margin-top: 0;}
    .s_video ul{ column-gap: 1rem;}
    #n_main>.m{ flex-direction: column;}
    .left_con{ width: 100%;}
    .right_con{ margin-left: 0; margin-top: 3rem;}
    .n_news02{ display: none;}
    .right_con{ margin-top: 2rem;}
    #n_main .s_item{ padding:2.5rem 1.5rem; }
    .n_news01{ display: none;}
    .n_nav ul li a h3{ line-height: 3.625rem; font-size: 1.125rem;}

}

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

}

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

@media (max-width: 768px)
{
.pad_top{ padding-top:2rem !important;}
.pad_bot{ padding-bottom:2rem !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;}
#foot .botbox{ flex-direction: column-reverse; padding-bottom: 0; background: none;}
.foot_link{ width: 100%;}
.copyright{ padding: 0; margin-top: 1.25rem; text-align: center; line-height: 1.5;}
#foot{ padding:2rem 0;}
.s_hd ul li{ margin-left: 1.5rem;}
.container05 ul{ column-gap: 1.5rem;}
.n_about .tt{ font-size: 1.5rem; margin-bottom: 1.5rem;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:1.25rem !important;}
.pad_bot{ padding-bottom:1.25rem !important;}
.m{ padding: 0 15px;}
.asidenav ul li a{ padding: 0 2px; flex-direction: column; text-align: center;}
.asidenav ul li h3{ font-size: .875rem; line-height: 1.3;}
.asidenav ul li:nth-child(1){grid-column-start: 1; grid-column-end: 3; }
.s_gonggao .tt{ margin-right: 1rem;}
.s_gonggao .swiper-slide{ width: 100%;}
.s_gonggao .box h5{ width: 100%; font-size: 1rem; margin-bottom: 5px;}
.s_gonggao .box{ flex-direction: column; align-items: flex-start;}
.s_gonggao .box span{ font-size: .875rem;}
.s_gonggao,.s_item{ padding: 1rem 1.375rem;}
.container01 .m,.container01 .flexbox,.container03{row-gap: 1.25rem;}

.s_gonggao{ margin-bottom: 1.25rem;}
.news01 .img{ height: auto;}
.s_tt{ font-size: 1.375rem;}
.btn_more{ margin-top: .5rem;}
.news03 ul li .img{ width: 10rem; height: 6.5rem;}
.s_hd{ margin-bottom: 1.25rem; flex-flow: wrap; height: auto; padding-bottom: 1rem;}
.container02 .s_hd{ padding-bottom: 0;}
.container04 .s_item>.s_hd{ border-bottom: 0; padding-bottom: 0;}
.s_hd ul{ margin-top: 1rem; display: flex; justify-content: space-between; width: 100%;}
.s_hd ul li{ font-size: 1rem; margin-left: 0; height: 2.5rem;}
.container02 .bd .tt{ margin-bottom: .625rem; font-size: 1.125rem;}
.container02 .bd ul{ column-gap: .5rem;}
.container02 .bd ul li .img{ height: 7rem;}
.container02 .bd ul li .mask .ico{ width: 1.75rem; height: 1.75rem;}
.container02 .bd ul li .mask h4{ margin-top: .75rem;}
.s_video ul{grid-template-columns: repeat(2,1fr);}
.s_video ul li:nth-child(7){ display: none;}
.s_video ul li:nth-child(8){ display: none;}
.s_video ul li .img{ height: 86px;}
.container05 ul{ grid-template-columns: 1fr;}
.container05 ul li a{ padding: 0 1.5rem; }
.container05 ul{ row-gap: 1rem;}
.container02 .bd .con{ font-size: .875rem;}
.news01 .txt{ padding: 4rem 1.25rem 1.25rem;}
.news01 .txt h5{ font-size: 1rem; margin-right: 6rem;}
.news01 .arrbox{ bottom: 1rem;}
.news01 .arrbox>div{ margin-left: 10px;}
.tc_form{ padding: 3rem 1.5rem 5rem;}
.tc_form .span{ width: 4.5rem;}
.tc_form .tc_close{ top: 1rem; right: 1rem;}
.tc_form .tt{ font-size: 1.5rem;}
.n_nav dl { padding: 1rem 0; }
#n_main{ padding-bottom: 2rem;}
.n_coop ul{ grid-template-columns: repeat(3,1fr); column-gap: 1rem;}
.n_faq dl{ padding: 1.25rem;}
.n_faq .bd{ row-gap: 1.5rem;}
.page .box{ margin-top: 2.5rem;}
.n_hd{ margin-bottom: 1.75rem; padding-bottom: 1.25rem;}
.btn_faq{ width: 9.5rem;}
.n_tt2{ font-size: 1.5rem;}
.n_faq dl dt h3{ font-size: 1.125rem;}
.n_faq dl .span{ width: 1.75rem;}
.n_shipin ul{ grid-template-columns: 1fr; row-gap: 1.5rem;}
.position{ display: none;}
.n_nav{ padding:1.875rem  1.5rem 1rem !important;}
.right_con{ margin-top: 1.5rem;}
.n_shipin ul li a { grid-template-columns: 10.125rem 1fr; column-gap: 1rem;}
.n_nav dt a h3{ font-size: 1.125rem;}
.n_tt{ font-size: 1.375rem;}
.n_register{ padding: 3rem 2rem 1rem;}
.n_register .tt{ font-size: 1.5rem; margin-bottom: 1rem;}
.n_register .el-form-item__label{ font-size: 1rem; line-height: 1.5; padding-bottom: 4px;}
.n_register .el-form-item{ margin-bottom: 18px;}
.n_register .el-form-item__error{ padding-top: 0;}
.studyForm .tt {  line-height: 1.7;  margin-bottom: 1rem;}
.studyForm .flex .tt{ margin-bottom: 0; line-height: 40px;}
#m_logo{ padding-top: 3px;}
.asidenav ul li .ico{ height: 1.875rem;}
.el-radio{ margin-bottom: 10px;}
.el-checkbox-group,.el-radio-group{ display: grid; grid-template-columns: repeat(2,1fr);}
.el-checkbox {
    line-height: 30px;
    display: block;
}
}