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

@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)
{
 	#banner .swiper-container { height:45rem; }
 
}
@media (max-width: 1600px)
{

#nav ul li a{ padding: 0 1rem;}

#piaofu_news,#piaofu_news.xg{ margin-left: -680px;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
#nav ul li a{ padding:0 .8rem;}
#nav ul li h3{ font-size:1rem;}
	#banner .swiper-container { height:40rem; }
	#piaofu_news ul li font:hover:before{ width: 100%;}
}
@media (max-width: 1360px)
{
 .m{ padding:0 4rem; max-width:inherit; width:auto;}
	#foot .left_box{ width: 55%; float: left;}
	#foot .right_box{ width: 40%; float: right; padding-left: 4rem;}
}
@media (max-width: 1280px)
{
#nav{ margin-right:1.5rem;}
#n_news_xq .right_con{ display: none;}
#n_news_xq .left_con{ width: 100%; float: none;}
}

@media (max-width: 1200px)
{
	#nav{ margin-right:0;}
	#nav ul li { margin: 0;}
	#nav ul li a{ padding:0 .4rem;}
	.m{ padding:0 3rem; max-width:inherit; width:auto;}
	#foot .left_box{ width: 53%; float: left;}
	#foot .right_box{ width: 45%; float: right; padding-left: 4rem;}
	#header{ display:none;}
	#m_header{ display:block; padding: 0 3rem;}
	#nav_btn_box{ display:block;}
	#n_banner{ margin-top: 4.5rem;}
}
@media (max-width: 1100px)
{
 #banner .swiper-container { height:35rem; }
	#s_news .left_box{ width: 50%;}
	#s_news .right_box{ width: 50%;}
	
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
#banner{ margin-top:0;}
.m{ padding:0 2rem; max-width:inherit; width:auto;}
#n_pro_xq .topbox .img{ width: 100%; float: none;}
#n_pro_xq .topbox .txt{ width: 100%; float: none; padding: 0; margin-top: 2rem;}	
	#n_zhuanjia ul li .img{ width: 10rem; height: 10rem;}	
	#n_join .left_box{ display: none;}
	#n_join .right_box{ width: 100%; float: none; padding-left: 0;}
	#n_licheng .left_box{ display: none;}	
	#n_licheng .right_box{ display: block; width: 100%;}
	#n_licheng ul li:hover .year span{ font-size:2rem; } 
}
@media (min-width:481px) and (max-width:992px){ 
 

}
@media (max-width: 860px)
{
	#s_news .left_box{ width: 100%; float: none;}
	#s_news .right_box{ width: 100%; float: none; padding: 0;}
	#s_pro ul li{ width: 50%; margin-bottom: 1rem;}
	#s_pro.n_pro ul{ margin-top: 0;}
	#s_pro.n_pro ul li{ margin-top:0;}
	.bn_box .item{ width:100%; margin-bottom: 1rem;}
}
@media (max-width: 767px)
{
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}

.m{ padding:0 15px; max-width:inherit; width:auto; }

	#foot .left_box{ width:100%; float: none;}
	#foot .right_box{ width:100%; float: none; padding: 0; border: 0;}
	.foot_nav{ display: none;}
	.copyright{ line-height: 1.5; padding: .5rem 1rem; height: auto; margin-bottom: 2rem;}
	.foot_ewm{ text-align:center; display: block;}
	.foot_ewm .ewm{ width:auto; display: inline-block; float: none;}
	.foot_ewm .ewm img{ width:120px; max-width: none;}
	.bn_box .item .txt h5{ margin-bottom:0;}
	#s_about .img{ height:16rem;}
	#banner .swiper-button-next,#banner .swiper-button-prev{ display:none;}
	.news_slide .slick-dots li{ margin:0 3px;}
	.news_slide .slick-dots li{width: 6px; height: 6px;}
	.page a,.page span,.page input,.page button{ display:none}
.page a.block{ display:inline-block}
	#n_zhuanjia ul li{ width: 50%;}
	#n_news_xq .left_con>.box{ padding: 0;}
	#n_zizhi ul li{ width: 50%;}
}
@media (max-width: 640px)
{
	#n_about .pic{ width: 100%; float: none;}
	#n_about .txt{ width: 100%; float: none; padding-left: 0;}
	.n_shuzi ul{ display: flex; justify-content: space-between;}
	.n_shuzi ul li{ width: auto;}
	.n_shuzi ul li h4 b{ font-size: 2rem; margin: 0;}
	.n_shuzi ul li h4{ font-size: .75rem;}
	#n_dangzheng ul li{ width: 100%; float: none;}
	.tc_team{ width: 28rem;}
	.tc_team .img2{ width: 20rem; margin: 0 auto; float: none;}
	.tc_team .txt2{ float: none; width: 100%;}
	#n_news01 ul{ margin-top: -1.5rem;}
	#n_news01 ul li{ width: 100%; margin-top: 1.5rem;}
	}
@media (max-width: 480px)
{
.pad_top{ padding-top:2.5rem;}
.pad_bot{ padding-bottom:2.5rem;}
.pad_aside{ padding-left:1rem; padding-right:1rem;}
.n_article .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:11px !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:11px !important; font-weight:normal !important; padding:0 !important;}

#m_header{ display:block; padding: 0 15px;}
#m_header #logo img{ height:1.1rem; }

.tc_shipin{    width: 32rem;
    height: 21rem;}
	.tc_shipin .tc_close{top: -5rem; right: -5px;}
#banner .swiper-container { height:17rem; }
	.n_nav_box .m{ padding: 0;}
	.n_nav{ float:none;}
	.n_nav a{ width: 20%; padding: 0;}
	#n_banner,#n_banner .img,#n_banner .con{ height:15rem;}
	.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
	.xs_jianju li{ padding: 0 5px !important;}
	#n_lianxi .ewm{ margin-left: 0; margin-top: 20px;}
	.s_tt{ font-size: 1.5rem;}
	#n_pro_xq .topbox .txt .t2{ font-size: 1.25rem;}
	.foot_lianxi h3{ font-size: 2rem;}
}