@media screen and (max-width:800px) {
    
/** common **/	
.nav{ display:none;}
.mobDIV{ display: block;}
.pcDIV{ display:none;}

.gnbW {  position: ;}
.gnbDiv{ width:100%; }
ul.gnbL{display:none; }
.logo{ width:220px; height:auto; padding-top:2px;  }


/** top & foot **/
.bg_product{background: url(../images/bg_product800.jpg) center top no-repeat #FFF;}
.bg_about{background: url(../images/bg_download800.jpg) center top no-repeat #FFF;}
.bg_quality{background: url(../images/bg_quality800.jpg) center top no-repeat #FFF;}
.bg_new{background: url(../images/bg_news800.jpg) center top no-repeat #FFF;}
.bg_job{background: url(../images/bg_jobs800.jpg) center top no-repeat #FFF;}
.bg_contact{background: url(../images/bg_contact800.jpg) center top no-repeat #FFF;}

#bannerTxt{width:98%; margin:0 auto; height:100px; padding-top:150px; }
#bannerTxt h1.line{  width:52px; }
#bannerTxt h2{font: bold 26px/40px "微软雅黑",Arial;  }
#bannerTxt span{ font: normal 18px/26px "微软雅黑",Arial;  }

#viewDIV {float:left;width:100%; overflow:hidden; }


#top,#footer{ width:100%; }
.btnfooter{display:none; 	}
#footer p span{ display:block; width:100%; margin:0 auto; text-align:center; color:#333; }
#footer p span a{  color:#333; }




#bodyiMain{ padding:0;}
#indexM,#bodyi{ width:100%; background:none; }
#indexML{width:99%; margin:0 auto; height: auto;}

#pro_list {float:left; width:48%; margin:1% ;}
.mr19{ margin-right:0;}
#pro_list a{ width:98%; border:1% #FFFFFF solid; 	}
#pro_list a:hover{ border:1% #ffb414 solid;	}


#btmL{ width:100%; margin:0; padding:0;}
#btmR {width:100%;  margin:3% 0 0 0; padding:0;   }
#btmM {width:100%;margin:3% 0;}
#btmL01 { margin-bottom:3%; background:url(../img/com01.png) right center no-repeat #F1F0F0 ;}
#btmL02 {float:left;  width:49%;  margin-right:2%;  }
#btmL03 {float:left;  width:49%; }

/** about company **/
ul.cpclass { display:none;}
#bodyMain{	width:100%;	padding:10px 0; }
#body{	width:99%; margin:0 auto; overflow:hidden;  }

#cul{width:100%; margin-bottom:2px;}
#jmlc{width:90%;margin:2% 5%;}
#div_left{width:100%; }
#div_right{width:100%;  }

#mendian{ margin-bottom:11px;}
#mendianTXT{width:93%; float:left; padding:3%;}
#mendianIMG{width:99%; float:left; padding:0;}


.txtH { height:40px; margin-bottom:15px;}
.ch {
	font: bold 16px/30px "微软雅黑";
	color:#333;
}
.en {	
    background-color:#FFF; padding:0 5px;
	font: 12px/20px '微软雅黑',sans-serif,Arial;
	color:#666;
}
.chen {	
    background-color:#F3F3F3; padding:0 5px;
	font: 12px/20px '微软雅黑',sans-serif,Arial;
	color:#666;
}
/** product **/
#proclass{	 width:48%; margin:1%; }
.dansu{ background-color:#FBFBFB;}
.shuangsu{ background-color:#F2F2F2;}
#proclass a p{ width:100%; height: auto; }
#proclass a dl{padding:5%; width:90%; }
#proclass a dl span.jiantou{	 position: absolute; left:50%; top:-18px; margin-left:-13px; }
#proclass a dl dt{  width:100%; height:20px; overflow:hidden; font-size:15px;}
#proclass a dl dd{  width:100%; height:96px; overflow:hidden;}

ul.prolist li { width:49%;float:left;margin:0.5%;}
ul.prolist li a { border:#E4E4E4 1% solid; width:96%;  margin:1%; }

.mr20{margin-right:0; }

.pro_img{width:100%;  padding-right: 0; margin-bottom: 15px;}
.pro_txt{width:100%; }

/** news **/
ul.New_List li{ width:50%; margin-bottom:0;}
ul.New_List li a{ display: block; float:left; width:98%; margin:1%;   }
.new_mr20{ margin-right:0;}

		
/** 手机导航菜单 **/	
.toplist ul li.tel{  padding:0 0 0 20px;  }
	
	#mobileNav{display: block;position:fixed; top:45px; right:10px; border:0; z-index:999; }
	#mobileNav a{display: block; float:left;border-radius: 3px;
	 font: normal 18px/35px "微软雅黑"; color:#FFF;
	 padding: 0 10px 0 25px;
	 background:url(../ico/ico_nav02.png) 10px center no-repeat #ee1122;  }


	#MenuNav {
        -moz-border-radius: 6px;
        background: #eef2f7;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;

        width: auto; padding:15px;
        position:fixed; top:55px; right:5%;
        display: none; z-index:9999;
    }
	
    #MenuNav ul{ float:right;width:100%; }
    #MenuNav ul li{ float:left;width:100%;}
	#MenuNav ul li a{ float:left; display:block;  border-bottom:#666 1px solid; font:normal 16px/30px "微软雅黑"; }
	#MenuNav ul li a.diyi{ font: bold 16px/30px "微软雅黑"; width:95%; padding-left:5%; background: url(../ico/More10.gif) left center no-repeat;}
	#MenuNav ul li a.dier{ font: normal 16px/30px "微软雅黑"; width:87%; margin-left:10%;padding-left:3%; background: url(../ico/ico_dian.png) left center no-repeat;}
	
	
		.openwin {
        width: 95%;

    }
}

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



#btmL02 p, 
#btmL03 p{float:left;  width:100%; height:100px; overflow:hidden; }
/** prolist **/



	}