body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑"; -webkit-appearance: none;}
a{color:#2b2b2b; text-decoration:none}
body{ font-size:12px; background-color: #f95a01;}
img { border:0px;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.whole{ width: 100%; height: auto; overflow: hidden;}
.head{ width: 100%; height: 7.68rem; overflow: hidden; background-image: url(headImg.jpg); background-repeat: no-repeat; background-size: 100% auto;}
.title{ width: 7.61rem; height: auto; overflow: hidden; margin:0 auto; animation: myfirst 1s ease-in-out; -moz-animation:  myfirst 1s ease-in-out; -webkit-animation: myfirst 1s ease-in-out; position: relative; top: 2.56rem;}
@keyframes myfirst{
	0%{ top:-1rem}
	50%{ top: 2.56rem; transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-moz-keyframes myfirst{
	0%{ top:-1rem}
	50%{ top: 2.56rem; -moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes myfirst{
	0%{ top:-1rem}
	50%{ top: 2.56rem; -webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}

.title span.TitCon{ float: left; width: 100%; height: 1; overflow: hidden;}
.title span.TitBg{ width: 100%; height: 0.4rem; overflow: hidden; position: relative; opacity: 1; animation: dys 7s linear; -moz-animation: dys 7s linear; -webkit-animation: dys 7s linear;}
@keyframes dys{
	0%{ opacity:0;}
	100%{opacity: 1;}
}
@-moz-keyframes dys{
	0%{ opacity:0;}
	100%{opacity: 1;}
}
@-webkit-keyframes dys{
	0%{ opacity:0;}
	100%{opacity: 1;}
}


.Home{ width: 4.04rem; height: 4.04rem; overflow: hidden; background-color: #ffffff; border:2px solid #f95a01; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: absolute; left: 50%; margin-left: -2.02rem; top: 5.5rem; opacity: 0; animation: homes 1s ease-in-out 1.8s forwards; -moz-animation: homes 1s ease-in-out 1.8s forwards; -webkit-animation: homes 1s ease-in-out 1.8s forwards;}
@keyframes homes{
	0%{ transform:rotateY(0deg); opacity: 0;}
	100%{ transform:rotateY(360deg); opacity: 1;}
}
@-moz-keyframes homes{
	0%{ -moz-transform:rotateY(0deg); opacity: 0;}
	100%{ -moz-transform:rotateY(360deg); opacity: 1;}
}
@-webkit-keyframes homes{
	0%{ -webkit-transform:rotateY(0deg); opacity: 0;}
	100%{ -webkit-transform:rotateY(360deg); opacity: 1;}
}

.HomeImg{ float: left; width: 2.16rem; height: 2.28rem; overflow: hidden; margin:0.6rem auto 0 0.94rem;}
.HomeTit{ float: left; width: 100%; height: 0.6rem; text-align: center; font-size: 0.5rem; color: #f95a01;}
.personIc{ width: 1.04rem; height: 2rem; margin: 0 auto; overflow: hidden; background-image: url(../img/personBg.png); background-repeat: no-repeat; background-size: 100% auto; transform:translateY(-2.5rem); -moz-transform:translateY(-2.5rem); -webkit-transform:translateY(-2.5rem); position: relative; animation: 1s person ease-out 2s forwards; -moz-animation: 1s person ease-out 2s forwards; -webkit-animation: 1s person ease-out 2s forwards;}
.personIc img{ padding-top: 0.9rem;}
.wholePerson{ width: 100%; height: 4.84rem; overflow: hidden;}
@keyframes person{
	0%{ transform:translateY(-2.5rem);}
	100%{ transform:translateY(2.5rem);}
}
@-moz-keyframes person{
	0%{ -moz-transform:translateY(-2.5rem);}
	100%{ -moz-transform:translateY(2.5rem);}
}
@-webkit-keyframes person{
	0%{ -webkit-transform:translateY(-2.5rem);}
	100%{ -webkit-transform:translateY(2.5rem);}
}




.conList{ width: 100%; height: auto; margin: 0 auto;text-align:center; overflow: hidden;}
.conList ul{width:100%;margin: 0 auto;text-align: center;height: 1.64rem;margin-top: 1.5rem; overflow: hidden; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); animation: 0.3s ulall ease-out 3s forwards; -moz-animation: 0.3s ulall ease-out 3s forwards; -webkit-animation: 0.3s ulall ease-out 3s forwards; background-image: url(../img/line.png); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 0.7rem;}
@keyframes ulall{
	0%{ transform: translateX(-100%);}
	100%{transform: translateX(0);}
}
@-moz-keyframes ulall{
	0%{ -moz-transform: translateX(-100%);}
	100%{ -moz-transform: translateX(0);}
}
@-webkit-keyframes ulall{
	0%{ -webkit-transform: translateX(-100%);}
	100%{ -webkit-transform: translateX(0);}
}


.conList ul li{ float: left; width: 20%; height: 1.64rem;font-style: normal; position: relative;}




.conList ul li div{ width: 1.64rem; height: 1.64rem; margin:0 auto; background-color: #ffffff; border-radius: 50%; -webkit-border-radius: 50%;}
span.listIcon{ float: left; width: 1.12rem; height: 0.84rem; overflow: hidden; margin: 0.1rem auto 0 0.25rem;}
span.listTit{ float: left; width: 100%; height: 0.7rem; text-align: center; font-size: 0.4rem; color: #f95a01; line-height: 0.7rem;}

.tips{ width: 90%; height: auto; margin: 1.5rem auto 0 5%; overflow: hidden; color: #ffffff; font-size: 0.44rem; text-align: center; line-height: 0.8rem;}