/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:''}
abbr,acronym{border:0;}
a{ text-decoration:none;}
body{ font-size:12px; font-family:微软雅黑;  color:#666666; line-height:24px;}
body a{color:#666666;outline:none;blr:expression(this.onFocus=this.blur()); cursor:pointer;}
body input,select{outline:none;blr:expression(this.onFocus=this.blur());}
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
/* 文字排版 */ 
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.unl{text-decoration:underline;}

/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:inline;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
.clearfix{display:block;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1}
.none{display:none;}
.section .content,.section_foot .content{margin: 0 auto;}
.blue{color: #257dae}
.red{color: #f0424a}
.green{color: #008ca5}
.cover{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background:url(../images/cover_bg.png) repeat;
	display: none;
}
.cover .close{
	position: absolute;
	z-index: 1000;
	right: 0;
	top:0;
	width: 40px;
	height: 40px;
	display: block;
	background:url(../images/close.png) no-repeat center;
}

/*-头部-*/
.header { 
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   background:#fff;
   z-index: 100;
}
.header #logo{
   margin-left: 5%;
   padding: 14px 0;
   display: block;
}
.section .content{margin-bottom: 80px;}

body{
	overflow-x: hidden;
}

#showtips{
	position: absolute;
	z-index: 999;
	background: rgba(0,0,0,.5);
	color: #fff;
	height: 38px;
	line-height: 38px;
	min-width: 30px;
	max-width: 600px;
	bottom: 50px;
	left: 50%;
	font-size: 18px;
	-webkit-transform:translate3d(-50%,0,0);
	padding: 0 12px;
	text-align: center;
	display: inline;
	border-radius: 5px;
	opacity: 0;
}
#showtips.in{
	-webkit-animation:fadeInUp 1s both;
}
#showtips.out{
	-webkit-animation:fadeOutDown 1s both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }
}
img#addTitle1 {
    position: absolute;
    left: 175px;
    top: 0px;
}
div#page3 {
    position: relative;
    padding-top: 140px;
}
img#addTitle2 {
    position: absolute;
    left: 400px;
    top: 0px;
}