@charset "utf-8";



@media (min-width:1601px){html{font-size:16px !important;}}

@media (max-width:1600px){html{font-size:15px !important;}}





@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)

{

 	#s_pro ul li .box .txt{ padding: 25px 17px;}
	#s_pro ul li .box .txt h3 {
    font-size: 22px;
    margin-bottom: 10px;}
	#s_pro ul li .box .txt font{ width: 35px; margin-bottom: 10px;}
}

@media (max-width: 1360px)

{

#banner .swiper-container { height: 43rem;}

}

@media (max-width: 1280px)

{

 
}

@media (max-width: 1200px)

{
 
}

@media (max-width: 1100px)

{

}

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

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

.online_q{ display:none;}

.n_nav {float: none;}

}

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

}

@media (max-width: 860px)

{

}

@media (max-width: 767px)

{

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}

.xs_jianju li{ padding: 0 5px !important;}

 .m{ padding-left:30px; padding-right:30px;}

.n_nav ul li{ line-height:3; padding-top:1rem;}

.n_nav ul li a{padding: 0 2rem;}

.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}

}

@media (max-width: 640px)

{

	}

@media (max-width: 480px)

{

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.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 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}

.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}

.m{padding-left:15px; padding-right:15px;}

.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}

.n_nav_box .m{ padding: 0;}

.n_nav{ text-align: left;}

.n_nav ul li{ width: 20%;}

.n_nav ul li a{ padding:0;}

#banner .slick_arrow{ display: none !important;}

}