#mobileMenuBtn{ display:block;}
.mobileMenuBtn{ position:fixed; top:0; right:0; padding:2.5% 5%;cursor:pointer; color: #fff; z-index:99999;  }
	.mobileMenuBtn p{ display:inline-block; width: 25px;height: 15px; margin-right: 10px; border-top: 1px solid #fff;border-bottom: 1px solid #fff; position:relative; transform: rotate(90deg);}
	.mobileMenuBtn p:after{ content:""; position:absolute;left:0;top:7px; border-top: 1px solid #fff;width: 80% !important;transition: all .5s;}
	.mobileMenuBtn span{}
	.mobileMenuBtn:hover p:after{ width: 100% !important;}
	.in{ color: #014c53;}
	.in p{border-top: 1px solid #014c53;border-bottom: 1px solid #014c53; }
	.in p:after{ border-top: 1px solid #014c53;}
.mobileMenu{display:none;}
.mobileMenu{position:fixed; left:0; top:0; z-index:6005; overflow-x:hidden; overflow-y:auto; background:#333; height:100%; width:20%; transition:left .3s ease-in;}
	.mobileMenu ul{list-style:none; padding:25% 10% 0 10%; color:#fff; transition:left .3s ease-in;}
	.mobileMenu ul li{ border-bottom:1px solid #222; overflow:hidden;}
	.mobileMenu ul li a{ display:block; width:80%; float:left; text-indent:15px; color:#fff; height:36px; line-height:36px;}
	.mobileMenu ul li a:active{ background-color:#222;}
	.mobileMenu ul li a i{ text-indent:0;}
	.mobileMenu ul li .openChild{ cursor:pointer; display:block; height:36px; line-height:36px; box-sizing:border-box; border-left:1px solid #222; width:20%; font-size:20px; text-align:center; float:right;}
	.mobileMenu ul li .openChild:active{ background-color:#222;}
	.mobileMenu ul li ul{ left:100%;}



@media screen and (max-width:767px){
	.mobileMenuBtn{ padding:5% 5%;}
	.mobileMenu{width:40%;}
	.mobileMenu ul{padding:15% 10% 0 10%;}
#iwrapper{overflow:hidden;}
	.wide{width:98%; }
	.logo{ float:none; width:auto; }
	.nav{display:none;}
	.rslides div h2{ font-size:30px; }		
	.rslides div p{ font-size:14px;}	
	.slider	.arrow{ bottom: -50px; }
	.ibusiness .ititle p{ max-width: 100%;}
	.iproduct .ititle{ color:#fff; margin:0;}
	.aboutus{ padding-bottom:8%; }
	.aboutus em{top:8%; width: 50%;}
	.aboutus span{display:none;}
	.icompany{  width: 40%; padding:3% 5% 3% 10%;  margin:0 2% 7% auto; }
	.icompany h3{ font-size:26px; }
	.inews .ititle{width:auto; float: none; } 
	.inews .ititle ul{display:none;}
	.inews .bd{margin:0 3% 0 0;    }
	.inews .arrow{ left: 80%; top: -50px;}



	#main{}
	#left{width:auto; float: none; }
	.leftnav{ text-align:center;  }
	.leftnav h3{display:block;}
	.leftnav dl{ }
	.leftnav dt{ display:inline-block;}
	.leftnav dd{ display:none;}
	.lcontact{display:none; }
	#right{  width:auto; float: none; padding:3% 0;}
	.container{}
	.place{display:none;}
	.place p{ }
	.newslist li em{display:none; }	
	.newslist li div{margin-right:0%; padding:2em 3em;}
	.pro_n{  float:none; width:auto; margin:1% 0;}
	.productb .picdiv{ width:25%;}
	.pic_list .picdiv{ width:25%;}
	.client img{ width:70%;height:70%;}
	.comment{display:none;}
	#leftmsg{width:auto; float:none; display:block; }
	#rightmsg{ display:none;}	
}

@media screen and (max-width:479px){
	.rslides div{display:none;}
	.ititle h2{font-size:24px; letter-spacing: 0.01em;}
	.ititle p{font-size: 14px; letter-spacing: 0.01em; line-height:1.5em;}
	.ibusiness li{ width: 100%;}
	.ibusiness li:nth-child(1) div:before{ top:0px;}
	.ibusiness li:nth-child(2) div{ top:0;bottom:0;}
	.ibusiness li:nth-child(3){ width: 100%;}
	.ibusiness li:nth-child(3) em{width: 100%;}
	.ibusiness li:nth-child(3) div{position:absolute; width:40%;right:0;top:0%; margin:0;}
	.ibusiness .arrow {left:25%; bottom: 6%; color:#fff;}
	.ibusiness .arrow{ background: #fff;}
	.ibusiness .arrow:after{ background: #fff;}
.aboutus{margin:14% 0 0 0; }
.aboutus em{display:none;}
.aboutus em strong{display:none;}
.icompany{  width:auto; }
.inews .bd li p{font-size:12px;}
.f_logo{width:auto; float: none;}
#footer{ text-align:center;  }





	.place p{}
	.newslist li em{display:none; }	
	.newslist li div{margin-left:0px; padding:2em;}
	.newslist li h3{line-height:1.5em; margin-bottom:1em;}
	.publiclist li span{ display:none;}
	.client li{ width:97%;float: none; }
	.special img{width:50%;height:50%;}
	.productb .picdiv{ width:50%;}
	.pic_list .picdiv{ width:50%;}
}