html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset { padding: 0; margin: 0; border: 0 }
ul, ol, li { list-style: none }
h1, h2, h3, h4, h5, h6, b, i, em {
: 1em; font-weight: normal; font-style: normal }
body, input, button, textarea, select { -webkit-text-size-adjust: none; font: normal 14px/1.5 helvetica, verdana, san-serif; outline: 0; color: #333 }
body { margin: 0; background: #fff;padding:0; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
option { height: 24px }
a { text-decoration: none; color: #333; font-size: 18px }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
a:hover { color: #cc3333; text-decoration: underline }
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }

html{height:100%;overflow:hidden;}
body{width:640px;transform-origin:0 0;-webkit-transform-origin: 0 0;background: #0f8be2;height:100%;}
/*loading css*/
.loading{
       position:absolute;
       top: 0;
       left: 0;
       z-index: 100;
       background: #0f8be2;
       width: 740px;
       height: 960px;
       padding-top:400px;
       display: block;
	   color:#fff;
}
.loading p{
	font-size: 30px;
	text-align: center;
	padding-top:20px;
}
.sk-spinner-chasing-dots.sk-spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
          animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
          animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-spinner-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }

  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.loading_hide{
	-webkit-animation:animations 1s ease;
	-moz-animation:animations 1s ease;
	-o-animation:animations 1s ease;
	-ms-animation:animations 1s ease;
	animation:animations 1s ease;
}
@-webkit-keyframes animations{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes animations{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-o-keyframes animations{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-ms-keyframes animations{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes animations{
	0%{opacity:1;}
	100%{opacity:0;}
}
/*open animation*/
.open{
	-webkit-animation:animations_open 2s ease;
	-moz-animation:animations_open 2s ease;
	-o-animation:animations_open 2s ease;
	-ms-animation:animations_open 2s ease;
	animation:animations_open 2s ease;
}
@-webkit-keyframes animations_open{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes animations_open{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes animations_open{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes animations_open{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes animations_open{
	0%{opacity:0;}
	100%{opacity:1;}
}
.x_animation{
	-webkit-animation:animations_x 2s ease;
	-moz-animation:animations_x 2s ease;
	-o-animation:animations_x 2s ease;
	-ms-animation:animations_x 2s ease;
	animation:animations_x 2s ease;
}
@-webkit-keyframes animations_x{
	0%{margin-left:-650px;}
	100%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@-moz-keyframes animations_x{
	0%{margin-left:-650px;}
	100%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@-o-keyframes animations_x{
	0%{margin-left:-650px;}
	100%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@-ms-keyframes animations_x{
	0%{margin-left:-650px;}
	100%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@keyframes animations_x{
	0%{margin-left:-650px;}
	100%{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.issue_animations{
           -webkit-animation:animations_s 1s ease-in;
	-moz-animation:animations_s 1s ease-in;
	-o-animation:animations_s 1s ease-in;
	-ms-animation:animations_s 1s ease-in;
	animation:animations_s 1s ease-in;
}
@-webkit-keyframes animations_s{
	0%{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes animations_s{
	0%{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-o-keyframes animations_s{
	0%{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-ms-keyframes animations_s{
	0%{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes animations_s{
	0%{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	100%{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
/*move*/
.line_move{
	-webkit-transform:translateY(0);
	-webkit-animation:animations3 8s ease-out 2s infinite;
	-moz-transform:translateY(0);
	-moz-animation:animations3 8s ease-out 2s infinite;
	-o-transform:translateY(0);
	-o-animation:animations3 8s ease-out 2s infinite;
	-ms-transform:translateY(0);
	-ms-animation:animations3 8s ease-out 2s infinite;
	transform:translateY(0);
	animation:animations3 837s ease-out 2s infinite;
}
@-webkit-keyframes animations3{
	0%{-webkit-transform:translateY(0);}
	50%{-webkit-transform:translateY(180px);}
	100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes animations3{
	0%{-moz-transform:translateY(0px);}
	50%{-moz-transform:translateY(180px);}
	100%{-moz-transform:translateY(0px);}
}
@-o-keyframes animations3{
	0%{-o-transform:translate(0px);}
	50%{-o-transform:translate(180px);}
	100%{-o-transform:translate(0px);}
}
@-ms-keyframes animations3{
	0%{-ms-transform:translate(0px);}
	50%{-ms-transform:translate(180px);}
	100%{-ms-transform:translate(0px);}
}
@keyframes animations3{
	0%{transform:translate(0px);}
	50%{-ms-transform:translate(180px);}
	100%{transform:translate(0px);}
}
.fm_move1{
	-webkit-transform:translateY(0);
	-webkit-animation:fm_move .5s ease-out forwards;
	-moz-transform:translateY(0);
	-moz-animation:fm_move .5s ease-out forwards;
	-o-transform:translateY(0);
	-o-animation:fm_move .5s ease-out forwards;
	-ms-transform:translateY(0);
	-ms-animation:fm_move .5s ease-out forwards;
	transform:translateY(0);
	animation:fm_move .5s ease-out forwards;
}
@-webkit-keyframes fm_move{
	0%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(-1160px);}
}
@-moz-keyframes fm_move{
	0%{-moz-transform:translateY(0px);}
	100%{-moz-transform:translateY(-1160px);}
}
@-o-keyframes fm_move{
	0%{-o-transform:translateY(0px);}
	100%{-o-transform:translateY(-1160px);}
}
@-ms-keyframes fm_move{
	0%{-ms-transform:translateY(0px);}
	100%{-ms-transform:translateY(-1160px);}
}
@keyframes fm_move{
	0%{transform:translateY(0px);}
	100%{transform:translateY(-1160px);}
}
/*index fm*/
.fm{
	width: 640px;
	height:830px;
	position:relative;
	z-index:4;
	background: url(images/c_bg.jpg) no-repeat #0f8be2;
	padding-top:330px;
}
img.logo{
	position: absolute;
	bottom: 50px;
	right: 65px;
}
.fm p.zi{
	font-size: 18px;
	color: #fff;
	width: 385px;
	margin: 0 auto;
}
.fm p.show{
	margin: 0 auto;
	text-align: center;
	width: 385px;
	color: #80c5f5;
}
.fm h3{
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 55px;
}
.zhiwen{
	width: 246px;
	height: 192px;
	background: url(images/zhiwen.jpg) no-repeat;
	margin: 10px auto 0 auto;
}
.zhiwen p.xian{
	width: 100%;
	height: 20px;
	background: url(images/xian.png) no-repeat center center;
}
.content{
	width: 640px;
	height: auto;
	background: url(images/c_bg1.jpg);
	padding-top: 50px;
	position:relative;
	z-index:1;
}
.content img.logo{
	position: absolute;
	bottom: 10px;
	right: 5px;
}
.content h1{
	font-size: 34px;
	text-align: center;
	color:#802929;
	font-weight: bold;
}
.line{
	width: 640px;
	padding:12px 0;
}
.line b{
	display: inline-block;
	width: 150px;
	text-align: right;
	color: #802929;
	font-size: 25px;
	vertical-align: middle;
	text-decoration: underline;
}
.line span.zhu{
	width: 350px;
	background: #c9c9c9;
	height: 15px;
	display: inline-block;
	margin-left:10px;
	vertical-align: middle;
}
.line span.zhu em{
	display: inline-block;
	background: #960c07;
	height: 15px;
	width: 0;
}
.line span.shu{
	color: #802929;
	font-size: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.pop_data{
	width: 640px;
	height: auto;
	background: url(images/c_bg1.jpg);
	position:fixed;top:50px; bottom:50px;overflow:scroll;
	top: 0;
	left: 0;
	padding-top: 20px;
	height:2000px;
}
.pop_data h1{
	text-align: center;
	position: relative;
}
.pop_data h1 img{
	position: absolute;
	right: 20px;
}





