@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;}

.s_news02 .bd ul li{ height: 6.5rem;}	

.s_news02 .bd ul li .txt{ padding: 1rem 2rem;}

	#f02 .item .txt{ width: 44%;}

	#f02 .item .img{ width: 49%;}

	.s_new01{ width: 59%;}

	.s_news02{ width: 39%;}

	#f02 .item .top{ padding-top: 0;}
	#header #logo{ width: auto;}
	#header #logo img{ height: 45px; margin-top: 10px;}
}

@media (max-width: 1360px)

{

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

}

@media (max-width: 1280px)

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

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

#nav{ margin-right:1.5rem;}

#header{ display:none;}

#m_header{ display:block; }

#nav_btn_box{ display:block;}

}



@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,#f02 .item .txt,#f02 .item .img,#f05 .left_con,#f05 .right_con{ width: 100%; float: none; overflow: hidden;}

.s_news02{ margin-top: 3.5rem;}

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

	#s_tongdao ul li{ width: 33.333%;}

	#s_tongdao ul li:nth-child(1),#s_tongdao ul li:nth-child(2),#s_tongdao ul li:nth-child(4),#s_tongdao ul li:nth-child(5) {

    border-right: 1px dashed #d5dde7;

}

}

@media (max-width: 1100px)

{

#f05 .left_con .item{ width: 100%; float: none; overflow: hidden;}

	.foot_nav{ display: none;}

	.foot_lianxi{ width: 100%; float: none; overflow: hidden; border: 0; text-align: center;}

	.foot_ewm .ewm{ margin:0 .5rem; float: none; display: inline-block;}

	#f05 .left_con .item{ margin-bottom:3rem;}

	

.main_left{ width: 100%; float: none; overflow: hidden;}

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

	#n_gg{ display: none;}

	#n_nav ul li{ width: 50%; float: left; padding: 0 5px;}

	.page{ text-align: center;}



}

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

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

#banner{ margin-top:4.5rem;}



}

@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;}



}

@media (max-width: 640px)

{

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

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

	#n_lianxi .box{ margin: 0 auto; margin-top: 30px; float: none;}

	}

@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;}

	.tc_shipin{ height: 22rem;}

	#foot{ background-size: auto 8rem; padding-top: 9.5rem;}

	.foot_ewm{ margin-top: 1.5rem;}

	.s_yeji_list ul { margin: 0 -5px;}

	.s_yeji_list ul li{ padding: 0 5px;

    margin-bottom: 5px;}

	.s_yeji_slide,.s_yeji_list{ width: 100%; float: none; overflow: hidden;}

	.s_tt{ margin-bottom: 2rem;}

	.s_btn_r{ height: 3rem; line-height: 3rem;}

	.s_btn_r .arrow{ height: 14px; margin-left: 0;}

	#s_yewu .hd ul li .ico{ width: 5rem; height: 5rem; line-height: 5rem;}

	#s_yewu .hd .ico img{ max-height:1.5rem; max-width: 1.5rem;}

	#s_yewu .bd .txt{ top: 8rem;}

	#s_yewu .hd .txt h5{ font-size: 1.25rem;  margin-top: 1rem; margin-bottom:0;}

	#s_yewu .hd .txt span{ display: none;}

	#s_yewu .bd .txt font{ margin-top: 3rem;}

	#s_yewu .hd .txt svg { margin-top: 2rem; margin-bottom: 2rem;}

	#f05 .left_con .item{ margin-bottom:2rem;}

	#s_yewu .bd{ margin-top: -10rem;}

	#s_yewu .bd .bg{ height: 10rem;}

	#s_yewu .bd .img{ height: 35rem;}

	.s_news02 .hd,.s_dang .hd{ margin-top: 0;}

	.s_news02 .hd ul li a:before,.s_dang .hd ul li a:before,#s_tongdao .tt h3:before{ height: 2px;}

	.s_tt h3{ font-size: 1.625rem;}

	#s_yewu .s_tt{ margin-bottom: .5rem;}

	#s_toutiao .slick_arrow{ margin-right: 1rem; margin-top: 1.25rem;}

	#s_toutiao ul{ width: calc(100% - 10.5rem);}

	#s_toutiao .box{ line-height: inherit; height: auto; padding: 1.25rem 0; overflow: hidden;}

	#s_toutiao .slick_arrow div{width: 6px; margin-left: 1rem;}

	#s_toutiao ul li{}

	#s_toutiao ul li h5{ font-size: 1.25rem; width: 100%; line-height: 1.5; }

	#s_toutiao ul li span{ line-height: 1.5; float: none;}

	#s_toutiao .tt{ margin-right:0; width: 6rem;}

	#s_toutiao .tt:after{ display:none;}

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

	.draw_h{width: 35px !important;

    height: 35px !important;

    line-height: 33px !important;}

	.slick-dotted.slick-slider{ margin-bottom: 10px;}

	#s_tongdao{ margin-top: 2rem; margin-bottom: 3rem;}

	#s_yewu .bd .txt h5{ font-size:1.75rem;}

	.page{ margin-top: 2rem;}

	#n_leader ul li .txt h4 b{ margin-left: 1rem;}

	#n_leader ul li .txt{ padding: 1.5rem; text-align: justify;}

	#n_about .tt { background: url(../images/n_about_tt.png) 0 bottom no-repeat; background-size: contain; padding-top: 0; padding-bottom: 5rem;}

	.n_about_slide .slick-arrow{ top:85%;}

	#n_dangqun ul li .img{ width: 15.4375rem; margin-right: 1rem;}

	#n_dangqun ul li .txt { padding: 1rem 1rem;}

	#n_staff ul li .img .mask span{ width: 2rem; height:2rem; }

	.n_banner{ height:20rem;}
	body{ padding-top: 4.5rem;}
	.n_map{ height: 300px;}

	#n_lianxi .box{ padding: 3rem 1rem;}

	#j_shart_s_240{ top:4px;}

	#n_leader ul li .txt h4{ font-size: 1.3125rem;}

	#n_leader ul li .txt h4 b{ }
	#f02 .item .tt{ float: none;}
	#f02 .item .s_tt{ float: none;}
	.s_tt h3{ float: left;}
	.s_tt font{ margin-top: 0;}
	#f02{ background-size: cover;}
	#f02 .item .tt{ margin-bottom: 1.75rem;}
	#f02 .item .tt font{ margin-bottom: 1.25rem; display: none;}
	#f02 .item .tt i{ margin-top: 2rem;}
	#s_tongdao ul li font img{ max-width: 2.5rem; max-height: 2.5rem;}
	.n_about_slide h4{ font-size: 1.375rem !important;}
	#dj_tuijian{ margin-top: 9rem;}
	.dj_tuijian li .img img{ height: 200px;}
	#dj_tuijian .left{ margin-bottom: 1.5rem;}
}