@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_pro_pinpai ul li{width:25%;}
}
@media (min-width: 992px)
{
.n_pro_pinpai ul li{width:20%;}
}
@media (min-width: 1200px)
{
.n_pro_pinpai ul li{ width:20%;}
#n_zizhi ul li .pic{top: 2.5rem;
    left:  2.5rem;
    bottom:  2.5rem;
    right:  2.5rem;}
}
}
@media (min-width: 1280px)
{

.tc_search{ height:80px;}
}


@media (min-width: 1440px)
{

}


@media (min-width: 1660px)
{
#n_pro ul{ margin:0 -1.6rem; margin-top:-1.875rem;}
#n_pro ul li{ padding:0 1.6rem; margin-top:1.875rem;}
.pro_left_con{ width:1070px;}
.pro_right_con{ width:calc(100% - 1070px)}
#n_pro.n_pro_pinpai ul{ margin:0 -15px; margin-top:-3rem;}
#n_pro.n_pro_pinpai ul li{ padding:0 15px; margin-top:3rem;}
}
@media screen and (min-width:1200px) and (max-width:1440px){
 
 
}
@media (max-width: 1600px)
{
.m1500{ margin:0 4rem; max-width:inherit; width:auto;}
.m1600{ margin:0 4rem; max-width:inherit; width:auto;}
#nav ul li a{ padding: 0 1rem;}
#n_zhichi ul li .txt h4{ margin-bottom:1rem;}
.foot_nav{ width: 430px;}
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
#nav{ margin-right:1.5rem;}
#nav ul li a{ padding:0 .8rem;}
#nav ul li h3{ font-size:1rem;}
.foot_nav{ width: 396px;}
}
@media (max-width: 1360px)
{
 
.m1360{ margin:0 4rem; max-width:inherit; width:auto;}
.m1280{ max-width:1100px;}
#n_zhichi ul li .txt{ padding:1rem 1.5rem;}
.foot_lianxi { width: 360px;}
.foot_lianxi .input .input-text{ width: 17.75rem;}
 .foot_lianxi .input .btn_tijiao{ width:86px;}
}
@media (max-width: 1280px)
{
#s_pro ul li .box{ width:11rem;}
#s_pro ul li .pic{ width:11rem; height:11rem;}
 #header{ display:none;}
#m_header{ display:block; padding: 0 3rem;}
body{ padding-top:4.5rem;}
.tc_search{ height:4.5rem;}
#page_space{ margin-top:0;}
.n_banner{ margin-top:0;}
#banner{ margin-top:0;}

}

@media (max-width: 1199px)
{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
#banner .slick-prev{ left:50px;}
#banner .slick-next{ right:50px;}
.news_pic { padding-right: 15px;}
.m1280{ margin:0 4rem; max-width:inherit; width:auto;}
#n_zhichi ul li{ width:100%;}
#n_zhichi ul li.li_2 .txt{ left:0;}
#n_zhichi ul li.li_2 .img{ float:right;}
#n_salary ul li .box{ font-size:.8rem;}
.foot_lianxi {
    width: auto;
}

/*产品修改*/
#pro_nav{ margin-bottom:3rem; overflow:hidden;}
#pro_nav .box{ float:none; min-width:inherit;}
#pro_nav ul{ font-size:0;}
#pro_nav ul li{ display:inline-block; min-width:20%;}

}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}

#banner,#banner li .img,#banner .con{ height: calc(100vh - 70px); overflow: hidden;}
#j_map{ display:none;}
#n_space .content{ width:100%; height:auto; position:relative;}
#n_space li{ opacity:1;}
#n_space li h1{ font-size:1.1rem; white-space:normal; height:auto;}
#n_space ul,.main_con2{ height: auto; position:static;background: #0081cc;}
.form-inline .form-group{ float:left;}
#pro_nav ul li{ display:inline-block; min-width:25%;}
}
@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;}
#tc_search .tc_close.ico{ right: 13px; top: 13px;    width: 32px; height: 32px; line-height: 30px;}
#tc_search .btn_blue{ right:0; top:0;}
#tc_search #keyword{ font-size:1.5rem;}

#s_rukou ul li{ width:50%;}
#s_rukou ul li .box .txt1{ padding:2rem 1rem;}
#s_rukou ul li .box .txt2{ padding:2rem 1rem; bottom:5rem;}
#s_rukou ul li .box{ height:50vh;}
#s_shuzi ul li h5 span{ font-size:2.5rem;}
#s_shuzi ul li h5 i{ font-size:.8rem;}

/*公司简介*/
.n_nav ul li{ line-height:3; padding-top:1rem;}
.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}
.n_nav_box{ height:5.2rem;}
.page{ margin-top:3rem;}
.page .a{ height:35px; line-height:35px;}
.page .a,.page span,.page button,.page input{ display:none}
.page .a.block{ display:inline-block}
#n_licheng .bd ul li .img{ float:none;}
#n_licheng .bd ul li .txt{ float:none; padding-top:1.5rem;}
#n_licheng .hd{ margin-top:3rem;}
#n_salary ul li{ margin-bottom:1rem; padding:0 5px;}
#n_salary .ul_1{ width:100%; float:none;}
#n_salary .ul_1 li .box{ height:auto; padding:2rem 5px;}
#n_salary .ul_2{ width:100%; float:none;}
#n_salary .ul_2 li{ width:50%;}
#n_salary .ul_2 .box{ height:7.5rem;}
#pro_nav ul li{ display:inline-block; min-width:33.333%;}
.n_pro_pinpai ul li{width:33.333%;}
}
@media (max-width: 640px)
{

#n_zhichi ul li .img{ width:100%; float:none !important;}
#n_zhichi ul li .txt{ width:100%; position:static; float:none; padding:2rem 1.5rem;}

	}
@media (max-width: 480px)
{

.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:23px;}
#banner, #banner li .img, #banner .con{ height:400px;}
#banner li .img{ background-size: auto 100% !important;}
.mouse_down{ bottom:2rem;}
.s_tt{ margin-bottom:2rem;}
.s_tt h3{ font-size:1.2rem;}
#s_pro{ }
#s_pro ul li .box{ width:10rem;}
#s_pro ul li .pic{ width:10rem; height:10rem;}
#s_pro ul li h5{ font-size:1rem;}
#s_shuzi ul li{ padding:2rem 0;}
#s_shuzi ul li h5{ margin-bottom:0;}
#s_coop ul{ margin-top:0;}
#s_coop ul li{ padding:0 5px; margin-top:10px;}
#s_coop ul li .img,#s_coop ul li .box{ width:8.1rem; height:8.1rem; line-height:8.1rem; margin:0 auto;}

#s_coop ul li .mask h5{ white-space: normal; margin-bottom:0;}
#s_coop ul li .mask p{ display:none !important;}
#s_link .right{ width:100%;}
#s_news .hd{ position:relative;}
#s_news .hd ul{ width:17rem; position:absolute; right:0; top:0; margin-top:0;}
#s_news .bd ul { padding-bottom: 1rem;}
#s_news .bd ul li .box{ margin-bottom:2.5rem;}
#foot{ padding-bottom:2rem;}
.foot_ewm{ float:none; text-align:center; margin:1.5rem 0;}
.foot_ewm .ewm{ float:none; display:inline-block; margin:0 1rem;}
.foot_tel{ text-align:left; padding-left:0; margin-bottom:6px;}
.foot_lianxi p{ text-align:left; line-height:1.5; }
.foot_lianxi form{ float:none; margin-top:1.5rem;}
.foot_lianxi .input{ display:block;}
.foot_lianxi .input .input-text{ width:70%;}
.foot_lianxi .input .btn_tijiao{ width:30%;}
.copyright{ line-height:1.5;}

/*内页*/
.n_tt{ margin-bottom:2rem;}
.n_tt font{ font-size:2.5rem;}
.n_tt h3{ margin-top:-2rem; font-size:1.3rem;}
.n_tt span{ font-size:.875rem;}

#n_wenhua ul li .txt{ padding:2rem 1rem;}
#n_wenhua ul li .txt h5{ font-size:1.3rem; margin-bottom:6px;}
#n_wenhua ul li .txt p{ font-size:.875rem; line-height:1.5;}
#n_lueying ul{ margin:0 -5px; margin-bottom:3rem;}
#n_lueying ul li{ padding:0 5px;}
#n_lueying .slick-arrow{ top:100%; margin-top:1rem;  }
#n_lueying .slick-prev{ left:50%; margin-left:-3rem;}
#n_lueying .slick-next{ right:50%; left:auto; margin-right:-3rem;}

#n_zizhi ul{ margin:0 -5px; margin-top:-1.5rem;}
#n_zizhi ul li{ padding:0 5px; margin-top:1.5rem;}

.ar_title h3{ font-size:1.2rem; margin-bottom:1rem;}
.n_nav_box .m1360{ margin:0;}
.left_con>.box{ padding:2.5rem 15px;}
.filter { padding: 15px;}
.filter dl dd{ width:100%;}
.filter dl dd label{ margin-left:0; margin-right:10px; font-size:.875rem;}
label i{ width:13px; height:13px; line-height:13px;}
input[type="checkbox"]:checked + i, input[type="radio"]:checked + i:before{ top: 2px; left: 2px;}
.tc_pro{ padding:1.5rem .5rem;}
.tc_pro .tc_close{background: url(../images/close.svg) center no-repeat; right:-1rem; top:-3rem; background-size:20px;}
#yy_case .box{ margin:0 5px;}
#n_peixun ul li{ padding:0;}
#n_zhiye .txt{ padding-top:0; margin-bottom:1rem;}
#n_zhiye .txt .tt h3{ font-size:1.2rem;}
#n_zhiye .txt .tt p{ letter-spacing:3px;}
#n_peixun2 ul li font{ height:5rem;}
#n_peixun2 ul li h5{ font-size:.8rem; margin-top:1rem;}
.n_nav_box{ height:5rem;}
.n_nav ul li font{ width: 1rem; height: 1rem; line-height:1rem;}
.ico_zc{ width:1.6rem; height:1.6rem;}
#n_licheng .slick-arrow{ right: 9px; background-size: 3.5rem; bottom:0;}
#n_licheng .slick-prev{ right:5.2rem;}
#n_licheng .bd ul li .tt{ font-size:2.2rem;margin-bottom: 1rem;}
.tc-box .tt h5{ font-size:1.2rem;}
.n_tt.left h3, .n_tt.left span{ padding-left:1rem;}
.n_banner{ height: 12rem;}
.n_banner .txt small{ font-size:1.6rem;}
.n_banner>div{ background-size:auto 100% !important; height:100%;transform: translateY(0px) !important;}
#s_news .hd ul li span{ font-size:11px; float:none; text-align:center;}
#s_link a{ margin-left:0; margin-right:10px;}
#n_space li .con{ white-space:normal;}

.n_nav ul{ display:flex;}
.n_nav ul li{ flex-grow: 1; width:auto;}
#banner .slick-arrow{ background-size: 3rem !important;}
#banner .slick-prev{ left:0;}
#banner .slick-next{ right:0;}
#pro_nav ul li{ display:inline-block; min-width:50%;}
#pinpai_txt .tt{ font-size:1.2rem;}
#pro_nav .tt{ font-size:1.2rem;}
}