@charset "utf-8";
/* CSS Document */

.mobile{

}

	.hand_top{ clear:both;  background:rgba(255, 255, 255, 0.95) ; border-bottom:1px solid #fff;  background-size:auto 100%; height:70px; text-align:center; color:#333;line-height: 70px; position:fixed; z-index:1000000; width:100%}
		.mobilelogo{ height:100%}
		.hand_top .handmenubtn, .piccon02h .handmenubtn{ float:right; width:50px; height:50px; margin:18px 12px 0 0;}
		
			.hand_top .handmenubtn .line, .piccon02h .handmenubtn .line{ width:70%; height:2px; border-radius:3px; margin:8px auto 0px auto; background:#096d35}
			.hand_top .handmenubtn .line:nth-child(2){ width:50%; margin-right:32%}
			.piccon02h .handmenubtn{ background:#0a54ab; margin-top:0px}
			.piccon02h .handmenubtn .line{border-radius:6px; margin:8px auto 0px auto;}
			
		.hand_top img.fl{ float:left; height:90%; margin-top:1%}
			
			
			
.hand_con01{clear:both; overflow:hidden; padding:50px 0 10px 0; background-size: auto 100%; height:100%; max-height:1000px; min-height:640px}
	.hand_logo{ width:90%; margin:22% auto 60% auto; padding-right:8%}
		.hand_logo img{ width:100%}
		
		.handmenumore{ display:none;    z-index: 1000;position:absolute; clear:both; overflow:hidden;     background: #007737; width:100%; top:70px}
			.handmenumore li{ display:block; width:100%; line-height:40px; text-align:center; color:#fff; border-bottom: 1px solid #103e24;}
		.handmenumore a{color:#fff;display:block;line-height:40px;width:150px;margin: 0 auto; font-size:16px}
	
	
	#page1{ background:url(../img/hand_bg1.jpg) no-repeat center top; background-size:100% 100%; height:100vh}
	#page2{ background:url(../img/hand_bg2.jpg) no-repeat center top; background-size:100% 100%}
	#page3{ background:url(../img/home3_bg.png) no-repeat center top; background-size:auto 100%}
	#page4{ background:url(../img/hand_bg4.jpg) no-repeat center top; background-size:100% 100%;height: 100vh;}
	#page5{ background:url(../img/home5_bg.jpg) no-repeat center top; background-size:auto 100%}
	#page6{ background:url(../img/home6_bg.png) repeat-x left 40vh ; }

	.mobile .tab2area{ width:100%}
		.mobile .tab2area .tab2con{ padding-left:0; padding-top:120px}
		.mobile .tab2area .tab2con img{ width:50%}
		.mobile .tab2area .tab2con .tab2mid{ width:90%; font-size:12px; padding-top:20px}
		.mobile .tab2area .tab2con .tab2_img{ width:100%; margin:30px 0 0 }
		.mobile .tab2area .tab2con .tab2_img img{ width:42%}
		.mobile .tab2area .tab2con .tab2_img img:first-child{ width:29%}
		.mobile .tab2area .tab2con .tab2_img img:nth-child(2){ width:29%}
		
	.mobile .tab4_h{ width:100%; height:200px;}	
		.mobile .tab4_h img{ width:50%}
		.mobile  #page3 .wrapper{-webkit-transform:scale(0.7);transform:scale(0.7); -moz-transform:scale(0.7); margin-left:-6%}
		
		
		
	.mobile #tab {padding:0;}
		.mobile #tab .tab_menu{width:100%; text-align:center}
		.mobile #tab .tab_menu li{width:60px; height:60px;font-size:14px;line-height:18px;margin:20px 0px 0 0; padding-top:8px; }
		.mobile #tab .tab_box{ background:none; width:98%; margin:0 auto}
		.mobile #tab .tab_box .tab4img1{ width:50%; margin:0; height:10rem	}
		.mobile .tab4img1 img{height:10em	}
		.mobile .mobile_tab_area .tabarea .tab4img1 img{ height:auto}
		.mobile #tab .tab_box .tab4img1 div{ height:10em; padding-top:0}
		
	.mobile .tab5news{ background:rgba(255, 255, 255, 0.8); padding:20px 40px; width:80%; height:136px; display:block; margin:0 auto; float:none; margin-bottom:15px}
			.mobile .tab5news h5{ width:100%; font-size:14px; color:#000; height:36px; line-height:36px; overflow:hidden;text-overflow:ellipsis;
white-space: nowrap; }
			.mobile .tab5news:hover h5{ color:#007737}
			.mobile .tab5news p{ width:100%; height:40px; line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden; color:#999;font-size: 12px;}
			
			.mobile .tab5news h6{ width:100%; font-size:12px; color:#000; height:22px; line-height:22px;}
	
	.mobile #page6 .qc{ width:32%; height:auto; font-size:12px; color:#fff; text-align:center; margin:20px auto 0}
		.mobile #page6 .qc img{ width:100%}
	.mobile #page6 .txt{ width:63%; height:auto; font-size:12px; color:#fff; text-align:center; margin:0 auto}
	.mobile #page6 .tab6map{ width:80%; margin:0 10%; float:none}
		
		
		
	.mobile .info_h{ height:auto; padding:15px 0 5px 0; padding-top:80px;}
	.mobile .info_h .tabmenu{ height:auto;}
	
	
		
	.mobile .tabmenu{ background:#fff}
	.mobile .newhot{ width:94%;}
		.mobile .newhot img{ width:100%; height:auto; float:none}
		.mobile .newhot h4 { width:100%; margin:1% 0; overflow:hidden}
		.mobile .newhotcon{ width:100%; margin:1% 0; overflow:hidden}
	.mobile .newlist{ width:100%; max-width:700px;height: 190px;    padding: 12px 14px; margin-top:26px}
		.mobile .newlist h5{ font-size:16px; line-height:24px; padding-top:10px; height:auto}
		.mobile .newlist .con{ height:78px;}
		.mobile .info_area .tabarea{ padding:48px 28px;box-sizing: border-box;}
	
	
		
	.mobile .info_area .tabarea .tab4_h img{ width:70%; height:auto}
	.mobile .info_area .tabarea .tab4_h { text-align:center; height:100px;}
	
	.mobile .abouth3{ font-size:20px; line-height:20px; margin-top:30px;}
	.mobile .abouth3 span{ font-size:14px; line-height:16px;}
	.mobile .info_area .imgarea img{ width:100%}
	.mobile .info_area .imgarea .mid{ width:100%; height:auto}
		.mobile .info_area .imgarea .mid img{ width:49%}
		.mobile .info_area .imgarea .mid img:nth-child(2){ margin-right:0; width:49.5%}
		
.mobile footer{ position:relative; font-size:1em }

.mobile .section .tab4_h{padding-top: 134px;}

/*.mobile .tab4img1 img{ height:auto}
*/
.timehandtit {position: fixed;    width: 100%;    top: 70px; z-index:1000; background:url(../images/home4_bg.png) no-repeat center top}

.mobile .pages{ width:90%}
	.mobile .pages .pageall{ width:100%;background-size: 100% auto; padding-top:0px;}
			.mobile .pages .pageall a{ width:14px;}