@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)
{
.n_rencailinian .hd ul li:hover{ color: #000000; }
.n_rencailinian .hd ul li:hover:after{ transform: scaleX(1); visibility: visible;}
.n_wenhua2 ul li:hover{ transform: translateY(-2.5rem);}
}

@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)
{
    #foot .box1 .left{ margin-right: 8rem;}
}

@media (max-width: 1600px)
{

}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
    #foot .box1 .left{ margin-right: 6rem;}
    .pro_slide{ margin-right: 3rem;} 
    .n_dangjian .right{ margin-left: 1rem;}
    .n_liuyan .m>.left{ margin-right: 5rem;}
    .n_news ul{ column-gap: 3rem;}
    .arrstyle .swiper-button-prev{ left: -5rem;}
    .arrstyle .swiper-button-next{ right: -5rem;}
    .n_zhici .left{ margin-right: 3rem;}
}

@media (max-width: 1360px)
{
    .n_liuyan .m>.left{ margin-right: 4rem;}
    .n_news ul{ column-gap: 2.5rem;}
}

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

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none; height: 4.5rem;}
#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_main{ padding-top: 4.5rem;}
.pro_left_con{ margin-right: 3rem;}
.prolist ul{ grid-template-columns: repeat(2,1fr);}
.n_liuyan .m>.left{ margin-right: 3rem;}
.n_campusjoin .bd .txt{ padding: 3rem 3rem;}
.join_banner{ height: 0; padding-top: 45%; }
.n_rencailinian .hd ul li{ font-size: 1.125rem;}
.n_rencailinian .right{ padding: 4rem 3rem;}
.n_wenhua .bd{ flex-direction: column;}
.n_wenhua .right{ margin-left: 0; margin-top: 3rem;}
.n_wenhua{ height: auto;}
.n_licheng .fl01 .w1200{padding: 3rem 0 0 15px !important;}
.n_licheng .fl02 .slick_bd h4{padding: 66px 0 15px;display: none;}
.n_licheng .fl02 .slick_bd .right{ width:95%}
.n_licheng .fl01 .slick_hd{ width:calc(100% - 9rem); padding:0}
.n_licheng .fl01 .arr_box{ width: 100%;}
#banner{ padding-top: 4.5rem;}
}

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

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

@media (max-width: 992px)
{
    .s_pro ul { 
        grid-template-columns: repeat(2,1fr); 
    }
    .s_pro ul li:nth-child(1){ grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1;}
    .s_pro ul li:nth-child(2){ grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;} 
    .s_server .bgbox .pic:before{ padding-top: 40rem;}
    .pro_xq01{ flex-direction: column;}
    .pro_slide{ width: 100%; max-width: 400px; margin: 0 auto; margin-bottom: 3rem; }
    .piaodai{ width: 18rem; height: 43rem;}
    .n_linian{ height: 28rem;}
    .n_news ul li a .txt{ padding: 1.875rem 2rem 2.5rem;}
    .n_lianxi02 .bd{ flex-direction: column;}
    .n_lianxi02 .bd .txt{ margin-right: 0; width: 100%;}
    .n_lianxi02 .bd .map{ margin-top: 2.5rem; height: 30rem; width: 100%; max-width: none;}
    .n_lianxi02 .txt{ row-gap: 1.25rem;}
    .n_wenhua2 ul{ grid-template-columns: repeat(2,1fr); row-gap: 2rem; padding-top: 0;}
 
}

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

}

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

@media (max-width: 768px)
{
.pad_top2{ padding-top: 4rem;}
.pad_bot2{ padding-bottom: 4rem;}
.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;}
.s_news .bd{ grid-template-columns: 1fr; row-gap: 1.5rem;}
.news01 .box .img{ height: auto;}
.s_news .left{ height: auto;}
#foot .box1 .right{ display: none;}
#foot .box1 .left{ margin-right: 0;}
#banner .txt h3{ font-size: 2rem;}
#banner .txt p{ font-size: 1.75rem;}
.prolist ul{ grid-template-columns: repeat(1,1fr);}
.n_dangjian .lou{ margin-top: 0;}
.n_dangjian .right{ margin-left: 2rem;}
#foot .box1 .left{ display: flex; width: 100%; justify-content: space-between;}
.piaodai{ width: 16rem; height: 46rem;}
.n_liuyan .m .right{ display: none;}
.n_liuyan .m>.left{ margin-right: 0;}
.n_liuyan .n_tt{ margin-bottom: 2rem;}
.n_news ul{ grid-template-columns: repeat(2,1fr);}
.news_xq_right{ display: none;}
.n_contact .bd{ padding-left: 5rem;}
.n_shezhao .bd ul{ column-gap: 1rem; grid-auto-rows: 9.75rem;}
.n_shezhao .bd ul li a{ padding: 1rem;} 
.dotbox{ margin-top: 2rem;}
.n_rencailinian .m{ grid-template-columns: 1fr;}
.n_rencailinian .left{ border-radius: .625rem .625rem 0 0;}
.n_rencailinian .right{ border-radius: 0 0 .625rem .625rem;}
.n_rencailinian .hd{ margin-bottom: 1rem;}
.n_rencailinian .right{ padding: 2rem;}

.n_licheng .fl01{height: 24rem;}
.n_licheng .fl02 .slick_bd .right p{ font-size:13px;}
.n_licheng .fl01 .slick_hd li h4{ font-size:2rem}
}

@media (max-width: 480px)
{
.pad_top{ padding-top:3rem !important;}
.pad_bot{ padding-bottom:3rem !important;}
.pad_top2{ padding-top:2.5rem !important;}
.pad_bot2{ padding-bottom:2.5rem !important;}
.m{ padding: 0 15px;}
#foot{ padding-top: 3.5rem;}
#foot .box2{ flex-direction: column; padding-bottom: 2.5rem;}
.foot_lianxi{margin-bottom: 1.5rem;text-align: center;}
.foot_lianxi dl{margin-right: 2rem;display: flex;justify-content: center;}
.foot_lianxi dl:nth-child(1){ flex-shrink: 0;}
#banner .swiper-container{ height: 20rem;}
#banner .txt h3{ font-size: 1.75rem;}
#banner .txt p{ font-size: 1.375rem; margin-top: .5rem; margin-bottom: .75rem;}
#banner .txt{ padding-top: 2.5rem;}
#banner .swiper-button-white{ width: 3rem; height: 3rem;}
#banner .swiper-button-white .arr{ width: 1rem; height: 1rem;}
.s_tt h3{ font-size: 1.75rem; margin-bottom: .75rem;}
.circle_anim{ width: 20rem; height: 20rem;}
.s_pro ul li .txt{ padding: 0 10px;}
.s_pro ul li .txt h3{ font-size: 1rem; margin-bottom: .5rem;}
.s_pro ul li:nth-child(1) .txt h3{ font-size: 1.625rem; margin-bottom: 1.25rem;}
.btn_border{ padding: 0 1rem;}
.s_pro ul li .btn_arr{ width: 1.5rem; height: 1.5rem; right: 1rem; bottom: 1rem;}
.s_pro ul li .btn_arr svg{ width: .75rem; height: .75rem;}
.s_pro ul{ column-gap: .5rem; row-gap: .5rem;}
.s_news .bd{ row-gap: 1rem;}
.s_server .underbox .m{ display: block;}
.s_server .underbox .m{ flex-direction: column;}
.s_server .underbox .m{ padding: 0 15px;}
.s_server .hd{ padding-top: 2rem;}
.s_server .hd:before{ width: 100%; height: 1px; top: auto; bottom: 0;}
.s_server .hd .swiper{ height: auto;}
.s_server .hd li{ text-align: center;}
.s_server .hd h3{ font-size: 1.125rem; text-align: center; padding: 1.5rem 0; display: inline-block;}
.s_server .hd h3:before{ width: 0; height: 3px; top: auto; bottom: 0;}
.s_server .hd li.swiper-slide-thumb-active h3:before{ height: 3px; width: 100%; top: auto; bottom: 0;}
/* .s_server .hd .swiper-slide{ width: auto;} */
.s_server .txt{height: auto;width: 100%;
    padding: 18rem 0;
    margin: -132px 12px;}
.s_server .bd{ flex-grow: 0; margin: 0;}
.s_server .bgbox .pic:before{ padding-top: 35rem;}
.s_server .txt .ico{ height: 3rem;}
.s_server .txt h3{ font-size: 1.375rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.s_server .swiper-button-prev, .s_server .swiper-button-next{ width: 3rem; height: 3rem; top: auto; bottom: 3rem;}
.s_server .swiper-button-prev{ left: 50%; margin-left: -3.5rem;}
.s_server .swiper-button-next{ right: 50%; margin-right: -3.5rem;}
.dotbox{ top: auto; bottom: 2rem;}
.dotbox .dots{ width: 1.5rem !important; height: 1.5rem !important; }
.s_server .swiper-button-prev,
.s_server .swiper-button-next{ display: block;}
.s_server .txt .ico{ height: 2.5rem;}
.n_pro_xq .m{ flex-direction: column;}
.pro_left_con{ position: static; width: 100%; margin-right: 0; margin-bottom: 2rem;}
.pro_right_con{ width: 100%; }
.pro_xq02 .hd ul li{ margin-right: 2rem;}
.pro_info .tt h3{ font-size: 1.5rem;}
.pro_info .tt{ padding-bottom: 1.25rem; margin-bottom: 2rem;}
.pro_info .tag{ margin-bottom: 1rem;}
.pro_xq02{ padding-top: 1.5rem;}
.pro_xq02 .hd{ margin-bottom: 2.5rem;}
.pro_xq02 .bd .item{ padding-bottom: 2rem;}
.ar_article caption{ font-size: 1.125rem;}
#foot .box1 .left{ display: block;}
.n_dangjian .m{ flex-direction: column;}
.n_dangjian .right{ position: absolute; right: 0; bottom: -.5rem;}
.piaodai{ width: 9rem; height: 20rem;}
.n_dangjian .tt{ margin-bottom: 1.5rem;}
.n_dangjian .tt img{ width: 3.5rem;}
.n_dangjian .tt h3{ font-size: 1.875rem;}
.n_dangjian .con{ margin-bottom: 3rem;}
.btn_arrdown{ width: 3rem; height: 3rem;} 
.n_tt{ margin-bottom: 1.75rem !important;}
.n_tt span{ font-size: 1.125rem; margin-bottom: 3px;}
.n_tt h3{ font-size: 1.5rem;}
.n_lianxi .m{ flex-direction: column; overflow: hidden;}
.n_lianxi .txt{ margin-right: 0; margin-bottom: 2.5rem;}
.n_lianxi .ewm{ margin: 0 auto;}
.n_lianxi .txt .n_tt{ text-align: center;}
.form_shouhou .span{ line-height: 3.25rem;}
.form_shouhou .row .group{ width: 100%; margin-bottom: 10px;}
.form_shouhou .row{ flex-direction: column; margin: 0;}
.form_shouhou .button{ height: 3.25rem;}
.n_linian{ height: 15rem;}
.n_linian .con{ margin-top: 1.5rem !important;}
.n_linian .txt{ min-height: 8.5rem;}
.n_news ul{ grid-template-columns: 1fr; row-gap: 1.75rem;}
.loadmore{ width: 9rem; height: 3rem;}
.n_news ul li a .txt p{ margin-bottom: 1.5rem;}
.foot_tel{ text-align: center;}
.foot_ewm{ justify-content: center;}
.foot_ewm .ewm{ margin: 0 .75rem;}
.foot_lianxi{ display: block;}
.foot_lianxi dl{ margin-right: 0;}
.copyright{ text-align: center;}
.ar_title .box1 h3{ font-size: 1.5rem; line-height: 2.125rem;}
.ar_title .tag a{ padding: 0 1.0625rem;}
.ar_title .time{ width: 5rem; height: 5.25rem;}
.ar_title .timebox{ margin-right: 1.25rem;}
.ar_title .box1{ margin-bottom: .25rem;}
.ar_title{ padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
#foot{ padding-top: 3rem;}
.arrstyle .swiper-button-prev{ left:-1rem;}
.arrstyle .swiper-button-next{ right:-1rem;} 
.arrstyle .swiper-button-white{ width: 2.5rem; height: 2.5rem; border-radius: 50%;}
.arrstyle .swiper-button-white .arr{ width: 1.25rem; height: 1.25rem;}
.pro_xiangguan .box{ padding: 1rem;}
.pro_xiangguan .box .txt h4{ font-size: 1rem;}
.n_apply .box .txt{ padding: 1rem;}
.n_apply .box .txt p{ height: 4.5rem; margin-bottom: 1rem;}
.n_apply .box .txt h4{ font-size: 1.25rem;}
.n_apply .box .txt span{ opacity: 1; visibility: visible; height: 2.25rem;}
.n_apply .box .txt{ height: 14rem !important;}
.n_apply.arrstyle .bd{ padding-bottom: 4rem;}
.n_apply.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_apply.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 
.join_banner .btn_arrdown{ margin-bottom: 1.375rem;}
.n_campusjoin .bd{ grid-template-columns: 1fr;}
.n_campusjoin .bd .txt{ padding: 2rem;}
.n_liucheng ul{ display: grid; margin-top: .5rem; grid-template-columns: repeat(4,1fr); row-gap: 2rem; }
.n_liucheng ul li{ }
.n_liucheng ul li .ico{ width: 4rem; height: 4rem;}
.n_liucheng ul li h4{ font-size: .875rem; text-align: center; margin-top: 1rem; height: 2rem; margin-bottom: .625rem;}
.n_liucheng ul li i{ width: 10px; height: 10px; margin-bottom: 10px; display: none;}
.n_liucheng ul:before{ display: none;}
.n_contact .bd{ height: 16rem; background-size: auto 100% !important;}
.n_contact .bd dl+dl { margin-top: 1rem; }
.n_contact .bd{ padding-left: 2rem;}
.n_contact .bd dl dd{ font-size: 1.75rem;}
.n_contact .bd dl dt{ font-size: 1rem;}
.n_lianxi01{ height: 18rem;}
.n_lianxi01 .txt h3, .n_lianxi01 .txt h4{ font-size: 2rem;}
.n_lianxi01 .txt span{ font-size: 1.0625rem; line-height: 1.125rem;}
.n_fazhan.arrstyle .bd{ padding-bottom: 4rem;}
.n_fazhan.arrstyle .swiper-button-white{ background: none;}
.n_fazhan.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_fazhan.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 
.n_fazhan .con{ font-size: 1rem; line-height: 2rem; margin-bottom: 1.5rem;}
.n_shezhao .bd ul{ grid-auto-rows: 7rem;}
.n_shezhao .hd{ margin-bottom: 2rem;}
.n_shezhao .hd ul li a{ width: 9rem; height: 3rem;}

.n_gzhuangjing.arrstyle .bd{ padding-bottom: 4rem;}
.n_gzhuangjing.arrstyle .swiper-button-white{ background: none;}
.n_gzhuangjing.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_gzhuangjing.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 
/* .n_gzhuangjing .swiper-slide .img{ height: 23rem;} */
.n_fazhan .txt h4{ font-size: 1rem;}
.n_rencailinian .dotbox .dots { width: 10px !important; height: 10px !important;}
.n_wenhua2 ul li .txt{ padding-top: 2.5rem;}
.n_wenhua2 ul li .img{ height: 18rem;}
.n_wenhua2 ul li .txt h5{ font-size: 1.375rem;}
.n_wenhua2 ul li .txt i{ margin-bottom: 1rem;}

/* .n_style.arrstyle .bd{ padding-bottom: 4rem;} */
.n_style.arrstyle .swiper-button-white{ background: none;}
/* .n_style.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_style.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;}  */
.waves{ height: 150px;}
.n_wenhua2 ul{ row-gap: 8px; column-gap: 8px;}
.n_style .box .txt{ padding: 1rem 1rem; height: 7rem;}
.n_style .box{ margin: 0 2.25rem;}
.n_wenhua .right{ margin-top: 1.5rem;}
.n_about{ height: auto; padding-bottom: 3rem !important;}
.btn_video2{ width: 4rem; height: 4rem;}
.n_about .hd{ margin-bottom: 1.5rem;}
.n_about { background: url(../images/n_about_bg_wap.jpg) center bottom no-repeat #152343; background-size: 100% auto;}
.n_about .con { font-size: .9375rem; line-height: 1.75rem; color: #fff; margin-bottom: 1.5rem;}
.n_licheng .fl01 .m { padding: 3rem 0 0 2.25rem;}
.n_licheng .fl01{ height: 14rem;}
.n_licheng .fl02 .slick_bd .right{ padding-bottom: 2rem;}
.n_zizhi .box{ padding: 2rem 1rem;}
.n_zizhi .box h4{ margin-top: 1rem;}

.n_zizhi.arrstyle .bd{ padding-bottom: 4rem;}
.n_zizhi.arrstyle .swiper-button-white{ background: none;}
.n_zizhi.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_zizhi.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 


.n_shili.arrstyle .bd{ padding-bottom: 4rem;}
.n_shili.arrstyle .swiper-button-white{ background: none;}
.n_shili.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.n_shili.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 
.copyright .ico{ margin: 0 1rem;}
.copyright .flex .flex{ text-align: center; width: 100%; justify-content: center; margin-top: 1rem;}
.pro_nav h3 { height: 3.0625rem;}
/* .n_dangjian .lou { margin-top: 0; position: absolute; bottom: 0; left: 0; width: 97%;} */
.n_dangjian{ height: auto;}
.form_shouhou .textarea{ margin-top: .875rem;}
.ar_article h3{ font-size: 1.5rem; margin-bottom: 1rem;}

.pro_xiangguan.arrstyle .bd{ padding-bottom: 4rem;}
.pro_xiangguan.arrstyle .swiper-button-white{ background: none;}
.pro_xiangguan.arrstyle .swiper-button-prev{ left:50%; margin-left: -3rem; bottom: 0; top: auto;}
.pro_xiangguan.arrstyle .swiper-button-next{ right:50%; margin-right: -3rem; bottom: 0; top: auto;} 
.n_zhici .bd{ flex-direction: column-reverse;}
.n_zhici .bd .left{ margin-right: 0; margin-top: 2rem;}
.pic05 .box .con .ico{ width: 3rem; height: 3rem;}
.n_search .tt{ margin-bottom: 2rem;}
}