@charset "utf-8";

.tt_24{ font-size:1.5rem;}

.center{ text-align:center;}




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

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






@media (min-width: 1200px)

{
.foot_logo{  height:192px;}	
.foot_nav{  border-right:1px solid #403f4e; height:192px; border-left:1px solid #403f4e;}
.container {}

.foot_logo{ width: 28%;padding-right: 20px;}
.foot_nav{ width: 36%;}
.foot_nav ul{ text-align:center;}
.foot_nav ul li{ padding:0 15px; display:inline-block; text-align:left; float:none; vertical-align:top; }
.foot_logo .txt {  max-width: auto;}

}

@media (min-width: 1360px)

{
.container {
    width: 1260px; 
}

}





@media (min-width: 1440px)

{

div#top{ display:block !important;}

}



@media (min-width: 1660px)

{

.container {

    width: 1480px; 

}

.container2{ max-width:1360px;}
.foot_nav{ margin-left:45px;}
}



@media (max-width: 1360px)

{
.foot_logo { padding-right:20px;width: 26%;}
.foot_liuyan .input .input-text { width:170px;}
.foot_nav{ width:34%;}
.foot_nav ul li {
    padding: 0 20px;
}
}


@media (max-width: 1200px)

{
.foot {padding-top: 40px;}
.foot_logo{ width:46%;}
.foot_nav{ display:none; }
.foot_bot {
	padding-top: 20px;
	margin-top: 10px;

}
aside#top{ display:none;}

}
@media (max-width: 1000px)
{
.foot_logo{ float:none; width:100%;}
.foot_lianxi{ text-align:left; float:none;}
}

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

@media (max-width: 992px)

{


 #m_nav li .a h3{ color:#fff;}
 #m_nav li:hover .a h3{ color:#fff;}
 #m_nav>ul>li{  border-bottom:1px solid #1886ED;}
#m_nav .title .list{ background:#185FA9;}
#m_nav .title .list a{ color:#fff;}
 #n_jituan .container>.fl{ float:none;}

#n_jituan .container>.fr{ position: static; padding-left:10px; float:none; margin-top:40px;}

 #n_jituan .tt{ margin-bottom:25px;}

 #s_shuzi ul li{ width:33.333%; margin:0; float:left;}

 #s_apply ul li .txt{ padding:20px 15px;}

 #s_apply ul li .txt p{ height:36px;}

}



@media (max-width: 768px)
{	

.container{ padding:0 10px; }
.foot_logo img { display:none;}
.foot_lianxi{  float:none;}
.foot_liuyan .input .input-text {width: 230px;}
.foot_lianxi .tel p{ margin-bottom:10px;}

.foot_lianxi .clear{ float:left; text-align:left; padding-top:0px;}
.foot_lianxi .ewm{ float:none; text-align:left; width:100%;height:auto; display:none;}




.n_banner{ height:12rem;}



.j_pages a{padding: 0 11px;height: 33px;line-height: 31px; font-size:20px; margin:0 3px; font-size:14px; }

.j_pages span{ padding:0;}

.j_pages i{ width:0;}



.slide_btn{ padding:10px; margin-top:-10px !important;}



#n_pro_xg .item .img{ height:130px;}

#n_news_xq .con{ padding:0 1rem;}

#n_fazhan{ padding:1rem 0;}

#n_fazhan .map .tag{ left:2.8rem;}

#n_fazhan .map .ico i img{ width:1.3rem;}

#n_fazhan .map .tag img{ width:12rem;}

#n_fazhan .txt .tt{ margin-bottom:1.5rem;}

#n_fazhan .txt{ margin-bottom:1.5rem;}

#n_pro_xq2 .hd ul{ max-width:280px;}

#n_pro_xq2 .hd ul li{ margin:0; padding:0;}

#n_pro_xq{ padding-top:3rem; padding-bottom:3rem;}

#n_pro_xq .tt span{ font-size:1.8rem;}

#n_pro_xq .tt h3{ font-size:1.3rem;}

#n_pro_xq .txt .tt2{ font-size:1.2rem;}

#n_pro_xq .tt{ padding-bottom:2rem;}

#n_pro_xq .txt .top{ padding-top:1rem; margin-bottom:1.5rem;}

}



.web{}

.wap{ display:none;}

@media (max-width: 1200px)

{

.web{ display:none;}

.wap{ display:block;}

}