@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)
{
    .s_layout .hd ul li:hover i{ opacity: 1; visibility: visible;}
.n_subnav ul li:hover a{ color: #fff; }
.n_subnav ul li:hover a:before{ border: 2px solid #cdbb8c;}
.n_subnav ul li:hover a:after{ width: 100%;}

.n_subnav2 ul li:hover a{ color: #fff; }
.n_subnav2 ul li:hover a:before{ border: 2px solid #0c63d0;}
.n_subnav2 ul li:hover a:after{ width: 100%;}
}

@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_behaviours .box1{padding: 5rem 2.5rem 4rem;}
    .n_behaviours .box1 ul li .con{ padding: 2rem 1rem;}
    .n_behaviours .box2{padding: 5rem 2.5rem 4rem;}
}

@media (max-width: 1360px)
{
    .n_coop02 ul{ grid-template-columns: repeat(6,1fr); gap: 1.5rem;}
    .linian_list{ grid-auto-rows: 12rem;}
}

@media (max-width: 1280px)
{
    .n_coop02 ul{ grid-template-columns: repeat(5,1fr); gap: 1.5rem;}
    .n_behaviours .box1 ul li .con { padding: 2rem 0;}
    .n_behaviours .box2 ul{ grid-auto-rows: 5rem;}
}

@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;}
 body{ padding-top: 4.5rem;}
 #banner .swiper-button-white{ display: none;}
 .s_about .txt{ margin-left: 0; max-width: 620px;}
 .s_about .m{ display: flex; justify-content: flex-end;}
 .dotbox{ display: block;}
 .n_hehuo ul{ grid-auto-rows: 17rem;}
 .m{ padding: 0 80px;}
 #nav_27{ transform: translateY(-4.5rem); }
 .n_about{ background-size: 30rem;}
 .n_ziben ul{ gap: 2rem;}
 .n_about .m { grid-template-columns: 13.75rem 1fr;}
 .n_banner{ height: 20rem;}
 /* .n_subnav{ display: none;} */
 .n_buju01{ padding-top: 2.5rem;}
 .n_search{ margin-top: 2rem;}
}

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

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

@media (max-width: 992px)
{
    .n_licheng .bd{ display: none;}
	.licheng_slide_wap{ display: block;}
    .n_coop02 ul{ grid-template-columns: repeat(4,1fr); gap: 1.5rem;}
    .m{ padding: 0 60px;}
}

@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;}
.s_about .txt{ max-width: inherit; padding-bottom: 4rem;}
.s_layout .bd .img:after{ padding-top: 25rem;}
.s_layout .bd .txt{ height: 25rem;}
.s_layout:before{ height: 30rem;}
#foot .box1 .m{ flex-direction: column; align-items: flex-start;}
.foot_lianxi{ margin-bottom: 2rem;}
.foot_link dl{ width: 16rem;}
#banner .swiper-container{ height: 30rem;}
#site_map_box dd{ padding: 10px 26px;}
#site_map_box .box{ width: 337px;}
.xq_qicai .m{ flex-direction: column;}
.xq_qicai .m .left_con{ padding: 0;}
.xq_qicai .m .right_con{ border: 0; padding: 0; width: 100%;}
.xq_qicai .hd{ padding-bottom: 1.75rem; margin-bottom: 1.75rem;}
.xq_qicai .m .right_con{ padding-top: 0 !important; margin-top: 0;}
.n_news01 .m{ flex-direction: column;}
.n_news01 .hd{ width: 100%;}
.n_news01 .bd{ width: 100%; margin:0;}
.n_coop02 ul{ grid-template-columns: repeat(3,1fr); gap: 1.5rem;}
.n_yanbao .m{ grid-template-columns: 1fr; gap: 2rem;}
.yanbao_nav{ grid-template-columns: repeat(3,1fr);}
.linian_list li .box .con{ height: 5.25rem; padding: 0 1rem;}
.n_behaviours .outbox{ grid-template-columns: 1fr;}
.n_behaviours .box1{ grid-column: 1/2;}
.n_behaviours .box1 ul{ grid-template-columns: 1fr 1fr 1fr; overflow: hidden;}
.n_behaviours .box1 ul li {margin-left: -1px; margin-top: -1px; }
.n_buju04 .bd ul{ grid-template-columns: repeat(2,1fr); gap: 10px;}
.n_subnav ul{ gap: 6px;}
.n_hd2 .arr{ width: 3rem; height: 3rem;}
.n_about .tt h3 br{ display: none;}
.n_lianxi .m{ flex-direction: column; gap: 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;}
.n_banner{ height: 10rem;}
.n_banner h3{ font-size: 1.375rem;}
#banner .swiper-container{ height: 15rem;}
#banner .swiper-pagination{ bottom: 0 !important;}
#banner .dotbox{ bottom: 1rem;}
.dotbox .dots{ width: 15px !important; height: 15px !important;}
.s_about .txt h3{ font-size: 1.875rem;}
.s_shuzi ul li div span{ font-size: 2.875rem;}
.s_shuzi ul{ grid-template-columns: 2fr 2fr; gap: 1.75rem;}
.s_news .m{ grid-template-columns: 1fr; gap: 1.5rem; }
.s_news .bd2 ul li .img:after{ padding-top: 17rem;}
.s_layout .hd ul{ gap: 2rem;}
.s_tt span{ font-size: 2rem;}
.s_rukou ul{ grid-template-columns: 1fr;}
.s_layout .bd .item{ grid-template-columns: 1fr;}
.s_layout .bd .img:after{ padding-top: 17rem;}
.s_layout .bd .txt{ height: 17rem; padding: 2.5rem 2rem;}
.s_layout .bd .txt .con{ margin-bottom: 1.25rem;}
.s_layout .bd .txt h3{ margin-bottom: 1rem;}
.s_layout .swiper-button{ bottom: 50%;}
.s_layout .swiper-button-prev{ right: auto; left: 100%; margin-left: -7.5rem;}
.s_layout .swiper-button-next{ right: auto; left: 100%; margin-left: -3.75rem;}
#foot .box2 .m{ flex-direction: column; gap: 1rem; align-items: flex-start;}
.foot_link{ display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: 1.5rem 1rem;}
.foot_link dl{ width: 100%;}
.foot_link>a{ grid-column: 1/3;}
#site_map_box dd a{ margin-right: 18px;}
#site_map_box dd h1{ margin-bottom: 4px;}
.s_news .bd2 ul li .txt h5{ font-size: 1.25rem;}
.n_banner p{ font-size: 2.25rem;}
.n_licheng{ padding: 2rem 0;}
.ar_title{ margin-bottom: 1.5rem;}
.ar_title .time{ width: 5.5rem; height: 6rem; margin-right: 15px;}
.ar_title h3{ font-size: 1.375rem;}
.ar_title2{ margin-bottom: 1.5rem; padding-bottom: 1rem;}
.ar_title2 .time{ width: 5.5rem; height: 6rem; margin-right: 15px;}
.ar_title2 h3{ font-size: 1.375rem;}
#share-21.social-share{ margin-top: 3px;}
.right_tuijian .tt{ margin-bottom: 1rem;}
.n_news02 ul li{ width: 100%;}
.page .box{ margin-top: 2.5rem;}
.n_news01 .m{ gap: 0;}
.n_news01 .hd{ border-radius: 10px 10px 0 0;}
.n_news01 .bd{ border-radius: 0 0 10px 10px; padding: 2rem;}
.n_news01 .txt h5{ font-size: 1.375rem;}
.n_news01 .slick-dotted.slick-slider{ margin-bottom: 0;}
.n_coop02 ul{ gap: 1.5rem 1rem;}
.n_coop02 ul li .mask{ padding: 1rem;}
.n_subnav ul li{ min-width: 8.5rem; padding: 0 5px;}
.n_subnav ul li a{ height: 3.75rem; line-height: 3.75rem;}
.n_down{ margin-top: 2rem;}
.n_hehuo ul{ grid-template-columns: 1fr; grid-auto-rows: 14rem;}
.n_hehuo ul li{grid-column:auto !important; grid-row: auto !important;} 
.yanbao_list li a{ padding: 1.25rem 1rem;}
.yanbao_nav li a{ line-height: 3rem;}
.n_about .m{ grid-template-columns: 1fr; gap: 2rem;}
.n_about { background-size: 24rem;}
.n_about ul{ grid-template-columns: repeat(2,1fr); gap: .5rem; margin-bottom: 2rem;}
.n_about ul li span{ text-align: left; font-size: 3rem;}
.n_about ul li p{ text-align: left;}
.n_ziben ul{ grid-template-columns: 1fr; gap: 1.5rem;}
.linian_list{grid-template-columns: repeat(2,1fr);}
.n_behaviours .box1 ul { grid-template-columns: 1fr;}
.n_behaviours .box1 { padding: 2rem 1.5rem 2rem;}
.n_behaviours .box1 ul li h3 { font-size: 1.375rem; padding: 1rem 0;}
.n_behaviours .box1 ul li .con { padding: 1rem 0;}
.n_behaviours .tt,.n_behaviours .box2 .tt{ font-size: 1.375rem;}
.n_behaviours .box2 ul li span{ font-size: 1.0625rem;}
.n_behaviours .box2 { padding: 3rem 1.5rem 2rem;}
.n_behaviours .tt{ margin-bottom: 1.5rem;}
.linian_list li{ align-items: flex-start; padding: 2rem 0;}
.linian_list { grid-auto-rows: inherit;}
.linian_list li .box .con{ height: auto;}
.n_point ul li .box p{ margin: 0 10px; font-size: 12px;}
.n_point ul li .box .ico{ width: 9rem; height: 9rem;}
.n_item01 .n_bd, .n_item02 .item{ grid-template-columns: 1fr; gap: 10px;}
.n_hd ul{ display: grid; grid-template-columns:1fr 1fr 1.5fr; width: 100%; position: absolute; gap: 0; top: 100%;}
.n_item02 .n_hd{ flex-flow: wrap; position: relative; overflow: visible; margin-bottom: 7rem;}
.n_item02 .n_hd ul{ margin: .5rem 0;}
.n_item02 .n_hd ul li{ justify-self: flex-start;}
.n_item02 .n_hd ul li a{ line-height: 3rem;}
.n_bd{ margin-bottom: 2rem;}
.n_hd h3{ line-height: 3.5rem;}
.n_item03 .box h4 a{ font-size: 1rem;}
.n_search .box{ height: 9rem;}
.n_subnav{ margin-bottom: 1.25rem;}
.n_subnav ul li a{ padding: 0 10px;}
.n_buju04 .bd ul li .box h4{ font-size: 1.25rem;}
.n_buju04 .bd ul li .box span{ font-size: 1.125rem;}
.n_buju04 .bd ul li{ padding: 2rem 1rem;}
.n_tt h3{ font-size: 1.75rem;}
.n_tt span{ font-size: 1.5rem;}
/* .n_subnav ul li{ width: 100%;} */
.tc_team .box{ flex-direction: column; gap: 0;}
.tc_team{ padding: 3rem 1.5rem;}
.tc_team .box .img{ max-width: 11rem;}
}