@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:#0076DC}

	

	.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:#0076DC}

	.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:#0076DC; 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:#0076DC}

	

	.n_news .fl02 ul li:hover:before{ left:0; width:100%}

	

	.n_news_detail .content .n_right .frl02 ul li:hover a{ color:#0076DC}

	

	.n_product .n_left>ul>li>ul>li>a:hover:before{ opacity:1; visibility:visible; font-weight:bold; color:#0076DC}

	.n_product .n_left>ul>li>ul>li>a:hover{ opacity:1; visibility:visible; font-weight:bold; color:#0076DC}



}

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

.about_index{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
 

}

@media (max-width: 767px){
.about_index{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
	

.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:260px}

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

}