.mobnone{ display:block;}
.pcnone{ display:none;}
.mob-main{min-height:50rem;}

/* ------------------------header---------------------------- */
.mob-logo{width:40%;text-align:center;padding:3% 0  ;float: left;}
.mob-logo img{width:80%;}


.mobile{
	width: 100%;
	float: left;
	margin-top: 100px;
}
.mobile-inner{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.tempImg img{
	height: 128px;
}
.A-IN-ban img{
	width: 100% !important;
	height: 100% !important;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
/*	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;*/
}
.mobile-inner-header-icon{z-index:9999;
	color: #f00;
	height: 30px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 40px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(0,0,0,0);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% + 15px) / 2);
	width: 21px;
	height: 2px;
	background-color: #333;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color:#fff;
	width: 100%; height:inherit;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	padding-top: 50px;
	padding-bottom: 350px;
	display: none;
}
.mobile-inner-nav a{ text-align:center; font-size:18px;
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #333;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}

/*底部*/
footer{ margin-top:8%;  }

.foo-nav{ padding:4% 0 1.3%;background:#dbdbdb; }
.foo-nav li{float:left; margin-right:0%; text-align:center;}
.foo-nav li a{color:#000; font-size:12px;}

.foot1{ padding:6% 0 0%;background:url(../images/foot.jpg) no-repeat center top; background-size:auto 40%; position:relative;}
.foot1 .max-widthA1{ margin-right:0%;margin-left:0%;}
.foot-contact{  width:94%; font-size:12px; color:#fff; line-height:24px; margin: 0 3% 5%;}

.foot-WeChat{ position:inherit;right:0%;bottom:0; z-index:999;width:100%; color:#fff;background:#000; margin:0% 0 0 0; text-align:center; padding:8% 0% 2.6%;font-size:13px; }

.foot-WeChat .ewm{ margin-bottom:5%;}
.foot-WeChat img{width:55%; margin-bottom:2%;}
.foot-WeChat h3{ margin-bottom:0.5%;}
.foot-tel p{font-size:24px;} 

.mob-foot-copyright {width:100%; text-align:center;padding:1.2% 0 2.3%;font-size:14px; color:#fff;background:#000;}


/*==============走进汉曦==============*/
.A-IN-ban{height: 128px; margin-bottom:5%;}
.A-about-ban{ background-size: auto 100%;}

.A-classbar{ height:inherit;margin-bottom:6%;}
.A-classbar a{line-height:35px;font-size:14px; width:25%;padding:0;}

.A-aboutA1 .pic{ width:100%; float:none; margin-left:0%;margin-bottom:9%; }
.A-aboutA1 .info{ width:100%; float:none; line-height:24px; font-size:13px;margin-bottom:9%;}
.A-aboutA1 .info h2{font-size:21px; margin-bottom:3%;text-align:center;}

/*==============新闻中心==============*/
.A-list1 li .info{ width:40%; float:left; padding:5%;}
.A-list1 li .time{ font-size:12px;}
.A-list1 li h3{ margin-bottom:7%;}
.A-list1 li h3 a{ font-size:14px;}
.A-list1 li .readme{ font-size:12px; line-height:18px; height:40px; overflow:hidden;margin-bottom:4%;}
.A-list1 li .more a{ font-size:12px;color:#7a7a7a;}

/*==============新闻中心==============*/
.A-groupA1 .mt h2{font-size:21px; margin-bottom:1.5%;}
.selection-area select{ width:70%; height:55px; font-size:16px; font-family:"微软雅黑"; padding:0 10px;}
.A-groupA1 .left-contact{ width:100%; float:none;}
.A-groupA1 .left-contact h3{ font-size:18px; padding-bottom:2%; border-bottom:solid 2px #000;margin-bottom:1.5%;}
.A-groupA1 .left-contact .list p{font-size:16px; line-height:28px; color:#333; padding:5% 0 8%;}

.A-groupA1 .right-map{ width:100%; float:none;}



.foo-nav ul{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.A-aboutA1 .pic {
	width: 100% !important;
    font-size: 18px;
} 
.lemma-summary img{
	width: 100%;
}
.yewu img{
	width: 100%;
}