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

}

@media (max-width: 1360px)

{

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

}

@media (max-width: 1280px)

{

#nav{ margin-right:1.5rem;}

#header{ display:none;}

#m_header{ display:block; }

#nav_btn_box{ display:block;}

body { padding-top: 4.5rem;}

}



@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_shebei ul li{ width: 25%;}

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

{

	.foot_nav{ display: none;}

	.foot_lianxi{ width: auto;}

	.foot_ewm{ float: right; }

	.foot_ewm .txt{ position:static;}

	.copyright{ float: none; text-align: center; margin-bottom: 1rem;}

	.foot_share{ float: none; width: 100%; text-align: center;}

	

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

	#n_shehui ul{ margin: 0; margin-top: 3rem;}

	#n_shehui ul li{ width: 100%; float: none; padding: 0; margin-bottom: 3rem;}

	#n_shehui ul li .txt .con{ height: auto;}

	#n_shehui ul li .txt .tt:after{ width: 6rem;}

	#n_shehui .box1 .txt .tt:after{ width: 6rem;}

	#n_shehui .box1{ padding: 2.5rem; padding-top: 1rem;}

	#n_shehui .box1 .txt .tt{ font-size: 1.5rem;}

	
	#pro_xq_list .box{ background: #fff; padding:2rem 1rem; margin-top: 2rem;}
.pro_left{ background:none;}

.pro_left{ width:100%; float:none; margin-bottom:3rem; overflow:hidden; margin-top: 2rem;}

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

.pro_left ul li .sanji{display: flex;

    justify-content: space-between;

    padding-left: 5rem;

    padding-right: 1rem;

    flex-wrap: wrap;}

.pro_left ul li .sanji a{ padding:0;}

.pro_left ul li a{padding: 0.5rem 1.5rem;}



}

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

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

#s_shuzi ul{ margin-top: -2rem;}

#s_shuzi ul li{ width: 33.3333%; margin-top: 2rem;}

.online_q{ display:none;}

#n_wenhua .pic{ width: 100%; float: none;max-width: inherit;}

#n_wenhua .txt{ width: 100%; float: none; max-width: inherit; margin-top: 3rem;}

.n_nav {float: none;}
	#s_shebei ul li{ width: 33.33%;}
}

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

 



}

@media (max-width: 860px)

{

 #n_tousu .tt{ width:100%; float:none;}

#n_tousu .right{ width:100%; float:none; margin-top: 2rem;}

.j_form{ margin: 0;}

#n_tousu .j_form .form-group{ padding:0;}

.j_form .span i{ width: 14px;}

	#n_tousu .j_form .form-group{ margin-bottom: 10px;}

}

@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;}
	#n_news_xq{ padding-top: 3rem;}
	#n_news_xq .left_con{ width: 100%; float: none;}
	#n_news_xq .right_con{ display: none;}

 .m{ padding: 0 30px;}

	#s_news .ul_1{ width: 100%; float: none;}

	#s_news .ul_2{ width: 100%; float: none; margin-top: 1rem; }

	#s_news .ul_2 li{ padding-right: 3px; padding-left: 0;}

	#s_news .ul_2 li+li{ padding-left: 3px;padding-right:0; }
	#s_news .ul_1 li .img{ height: auto;}
    #s_news .ul_2 li .img{ height: auto;}
	#s_news .ul_2 li .txt{ height: auto;}
	#s_rukou ul{ margin: 0 -3px;}

	#s_rukou li{ width: 50% !important; padding: 0 3px !important;}

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

	#n_shuzi ul li{ width: 25%;}

	.n_news01{ padding-bottom:1rem;}

.n_news02{ padding-top:0;}

.n_news02 ul li{ padding: 1.5rem 0;}

.n_news02 ul li .img{ width:15rem;}

.n_news02 ul li .txt{ width:calc(100% - 15rem); padding-left:10px; }

.n_news02 ul li .txt p{ margin-top:.5rem; margin-bottom:.5rem;}

	#n_contact .txt{ float: none; width: 100%;}

	#n_contact ul{ float: none; width:100%; margin-top:2rem;}

	#pro_xq_list ul li{ width:50%;}
	#s_shebei ul li{ width: 50%;}
}

@media (max-width: 640px)

{

	 #n_shuzi ul li{ width: 50%; text-align: left; padding-bottom: .5rem;}

	.pro_right ul li .img{ width:100%; float:none; margin:0;}

	.pro_right ul li .txt{ position: static; width: 100%; padding:0 2rem 3rem; padding-top: 0;}

	}

@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_header{ display:block; padding: 0 15px;}

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

.m{ padding: 0 15px;}

.tc_shipin{ height: 22rem;}

	#s_shuzi ul li{ width: 50%; }	

	#s_shuzi ul li h5 b{ font-size: 5rem;}	

	#foot .m{ text-align: center;}

	.foot_lianxi{ text-align: center; float: none;}

	.foot_ewm{ float:none; overflow: hidden; display: inline-block;margin-top: 2rem;}

	.foot_bot{ margin-top:1rem;}

	#s_video .box{ padding: 1.75rem;}

	#s_video .txt{ font-size: 9rem;}

	.draw_h {

    width: 40px !important;

    height:40px !important;

		line-height: 38px !important;}

	#s_video{ margin-top: 3rem;}

	#s_news{ padding-top: 2rem;}

	.s_hd{ margin-bottom: 2rem;}

	.zizhi_slide .slick-next2{ right:-4rem;}

	.zizhi_slide .slick-prev2{ left:-4rem;}

	#s_about .box{ padding: 3rem 3rem;}

	#tc_search .tc_close{ right:5px; top: 5px;}

	#tc_search .btn_blue{ right:-1rem;}

	#tc_search #keyword{ font-size: 1.25rem;}

	.n_nav_box .m{ padding: 0;}

	.n_nav{ text-align: center;}

	.n_nav ul li{ width: 20%;}

	.n_nav ul li a{ padding:0;}

	.bot_box{ margin-top: 2rem;}

	#n_join .bd{ border:1px solid #ddd;}

	#n_join .bd ul li .box { margin-right: 1rem;}

	.sy-v .dot{ width:5rem; height:5rem;}

	.sy-v .dot .ico{ line-height:5rem;}

	.join_top{ padding:1rem 0rem; border:0; margin:0 -1rem;}

	.join_top ul li+li:before{ background-size:20px;}

	.sy-v .dot .ico img {

		max-width: 50%;

		max-height: 40%;}

	.join_bot ul li .btn_toudi{ position:relative; opacity:1;}

	#n_zizhi .tt{ height: 13rem;}

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

.j_form .form-group>input{ height:50px; line-height:48px;   }

.j_form .form-group .input{ height:50px; line-height:48px; }

.j_form .span{ height:50px; line-height:48px;}

.j_form .btn_tijiao{height:50px; line-height:48px;}

 

	#n_pro_xq{ padding-top: 1rem;}

	#n_fuwu .pad_top{ padding-top: 1.5rem;}

	.fuwu_f04 .fl{ width: 100%; float: none;}

	.fuwu_f04 .fr{ width: 100%; float: none; margin-top: 2em;}

	.fuwu_f01{ height: 18rem; background-position: left center !important;}
	.bg-cover{background-size: auto 8.75rem; top: 2rem;}
	.zizhi_slide a { border: 3px solid #dadbde;}
	.n_banner{ height: 15rem;}
	#n_lianxi ul li{ text-align: left; width: 100%; float: none; overflow: hidden; margin-bottom: 1rem;}
	#n_lianxi ul li font{ margin: 0; float: left; margin-right: 2rem;}
	#n_shehui .box1 {
    background: url(../images/n_shehui01.jpg) top center no-repeat;
		background-size: 332%;}
	#s_rukou ul li{ width: 100% !important; float: none !important; height: 20rem;}
	#s_rukou ul li .btn_xq {opacity: 1;transform: translateY(0px);}
	#banner .swiper-container{ height: 20rem;}
}