@charset "utf-8";

@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:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}

@media (min-width: 768px){
	.n_zhiliang .fl01 ul li a:hover .img img{ transform:scale(1.05)}
	.n_zhiliang .fl02 ul li a:hover .top{ transform:translateY(0); background: rgba(8, 105, 172, 0.9);}
	
	.n_news .fl01 ul li .box:hover .con h5{ color:#0068EB}
	
	.n_news .fl01 ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_news .fl01 ul li .box .img:hover img{ transform:scale(1.05);}
	
	.n_product .n_right ul li .box:hover .con h5{ color:#0068EB}
	.n_product .n_right ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
	.n_product .n_right ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
	.n_product .n_right ul li .box .img:hover img{ transform:scale(1.05);}
	.n_product .n_right ul li a:hover .con h6 span{ background:#0068EB; color:#fff}
	
	.n_news .fl02 ul li a:hover h5,.n_news .fl02 ul li a:hover h4,.n_news .fl02 ul li a:hover h4 span{ color:#0068EB}
	
	.n_news .fl02 ul li:hover:before{ left:0; width:100%}
	
	.n_news_detail .content .n_right .frl02 ul li:hover a{ color:#0068EB}
	
	.n_product .n_left>ul>li>ul>li>a:hover:before{ opacity:1; visibility:visible; font-weight:bold; color:#0068EB}
	.n_product .n_left>ul>li>ul>li>a:hover{ opacity:1; visibility:visible; font-weight:bold; color:#0068EB}

}
@media (min-width: 992px)
{

}
@media (min-width: 1200px)
{

}
@media (min-width: 1280px)
{

.tc_search{ height:80px;}
}


@media (min-width: 1440px)
{

}


@media (min-width: 1660px)
{

}
@media screen and (min-width:1200px) and (max-width:1440px){
 
 
}
@media (max-width: 1660px)
{
.m1500{ margin:0 4rem; max-width:inherit; width:auto;}
.m1600{ margin:0 4rem; max-width:inherit; width:auto;}
.foot_form{ }
.foot_nav dl{ }
.foot_nav dl dt{ font-size:1.1rem;}
.foot_nav dl dd{ font-size:.9375rem;}
.foot_lianxi ul li{ font-size:.9375rem;}

	
}
@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){
 
.m1360{ margin:0 4rem; max-width:inherit; width:auto;}
.m1280{ max-width:1100px;}

.n_about .fl02 .box:before{ display:none}
	.n_about .fl02 .box .img{ margin-bottom:4rem}
	.n_about .fl02 .box .con{position:relative;left: 0;right: 0;margin: 0;bottom: auto;padding: 0;top: auto;margin-bottom: 3rem;height: auto;text-align: center;transform: translateX(0);}
	.n_about .fl02 .box .con span{position:relative;left: 0;top: 0;margin: 0;margin-bottom: 1rem;}
	.n_about .fl02 .box .con h5{ text-align:center}
	.n_about .fl02 .box .con:before,.n_about .fl02 .box .con:after{ display:none}
}
@media (max-width: 1280px)
{
#nav{ margin-right:1.5rem;}
 #header{ display:none;}
#m_header{ display:block; padding: 0 3rem;}
.pad_aside .m1600{ margin:0;}
.m1600{ margin:0 45px; max-width:inherit; width:auto;}
.n_body{ padding:4.5rem 0 0}
}

@media (max-width: 1200px)
{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
#online_q{ display:none;}

.n_licheng .fl01 .miso_hd .slick-prev, .n_licheng .fl01 .miso_hd .slick-next{top: -65px;left: auto;right: 0;}
.n_licheng .fl01 .miso_hd .slick-prev{ right:80px}
.n_licheng .fl02 .miso_bd h4{font-size:50px;padding-left: 0;}

.n_about .fl01 ul li{ width:33.333333%; margin:0; text-align:center}

.n_zhiliang .fl01 ul{ margin:0 -7px}
.n_zhiliang .fl01 ul li{ padding:0 7px;}
.n_zhiliang .fl01 ul li a{ padding:15px}

.n_join .fl01 .box01 .right{ padding:0 0 0 2rem; right:0}
.n_join .fl01 .box02 .right{ padding:0 2rem 0 0; left:0}

.n_join .fl01 .box .left img{ width:100%; height:400px; object-fit:cover}

.n_product .n_right ul li{ width:50%}
}
@media (max-width: 1100px)
{
.foot_form{ width:50%; }
.foot_nav{ display:none;}
.foot_lianxi{ width:50%; }
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
#s_news .left{ width:100%; float:none;}
#s_news .right{ width:100%; float:none;}
#s_news .li{ height:auto !important; width:100%; float:none;}
#s_news .li.li_1 .txt .btn_more{ margin-top:2rem; width:120px; height:40px; line-height:36px;}

.mianbao{ display:none}
#m_n_nav{ display:block}

.n_banner{ height:26vh; background-size:cover !important}
.n_banner h2{ font-size:20px;}
.n_banner h3{ font-size:24px}
.n_zhiliang .fl01 ul li{width:50%;margin-bottom: 15px;}

.n_join .fl02 .left{ width:16rem;}
.n_join .fl02 .left .bottom .box .con{padding: 1.25rem 1rem 0;width: calc(100% - 5rem);}
.n_join .fl02 .left .bottom .box .con h3{font-size:1rem;margin-bottom: 0.25rem;}
.n_join .fl02 .left .bottom .box .icon img{ height:20px; margin-top:-3px}
.n_join .fl02 .left .bottom .box{ height:5rem}
.n_join .fl02 .left .bottom .box .icon{width:5rem;line-height: 5rem;}

.n_join .fl02 .right{ width:calc(100% - 18rem)}

.n_product .n_left{ width:100%; margin-bottom:3rem}
.n_product .n_right{ width:100%}

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

}
@media (max-width: 860px)
{
.m1600{ margin:0 2rem; max-width:inherit; width:auto;}
.m1500{ margin:0 2rem; max-width:inherit; width:auto;}
.m1360{ margin:0 2rem; max-width:inherit; width:auto;}
.m1280{ margin:0 2rem; max-width:inherit; width:auto;}
 
}
@media (max-width: 767px){
.m1600{ margin:0 1rem; max-width:inherit; width:auto;}
.m1500{ margin:0 1rem; max-width:inherit; width:auto;}
.m1360{ margin:0 1rem; max-width:inherit; width:auto;}
.m1280{ margin:0 1rem; max-width:inherit; width:auto;}
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
#s_news .li .txt{ padding:3rem 2rem;}
#s_news .li .txt .time{ font-size:.8rem; opacity:.7; margin-bottom:.5rem;}
#s_news .li .txt h5{ font-size:1.1rem; line-height:1.6rem; max-height:3.2rem;}
#s_news .li .txt p{ height:3.2rem; line-height:1.6rem; overflow:hidden;}
#s_news .li .txt .btn_more{ font-size:.75rem;}
.foot_form{ width:100%; padding:0; }
.foot_lianxi{ width:100%; padding:0; margin-bottom:2rem;}
.foot_lianxi .box{ float:none; }

.n_about .left{ width:100%}
.n_about .right{ width:100%}
.n_gonggong .title00 h4 br{ display:none}
.n_about{ padding:3rem 0}

.n_licheng .fl02 .miso_bd h4{ font-size:30px;}
.n_licheng .fl02 .miso_bd .right{width:calc(100% - 70px);padding: 67px 0;padding-left: 30px;}
.n_licheng .fl02 .miso_bd .right dl dd{ font-size:14px}
.n_licheng .fl01 h3{padding: 29px 0px 0;font-size: 30px;margin-bottom: 116px;}
.n_licheng .fl01 .miso_hd .slick-prev, .n_licheng .fl01 .miso_hd .slick-next{ width:32px; height:32px; background-size:cover !important}
.n_licheng .fl01 .miso_hd .slick-prev{right: 50px;}
.n_licheng .fl01{background-size:cover !important;height: 256px;}

.n_zizhi ul li .pic_box{ height:260px}
.n_zizhi ul li img{ max-height:250px}
.n_zizhi ul li h5{ font-size:14px}
.page{ font-size:0} 
.page a{ padding:0 10px}
.page .btt{ display:none}

.n_zizhi{ padding:3rem 0}
.n_about .fl01 ul li h2{ font-size:35px}
.n_about .fl01 ul li h5{ font-size:14px;}

.n_zhiliang .fl02 ul{ margin:0 -7px}
.n_zhiliang .fl02 ul li{ width:50%; padding:0 7px}

.n_zhiliang .fl01 ul li a .con h6{font-size: 10px;}
.n_gonggong .title00{ margin-bottom:2rem}
.n_zhiliang .fl02,.n_zhiliang .fl01{ padding:3rem 0}

.slick-lightbox .slick-prev, .slick-lightbox .slick-next{ transform:scale(0.6)}

.slick-lightbox .slick-prev{ left:0 !important}
.slick-lightbox .slick-next{ right:0 !important}

.n_join .fl01 .box { margin-bottom:1rem}
.n_join .fl01 .box .left{ width:100%; margin-bottom:2rem}
.n_join .fl01 .box .right{ padding:10px 0; position:relative; width:100%}

.n_join .fl02 .left{width:100%;margin-bottom:2rem;display: none;}
.n_join .fl02 .right{ width:100%}

.n_join .fl02 ul li .ar_article h6{ width:100%; background-size:8px auto !important; font-size:11px; background-position:0 0.25rem !important}
.n_join .fl02 ul li .ar_article a{position:relative;width: 110px;font-size: 14px;height: 40px;line-height: 40px;}
.n_join .fl02 ul li .ar_article p{}
.n_join .fl02 ul li .ar_article{ padding:2rem 1rem}
.n_join .fl02 ul li .top{padding:0 15px;height: 70px;line-height: 80px;}
.n_join .fl02 ul li .top h5{ font-size:16px}
.n_join .fl01,.n_join .fl02{ padding:3rem 0}

.n_join .fl01 .box .left img{ height:auto}
.n_join .fl01 .box .right h3 img{ height:24px}

.n_contact .fl02 ul li{ width:100%; margin-bottom:1rem}
.n_contact .fl02 ul li .box .p{ min-height:inherit}
.n_contact .fl00 .left{width:100%;height: auto;padding: 2rem 1.5rem;}
.n_contact .fl00 .right{ width:100%}
.n_contact .fl00 .right iframe{ height:200px}
.n_contact .fl00 .left p{ font-size:13px; line-height:26px}
.n_contact .fl02 h3{ margin-bottom:3rem}

.n_news .fl01 ul{ margin:0 -5px}
.n_news .fl01 ul li{padding:0 5px;width: 100%;margin-bottom: 1rem;}

.n_news .fl02 ul li{ padding:1rem 0 1rem}
.n_news_detail{ padding:2.5rem 0 2.5rem}
.n_news_detail .content .n_left .n_left_box{ padding:2rem 2rem}
.n_news_detail .content .n_left .title h3{ font-size:20px; line-height:30px;}
.n_news_detail .content{ display:block}
.n_news_detail .content .n_left{ display:block; width:100%; padding:0; margin-bottom:3rem}
.n_news_detail .content .n_right{ display:block; width:100%}
.n_news_detail .content .n_right .frl01 ul{ width:100%}
.n_news_detail .content .n_left .title h6 .span2{ display:none}
.b_nav .con{ font-size:14px;}

.n_fade .fl01 .left{width:100%;margin-bottom: 3rem;}
.n_fade .fl01 .right{ width:100%}

.n_fade .fl01 .left p{ font-size:13px; line-height:26px;}
.n_fade .fl01 .left h2 img{ height:120px}
.n_gonggong .title00 h4{ margin-bottom:0.5rem}

.n_banner01 ul li .left{ padding:0 1rem 0 0}
.n_banner01 ul li .left h3{ font-size:16px;}
.n_banner01 ul li .left h4{font-size:14px;margin: 0.5rem 0 1rem;}
.n_banner01 ul li .left p{ font-size:11px; line-height:20px;}
.n_banner01 ul li .m1360{height: 370px;}
.n_product{ padding:3rem 0}

.n_product .n_left>ul>li>.a{height:45px;line-height: 41px;}
.n_product .n_left>ul>li>ul>li>a{ line-height:28px; height:28px}
.n_product .n_right ul{ margin:0 -5px;}
.n_product .n_right ul li{ padding:0 5px; margin-bottom:10px;}
.n_product .n_right ul li .con h6 span{ width:100px; height:35px; line-height:35px; font-size:12px;}
.n_product .n_right ul li .con{ padding:1.5rem 1rem}

.n_product_detail .fl01 .left{ width:100%; margin-bottom:3rem}
.n_product_detail .fl01 .left .con{height:auto;overflow:hidden;padding: 0;margin-bottom: 0;}
.n_product_detail .fl01 .right{width:100%;padding: 0;}
.n_product_detail .fl02 .slick-prev{ left:0}
.n_product_detail .fl02 .slick-next{ right:0}
.n_product_detail .fl04 ul{ margin:0 -5px}
.n_product_detail .fl04 ul li{width:100%;margin-bottom:1rem;padding: 0 5px;}

.position span, .position a, .position i{line-height:24px;font-size: 12px;}
.position{margin:1.5rem 0;font-size: 12px;}

.n_zhiliang .fl02 ul li a .img img{ height:120px;}

.n_product_detail .fl02 ul li a .icon{ width:6rem; height:6rem; line-height:5.875rem}
.n_product_detail .fl02 ul li a .icon img{ max-height:36px}
.n_product_detail .fl04{ padding:3rem 0}
.n_product_detail .fl03{ padding:3rem 0 2rem}
.fenxiang_box{ display:none}

.b_nav .con.fr img,.b_nav .con.fl img{ width:18px;}
.b_nav .con.center img{ width:20px;}
.n_product_detail .fl01 .right .slick-prev,.n_product_detail .fl01 .right .slick-next{ transform:scale(0.8)}
.n_product_detail .fl01 .right .slick-prev{ background:url(../images/left02.png) center no-repeat; left:-1rem}
.n_product_detail .fl01 .right .slick-next{ background:url(../images/right02.png) center no-repeat; right:-1rem}
#banner, #banner .con, #banner li,#banner li .img{height: 35vh;}

.n_contact .fl01 .img{ transform:scale(1.25)}
.n_contact .fl01 .img .llq .con{ transform:scale(0.7)}
.form .layui-form-item{ width:100%}
.tc_toudi{ width:94%}
.n_contact .fl02 ul li .box{ padding:20px 15px;}
.n_contact .fl02 ul li .box h5{ font-size:16px}

.n_news_detail .content .n_right .sticky{ width:100%}
.appendArrows{ display:none}
#banner{ margin-top:4.5rem}

#banner .letter span{ min-width:10px;}


.n_banner01 ul li .left{width:100%;margin-bottom: 2rem;}
.n_banner01 ul li .right{ width:100%}
.n_banner01 ul li .right img{  max-width:60%}
.n_banner01 .slick-dots{ bottom:10px}

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


#gotop {
    display: none;
    width: 3em; height:3rem;
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    position: fixed;
    z-index: 999;
}
#m_header{ display:block; padding: 0 15px;}
#m_header #logo img{height: 38px;}

#banner .txt h3{font-size: 1.8rem;margin-bottom:.6rem;}
#banner .txt p{font-size: 14px;line-height: 24px;}
#banner .banner-arrow { width: 30px; height: 30px; background-size: 30px !important;}
.appendArrows{ padding-top:20rem;}
.s_tt{ margin-bottom:2rem;}
.s_tt h3{ font-size:1.2rem;}
#s_news .li .txt{ padding:3rem 1rem;}
#s_pro ul li .txt{padding:2rem 1rem;}
#s_pro ul,#s_pro_main ul,#s_rukou ul{ margin:0 -5px;}
#s_pro ul li,#s_pro_main ul li,#s_rukou ul li{ padding:0 5px;}
#s_pro_main ul li .txt{ padding:2rem;}
#s_pro_main ul li .txt h5{ font-size:1.3rem; margin-bottom:.6rem;}
#s_pro_main ul li .txt p{ font-size:.875rem;}
#s_pro_main ul li .txt .btn_more{ font-size:.8rem; margin-top:1rem;}
#s_pro_main .slick-arrow{ width:2.8rem; height:2.8rem; margin-top:-1.4rem;}
#s_pro_main .slick-prev{ left:1rem;}
#s_pro_main .slick-next{ right:1rem;}
#s_rukou ul li .txt{ padding:2.5rem 1rem 1rem;}
#s_rukou ul li .txt h5{ font-size:1.5rem;}
#s_rukou ul li .txt .con{ font-size:.8rem;}
#s_link .right{ width:100%;}
#s_link a{ margin-left:0; margin-right:10px;}
h1.foot_logo{ max-width:80%;}
.foot_form form{ margin-top:1rem;}
.foot_form .tip{ font-size:11px;}

.n_zizhi ul li .pic_box{ height:200px}
.n_zizhi ul li img{ max-height:190px}
.n_zizhi ul{ margin:0 -5px}
.n_zizhi ul li{width:50%;padding:0 5px;margin-bottom: 20px;}
}