html,
body {
    height: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-family:"Microsoft Yahei";
	color: #404d5b;
	font-weight: 500;
	font-size: 1.05em;
	background:none;
}
* {
   margin:0px;
   padding:0px;
   border:0px;
   overflow:hidden;
   list-style:none;
   font-family:"Microsoft Yahei";
}
a {
	color: #2fa0ec;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #74777b;
}

input{
	outline:none;
}

body{
	background:url(../images/body-bg.jpg) no-repeat;
	background-size:100% 100%;
}

.round {
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   -o-border-radius:6px;
   -ms-border-radius:6px;
   behavior: url(../js/PIE.htc);
}


#msgDiv,#docDiv {
    display:none;
	position:absolute;
	width:800px;	
	background:#FFF;
	border:#888 2px solid;
	z-index:999;
	left:50%;
	height:400px;
    top: 50%;
    margin: -200px -400px;
}

#msgDiv span,#docDiv span {
   position:absolute;
   width:800px;
   height:400px;
   right:0px;
   top:0px;
   z-index:9999;
}
#msgDiv span a,#docDiv span a {   
   width:800px;
   height:400px;
   display:inline-block;

}

#msgDiv iframe,#docDiv iframe {
   width:800px;
   height:400px;
}

.body-bg {
   width:100%;
   height:100%;
   position:absolute;
   z-index:-1;
   top:0px;
}
.tp-bx {
   background:#FFF;
   width:100%;
   height:102px;
}
.tp-bx .logo {
   background:url(../images/logo.png) no-repeat;
   width:562px;
   height:80px;
   margin:10px 0 0 30px;
   float:left;
}
.tp-bx .lk {
   float:right;
   width:318px;
   height:30px;
   margin:58px -20px; 0 0;
}
.tp-bx .lk a {
   float:left;
   display:inline-block;
   color:#737373;
   font-size:12px;
   width:120px;
   height:30px;
   padding-left:38px;
   line-height:30px;
}
a.lk01,a.lk02,a.lk01:hover,a.lk02:hover {
   background:url(../images/ico.png) no-repeat;
}
a.lk01 {
   background-position:0 0px;
}
a.lk02 {
   background-position:0 -100px;
}
a.lk01:hover {
   background-position:0 -200px;
   color:#000;
}
a.lk02:hover {
   background-position:0 -300px;
   color:#000;
}
.main {
   /* width:1500px; */
   height:700px;
   position:absolute;
   /* margin:27px 0 0 -800px; */
   bottom: 0px;
   top: 100px;
   right: 0px;
   left: 0px;
}
.main .pc-bx {
   width:706px;
   height:700px;
   float:left;
   background:url(../images/pcmv-bg.png) no-repeat;
   position: absolute;
}
.main .r-bx {
   /* float:right; */
   width:485px;
   height:470px;
   /* margin-top:124px; */
   position: absolute;
   background:url(../images/idea.png) no-repeat;
   right: 10%;
   top: 50%;
   margin-top: -280px;
}

.main .pc-bx .pcmv {
  /* background:url(../images/pic01.png) no-repeat; */
  width:426px;
  height:427px;
  position:absolute;
  z-index:10;
  top:125px;
  left:158px;
  
  /* 动画名称 动画时长 延时时间 匀速 无限循环 */ 
  -webkit-animation: switch 10s 0s ease infinite alternate;
  -moz-animation: switch 10s 0s ease infinite alternate;
  animation:switch 10s 0s ease infinite alternate;
}


/*-------- 登录框 --------*/





.login-bx {
	width:374px;
	height:400px;
	background:url(../images/login-bg.png) center 0 no-repeat;
	position:absolute;
	left:80px;
	top:102px;
	z-index:100;
}
.login-bx dl {
	float:none;
	color:#000;
}


.login-bx .tit {
   text-align:center;
   font-size:20px;
   font-weight:bold;
   height:82px;
   line-height:100px;   
}
.login-bx .ft {
    height: 40px;
    width: 374px;
    text-align: center;
    margin-top: 20px;
}
.login-bx .ft input{
	background:none;
	cursor:pointer;
}
.tx01,.tx02 { 
   background:url(../images/ipt-bg.png) no-repeat;
   margin:9px 0 0 62px;
   height:35px;
   text-align:center;
}
.tx01 {
   width:256px;
}
.tx02 {
   background-position:0 -45px;
   width:138px;
   margin-right:3px;
}
.tx01 input,.tx02 input {   
   line-height:35px;
   height:35px;
   background:none;
   border:0px;
   color:#000;
   font-size:16px;
   text-align:center;   
}
.tx01 input {
   width:200px;  
   /* letter-spacing:5px;  */
}
.tx02 input {
   width:130px; 
}
.login-bx dl dt {
   float:left;
}
.login-bx dl dt img {
   margin-top:10px;
}
.vt {
   width:138px;
   font-size:12px;
   width:138px;
   height:36px;   
   background:url(../images/ipt-bg.png) no-repeat 0 -169px;
}
.vt input {
   width:138px;
   height:36px;
   line-height:36px;
   text-align:center;
   background:none;
   color:#9ecdec;
   font-size:12px
}

.login-bx dl input.bott {
   color:#FFF;
   width:138px;
   height:36px;
   letter-spacing:2px;
   cursor:pointer;
   margin:10px 0 0 115px;
   background:url(../images/ipt-bg.png) no-repeat 0 -96px;
}

.login-bx dl input.bott:hover {
   color:#000;
   opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
.login-bx a {
   margin-left:10px;
}


.clear {
   clear:both;
   font-size:0px;
   height:10px;
   overflow:hidden;
}

.w-l { 
   display: none; 
   position: absolute; 
   width:350px;
   height:50px;
   top:97px;
   left:50%;
   margin-left:-135px;
   z-index:10001;
   overflow:hidden;
}
.login-bx dl input.vt {
   background:#0e1f66;
   width:210px;
   height:38px;
   line-height:38px;
   vertical-align:middle;
   float:left;
}

.close {
   display:block;
   width:25px;
   height:35px;
   float:right;
}
.adres {
   width:700px;
   height:300px;
   margin:20px auto;
}
.adres dl {
   float:left; 
}
.adres dl img {
   margin-top:40px;     
}
.ml01 {
   margin-left:220px;
}
.adres dl a {
  display:inline-block;
  width:80px;
  height:130px;
  position:absolute;
  margin:230px 0;
  z-index:100;
}
.adres dl a.scan01,.adres dl a.scan02 {
  background:url(../images/lk.png) no-repeat;
  
}
.adres dl a.scan01 {
  margin-left:-125px;
}
.adres dl a.scan02 {
   background-position:right 0;
   margin-left:-125px;
}
.adres dl dt {
   clear:both;
   float: none;
   line-height:32px;
   font-size:16px;
}
.adres .line {
   width:100px;
}
.adres .line p {
   width:10px;
   height:240px;
   display:inline-block;
   margin:60px 50px 0;
   border-left:1px #ccc solid;   
}

.adres dl .h {
   height:100px;
}

.footer {
   font-size:12px;
   line-height:40px;
   width:900px;
   position:absolute;
   z-index:100;
   left:50%;
   margin-left:-400px;
   text-align:center;
   bottom:5%;
}




@keyframes switch {
	0%{
		background: url(../images/pic01.png) no-repeat;
	}
	20%{
		background: url(../images/pic02.png) no-repeat;
	}
	40%{
		background: url(../images/pic03.png) no-repeat;
	}
	60%{
		background: url(../images/pic04.png) no-repeat;
	}
	80%{
		background: url(../images/pic05.png) no-repeat;
	}
	100%{
		background: url(../images/pic01.png) no-repeat;
	}
}

@-moz-keyframes  switch {
	0%{
		background: url(../images/pic01.png) no-repeat;
	}
	20%{
		background: url(../images/pic02.png) no-repeat;
	}
	40%{
		background: url(../images/pic03.png) no-repeat;
	}
	60%{
		background: url(../images/pic04.png) no-repeat;
	}
	80%{
		background: url(../images/pic05.png) no-repeat;
	}
	100%{
		background: url(../images/pic01.png) no-repeat;
	}
}

@-webkit-keyframes switch {
	0%{
		background: url(../images/pic01.png) no-repeat;
	}
	20%{
		background: url(../images/pic02.png) no-repeat;
	}
	40%{
		background: url(../images/pic03.png) no-repeat;
	}
	60%{
		background: url(../images/pic04.png) no-repeat;
	}
	80%{
		background: url(../images/pic05.png) no-repeat;
	}
	100%{
		background: url(../images/pic01.png) no-repeat;
	}
}
@-o-keyframes switch {
	0%{
		background: url(../images/pic01.png) no-repeat;
	}
	20%{
		background: url(../images/pic02.png) no-repeat;
	}
	40%{
		background: url(../images/pic03.png) no-repeat;
	}
	60%{
		background: url(../images/pic04.png) no-repeat;
	}
	80%{
		background: url(../images/pic05.png) no-repeat;
	}
	100%{
		background: url(../images/pic01.png) no-repeat;
	}
}