.bottomval h3,.bottomval h5,.c-subtitle,.c-title,.item-i-title>h4,.item-i-title>h6,.zx_btn {
	text-align: center
}

.viewport,body {
	margin: 0 auto
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
}

b,dd,dl,dt,h1,h2,h3,input,li,p,span,ul {
	margin: 0;
	padding: 0;
	list-style: none
}

img {
	border: 0;
	display: block
}

em {
	font-style: normal
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-wrap: break-word
}

@media only screen and (max-width:640px),only screen and (max-device-width:640px) {
	body,html {
		font-size: 20px
	}
}

@media only screen and (max-width:600px),only screen and (max-device-width:600px) {
	body,html {
		font-size: 18.75px
	}
}

@media only screen and (max-width:540px),only screen and (max-device-width:540px) {
	body,html {
		font-size: 16.88px
	}
}

@media only screen and (max-width:480px),only screen and (max-device-width:480px) {
	body,html {
		font-size: 15px
	}
}

@media only screen and (max-width:414px),only screen and (max-device-width:414px) {
	body,html {
		font-size: 12.94px
	}
}

@media only screen and (max-width:400px),only screen and (max-device-width:400px) {
	body,html {
		font-size: 12.5px
	}
}

@media only screen and (max-width:375px),only screen and (max-device-width:375px) {
	body,html {
		font-size: 11.72px
	}
}

@media only screen and (max-width:360px),only screen and (max-device-width:360px) {
	body,html {
		font-size: 11.25px
	}
}

@media only screen and (max-width:320px),only screen and (max-device-width:320px) {
	body,html {
		font-size: 10px
	}
}

@media only screen and (max-width:240px),only screen and (max-device-width:240px) {
	body,html {
		font-size: 7.5px
	}
}

a {
	color: #666;
	text-decoration: none;
	outline: 0
}

.HeaderBanner a,.bottomval,.zx_btn {
	color: #fff;
	display: block
}

.item-i-title>h4,.item-imi-inner>h4 {
	display: block;
	font-weight: 100;
	color: #fe4d00
}

@font-face {
    font-family:'PingFang';src:url(/css/fonts/PingFang Regular.eot);src:url(/css/fonts/PingFang Regular.eot) format('embedded-opentype'),url(/css/fonts/PingFang Regular.woff) format('woff'),url(/css/fonts/PingFang Regular.ttf) format('truetype'),url(/css/fonts/PingFang Regular.svg) format('svg');
    font-weight:400;
    font-style:normal;
}
body {
    font-family: PingFang,'Hiragino Sans GB',STXihei,SimSun,Arial,sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	width: 100%;
	max-width: 640px;
	overflow-x: hidden;
	font-size: 62.5%
}

.header-banner,.header-banner .header-item .header-bg {
	width: 100%;
	display: block
}

/*@font-face {
	font-weight:400;
	font-style:normal;
	font-family:'Source Han Sans';src:url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot);src:url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot?) format('embedded-opentype'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_249157e.woff) format('woff'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_2b987e0.ttf) format('truetype'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_5d96906.svg) format('svg')
}*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.item-i {
	display: block;
	width: 100%;
	overflow: hidden;
	background: #fff
}

.item-i .item-i-inner {
	display: block;
	width: 96%;
	margin: 0 auto
}

.item-i .item-i-inner .item-i-title {
	display: block;
	width: 100%;
	padding-bottom: 2rem
}

.item-i-title>h4 {
	width: 100%;
	font-size: 2.6rem;
	line-height: 1;
	padding-top: 2rem
}

.item-i-title>h6 {
	display: block;
	width: 100%;
	font-weight: 100;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .1em
}

.item-i-title .item-i-border-top {
	display: block;
	width: 22%;
	line-height: 1;
	margin: .5rem auto 0;
	height: auto;
	border-top: 1px solid #fe4d00
}

.item-i-major {
	display: block;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff
}

.item-i-major>.item-i-m-i {
	display: block;
	width: 100%
}

.item-imi-l {
	width: 90%;
	margin: 0 auto;
	padding: 2.2rem 0;
	position: relative;
	border-bottom: 1px solid #b8b8b8;
	opacity: 0
}

.item-imi-l>:nth-child(1) {
	width: 52%;
	float: left
}

.item-imi-l>:nth-child(1) img {
	width: 90%;
	margin: 0 auto
}

.item-imi-l>:nth-child(2) {
	width: 45%;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0
}

.item-imi-inner {
	display: block;
	width: 100%;
	position: absolute;
	margin-top: -50%;
	top: 60%
}

.item-imi-inner>h4 {
	position: relative;
	width: 100%;
	text-align: left;
	font-size: 1.7rem;
	line-height: 1
}

.item-imi-inner>h4:after {
	content: "HOT";
	display: inline;
	position: absolute;
	top: -1.6rem;
	right: 0;
	font-weight: 700;
	background: red;
	color: #fff;
	font-size: .9rem;
	padding: .2rem;
	-webkit-transform: translate3d(.1rem,0,0) scale(.9);
	-moz-transform: translate3d(.1rem,0,0) scale(.9);
	transform: translate3d(.1rem,0,0) scale(.9);
	border-radius: .2rem;
	-moz-border-radius: .2rem;
	-webkit-border-radius: .2rem;
	animation: hot-jack 2s steps(2) infinite;
	-moz-animation: hot-jack 2s steps(2) infinite;
	-webkit-animation: hot-jack steps(2) 2s infinite
}

@keyframes hot-jack {
	0% {
		box-shadow: 0 0 6px red;
		-moz-box-shadow: 0 0 6px red;
		-webkit-box-shadow: 0 0 6px red
	}
}

@-moz-keyframes hot-jack {
	0% {
		box-shadow: 0 0 6px red;
		-moz-box-shadow: 0 0 6px red;
		-webkit-box-shadow: 0 0 6px red
	}
}

@-webkit-keyframes hot-jack {
	0% {
		box-shadow: 0 0 6px red;
		-moz-box-shadow: 0 0 6px red;
		-webkit-box-shadow: 0 0 6px red
	}
}

.no-hot:after {
	content: "";
	visibility: hidden
}

.item-imi-inner>span {
	width: 3rem;
	height: 1px;
	display: block;
	margin-top: .5rem;
	background: #fe4d00
}

.item-imi-inner>p {
	display: block;
	width: 100%;
	text-align: left;
	line-height: 1.4;
	padding-top: .6rem;
	font-size: 1.4rem
}
.item-i-btn{
  display: block;
  width: 96%;
  border:1px solid #ec7a00;
  margin-top:.7rem;
}
.item-i-btn a{
  display:inline-block;
  width: 50%;
  float: left;
  font-size:1.1rem;
  line-height: 1;
  padding:.5rem 0;
  text-align: center;
  color:#fff;
}

.item-imi-inner>p>span {
	color: red
}

.item-imi-inner>a {
	display: inline-block;
	font-size: 1.3rem;
	color: #fff;
	padding: .4rem .8rem;
	margin-top: .6rem;
	border-radius: 1.2rem;
	line-height: 1;
	background: #fff;
  border:1px solid #e37510;
}

@keyframes list-show {
	0% {
		-webkit-transform: translate3d(-12rem,0,0);
		-moz-transform: translate3d(-12rem,0,0);
		transform: translate3d(-12rem,0,0)
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes list-show {
	0% {
		-webkit-transform: translate3d(-12rem,0,0);
		-moz-transform: translate3d(-12rem,0,0);
		transform: translate3d(-12rem,0,0)
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes list-show {
	0% {
		-webkit-transform: translate3d(-12rem,0,0);
		-moz-transform: translate3d(-12rem,0,0);
		transform: translate3d(-12rem,0,0)
	}

	100% {
		opacity: 1
	}
}

.item-i-m-i>div {
	animation: list-show forwards 2s;
	-webkit-animation: list-show forwards 2s;
	-moz-animation: list-show forwards 2s
}

.item-i-m-i>div:nth-child(2) {
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s
}

.item-i-m-i>div:nth-child(3) {
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s
}

.item-i-m-i>div:nth-child(4) {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s
}

.item-i-m-i>div:nth-child(5) {
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s
}

.item-i-m-i>div:nth-child(6) {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s
}

.item-i-m-i>div:nth-child(7) {
	animation-delay: 2.4s;
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s
}

.item-i-m-i>div:nth-child(8) {
	animation-delay: 2.8s;
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s
}