@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:13px;}}
@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: 1360px)
{


}


@media (min-width: 1440px)
{

}


@media (min-width: 1660px)
{



}
@media screen and (min-width:1200px) and (max-width:1440px){
 
 
}
@media (max-width: 1700px)
{
#n_yingyong .slick-prev{ left:-4rem; }
#n_yingyong .slick-next{ right:-4rem; }
#n_fugai .slick-prev{ left:-4rem; }
#n_fugai .slick-next{ right:-4rem; }

}

@media (max-width: 1440px)
{

#nav ul li{ margin:0 .5rem;}
#s_case ul li .mask2 img{ margin-bottom:1.3rem;}
#s_case ul li .mask2 .btn_more{ margin-bottom:1.3rem;}

}

@media (max-width: 1360px)
{
#s_case ul{ margin:0 -.2rem;}
#s_case ul li{ padding:.2rem;}
#s_case ul li .mask2{ padding:10px;}
#s_case ul li .mask2::before{top:10px;right:10px;bottom:10px;left:10px;  }
#s_case ul li .mask2::after{top:10px;right:10px;bottom:10px;left:10px; }
#s_case ul li .mask2 .btn_more{ display:none;}
#s_case ul li .mask2 .type span{ font-size:.875rem;}
}

.web{}
.wap{ display:none;}
@media (max-width: 1200px)
{
.web{ display:none;}
.wap{ display:block;}
#nav ul li{ margin:0;}
#nav ul li a{ padding:0 1.2rem;}
#s_contact .con_left{ margin: 0 3rem; }
#s_contact .con_right{ margin:0 3rem; }

#n_appcase ul li{ width:25%;}
.n_news .left ul li .con{ padding-top:2rem; padding-bottom:2rem}
.n_news_detail .left{ width:100%; margin-bottom:3rem}
.n_news_detail .left .box{ padding:4rem 2rem}
.n_news_detail .right{ display:none}

}

@media (max-width: 992px)
{
	#header{ display:none;}
    #m_header{ display:block;}
	#nav_btn{ display:block;}
	#banner{ margin-top:60px;}
	#n_mian{ padding-top:60px;}
	#s_contact .m1360{ width:100%;}
	#s_contact .con_left h3{ font-size:3rem;}
	#s_contact .con_right h5{ font-size:1.1rem;}
	#s_contact .con_left{ margin: 0 2.5rem; }
    #s_contact .con_right{ margin-right:2.5rem; margin-left:0; }
	#s_serve .hd ul li .box{ line-height:2.5rem; padding-top:1rem; font-size:1rem;}
	#s_serve .hd ul li font{ display:block;}
	
	
	#s_serve .bd .item .txt { margin-bottom: 3rem;}
	#s_serve .bd .item .pic{ text-align:center;}
	
	#n_about_txt .con{ padding-left:15px;}
	#n_about_txt .tt{ text-align:left; margin-bottom:2.5rem;}
	#n_about_txt .tt:after{ right: auto; left:-1.3rem; width:6px;}
	
	
	#n_lianxi{ height:auto;}
	#n_lianxi .row{ margin:0;}
	#n_lianxi .left{ float:none;}
	#n_lianxi .right{ position:relative; float:none;}
	#n_lianxi .right ul li{ margin-bottom:2rem;}
	
	
	.video_box{ display:none}
	.n_case ul li {
    width: 50%;
    padding: 0 0.75rem;
    margin-bottom: 2rem;
	}
	
	.n_news .left ul{ margin:0 -0.5rem}
	.n_news .left ul li{padding:0 0.5rem;width:50%;height:  auto !important;margin-bottom: 2rem;}
	
	.n_news .left ul li.li{ width:100%}
	.n_news .left ul li:nth-child(2) .con{height:auto !important;padding-top: 2rem !important;padding-bottom: 2rem !important;}
	.n_news .left ul li:nth-child(2) .con p{ display:block}
	.n_news .left ul li:nth-child(2) .con h5{ margin-bottom:1rem}
	
	.n_news .right,.n_news .layui-col-xs12:before{ display:none}
	.n_news .left{ width:100%}
	.news_nav{ display:block}
	
	
	.n_case01 ul{ margin:0 -0.75rem}
	.n_case01 ul li{ width:50%; padding:0 0.75rem; margin-bottom:2rem}
	
	.n_case_x ul li{width:33.333333%;}
	.n_banner06 .left h3{ font-size:2.5rem; margin-top:-15rem}
	.n_banner06 .left h4{ font-size:1.25rem}
	.n_banner06 .left h6{ margin-bottom:4rem}
	.n_banner06 .right{ width:100%; right:0rem; bottom:-1rem}
	
	
}
@media (max-width: 825px)
{


}
@media (max-width: 768px)
{
#s_contact .m1360{ width:90%;}	
#s_contact .con_left{ display: block; margin: 0 3rem; text-align:center;}
#s_contact .con_left h3{ font-size:3rem; margin-bottom:1rem;}
#s_contact .con_left h2{ margin-bottom:1rem;}
#s_contact .con_right{ margin:0 3rem; text-align:center;}
#s_contact .con_right h3{ font-size:2.2rem; margin:1rem 0;}
#s_contact .con_right .weixin{ position:relative; margin-top:1rem;}
.foot_top{ padding:2rem 0 1rem;}
.foot_top .con.left{ width:100%; padding:0; }
.foot_top .con:before{ display:none; }
.foot_top .con.right{ display:none;}
.foot_top .con.center{ width:100%; padding:0}
.foot_top .con.center ul{ margin:0}
.foot_bot .fl,.foot_bot .fr{ float:none; text-align:center; margin-top:5px;}

.n_ys{ margin-right:0; padding: 1.25rem;}


#n_join ul li{ padding:2.5rem 3rem;}
#n_join .con{ line-height:2;}


#n_process{ height:auto;}
#n_process .tt{ height:auto; margin-bottom:3rem;}
.process_nav{ margin-top:0;}


.left_ipad ul{ margin:0;}
.right_shouji{ position:relative; text-align:center; bottom: -3rem; padding: 0 3rem;}
#n_appcase ul li{ width:33.333333%;}


.n_banner02{ height:20rem !important}
.n_banner02 h3{font-size: 2.375rem !important;line-height:  2.375rem !important;}
.n_banner02 h4{font-size: 1rem !important;}
.n_banner02 h2{ font-size:2.4375rem;}
.n_banner02 h6{ font-size:0.875rem; }

.al_select ul li a img {
    height: 20px;
}
.page a{ display:none}
.page a.block{ display:inline-block}


.n_banner04 h2{ font-size:1.75rem}
.n_news .left{ padding:4rem 0 3rem}
.n_news .left ul li.li .top{ padding:2rem 2rem 0}
.n_news .left ul li .con,.n_news .left ul li:nth-child(2) .con{ padding:2rem !important;}


n_case01 ul{ margin:0 -0.5rem}
.n_case01 ul li .con h5, .n_case01 ul li .con h5 a{ font-size:1.125rem}
.n_case01 ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.5rem}
.n_case01 ul li .con{ padding:1.55rem 1rem 1.75rem 1rem}


.zixu_wap{ display:inline-block !important}
.zixu_web{display: none !important;}

.appright { margin-top: 3rem;}


.n_banner06{height:auto !important;}
.n_banner06 .left{ padding:3.25rem 0 4rem}
.n_banner06 .left h3{ margin-top:0}
.n_banner06 .right{ position:relative}
}

@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;}
.n_banner{ height:10rem;}
.s_tt{ margin-bottom:2.5rem;}
.s_tt h3{ font-size:1.8rem;}
.pad_top{ padding-top:4rem;}
.pad_bot{ padding-bottom:4rem;}

.btn_explore{ margin-top:3rem;}
#s_serve .hd ul{ padding-top:1px; padding-left:1px;}
#s_serve .hd ul li{ width:33.33%; margin-top:-1px; margin-left:-1px;}
#s_serve .hd ul li:nth-child(4){ width:50%;}
#s_serve .hd ul li:nth-child(5){ width:50%;}
#s_serve .hd ul li .box{ border:1px solid #e5e5e5 !important;}
#s_serve .bd{ margin-top:3rem;}
#s_serve .bd .item .txt{ margin-bottom:2.5rem;}
#s_serve .bd .item .txt span{ font-size: 3rem; margin-bottom:2rem;}
#s_serve .bd .item .txt h5{ font-size:1.3rem;}
#s_case ul li .mask2::before{top:3px;right:3px;bottom:3px;left:3px;  }
#s_case ul li .mask2::after{top:3px;right:3px;bottom:3px;left:3px; }
#s_case ul li .mask2::before{ border-top: 2px solid #d4042c; border-bottom:2px solid #d4042c;}
#s_case ul li .mask2::after { border-right: 2px solid #d4042c; border-left: 2px solid #d4042c;}
#s_coop .s_tt h3{ font-size:3rem;}
#s_coop ul{ margin:0 -5px;}
#s_coop ul li{ padding:0 5px; margin-bottom:1rem;}
#s_coop ul li .box{ height:5rem; }
#s_news ul{ margin:0 -5px;}
#s_news ul li{ padding:0 5px;}
#s_news ul li .txt{ padding:2rem 1rem;}
#s_news2{ padding-top:1rem;}
#s_news2 ul li{ margin-top:2rem;}
#s_contact .m1360{ padding-top:3.3rem; width:100%;}
#s_map .dw{ background-size:80px;}
.foot_top .con.left dl{ margin-bottom:0;}
.s_tt p{ font-size:1rem;}

.n_join_tt{ margin-bottom:2.5rem;}
.n_join_tt h3{ font-size:1.6rem;}
#n_join ul li .tt{ font-size:1.5rem;}
#n_fuli ul li{ height:auto; min-height:14rem;}
#n_fuli ul li font{ width:2.6rem; height:2.6rem;}
#n_fuli ul li h5{ margin-bottom:1rem;}
#n_fuli ul li:nth-child(1) .con,#n_fuli ul li:nth-child(2) .con{ height:7.5rem;}

.fuwu_tt{ margin-bottom:2.5rem;}
.fuwu_tt h3{ font-size:2rem;}
.fuwu_tt span{ font-size:1.2rem;}
#n_faifa ul li .box{height:5rem;}
#n_fugai ul li font span{ width:2rem; height:2rem;}
#n_fugai .slick-arrow{ border:1px dotted rgba(255,255,255,.9); width: 3rem; height: 3rem; }
#n_fugai .slick-arrow:hover{ border:1px dotted #e13b56;}
#n_fugai .slick-prev{ left:-1rem; }
#n_fugai .slick-next{ right:-1rem; }
#n_kaifa2 ul li font{ width:6.5rem; height:6.5rem;}
#n_fangan ul li font img{max-width: 2.4rem; max-height: 2.4rem;}
#n_liucheng ul li font img{max-width: 70%; max-height: 75%;}
#n_serve ul li font{width: 7rem; line-height:7rem; height:7rem;}
#n_serve ul li font img{ max-width:40%; max-height:40%;}
#n_yingyong .slick-arrow{ border:1px dotted #fff; }
#n_yingyong .slick-arrow:hover{ border:1px dotted #e13b56;}

.left_ipad ul li font{ width:2.5rem; height:2.5rem;}
.appleft ul li{ width:12.5rem; height:12.5rem;}
.appright{ margin-top:3rem;}
#n_yingyong{ padding-bottom:10rem; background-size:300% 100%;}
#n_yingyong ul li font{ width:7rem; height:7rem;}
#n_yingyong ul li h5{ font-size:1.2rem;}
#n_yingyong ul li p{ font-size:11px;}

#n_yingyong .slick-arrow{ top:auto; margin-top:0; bottom:-7rem; width:3.5rem; height:3.5rem;}
#n_yingyong .slick-prev{ left:50%; margin-left:-4.5rem;}
#n_yingyong .slick-next{ right:50%; margin-right:-4.5rem;}

#n_fugai{ }
#n_fugai ul li font{ width:9rem; height:9rem;}
#n_fugai ul li h5{ font-size:1.2rem;}
#n_fugai ul li p{ font-size:11px;}
#n_appcase ul li{ width:50%;}


.n_news .left ul li{ width:100%;}


.n_news_detail .left .box .ar_title h3{ font-size:1.5rem;}
.n_case01 ul li {
    width: 100%;
}
.b_nav img{ max-width:1.5rem; max-height:1.5rem;}
.n_news_detail .left .box .ar_title{ margin-bottom:2rem;}

#n_join .tip h3{ font-size:1.2rem;}
#n_join .tip a{ width: 12rem; padding: 1rem 1rem; margin: 0 6px;}
.n_banner06 .left ul li a span img{ max-width:1rem; max-height:1rem;}
.n_case ul{ margin:0 -5px;}
.n_case ul li{ padding:0 5px;}
.n_case ul li .con{padding: 1.2rem 1rem 1.3rem 1rem;}
.n_case ul li .con h5, .n_case ul li .con h5 a{ font-size:1.25rem;}
.n_case ul li .con hr{ margin:.8rem 0;}
.al_select ul li a img{ max-width: 2.2rem; max-height: 1.5rem; height:auto;}

#n_lianxi .left{ padding:3rem 1.5rem;}
#n_lianxi .right ul li font img{ max-width:1.8rem; max-height:1.8rem;}

#n_process{ background:url(../image/n_process_bg01.jpg) center no-repeat; background-size:cover; background-attachment:fixed;}
#n_process .tt span{ font-size:2.4rem;}
#n_process .tt h3{ font-size:1.6rem;}
.process_for .box font img{ max-width:1.5rem; max-height:1.5rem;}
.process_nav ul li{ padding-top:1rem;}
.process_nav ul li:before{ top:4rem;}
.process_nav ul li font img{ max-width:1.5rem; max-height:1.5rem;}
.process_nav ul li i{ height:1.5rem;}
.process_nav ul li.slick-current i{ height:3rem; margin-top:-1.5rem;}
.process_for .box h5{ margin-top:.5rem; margin-bottom:.5rem;}
.process_for .box{ height:200px; padding:2rem;}
.process_for .slick-arrow{ left:1.8rem;}
.process_for .slick-next{ left:4rem;}
}