
@media screen and (max-width:800px) {
    
/** common **/	
.print{ display:none;}
.mobDIV{ display: block;}
.pcDIV{ display:none;}


.gnbDiv{ width:98%; margin:0 auto; }
ul.gnbL{display:none; }
.logo{  }

#bodyM{ width:96%; margin:0 auto;}
#body{ width:99%; margin:0 auto;}
/** top & foot **/

#top,#foot{ width:100%; }
#foot{border-top:none; margin:0;	}
#foot span{ display:block; margin:0 auto; text-align:center;	}
#sitemap,.sitemap,#footRight,#footsearch,#footer,#footermain
{display:none; }



/** index **/
#indexMainColor { padding-bottom:10px;}
#indexM{ width:99%; margin:0 auto; }
ul.prolist {	margin:0 auto; float:none;	width:99%;}
ul.prolist li {	width:100%; margin-bottom:10px;height: auto;}
ul.prolist li a {	width:100%;  float:left;}
ul.prolist li a img {	width:96%; border:#FFF 2% solid;margin:0 auto; float:none; }
ul.prolist li a h2 {
	width:90%;
	margin:5%;
}
ul.prolist li a span.prointro {
	width:90%;
	padding:0 5%;
}
#indexMain{	padding:10px 0;}

#indexM_news {width:98%; margin:0 auto; float:none;	}
#indexM_right {width:98%; margin:0 auto; float:none; 	}
ul.newi{ width:100%; float:left; padding-bottom:10px;}
ul.newi li{	float:left; width:100%;}
.RightBotton {  right:3px; font-size:0;}

ul.newi ol{	width:100%; }

.area_visual .ul_arrow {display:none; }
.area_visual {overflow:hidden; position: relative; width:100%; height:300px; }
.area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:300px; background-repeat:no-repeat; background-position:center top;font-family: "微软雅黑";}
.area_visual .ul_visual li.li1 {background-image:url(../images/main/img_visual_1_800.jpg);}
.area_visual .ul_visual li.li2 {background-image:url(../images/main/img_visual_2_800.jpg);}
.area_visual .ul_visual li.li3 {background-image:url(../images/main/img_visual_3_800.jpg);}





/** about company **/
#leftmain,#div_clear{ display:none;}
#div_clea {
    width: 100%;
    float: none;
    clear: both;
    height: 30px;
}
.BGcompany{ background:none;}
#contect30{width: 48%; padding:0; padding-right:2%;}
.imgtop48{ padding:0;}

#rightmain,#contect{width:99%;margin:0 auto; float:none; padding:0;}

ul.histroy {
	float:left;
	width:90%; margin:0 auto; 
	overflow:hidden;
}

#proclass{width:45%; float:left;  overflow:hidden; margin:2%;}
.mr30{ margin-right:0;}
ul.pro_li li {float:left; margin:2%;width:46%;}
ul.pro_li li a { width:100%;}
.mr35{ margin-right:0;}
#proimg{width:99%; float:none; margin:0 auto; }
#canshubiao{width:99%; float:none; margin:0 auto; }

ul.cert2 li{
	float:left; display:block; margin:2%; width:46%; 
}
#casebox h2{ padding-bottom:8px; }
#casebox p{width:70%; height:44px; overflow:hidden; }

/** news **/
.newsList{width:46%; 	margin:0 2% 11px 2%; }
			
.logo{  background: url(../images/bg_logo.png) right center no-repeat; padding-right:150px; }			
/** 手机导航菜单 **/	

    .nav{ display:none;}


		
	#mobileNav{display: block;position:fixed; top:72px; right:15px; 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(../images/ico_nav02.png) 10px center no-repeat #F90;  }


	#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;
    }
	
    #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(../images/jiantou.png) left center no-repeat;}
	#MenuNav ul li a.dier{ font: normal 16px/30px "微软雅黑"; width:87%; margin-left:10%;padding-left:3%; background: url(../images/ico_dian.png) left center no-repeat;}
	
	
		.openwin {
        width: 95%;

    }
}

@media screen and (max-width:400px) {
	.area_visual .ul_arrow {display:none; }
.area_visual {overflow:hidden; position: relative; width:100%; height:245px; }
.area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:245px; background-repeat:no-repeat; background-position:center top;font-family: "微软雅黑";}
.area_visual .ul_visual li.li1 {background-image:url(../images/main/img_visual_1_400.jpg);}
.area_visual .ul_visual li.li2 {background-image:url(../images/main/img_visual_2_400.jpg);}
.area_visual .ul_visual li.li3 {background-image:url(../images/main/img_visual_3_400.jpg);}

#div_clear,#div_clea{ display:none;}

#proclass{width:98%; float:none;  margin:0  auto;}
.mr30{ margin-right:0;}

#cul{width:99%;margin:0 auto; float:none; padding:0;}
#casebox p{ display:none; }
/** news **/
.newsList{width:100%; 	margin:0 0 11px 0; }

#foot span{width:100%; display:block; float:left;	}	
	}