@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,a,span,i,em,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-family:"Microsoft YaHei";font-size:14px;color:#444;outline:0;}
body{font-size:14px;line-height:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color: #444;background:#fff;}
p,a{color:#444;}
a{
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
a:hover{text-decoration: none;}


/* loading */
.loading {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 180;
	padding-top: 40%;
	text-align: center;
	background: #f9f9f9;

	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.loading > div {
  width: 40px;
  height: 40px;
  background-color: #da3030;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* 公共样式 */
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.main img{display: block;max-width: 100%;}
.pc .main{margin: 0 auto;width: 640px;}
.item{position: relative;}

/*移动端*/
.item1{position: relative;}
.item1 .text{position: absolute;left:290px;top:240px;width: 217px;color: #ff6a13;text-align: center;}
.item1 .text p{font-size: 22px;padding: 5px 0 8px;}
.item1 .text span{font-size: 16px;}
.item1 .text h3{font-size: 30px;padding-top: 4px;font-weight: normal;}
.item1 .text h3 i{font-size: 52px;font-style: normal;}
.item1 .text a{font-size: 18px;color: #666;}
.item2{height: 610px;background: #fff9e3 url(../images/img_04.jpg) no-repeat 42px 18px;}
.item2 .text{position: absolute;}
.item2 .top{left: 447px;top:39px;}
.item2 .left{left: 47px;top:466px;}
.item2 .right{left: 382px;top:469px;}
.item2 .text p{color: #333;font-size: 24px;line-height: 30px;height: 24px;padding-bottom: 7px;}
.item2 .text p span{display: inline-block;width: 11px;height: 11px;border-radius: 50%;background: #5ba8f3;margin:0 8px 3px 0;}
.item2 .right p span{background: #ffb20c;}
.item3{height: 620px;background: url(../images/img_05.jpg) no-repeat 33px 100px;color: #333;}
.item .item-title{text-align: center;}
.item .item-title h3{font-size: 38px;padding:59px 0 28px;}
.item .item-title p{font-size: 24px;padding-bottom: 14px;}
.item .item-title span{color: #ff6207;font-weight: 700;}
.item4 .item-main p{width: 100%;position: absolute;left:0;bottom:50px;font-size: 18px;color: #666;text-align: center;line-height: 30px;}
.item4{height: 660px;background: #fff9e3 url(../images/img_06.jpg) no-repeat 67px 266px;}
.item5{height: 720px;background: url(../images/img_07.jpg) no-repeat 104px 233px;}
.item6{height: 798px;background: #fff9e3 url(../images/img_08.jpg) no-repeat 41px 281px;}
.item7{height: 720px;background: url(../images/img_09.jpg) no-repeat 81px 271px;}
.item8{height: 787px;background: #fff9e3 url(../images/img_10.jpg) no-repeat 123px 271px;}
.item8 .item-title p{font-weight: 700;font-size: 32px;padding-bottom: 25px;}
.item8 .item-main p{text-align: center;font-size: 24px;color: #333;line-height: 34px;}
.item8 .item-main a{display: inline-block;width:300px;height: 62px;background: url(../images/img_11.jpg) no-repeat;text-align: center;line-height: 62px;font-size: 24px;color: #fff;position: absolute;left:50%;bottom:41px;margin-left: -150px;}
.item9{padding-bottom: 140px;}
.item9 h3{text-align: center;font-size: 38px;color: #333;padding:59px 0 35px;}
.item9 img{width: 530px;margin:0 auto 21px;}
.item9 p{width: 548px;font-size: 24px;color: #333;margin-left: 37px;}
.item9 p .cen{margin-left: 30px;}
.item9 p .right{float: right;}

/* app 下载 */
 .client_download {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  height: 100px;
  background: rgba(0,0,0,.7);
  position: fixed;
  line-height: 100px;
  bottom: -100px;
  left: 50%;
  margin-left: -320px;
}
.client_download .in {
  padding: 0 15px;
  height: 40px;
}
.client_download h3 {
  width: 70%;
  height: 100px;
  line-height: 100px;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
  float: left;
}
.client_download h3 em {
  display: inline-block;
  width: 42px;
  vertical-align: middle;
  margin-right: 7px;
}
.client_download h3 em img {
  display: block;
  width: 100%;
}
.client_download a {
  display: block;
  width: 180px;
  height: 60px;
  float: right;
  border-radius: 4px;
  background: #ff6307;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin-top: 22px;
}
/* end app 下载 */

/* 底部按钮 */
 ._bottomBtn {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 120px;
	background: rgba(255,255,255,.8);
	position: fixed;
	line-height: 128px;
	text-align: center;
	bottom: 0;
  left: 50%;
  margin-left: -320px;
	z-index: 100;
}

._bottomBtn a {
	display: inline-block;
	width: 580px;
	height: 86px;
	border-bottom: 2px solid #d15106;
	background: #ff6307;
	font-size: 34px;
	color: #fff;
	text-align: center;
	line-height: 86px;
}
/* end 底部按钮 */