@charset "utf-8";



@font-face{ font-family: BEBAS; src: url(../fonts/BEBAS.OTF);}



@font-face{ font-family: BEBASNEUE_BOOK; src: url(../fonts/BEBASNEUE_BOOK.TTF);}



@font-face{ font-family: BEBASNEUE_BOLD; src: url(../fonts/BEBASNEUE_BOLD.OTF);}







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



@media (min-width:1400px) and (max-width:1600px){html{font-size:16px;}}



@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}



@media (min-width:481px) and (max-width:639px){html{font-size:14px;}}



@media (min-width:329px) and (max-width:480px){html{font-size:13px;}}







#header,#header *,#s_youzhi ul li a,#s_card .btn_buy,#s_card .btn_buy svg path,#s_pro ul li .img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }



@media (min-width: 768px)



{



}







@media (min-width: 992px)



{



}







@media (min-width: 1200px)



{



}







@media (min-width: 1280px)



{







}







@media (min-width: 1440px)



{



 	



}







@media (min-width: 1660px)



{

	#header .fr{max-width: 75%;}

 



}







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



{







}







@media (max-width: 1660px)



{



	.list_box_03 .slick-arrow{ display:none !important}



	.list_box_05 .slick-arrow{ display:none !important}



	







}







@media (max-width: 1600px)







{







}







.web{}



.wap{ display:none;}







@media (max-width: 1440px)



{
	#nav{ margin-right: 0;}

	#s_pro ul li .btn_arr2{ width: 4.5rem;}
 
	#s_pro ul li .sort{ padding-right: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#s_pro{background-size: auto !important;}
	#nav ul li h3{ font-size: .875rem;}
	#nav{ margin-right: 0;}
}







@media (max-width: 1360px)



{



	.video_txt{ right: 2rem;}
  



}







@media (max-width: 1280px)



{






}







@media (max-width: 1200px)



{

	.video_txt{ width: 100%; position: static; background-size: 100% 100% !important;}

#nav{ margin-right:1.5rem;}



#header{ display:none;}



#m_header{ display:block; }



#nav_btn_box{ display: block;}



body{ padding-top: 4.5rem;}



.web{ display:none;}



.wap{ display:block;}



.online_q{ display:none;}



.n_nav {float: none;}







#n_banner{ height: 14rem;}







.list_box_04 li a .con{ padding:0 0 0 1.5rem}







	.n_news_detail .left{ width:100%; padding:0}



	.n_news_detail .right{ display:none}



	



	.list_box_11 li .box .img .top{ font-size:13px; line-height:1.5}



	



	.n_service .fl01 .content .left{ display:none}



	.n_service .fl01 .content .right{ display:none}



	.n_service .fl01 .content .center{ width:100%}



	



	.n_service .fl01 .content.ar_web{ display:none}



	.n_service .fl01 .content.ar_wap{ display:block}



	



	.list_box_11 li{width:33.333333%;margin: .75rem 0;}



	.list_box_11 li .box{ padding:.375rem}



	



	.list_box_11 li .box .shuzi{opacity:1;visibility:visible;width: 28px;height: 28px;line-height: 26px;font-size: 14px;margin-top: -.75rem;}



	.list_box_11 li .box .img .top{opacity:1;visibility:visible;background: #014590;}



	



	.m{ padding:0 15px}



}







@media (max-width: 1100px)



{



 



}







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







@media (max-width: 992px)



{



    #s_news .bd ul li{ width: 50% !important;}



    #s_news .bd ul { display: flex; flex-wrap: wrap; }



    .foot_nav{ display: none;}



    #foot .fr{ flex-grow: 1;}



    .s_foot_link{ flex-grow: 0 !important;}



	



	.list_box_04 li{ width:100%}



	



	.list_box_peixun li a .img_box{ width: 100%;}



	.list_box_peixun li a .con{width: 100%;padding: 1rem 15px 0;}



	.list_box_peixun li a::before{ left: 0; transform: skewX(0) translateX(0);}



	.list_box_peixun li:nth-child(2n) a::before{ right: 0; transform: skewX(0) translateX(0);}



	.list_box_peixun li:nth-child(2n) a .img_box{ order: 0;}



	.list_box_peixun li a .con .zuixin .zuixin_box{margin-right: -15px;}







	.list_box_peixun li:nth-child(2n) a .con .zuixin{ justify-content: flex-end;}



	.list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box{background: url(../images/zuixin_bg.png) center no-repeat;padding: 0 0 0 1rem;margin-right: -15px;}



	.list_box_peixun li{ margin-bottom: 1.5rem;}



	



	.list_box_peixun li a .img_box h6{ margin-top:.5rem}



	.list_box_peixun{ margin-bottom:0}



	



	.list_box_06 li{ width:50%}



	



	.list_box_08{ padding:0 15px; margin-bottom:1.5rem}



	.list_box_08 li{ margin-bottom:1.25rem}



	.list_box_08 li a .img{ width:100%; }



	.list_box_08 li a .con{ width:100%; padding:3rem 1.25rem}



	.list_box_08 li:nth-child(2n) a .img{ order:0}



	.n_erji{ margin-bottom:2rem}







	.list_box_08 li a .con p{ margin:1rem 0 1.5rem}



	.list_box_08 li a .con h5{ font-size:1.375rem}



	



	.list_box_n_news li:nth-child(1){ width:100%}



	.list_box_n_news li{ width:50%}



	



	.n_product_detail .fl01 .content .fl001 .left{ width:100%; padding:0}



	.n_product_detail .fl01 .content .fl001 .right{ width:100%; padding:0 0 0}



	



	.n_product_detail .fl01 .content{padding:1.5rem;top: -1rem;margin-bottom: -1rem;}



	



	



}







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



{ 







}







@media (max-width: 860px)



{



.n_about .fl01 .m .left{ width:100%; padding:0 0 2.5rem}



.n_about .fl01 .m .right{ width:100%}



}







@media (max-width: 768px)



{



.pad_top{ padding-top:2.5rem !important;}



.pad_bot{ padding-bottom:2.5rem !important;}



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



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



.m{ padding: 0 30px;}



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







.n_banner{ height:15rem}



.n_banner h3{ font-size:1.75rem}



.n_about .fl01{ padding:3rem 0 3rem}



.n_about .fl02{ padding:3rem 0}



.list_box_01{ padding:0}



.list_box_01 li h3 img{ max-height:7rem}







.title002 h3{ font-size:1.75rem !important}



.mianbao{ padding:1.5rem 0 2rem}



.list_box_03 li{ width:50%}



.n_about .fl03{ padding:3rem 0}



.title002{ margin-bottom:2rem}







.pages .box a{font-size:11px;margin:0 2px;min-width: 2.125rem;}



.pages .box a span{padding: 0 0rem;}







.list_box_04 li{ margin-bottom:1.25rem}



.list_box_04 li a .img{width: 100%;height:10.5rem;}



.list_box_04 li a .img img{ max-height:10.5rem}



.list_box_04 li a .con{width: 100%;padding: 1rem 0 0;text-align: center;justify-content: center;}



.list_box_04 li a{padding:1.75rem 1.25rem;flex-wrap: wrap;}



.mianbao{ display:none}



.list_box_04 li a .con h5{ margin-bottom:0}



.list_box_04 li a .con .btn_xq{ margin:0 auto; display:none}







.n_zizhi{ padding:3rem 0}



	.list_box_05 li a .top .box{ width:35%; padding:0 0 0 1rem}



	.list_box_05 li a .top .box .btn_xq{ width:4.625rem}



	.n_case{ padding:3rem 0}



	



	.list_box_06{ margin:0 -5px; margin-top:2rem}



	.list_box_06 li{padding:0 5px;width: 100%;}



	



	.list_box_06 li .txt{ padding: 1.5rem 10px;}







	.list_box_07 li .img img{height: 12rem;width: auto;}



	.list_box_07 .owl-nav .owl-prev, .list_box_07 .owl-nav .owl-next{ width:2.75rem; height:2.75rem}



	.list_box_07 .owl-nav{ margin:2rem 0 0}



	



	.n_case_detail{ padding:3rem 0}



	.n_case_detail .title004 h3{ font-size:1.5rem}



	



	.list_box_n_news li{ width:100%}



	



	.n_news{ padding:3rem 0}



	



	.news_botom ul{ margin:2rem 0 0}



	.n_news_detail{ padding:3rem 0 0}



	.n_news_detail .ar_title h3{ font-size:1.5rem}



	.fenxiang_box1{ display:none}



	.news_botom ul li a{ height:5rem}



	



	.n_contact .fl01 .content .top{ position:relative; background:#014590; padding:2.5rem 0}



	.n_contact .fl01 .content .top .box{ width:100%}



	.n_contact .fl01 .content .top .box dl{ max-width:100%}



	



	.n_contact .fl01{ padding:3rem 0}



	.n_contact .fl02{ padding:3rem 0}



	#miso_map{ height:20rem}



	



	.n_liuyan form .box, .list_box_n_contact li .img .box_table{ width:100%}



	.list_box_n_contact{ display:block}



	.list_box_n_contact li{ width:100%; text-align:center; margin-bottom:1.255rem}



	



	.list_box_n_contact li .img{ height:120px;}



	.list_box_n_contact li .img img{ max-width:120px; max-height:120px;}



	.n_contact .fl02 .title002 .rr{ width:100%; margin:1rem 0 0}



	.n_contact .fl02 .title002{ margin-bottom:2rem}



	.n_liuyan .messlist{ margin-bottom:1rem}



	



	.n_erji1{ margin:2rem 0 0}



	



	.n_product_detail .fl01 .content .fl002{ margin:2rem 0 0; padding:2rem 0 0}



	.n_product_detail .fl01 .content .fl002 h3{font-size: 1.375rem;margin-bottom:1.5rem;}



	



	.n_product_detail .fl01 .content .fl003{ margin:2rem 0 0; padding:2rem 0 0}



	.n_product_detail .fl01 .content .fl003 .title002 p a{ display:block}



	.title002 h3{font-size:1.5rem !important;margin-bottom: 1rem;}



	



	.list_box_10{ margin:0 -5px}



	.list_box_10 li{ padding:0 5px}



	.list_box_10 li a .con h5{ font-size:1.25rem}



	.list_box_10 li a .con{ padding:1.5rem 1rem 2rem}



	.list_box_10 li a .con p{ margin:.5rem 0 1.5rem}



	



	.n_product_detail .fl02{ padding:3rem 0}



	.n_product_detail .fl01 .content .fl001 .right h3{ font-size:1.625rem}



	



	.n_service .fl01{ padding:3rem 0}



	



	.list_box_11 li .box .line{ background-size:10px auto}

	

	.list_box_n_news li a .con h5{ height:auto; max-height:3.75rem}



}







@media (max-width: 480px)







{



.m{ padding: 0 15px;}



#s_jishu ul li a{ padding: 2.5rem 1.5rem;}



#s_jishu ul li span{ font-size: 0.65rem;}



#s_jishu ul li font{ width:2.5rem; height: 2.5rem; line-height: 2.5rem;}



#s_jishu ul li font img{ display: inline-block;}



#s_jishu ul li .txt svg{ width: 1.5rem; height: 1.5rem;}



.copyright .m{ display: block; }



.copyright .fl{ float: none;}



.s_foot_link{ width: 100%; float: none; margin-top: 10px;}



.copyright{ line-height: 2rem;}



.foot_ewm { margin-left: 1rem;}



#s_case ul li .txt{ padding: 1.5rem 10px;}






#s_pro ul li .btn_arr2{ }



#s_video .box{ padding-top: 2rem;}



.video_txt { padding: 3rem 2rem;}



.bg-cover{ top: 1rem; background-size: contain !important;}



#s_video .img .mask font{ width: 3rem; height: 3rem;}



.btn_arr{ margin-top: 2rem;}



#banner .m{ padding-bottom: 5rem;}



#s_wenhua{ padding-top: 1rem; margin-top: 2rem;}



#s_wenhua .hd{ padding: 2rem 1rem;}




.btn_ts{ margin-top: 2rem;}



#s_pro ul li h5{ padding-bottom: 1rem;  }



.s_hd h3{ font-size: 1.75rem;}



.tc_shipin{ width: 95%; }



.tc_shipin .tc_close{ width: 2.5rem; height: 2.5rem; background: #5e5e5e; right: 0; top: -3rem; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

#banner li .img{height: calc(65vh - 10rem);}

#banner .slickdotbox{ bottom: 4.5rem;}

#s_jishu{ margin-top: -3rem;}

#s_jishu ul li:hover .btn_arrow{transform: translateY(-0px);

    -webkit-transform: translateY(-0px);

    -moz-transform: translateY(-0px);

    -ms-transform: translateY(-0px);

    -o-transform: translateY(-0px);}

	.s_wenhua_nav{ margin-bottom: 0 !important;}

	#s_wenhua .hd .dotbox{ display: none;}

	#s_case ul li .txt h5{ white-space: normal; line-height: 1.8rem; height:1.8rem; overflow: hidden; margin: 0; margin-top: 1rem;}

	#s_case ul li .txt p{ display: none;}

	#s_case ul li .txt .btn_xq{ display: none;}

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

	#s_news .bd ul li .txt{ height: 12rem;}

	#s_news .bd ul li .txt p{ margin-bottom: 1.5rem;}

	#s_pro{background-size: auto !important; padding-bottom: 0 !important;}

	#s_news .bd ul li .mask{padding: 0 1rem;

		padding-top: 3rem;

		padding-bottom: 0.875rem;}

	#s_news .bd ul li .mask h5{ white-space: normal;}
	#banner .btn_ts {
		font-size: .9375rem;
		width: 9.1875rem;
		height: 2.75rem;
		line-height: 2.75rem;}
		#s_jishu ul li h3{ font-size: 1.2rem;}
}