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

{

.container {

    width: 750px;

}

}

@media (min-width: 992px)

{

.container {

    width: 970px;

}

}

@media (min-width: 1200px)

{

.container {

    width: 1170px;

}

}

@media (min-width: 1280px)

{

 .container {

    width: 1200px;

}

}





@media (min-width: 1440px)

{

.container {

    width: 1360px;

}

	

}





@media (min-width: 1660px)

{

.container {

    width: 1800px;

}

}

@media screen and (min-width:1200px) and (max-width:1440px){

 

 

}

@media (max-width: 1660px)

{

 	

}

@media (max-width: 1600px)

{



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





}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

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

#nav ul li h3{ font-size:1rem;}

 

}

@media (max-width: 1360px)

{

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

}

@media (max-width: 1280px)

{

#nav{ margin-right:1.5rem;}

#header{ display:none;}

#nav{ display:none;}

#top{ display:none;}

#m_header{ display:block; }

#nav_btn_box{ display:block;}

body{ padding-top: 4.5rem;}

	.page .web{ display: none;}

}



@media (max-width: 1200px)

{

#nav{ margin-right:0;}

#nav ul li { margin: 0;}

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

.m{ padding: 0 100px;}

	

.s_new01,.s_news02,#f05 .f0501,#f05 .f0502,.f0601,.f0602{ width: 100%; float: none; overflow: hidden; padding-left: 0; padding-right: 0;}

.s_news02{ margin-top: 3.5rem;}

#f05 .f0502{ margin-top: .5rem;}

.f0602{ margin-top:1rem;}

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

 

}

@media (max-width: 1100px)

{

.page{ text-align: center;}

.s_foot_link{ width: 50%; margin-top: 1rem;}

	.online_q{ display:none;}

	#n_zizhi ul li{ width:50%;}

	#n_shebei ul li{ width:50%;}

	.ar_title h4{ text-align: center;}

	.ar_title h4 .fr{ float: none; overflow: hidden; margin: 10px 0;}

	#font_set_box{ float: right;}

	.news_bot .fr{ float: left; margin-top: 8px;}

}

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

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

#banner{ margin-top:-1rem;}

.main_left{ width: 100%; float: none; margin-bottom: 2rem;}

.main_right{ width: 100%; float: none;}

#n_nav ul{ overflow: hidden; background: #f2f2f2;}

#n_nav ul li{ width: 50%; float: left;}

#n_keji ul li{ width: 100%;}

#n_xiangmu ul li{ width: 100%;}

	.relative{ position: relative; overflow: hidden;}

	.n_position{ display: block; position: relative !important; float: right; text-align: left;}

	#n_fuwu{ margin-top: 0;}

}

@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: 0 30px;}

	.n_nav_sub a{ height: 38px; line-height: 36px;}

	#n_fuwu .bd ul li{ width: 50%;}

	.j_form .form-group{ width: 100%;}

	#n_baogao{ padding-bottom: 10rem; padding-top: 2rem;}

	#n_baogao .tt{ margin-bottom: 1rem;}

	.form_baogao{ display: block;}

	.form_baogao input{ width: 42%; margin: 0; margin-bottom: 10px; height: 50px; line-height: 46px;}

	.form_baogao button{ margin: 0 auto; /*display: block;*/ height: 50px;}

}

@media (max-width: 640px)

{

 

	}

@media (max-width: 480px)

{

.pad_top{ padding-top:2rem;}

.pad_bot{ padding-bottom:2rem;}

.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:13px !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:13px !important; font-weight:normal !important; padding:0 !important;}



#m_header{ display:block; padding: 0 15px;}

#m_header #m_logo img{ height:2.5rem; }

.m{ padding: 0 15px;}

.s_foot_link{ width: 100%;}	

#s_yaowen h3{ font-size: 1.75rem; }

#n_main{ padding: 0;}

#n_main .m{ padding: 0;}

#n_main .main_box{ padding: 2rem 15px;}

#n_lianxi .txt{ float: none;}

#n_lianxi .ewm { float: none;clear: both;text-align: center;margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed #ddd;}

#n_keji ul li a{ padding: 2rem;}

#n_xiangmu ul li span{ display: block; margin: 0 !important; line-height: 2rem;}

#n_fuwu .hd ul li .pic font img{ max-width: 2rem;}
	.s_new01 .slick_arrow{bottom: 1.25rem; right: 1rem;}
	.s_new01 ul li .time span{ font-size: 2rem;}
	.s_news02{ margin-top: 2rem;}
	#f02 ul li font { width: 1.5rem; display: inline-block;}
	#f03 ul li font,.f0501 ul li font{ width: 2rem; height: 2rem; margin: 0 auto; margin-bottom: 1rem;}
	.f0602 ul li font img{ width: 17px;}
	.ar_title h3{ font-size: 1.5rem; line-height: 2.25rem;}
	#n_news_xq{ padding-top: 1rem;}
	#ar_fot{ float: none;}
	.news_bot .fr{ float: none;}
}