/* 内外边距通常让各个浏览器样式的表现位置不同 */


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {

	margin: 0;

	padding: 0;

}







/* 清除浮动 */

.clearfix:before,
.clearfix:after {

	content: "";

	display: table;

}

.clearfix:after {

	clear: both;

	overflow: hidden;

}

.clearfix {

	zoom: 1;
	/* for ie6 & ie7 */

}



.heade {

	width: 100%;

	margin: 0 auto;




}

.headeBox {

	width: 7.5rem;

	height: 0.9rem;

	position: fixed;
	top: 0;

	/*height: 148px;*/

	z-index: 9999;


	max-width: 750px;

	background-color: #df1c4e;

}

.heade .logo {

	float: left;

	width: 1.11rem;

	height: 0.34rem;
	
	position: absolute;
	
	top: 0;

	left: 0;

	right: 0;

	bottom: 0;
	
	margin: auto;
	margin-top: 0.3rem;

}

.heade .logo img {
	width: 1.11rem;
	height: 0.34rem;
}

.heade .tel {

	width: 0.31rem;

	height: 0.31rem;

	float: right;
	margin-top: 0.3rem;
	margin-right: 0.33rem;


}

.heade .tel img {

	width: 0.3rem;

	height: 0.33rem;

}

/*.heade .tel2{

	width:40%;

	float:left;

}

.heade .tel2 img{

	max-width:100%;

}

*/



.mobile-inner p {

	color: #676767;

	line-height: 25px;

	font-size: 16px;

	padding-bottom: 30px;

	padding-right: 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 {

	color: #ffffff;
	
	width: 0.9rem;
	
	height: 0.9rem;
	
	font-size: 0.25rem;

	float: left;
	text-indent: 0.2rem;



	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

.mobile-inner-header-icon:hover {

	cursor: pointer;

}

.mobile-inner-header-icon span {

	position: absolute;

	/*left: calc((100% - 25px) / 2);*/

	top: calc((100% - 1px) / 2);

	width: 0.35rem;

	height: 0.03rem;

	background-color: rgba(255, 255, 255, 1);

}

.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;

}

.mobile-inner-header-icon-click span:nth-child(3) {

	display: none
}





@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(8px) rotate(0deg);

	}

}







@keyframes outsecond {

	0% {

		transform: translateY(0) rotate(45deg);

	}



	100% {

		transform: translateY(-8px) rotate(0deg);

	}

}



.mobile-inner-nav {

	background-color: #df1c4e;

	width: 100%;

	position: absolute;

	top: 0.9rem;

	left: 0px;

	height: calc(100vh);

	display: none;



}

.mobile-inner-nav a {


	display: inline-block;

	line-height: 0.8rem;

	text-align: center;

	text-decoration: none;

	width: 100%;

	color: #FFFFFF;

	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;

	background-repeat: no-repeat;
	font-size:0.3rem;

}

.mobile-inner-nav a:hover {

	color: rgba(255, 255, 255, 0.4);

	border-bottom: solid 1px rgba(255, 255, 255, 0.2);

}

.mobile-inner-nav a span {
	display: block;
	width: 1.5rem;
	height: 0.8rem;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 20%;
	background-size: 0.2rem;
	text-indent: 0.2rem;
}