@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)
{
 #s_case .tt2{ height:9rem;}
}


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


}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
#nav ul li a{padding: 0 1.7rem;}
#nav ul li h3{ font-size:1rem;}
}
@media (max-width: 1360px)
{
 
.m1600{ margin:0 3rem; max-width:inherit; width:auto;}
.m{ margin:0 3rem; max-width:inherit; width:auto;}
#n_licheng .hd{ margin-left:0; margin-right:0;}
}
@media (max-width: 1280px)
{
#nav ul li a {
    padding: 0 1.3rem;
}
#n_licheng .bd .slick-prev{ left:-5%;}
#n_licheng .bd .slick-next{ right:-5%;}
}

@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
 #header{ display:none;}
#m_header{ display:block; padding: 0 3rem;}
#m_header #logo img{ height:3rem;}
.pad_aside .m1600{ margin:0;}
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
#online_q{ display:none;}
}
@media (max-width: 1100px)
{
.web{ display:none;}
.wap{ display:block;}
#n_about .left{ width:100%; float:none;}
#n_about .right{ width:100%; float:none;}
#n_licheng .bd li{ padding-top:0;}
#n_licheng .bd li .box{ padding:0;}
#n_licheng .bd li .img{ transform:scale(1);}
#n_licheng .bd li.slick-center .img{ transform:scale(1);}
#n_licheng .bd li .txt{ position:relative !important; left:0; right:0; opacity:1; margin-bottom:1.5rem;}
.ar_con{ width:100%; float:none;}
.ar_list{ display:none;}
.fangan_left ul li{min-width: 50%;float:left;text-align:center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.fangan_left ul li a{ text-align:center; padding:10px 2px; border:0;}
.fangan_left{width:100%;float:none;margin-bottom:3rem;overflow:hidden;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.fangan_left ul li font{ float:none; margin:0; }
.fangan_left ul li p{ float:none; font-size:.8rem; line-height:inherit; padding:5px 0;}
.fangan_left ul li i{ display:none;}
.fangan_right{ width:100%; float:none; }

.pro_left{ background:none;}
.pro_left{ width:100%; float:none; margin-bottom:3rem; overflow:hidden;}
.pro_right{ width:100%; float:none; }
.pro_left ul li .sanji{ 
    padding-left: 2rem;
    padding-right: 1rem;
    flex-wrap: wrap;}
.pro_left ul li .sanji a{ padding:0;}
.pro_left ul li a{padding: 0.5rem 1.5rem;}
}
/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px)
{
#banner{ margin-top:0;}
#n_banner{ margin-top:4.5rem;}
.foot_nav{ display:none;}
.foot_lianxi{ width:100%; border:0; padding-left:0; padding-bottom:1rem;}
.foot_lianxi .box{ float:left;width:calc(100% - 16rem);}
#foot .ewm{ float:right;}
 
#s_news ul li .mask{ display:none;}
}
@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;}
.m{ margin:0 2rem; max-width:inherit; width:auto;}

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

}
@media (max-width: 767px)
{
.m1600{ margin:0 15px; max-width:inherit; width:auto; padding:0;}
.m1400{ margin:0 15px; max-width:inherit; width:auto; padding:0;}
.m1360{ margin:0 15px; max-width:inherit; width:auto; padding:0;}
.m1280{ margin:0 15px; max-width:inherit; width:auto; padding:0;}
.m{ margin:0 15px; max-width:inherit; width:auto; padding:0;}
.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_pro .hd{ height:8rem;}
#s_pro .hd ul li{ height:8rem;}
#s_pro .hd ul li font img {
    max-width: 2.25rem;
    max-height: 2.25rem;}


#n_pro01 .img{ width:100%; margin-bottom:2rem; float:none;}

.pro_right ul li .img {height:auto !important;}

}
@media (max-width: 640px)
{
	.fangan_right ul li .img{ width:100%; float:none; margin:0;}
	.fangan_right ul li .txt{ padding:2rem 2rem;}
	.pro_right ul li .img{ width:100%; float:none; margin:0;}
	.pro_right ul li .txt{ padding:2rem;}
	}
@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:2.625rem; width:auto; }

#banner .txt h3{ font-size:2.8rem; margin-bottom:.6rem;}
#banner .txt p{ font-size:1.4rem; line-height:2.3rem;}
#banner .banner-arrow { width: 30px; height: 30px; background-size: 30px !important;}
.appendArrows{ padding-top:20rem;}
.s_tt{ margin-bottom:2rem;}
.s_tt h3,.s_tt span{ font-size:1.6rem;}
#s_pro .bd ul li .txt .p{ width:100%;}
#s_link ul li span{ display:none;}

#s_pro .bd .slick-arrow{ width:7rem;}
#s_link ul li font img{ max-width: 3rem; max-height: 3rem;}

.foot_share{ float:none; margin-bottom:5px;}
.foot_c{ float:none; margin:0;}
#searchBtn svg{ width:15px;}
.n_nav_box{ height:auto; overflow:hidden; padding-top:0;}
.n_nav{}
.n_nav a{ margin:0; width:20%; float:left;}
#rect{ display:none;}
#n_banner{ height:15rem; }
#n_banner .con{ height:15rem;}
#n_banner .img{ height:15rem;}
#n_shuzi ul li{ width:50%; margin-bottom:.5rem;}
#n_shuzi ul li p{ font-size:3rem;}
#n_shuzi ul li h{ font-size:.875rem;}
.about_slide .slick-dots{ bottom:-1rem;}
#n_licheng .hd li span{ font-size:2.5rem;}
.xs_jianju{ margin:0 -5px !important;}
.xs_jianju li{ padding:0 5px !important;}
#n_news ul li .con{ padding:1rem;}
#n_news ul li h5{ font-size:1rem;}
#n_news ul li p{ display:none;}
.ar_title h3{ font-size:1.5rem;}
.ar_title{ margin-bottom:2rem;}
.ar_con { padding: 2rem 1.5rem 1rem; margin-bottom: 2rem;}
#n_join .bd{ border:1px solid #ddd;}
#n_join .bd ul li .box { margin-right: 1rem;}
.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%;}
.join_bot ul li .btn_toudi{ position:relative; opacity:1;}
#n_tousu .j_form .form-group{ width:100%;}
.j_form .form-group>input{ height:50px; line-height:48px;   }
.j_form .form-group .input{ height:50px; line-height:48px; }
.j_form .span{ height:50px; line-height:48px;}
.j_form .btn_tijiao{height:50px; line-height:48px;}
.n_pro_box.m1280{ padding: 3rem 2rem;}
.fangan_xq{ padding:3rem 2rem;}
.foot_lianxi .box {
    width:100%;
}
#foot .ewm{ margin-bottom:.5rem; width:6rem; height:6rem;}
.foot_lianxi{ margin-bottom:0;}
.n_nav { 
    float: none;    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.n_nav_box .m1400{ margin:0;}
.n_nav a { min-width:25%;width: auto; white-space: nowrap;}
.pro_left ul.pro_nav{ background:none;}
#s_case ul li p{ display:none;}
#s_case .slick-arrow{ display:none !important;}
#s_pro .hd .slick-arrow{ background-color: inherit;    width: 5rem;}
#s_pro .hd .slick-next{background-image: url(/static/image/right_gray.svg);}
#s_pro .hd .slick-prev{background-image: url(/static/image/left_gray.svg);}
.foot_share ul li a{ width:2rem; height:2rem; line-height:2rem;}
#n_banner .txt p{ font-size:2rem;}
#n_banner .txt h3{ font-size:1.5rem;}
input,button,textarea{ border:0; box-shadow:0; outline:0; -webkit-appearance:none; border-radius:0;}
.j_form .form-group .file_r{ height:8rem;}
.j_form .form-group .yzm img{ width:100px;}
#n_subnav ul li{ margin-bottom:10px;}
}


@media (max-width: 768px) {
    .ar_article p {
        font-size: 13px;
        line-height: 26px;
    }
    
        .n_about .fl01 .m1400 .right {
        width: 100%;
    }
    
        .n_about .fl01 .m1400 .left {
        width: 100%;
        padding: 0 0 2rem;
    }
        ul#n_team li {
        width: 50%;
    }
    
        .n_licheng .fl01 .miso_hd li h4 {
        font-size: 2rem;
    }
    
        .n_licheng .fl02 .miso_bd .right p {
        font-size: 13px;
    }
    
        .n_licheng .fl02 .miso_bd h4 {
        padding: 66px 0 15px;
        display: none;
    }
    .n_licheng .fl02 .miso_bd .right {
        width: 95%;
    }
    
        .n_licheng .fl01 .m1400 {
        padding: 3rem 0 0 15px !important;
    }
    
        .n_licheng .fl01 .miso_hd {
        width: 100%;
        padding: 0;
    }
    
    .list_box_huoban {margin-top:20px;}
    
        .list_box_huoban li {
        width: 33.333333%;
    }
    
}




@media (min-width: 992px) {
    .list_box_xuanchuan li a:hover .img_box .top, .list_box_baodao li a:hover .img>img {
        transform: scale(1.08);
    }
}