@charset "utf-8";



@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:11px;}}

@media (max-width:328px){html{font-size:10px;}}



@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)

{

.m1500{ margin:0 4rem; max-width:inherit; width:auto;}

.m1600{ margin:0 4rem; max-width:inherit; width:auto;}

 

	

}

@media (max-width: 1600px)

{









}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

 

}

@media (max-width: 1360px)

{

 

.m{ padding:0 4rem; max-width:inherit; width:auto;}

 

}

@media (max-width: 1280px)

{

 

}



@media (max-width: 1200px)

{

	#s_daili ul li a{  padding: 2rem 2.5rem;}

	#s_daili ul li .txt{    padding-left: 1rem;}

	#s_daili ul li.li_2 .txt, #s_daili ul li.li_4 .txt{  padding-right: 1rem;}

	#n_about .txt{ width: 100%; float: none;}

	#n_about .img{ width: auto; float: none; margin-top: 2.5rem;}

	#n_wenhua{ padding-top: 3rem; padding-bottom: 1rem;}

    #n_wenhua .tt{ margin-bottom:4rem}

	#n_wenhua .tt:before{ display:none;}

    #n_wenhua ul li{position: static;left: 0;right: 0;margin: 0;bottom: auto;padding: 0 !important; margin: 0 ; width: 100%; top: auto;margin-bottom: 3rem;height: auto;text-align: center;transform: translateX(0); text-align: center;}



    #n_wenhua ul li h5{position:relative;left: 0;top: 0;margin: 0;margin-bottom: 1rem;}



    #n_wenhua ul li p{ text-align:center; max-width: inherit; line-height: 1.5;}



    #n_wenhua ul li:before,#n_wenhua ul li:after{ display:none}

	#n_jishu .left{ width: 100%; float: none;}

	#n_jishu .right{ width: 100%; margin: 0 auto;}

	#n_pro_list .pro_nav{ position: static; }

	#n_pro_list ul li{ padding: 1.5rem 1.5rem;}

	#n_pro_list ul li .img{width: 10rem;  height: 10rem; line-height: 10rem;}

	#n_pro_list ul li .txt{ position: static; float: left; width: calc(100% - 10rem); padding-left: 1rem; padding-right: 0; }

	.pro_nav a{ min-width: 7rem;

    width: auto;

    padding: 0 1rem;}

}

@media (max-width: 1100px)

{

 #nav{ margin-right:1.5rem;}

#header{ display:none;}

#m_header{ display:block; }

#nav_btn_box{ display:block;}

#banner{ margin-top:4.5rem;}

#banner .slide-inner{ background-size:auto 100% !important;}

#banner .swiper-container{ height:calc(100vh - 4.5rem);}

#n_ys ul li{ width: 50%; margin-bottom: 2rem;}

	.right_news_tujian{ display: none;}

	.left_news_xq{ width: 100%; float: none;}

	

}

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

@media (max-width: 992px)

{

.web{ display:none;}

.wap{ display:block;}

	#s_pro ul li a{ padding: 4rem 2rem;}

	.n_nav{ float: none;}

	#n_lianxi .left{ width: 100%;  float: none;}

	#n_lianxi .right{ width: 100%; float: none;}

	#n_lianxi iframe{ height: 300px; margin-top: 2rem;}

	#n_lianxi ul li img{ max-width: 1rem;}

}



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

 



}

@media (max-width: 860px)

{

.m1600{ padding:0 2rem; max-width:inherit; width:auto;}

.m1500{ padding:0 2rem; max-width:inherit; width:auto;}

.m1360{ padding:0 2rem; max-width:inherit; width:auto;}

.m{ padding:0 2rem; max-width:inherit; width:auto;}

 #n_daili .left{ width: 100%; float: none; overflow: hidden;}

#n_daili .right{ width: 100%; float: none; overflow: hidden; margin-top: 2rem;}

}

@media (max-width: 767px)

{

.m1600{ padding:0 15px; max-width:inherit; width:auto;}

.m1400{ padding:0 15px; max-width:inherit; width:auto;}

.m1360{ padding:0 15px; max-width:inherit; width:auto;}

.m1280{ padding:0 15px; max-width:inherit; width:auto;}

.m{ padding:0 15px; 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_daili ul{ margin: 0;}

#s_daili ul li{ width: 100%;}

	

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

	.join_bot ul li .box{ padding: 2.5rem 1.5rem;}

	.join_bot ul li .left{ width: 100%; position: relative; border-right: 0;  border-bottom:1px solid rgba(222,225,223,.6); text-align: left; margin-bottom: 1rem;}

	.join_bot ul li .con{ width: 100%; margin: 0;}

	#n_pro_xq2 .tt{ width: 100%; float: none; margin-bottom: 2rem; padding-top: 3rem;}

	#n_pro_xq2 .txt{ width: 100%; float: none; padding: 0; border: 0; padding-bottom: 4rem;}

	#n_pro_xq3{ padding: 3rem 0;}

	#n_news ul li .img{ width: 25rem;}

	#n_news ul li .txt{ width:calc(100% - 25rem);}

}

@media (max-width: 640px)

{

#s_about .left{ width:100%; float:none; padding-top:1px;}

#s_about .right{ width:100%; float:none; margin-top:0;}

#s_about .tag{ top:8rem; display: none;}

#s_about .rect {

    display: block; display: none;

    width: 8rem;

    height: 8rem;

    border: 6px solid #e5e5e5;}

#s_about .img {

    margin-top: 2.75rem;

    margin-left: 2.75rem;}

	#s_about .img { margin-top: 0; margin-left: 0;}

#s_wenhua .left{ width:100%; float:none; padding-top:0; margin-bottom:2rem;}

#s_wenhua .right{ width:100%; float:none; }

#s_wenhua .hd ul{ margin-left:1rem;}

	#s_wenhua .slick_arrow_right{ left: 0; bottom: 0;}

	.online_q{ display: none;}

	.ar_fot h5{ display: none;}

	.shart_box{ display: none;}

	#certify .swiper-slide{ width: 160px; height: auto;}

	#certify .swiper-slide .pic{ width: 160px; height: auto;}

	#certify .swiper-slide p{ position: absolute; width: 100%; text-align: center;}

	#n_licheng .slick-next{ right:15px;}

	#n_subnav ul{ margin-top: -1rem;}

	#n_subnav ul li{ margin-top: 1rem;}

	#n_zhongshi ul li .img{ height: 20rem;}

	#n_zhongshi ul li .img img{ width: 100%; max-width: inherit; max-height: inherit;  height: 20rem; object-fit: cover;

    overflow: hidden;

    display: inline-block;}

	#n_pro ul li .img{ width: 100%; float: none;}

	#n_pro ul li .txt{ width: 100%; float: none; position: static; padding-bottom: 2rem;}

	}

@media (max-width: 480px)

{

.m{ padding:0 1rem;}

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

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

.pad_aside{ padding-left:1rem; padding-right:1rem;}

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

.xs_jianju li{ padding:0 5px !important;}

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



#m_header #logo img{ height:2.5rem; }

 

#searchBtn svg{ width:15px;}

 

#s_pro ul li a{ padding:2rem 1.5rem;}

#banner .swiper-container{ height:calc(100vh - 30rem);}

.swiper-button-next, .swiper-button-prev{ display:none;}

#s_plat ul li a{ padding:3rem 1rem;}

#s_plat ul li font img{ max-width:40%; max-height:40%;}

.s_tt i{ width:140px;}

	#s_daili ul li a{ padding: 1rem 2.5rem;}

	#s_daili ul li{ height: 13rem;}

	#s_daili .bot img{ width: 130px; margin: 0 auto;}

	#s_news{ padding-top: 7rem !important;}

	#s_yingyong ul{ margin: 0;}

	#s_yingyong ul li{ background-size: cover !important;}

	#s_yingyong ul li .box{ float: none; width: auto; max-width: inherit;}

	#s_yingyong ul li img{ display: none;}

	#s_yingyong ul li .txt{ padding: 2rem 1rem; position: relative;}

	#s_yingyong ul li .btn_more{ height: 40px; line-height: 38px;}

	#foot{text-align: center; padding-top: 3rem;}

	.foot_bot{ text-align: center;}

	.foot_bot .fr{ display: block; float: none;}

	.foot_nav{ display: flex; justify-content: space-between;}

	.foot_nav a{ margin: 0;}

	.foot_ewm{ float: none; display: block; margin-top: 0;}

	.foot_ewm .clear{ clear: inherit;}

	.foot_ewm .txt{ float:left; text-align: left; padding-top: 0; line-height: 1.5rem; margin-right: 2rem;}

	.foot_ewm .txt h6{line-height: 2.5625rem; margin-top:.75rem;}

	.foot_ewm .foot_share{ float: left;}

	.foot_share h4{ text-align: left;}

	.foot_ewm .txt .btn_zixun{ margin-bottom: 1.5rem; display: none;}

	#s_link a{ margin-left: 0; margin-right: 1rem;}

	#s_daili ul li .btn_yuan{ display: none;}

	#s_pro{ margin-top: -8rem;}

	#s_pro ul li p{ }

	#s_pro ul li font{ height: 2rem;}

	#s_pro ul li font img{ margin: 0 auto;}

	#s_pro ul li h5{ text-align: center; font-size: 1rem; }

	.foot_left{ float: none; display: none;}

	.tc_shipin{    width: 32rem;

    height: 21rem;}

	.tc_shipin .tc_close{top: -5rem; right: -5px;}

	.s_tt{ margin-bottom: 2rem;}

	

	.n_nav_box{ height:5rem;}

.n_nav ul li font{ width: 1rem; height: 1rem; line-height:1rem;}

	.mCSB_inside > .mCSB_container{ margin-right: 15px !important;}

	.sy-v .dot{ width:5rem; height:5rem;}

.sy-v .dot .ico{ line-height:5rem;}

.join_top{ padding:1rem 0rem; border:0; margin:0 -1rem;}

.join_top ul li+li:before{ background-size:20px;}

.sy-v .dot .ico img {

    max-width: 50%;

    max-height: 40%;}

	.n_nav_box .m{ padding: 0;}

	.n_nav{ text-align: left;}

	.n_nav ul li{ width: 20%;}

	.n_nav ul li a{ padding:0;}

	

	#n_ys ul li .txt{ padding: 3rem 1rem; padding-bottom: 6rem;}

	.j_form .span i{ background-position: center !important;}

	.j_form .span{  width: 10rem;}

	.j_form .form-group{ width: 100% !important;}

	.j_form .form-group>input,.j_form .select-wrapper,.j_form .form-group textarea{ width: calc(100% - 10rem) !important;}

	.n_banner{ height: 15rem;}

	.j_form .form-group>input,.j_form .form-group .input,.j_form .btn_tijiao,.j_form .select-button,.j_form .span { height: 45px; line-height: 43px;}

	.j_form .select-list{ top: 45px !important;}

	.j_form .select-wrapper,.j_form .select-button{height: 45px !important; line-height: 43px !important;}

	#n_licheng .bd ul li .con{ margin-left: 0;}

	#n_licheng .hd{ margin-top: 0;}

	#n_licheng .slick-arrow{ top:0;}

	#n_licheng .bd ul li .con{ padding: 0 2rem;}

	#n_zhongshi ul li .txt h5{ font-size: 1.125rem; margin-bottom: 1rem;}

	#n_zhongshi ul li .txt p{ font-size: .75rem;}

	#n_news ul li .img{ width: 16rem;}

	#n_news ul li .txt{ width:calc(100% - 16rem); padding-left: 1rem;}

	#n_news .btn_linedown{ display: none;}

	#n_news ul li .txt p{ margin-bottom: 0;}
	.j_form .select-down {
		top: 20px !important;}

}