@charset "utf-8";

 @media screen and (max-width:1600px) {
.ban {
	width: 98%;height: 680px;
}

}

@media screen and (max-width:1366px)
{	
.pxcont h5 { font-size:24px; }
.mainbox3 a.more{ position:absolute; right:0px;}

.down_wd a { font-size:18px; font-weight:bold;}
}


/*<=1023px*/
@media screen and (max-width:1024px)
{


.ban {	width: 98%;height: 500px;}


header .tel { display:none;}

.jswz { float:left; width:100%; padding:3% 3% 2% 6%;background-color:rgba(255,255,255,0.4); }
.jswz .biaoti { font-size:30px; text-align:center}
.jswz .biaoti h2 { margin:auto; }
.jswz .js_xx { clear:both; color:#fff; margin-bottom:20px; overflow:hidden;}
.jsxz { float:left; width:100%; padding:3% 4% 1.5% 4%;}
.jsxz .biaoti { font-size:30px; text-align:center}
.jsxz .biaoti h2 { margin:auto; }


.ititle { font-size:30px; }
.ititle span { font-size:30px;}

.pxcont h5 { font-size:20px;}
.pxcont h3 { font-size:11px;}	
.pxcont img { float:none;  clear:both; margin-right:0px; margin-bottom:15px;}

/*内页位置*/
.positioninfobox{ padding:120px 0 150px 0}

.cp_bt{ padding:10px 0;}
	  .promenu{  width:100%; margin: 0px auto 0px auto; background:#28a0f0; box-sizing:border-box; overflow:hidden;}
	  .first .midmenu{ margin:0 auto; width:96%; background:#0067da; color:#fff}
	  .first .midmenu a {padding:0% 10px;line-height:46px;border-bottom:0px solid #dedede; color:#fff}
	  .first .midmenu img { margin:10px;}
	   .first>li{ display:block; width:100%; clear:both; margin:10px 0;}
	  .first .midmenu{ font-size:16px; text-align:left; }
	   .first>li .more{ float:right; margin-top:5px;cursor:pointer; display:block;}
	   .prosec{ display:none; margin:0 auto; width:96%;background:none}
	.prosec>li>a { padding-left:25px; color:#fff}
	.product_list { margin-top:20px;}

}


/*<=920px*/
@media screen and (max-width:960px)
{
.ban {padding-top: 20%;}
.ban h2 {font-size: 18px;line-height: 28px;text-shadow: 2px 3px 3px #000; margin-top:10px;}
.ban p {font-size: 21px;font-weight: bold;line-height: 48px;width: 80%;text-shadow: 2px 3px 3px #000; margin:0px 0 0px 0;}

.pxcont { margin-bottom:20px;} 

}


@media screen and (max-width:854px)
{

    header .logo{width:65%;}
	header .logo img {}
	header .lang { float:left; width:250px; margin-top:3%;}
    .mainnavbg { clear:both; background:#0067da;line-height:0px;}

    .ban p img { width:100%; margin-top:15px;}

    /*友情链接*/
    .linkbt{ float:none; clear:both; width:100%; border-right:0px solid #cccccc; text-align:center;}
    .lianjie{ float:none; clear:both; width:100%;}
    .footer .lx{display:none;}

    .footer .banquan{  width:60%; }


    .footmenu{ display:none;}

    /*产品分类*/
    .menu3 h3{width:24%;}
    .menu4 ul a {width:21%; padding:6px 1%;}
	
	.positioninfobox{ padding:90px 0 110px 0}


}



@media screen and (max-width:768px)

{
    header .logo{width:55%;}
	header .logo img {width:100%;}	
	header .lang { margin-left:3%;}

/*尾*/
.lianxibox{ float:none; width:98%; padding:0px 1%;}
.erweima{ display:none;}


/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}


/*产品分类*/
.menu3 h3{width:32%;}
.menu4 ul a {width:30%;}

.message_add p{ padding:3px 0; float:none; width:100%;}

.position{display:none;}	
.positioninfo{display:none;}

.positioninfobox{ padding:120px 0 160px 0}


.product_list ul li{ float:left; width:48%; padding:5px 1% 10px 1%;}

.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}

.newsbox  dl dt{ display:none;}
.newsbox dl dd{ float:none;width:98%; margin:0 auto; clear:both;}
.mainbox4 ul li{width:48%; }

}


@media screen and (max-width:640px)
{
header .logo{width:65%;}	
header .lang { float:left; width:100px;  margin-top:2%; }
header .lang img { width:30%;}
header .lang li {font-size:14px;}	

.product-number-info li { width:90%; margin-left:5%;}

.proicbox li{ width:100%;margin:0% 0% 2% 0;}
.proicbox li a h3 .midxl  { font-size:24px; line-height:60px; font-weight:bold; display:block; color:#fff }
.proicbox li a h3 .smaxl { margin:0 auto; width:140px;color:#fff; font-size:16px; line-height:28px; border:1px solid #fff}

.jswz .js_xx h5 {  font-size:18px;}

.product_list li p { line-height:23px; padding:3% 0; display:inline-block;}

.footer dl{ display:none;}
.footer .banquan{ float:none; width:96%; margin:0 auto; text-align:center; }
.footer .banquan h3{ margin-top:20px; line-height:30px; font-size:18px;}

.pagelist{ color:#333333; width:98%; display:block; }
.pagelist a{color:#363535; text-decoration:none; line-height:32px; margin:3px 1px;  padding:0px 5px;}


.swiper-pagination-bullet {	width: 10px;height: 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px;}

.footerbottom { padding: 4% 0 12% 0;}
.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#0067da; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:26%;vertical-align:middle; padding-left:4%; padding-right:5%;}




}


@media screen and (max-width:480px)
{
header .logo{width:100%; margin:auto; border-bottom:1px solid #dedede}
header .logo img { width:100%;}
header .lang {  width:280px; margin-top:13px; }
header .lang img { width:40%;}	
header .lang li {font-size:15px;}

header .wapnav { margin-bottom:10px;}
header .wapnav img{padding:5px;}

.ban {	width: 98%;height: 400px;}

.jsxz li { padding-left:15px; margin-bottom:10px;}
.infosearch {margin:0% 0 5% 0; padding:5% 0;}
.infosearch input[type="text"]{width:260px;height:43px;}

.positioninfobox{ padding:120px 0 60px 0}
}


@media screen and (max-width:320px)
{
.mainbanner {height:150px;}	
.mainbanner1{height:160px;} 

/*首页广告*/
.zxrx{width:120px;}
.zxrx h2{ width:60px; font-size:14px;}
.zxrx h3{ font-size:12px; line-height:24px;}
.zxrx h4{ font-size:16px;}


/*产品分类*/
.menu3 h3{width:98%;}
.menu4 ul a {width:96%;}

}