@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:12px;}}
@media (min-width:329px) and (max-width:480px){html{font-size:12px;}}


@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)
{
    #n_licheng .slick-prev{ left: -4rem;}
    #n_licheng .slick-next{ right: -4rem;}
    .n_contact .right{ padding-left: 4rem;}
}

@media (max-width: 1360px)
{
 
}

@media (max-width: 1280px)
{ 
    #banner li .img,#banner .con{ height: 43rem;}
    .s_gg .m p{ font-size: 3.5rem; letter-spacing: 0;}
    .s_gg .m .pic{ padding-right: 2rem; margin-right: 2rem;}
    .n_about01 .left{ padding-right: 4rem;}
    .n_team ul li{ width: 33.333%;}
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.zt_bn{ margin: 0;}
.online_q{ display:none;}
.n_nav {float: none;}
#n_banner{ height: 14rem;}
body{ padding-top: 4.5rem;}
#foot .center{ margin: 0 2rem;}
.form_CV .groupbox{ width: 50%;}
.form_CV .groupbox.yzmbox{ width: 50% !important;}
.n_contact .right{ padding-left: 3rem;}
#n_news_xq .left_con{ padding-right: 2rem; width: calc(100% - 300px);}
#n_news_xq .right_con{ width: 300px; margin-top: 0;}
.getreport .groupbox{ width: 33.333%;}
}

@media (max-width: 1100px)
{
    .left_con,.right_con{ width:100%; float:none;}
    .right_con{ margin-top:2rem; padding: 0;}
    .n_nav { overflow:hidden;
        border-top: 5px solid #50a7c2;
        border-left: 1px solid #d4dae0;
    }
    .n_nav ul{  flex-wrap: wrap ;justify-content: space-between ;}
    .n_nav ul li{  flex-grow: 1;float:left; min-width:33.333%}
    .n_nav ul li a{ padding-left:1rem; height:45px; line-height:44px; padding-right:9px;}
    .n_nav ul li a:after{ right:1rem; width:6px; height:6px; margin-top:-3px;}
    .web{ display:none;}
.wap{ display:block !important;}
.foot_nav{ display: none;}
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
    .s_about .left{ margin-bottom: 3rem; width: auto;}
    .s_about .m{ flex-direction: column;}
    .s_about .right{ padding-left: 0;}
    .s_about .con{ margin-bottom: 3rem;}
.s_about .m .txt{ max-width: inherit; margin: 0;}
.s_about .m .img{ max-width: 100%; margin-top: 4rem;}
.s_about ul{ text-align: center;}
.n_team_xq .left{ flex-shrink: .5;}
.n_team_xq .right{ padding-bottom: 2rem; padding-left: 3rem;}
.n_contact .flex{ flex-direction: column;}
.n_contact .left{ width: 100%;}
.n_contact .right{ width: 100%; height: 400px; padding: 0; margin-top: 2rem;}
}

@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;}
#foot .m{ flex-flow: wrap;}
#foot .left{ width: 100%; margin-bottom: 3rem;}
#foot .center{ margin-left: 0;flex-grow: 1;}
#foot .ewm{ margin-right: 0;}
#foot .ewm+.ewm{ margin-left: 10px;}
.s_about{ padding-top: 5rem;}
.tc_shipin .tc_close{ right: 0;}
.form_fuwu .row{ flex-flow: wrap;}
.form_fuwu .groupbox{ width: 100%;}
.form_fuwu .groupbox{ padding-top: 0;}

.n_pro01 table th{ width: auto !important;}
.n_pro01 table th{ padding: .5rem; white-space: nowrap;}
.n_pro01 table th:nth-child(1){ width: 130px !important;}
.n_pro01 table th:nth-child(2){ width: 150px !important;}
.n_pro01 table th{ padding: 1rem 0;}
.j_pages{ margin-top: 2.5rem;}
.j_pages .box{ text-align: center;}
.s_news01 ul li a .img{ width: 50%;}
.s_news01 ul li a .txt{ padding-left: 1rem;}
.s_news02{ margin-top: 0;}
.dot_position{ height: 3rem;}
#n_wenhua .n_tt{ position: relative;}
#n_wenhua ul li{ width: 50%;}
#n_wenhua ul{ flex-flow: wrap; height: auto; background: none;}
#n_wenhua ul li:nth-child(1){ margin-top: 2rem;}
#n_wenhua ul li:nth-child(2){ margin-top: 0;}
#n_wenhua ul li:nth-child(3){ margin-top: 2rem;}
#n_wenhua ul li .box{ height: 22rem;}
#n_licheng .slick-arrow{ top: auto; bottom: -4.5rem}
#n_licheng .slick-prev{ left: 50%; margin-left: -4rem;}
#n_licheng .slick-next{ right: 50%; margin-right: -4rem;}
#n_licheng ul{ margin-bottom: 2rem;}
.n_banner{ height: 15rem;}
.n_banner h3{ margin-bottom: .5rem;}
.n_banner span{ letter-spacing: 3px;}
.foot_contact{ width: 100%; margin-bottom: 2rem;}
.n_team ul li{ width: 50%;}
.n_team_xq .m{ flex-direction: column; align-items: center;}
.n_team_xq .left{ margin-bottom: 2rem;}
.n_team_xq .right{ padding: 0;}
.form_CV .groupbox{ width: 100%;}
.form_CV .groupbox.yzmbox{ width: 100% !important;}
.zt_life .bd ul li{ width: 50%;}
.zt_tese .m{ flex-direction: column;}
.zt_tese .left{ width: 100%;}
.zt_tese .right{ margin-left: 0; margin-top: 2rem;}
.zt_tese{ background-color: #e8eefa; background-size: 200% !important;}
#n_news_xq .m{ flex-direction: column;}
#n_news_xq .left_con{ padding-right: 0; width: 100%; margin-bottom: 3rem;}
#n_news_xq .right_con{ width: 100%;}
.zt_what .bd .item{ flex-direction: column;}
.zt_what .bd .item .left{ margin-right: 0; margin-bottom: 2rem;}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.m{ padding: 0 15px;}
#banner .slick-arrow{ display: none !important;}
#banner li .img,#banner .con{ height: 15rem;}
#banner .slick-dots{ bottom: 15px;}
.s_tt h3{ font-size: 1.75rem;}
.s_tt span{ font-size: 11px;}
.s_tt img{}
.s_tt{ margin-bottom: 1.5rem;}
.s_about .m .img{ margin-top: 2rem;}
#banner .con h4{ font-size: 2rem;
    letter-spacing: 5px; margin-bottom: 6px;}
    .getreport .select-button,.getreport .select-wrapper{ width: 100% !important;}
    .s_team .team-bd ul li .pic img{ max-height: 368px;}
#banner .con h3{ font-size: 1.5rem; line-height: 1.3;} 

.s_team .team-hd ul li .pic{ max-width: 5.625rem;}
.s_news{ padding-bottom: 6rem !important;} 
.s_news .bd ul li a{ padding: 2rem 1rem;}
.s_news .bd{ padding-bottom: 1rem;}
.s_about{ padding-top: 4rem;}
.btn_tansuo{ width: 15rem; margin-right: 2rem;}
.s_news .bd ul li .txt{ margin: 1rem 0;}
.nav_tuijian ul li .ico{ width: 1.25rem; height: 1.25rem;}
.n_pro01{ overflow-x: auto;}
.n_pro01::-webkit-scrollbar {width: 3px;height: 3px;background-color: #eee; padding-bottom: 10px;}
.n_pro01::-webkit-scrollbar-track {border-radius: 10px;background-color: #eee;}
.n_pro01::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #50a7c2;}

.n_pro01 table{ width: 600px;}
.n_pro02 ul li{ width: 50%;}
.n_pro02 ul li:nth-child(1){ width: 100%;}
.n_news ul li{ height: auto;}
.n_news ul li a{ flex-direction: column; }
.n_news ul li a .img{ width: 100%; margin-bottom: 1.5rem;}
.n_news ul li a .txt{ width: 100%;}
.ar_fot a{ padding: 1rem;}

.n_position{ margin-bottom: 2rem;}
.n_pro_xq01{ margin-top: -1rem;}
.s_news02 ul li a{ padding: 1rem .5rem;}
.s_news02 ul li h5{ margin-bottom: 2rem;}
.s_team .m{ flex-direction: column;}
.s_team .m .left{ width: 100%; max-width: inherit;padding-bottom: 5rem;}
.s_team .m .right{ width: 100%; padding: 0;}
.s_team .team-hd{ margin-top: 2rem; margin-right: 3rem;}
.s_gg .m .box{ flex-flow: wrap;}
.s_gg .m p{ font-size: 2.25rem; margin-top: .5rem; width: 100%;}
.s_gg .m .pic{ border: 0; width: 10rem;}
.s_gg .m .btn_apply{ margin-top: 2rem; margin-left: 0; }
.s_school_life .hd{ margin-bottom: 2rem;}
.s_news .hd{ margin-bottom: 1rem;}

.foot_link{ width: 100%;}
.getreport .groupbox{ width: 100%;}
.getreport input[type="text"]{ width: 100%;}
.n_about01 .m{ flex-direction: column;}
.n_about01 .left{ padding: 0; margin-bottom: 2rem;}
.n_about01 .right{ width: 87%; align-self: flex-end; max-width: inherit;}
.n_about01 .tt{ margin-bottom: 1.5rem;}
.n_about01 .tt p{ font-size: 2.5rem; margin-bottom: .5rem;}
.n_about01 .tt h3{ font-size: 1.75rem;}
#n_wenhua ul li:nth-child(1){ margin-top: 1rem;} 
#n_wenhua ul li:nth-child(3){ margin-top: 1rem;}
#n_wenhua ul li .box{ height: 18rem;}
.n_banner{ height: 10rem;}
.n_banner h3{ font-size: 1.75rem; margin-bottom: .5rem;}
.n_banner span{ font-size: 1.5rem; letter-spacing: 3px;}
.n_team_xq .left{ max-width: inherit;}
.n_team_xq .left .pic img{ max-width: 68%;}
.n_team ul li a{ padding: 2rem 1rem;}
.n_team ul li .txt h4{ margin-bottom: .5rem;}
.n_team ul li .txt p{ margin-bottom: 1rem;}
.n_reserve .n_tt{ margin-bottom: 2rem;}
.n_news ul li .jia{ display: none;}
.zt_what .hd ul li{ padding: 0 5px;}
.zt_bn .m{ padding-top: 4rem;}
.zt_bn {
    height: 23.125rem; 
    background-size: 200%;
}
.zt_what .hd{ margin-bottom: 2rem;}
.zt_what .bd .item .tt h3{ font-size: 1.5rem;}
.zt_what .hd ul{ margin: 0 -5px;}
.video_slide .slick-arrow.slick-prev{ left: 0;}
.video_slide .slick-arrow.slick-next{ right: 0;}
.s_team .m .left{ padding-bottom: 2rem;}
.s_gg{ height: 190px;}
#foot .waveWrapper{ display: none;}
.s_news{ padding-bottom: 3rem !important;}
.s_team .team-bd ul li .pic{ height: 31rem;}
.s_news01 ul li a .img{ width: 100%;}
.s_news01 ul li a{ flex-direction: column;}
.s_news .bd ul li .txt{ padding-left: 0;}
.s_news01 ul li a .txt h5{ font-size: 1.25rem; margin-bottom: .5rem;}
.s_news02 ul li h5{ margin-bottom: 1rem;}
.s_news01 .slick-dots{ left: 0; width: 100%;}
#banner .con .bnmask{ background-size: 100%; width: 69%;}
#banner .txt p{ font-size: 6rem;}
#banner .txt{ padding-left: 0;}
.n_team_xq .m{ display: block;}
.n_team_xq .left .pic{ height: 32rem;}
#n_main{ padding-bottom: 3rem;}
.zt_shizi{ background: #2e83d3;}
}























