@charset "utf-8";
@font-face{ font-family: "Franklin Gothic Demi Italic"; src: url(../fonts/FRADMIT.TTF);}
@font-face{ font-family: "Franklin Gothic Demi"; src: url(../fonts/FRADM.TTF);}
@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:12px;}}
@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)
{
 #n_zizhi ul{ margin-left: -1rem; margin-right: -1rem; }
#n_zizhi ul li{ padding: 0 1rem;}
#pro_canshu,#pro_zaiti{ background-size: cover !important;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
 
#nav ul li h3{ font-size:1rem;}
#n_pdf ul{ margin: 0 -3rem; margin-top: -2.5rem;}
#n_pdf ul li{ padding: 0 3rem; margin-top: 2.5rem;}
}
@media (max-width: 1360px)
{
#banner .swiper-container { height: 43rem;}
	.btn_feiji{ padding-right: 1.375rem;}
	.btn_feiji p{ width:11rem;}
	.btn_feiji span{ width:7rem;}

	
}
@media (max-width: 1280px)
{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#n_banner{ margin-top: 4.5rem;}	
#pro_banner{ margin-top: 4.5rem;}
#nav_btn_box{ display: block;}
.m{ padding-left:80px; padding-right:80px;}
#n_news .hd ul{ width: 19rem;}
.foot_top .txt{ padding-top: 0;}
#n_zizhi ul li{ width:25%;}
#n_licheng{ background-size: auto !important; padding-bottom: 15rem;}
#n_licheng .left_box{ width:100%; float: none; text-align: center; margin-bottom: 5rem; display: none;}
#n_licheng .right_box{ width: 100%; float: none; margin-top: 0; }
.fjline{ display: none;}
.n_shuzi ul{ width:75%;}
.s_line .fl{ width:10%; }
.s_line .fr{ width:10%; }
.s_line .yuan1{ left:10%; }
.s_line .yuan2{ right:10%; }
}
@media (max-width: 1200px)
{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
.m{ padding-left:60px; padding-right:60px;}
#banner .swiper-container { height: 35rem;}
	.btn_feiji p{ width:10rem; padding-left: .75rem;}
	#n_news .bd ul li{ padding: 2.75rem 0; }
	#n_news .bd ul li h5{ font-size: 1.25rem;}
	.btn_bian{ width:6.5rem;}
#n_case ul{ margin-left: -1rem; margin-right: -1rem; }
#n_case ul li{ padding: 0 1rem;}
}
@media (max-width: 1100px)
{
#s_news .left_box{ width: 100%; float: none;}
#s_news .right_box{ width: 100%; float:none; padding-left: 0;}
#n_news_xq .left_con{width: 100%; float: none; padding-left: 0;}
#n_news_xq .right_con{ display: none;}
#n_pdf ul{ margin: 0 -2rem; margin-top: -2.5rem;}
#n_pdf ul li{ padding: 0 2rem; margin-top: 2.5rem;}
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
.n_nav {float: none;}
.s_pro_list{ width: 100%; float: none; }
.s_pro_link{ width: 100%; position:static; }
	.s_pro_link ul li{ padding-top: 50%; position: relative;}
	.s_pro_link ul li .img{ position: absolute; left: 0; top:0;}
	.foot_top .txt{ width:100%; float: none;}
	.foot_top .pic{ display: none;}
	#n_zizhi ul li{ width:33.3333%;}
}
@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;}
.s_pro_link ul li .txt{ padding-left: 3rem; padding-top: 4rem; }
	.s_pro_link ul li .txt .tt{ position:static !important;}
	#s_about .m{ padding-top: 0;}
	#s_about .tt{ position: static;}
	#s_about .txt{ width: 100%; float: none; margin-top: 2rem; padding-bottom: 12rem;}
	.btn_video { max-width: 60%;}
	#s_rukou ul li a{ padding: 4rem 1rem;}
	#s_rukou ul li font{ width:2.75rem; height: 2.75rem;}
	#s_rukou ul li h5{ margin-top: 1.5rem;}
	#s_rukou ul li p{ line-height: 1.75rem;}
	.s_pro_list{ padding: 3rem 0;}
	.s_pro_list .tt{ margin-bottom: 3rem;}
	.s_pro_list .bd ul li .tt2{ margin-bottom: 3rem;}
	.s_pro_list .bd ul li .pic{ margin-bottom:1rem;}
	.foot_nav a{ padding: 0 1rem;}
	#n_case ul{ margin-top: -2rem;}
	#n_case ul li{ width:50%; margin-top: 2rem;}
#n_pdf ul{ margin: 0 -2rem; margin-top: -1rem;}
#n_pdf ul li{ width: 100%;margin-top: 1rem;}
#n_pdf ul li font:before{ display: none;}
	.n_wap_advantage ul li{ border:0 !important;}
	.n_wap_advantage ul li font{ width: 8rem; height: 8rem; line-height: 8rem;}
	.n_wap_advantage ul li font img{ max-height: 2rem; max-width: 2rem;}
	.n_wap_advantage ul li h5{ font-size: 1.5rem;}
	.n_wap_advantage ul li p{ line-height: 1.75rem; padding: 0 15px;}
	.pro_xq_tt h3{ font-size: 1.75rem;}
	#pro_zaiti ul li .txt p{ line-height: 1.625rem;}
	#n_case ul li .img .line_1 {
    width: 38px;
		margin: -1px 0px 0px -19px;}
	#n_case ul li .img .line_2 {
    height: 38px;
		margin: -19px 0px 0px -1px;}
}
@media (max-width: 640px)
{
.n_shuzi ul{ width:100%;}
.s_line .fl{ width:0; display: none; }
.s_line .fr{ width:0; display: none; }
.s_line .yuan1{ left:0;  display: none;}
.s_line .yuan2{ right:0;  display: none;}
	}
@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;}
.tc_shipin { height: 19rem;}
#banner{ height: 75vh;}
#banner li .img{height: 75vh;}
.foot_logo{ width: 120px; margin: 0 auto;}
.foot_top .txt .btn_linedown{ margin-top: 10px;}
.news_pic{ padding-bottom: 2.5rem; overflow: hidden; margin-top: 2rem;}
.news_pic li{ margin-bottom: 10px; padding: 0;}
.news_pic li:before,.news_pic li:after{ display: none;}
.news_pic li .img{ width:14rem;}
.news_pic li .txt{ padding: 0;}
.news_pic li .txt span{ font-size: 1.25rem; margin-bottom: 1.5rem;}
#n_news .bd ul li { padding: 1.5rem 0;}
.foot_top{ padding-bottom: 2rem;}
#n_news .bd ul li .time{ margin-top: 2.5rem;}
	#banner{ overflow: hidden;margin-top: 4.5rem;}
	#s_case .hd ul li .txt{ display: none;}
	#s_case .tt h3{ font-size: 1.75rem;}
	.n_nav a{ margin-right: 0; width: 25%; float: left;}
	.n_nav_box{ height: auto;}
	#n_banner{ height: 20rem; margin-top: 4.5rem;}
	#n_banner .txt{ padding-top: 0;}
	.page{ padding-top: 2rem;}
	.n_nav a.on:before,.n_nav a:hover:before { width: 50%; opacity: 1; left: 25%;}
	#n_zizhi ul{ margin-top: -1.5rem;}
	#n_zizhi ul li{ width:50%; margin-top: 1.5rem;}
	#n_licheng{ background-size: 100% !important; padding-bottom: 15rem;}
	#n_licheng ul li .txt dl{ margin-bottom: 10px;}
	#n_licheng ul li .txt{ margin-left: 7.5rem;}
	.n_shuzi ul li p{ font-size: .875rem;}
	.n_shuzi ul li h4 span{ font-size: 1.5rem;}
	#n_video .img{    border-radius: 0 2rem 0 2rem;}
	#n_about .tt{ margin-bottom: 2rem;}
	#n_about .tt h3{ float: none; margin-bottom: .75rem;}
	#n_about .tt span{ display: block; letter-spacing: 3px;}
	.tc_zaiti{ padding: 2rem; }
	.tc_zaiti .tt{ font-size: 1.5rem; margin-bottom: 1rem;}
	.tc_zaiti .tt i{ width:2rem; margin: 0 5px;}
	#pro_canshu .hd .pic{ height: 17rem;}
	#n_pro ul li{ width:100%;}
	#n_pro ul li font{ margin-top: -1.8125rem;}
	.s_pro_link ul li .tt h5{ font-size: 1.75rem;}
	#s_news .bd ul li{ padding: 2rem 0;}
	#s_news .bd ul li h5{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	#s_news .bd ul li h5 a{ height: auto; display: inline-block; font-size: 1.25rem;height: 2.125rem;  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	#s_news .bd ul li .time{    margin-top: 2.875rem;}
	.n_wap_advantage ul li p{ padding: 0 3px;}
	#n_case_xq .tt h3{ font-size: 1.5rem;}
	#n_case_xq .tt i{ width:45px; margin-bottom:1.75rem;}
	#s_case .hd .slick-arrow{ margin-top: -1.718rem;}
	.s_pro_list .bd ul li .tt2 h4{ font-size: 2rem;}
	.tc_shipin .tc_close{ right: 0;}
	#s_news .hd ul{ width: 19rem;}
}