*{ margin:0; padding:0;}
body{line-height:1.6; font-size:12px;font-family:"微软雅黑"; background:#fff; }
li{list-style-type: none;}
a{text-decoration: none;}
img{ border:0px;}

#dazu_jz{width:100%; overflow:hidden; position:absolute;bottom:0px; z-index:20; text-align:center;}
#dazu_jz img{width:100%;max-width:800px;min-width:320px; margin:0 auto;}
#cox{width:100%; height:100%;position:absolute;}

#homelogo{width:80%; margin:3vh auto 0 auto;max-width:800px}
#homelogo img{width:100%;max-width:600px}
#homenav{width:90%; margin:2vh auto 0 auto;max-width:800px;}
.container{z-index:10000000000000000000;}
.container li{
 width:46%; float:left;
        height: 8vh; line-height:8vh; font-size:14px; color:#FFF;
        margin:2vh 2% 0 2%;
		background:#26488D;
		border-radius: 3px; text-align:center;
      filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
.container li a{ color:#FFF;}

#homebottom{width:90%; position:absolute; bottom:2vh; z-index:21; margin:0 0 1vh 5%;}
.containers li{
        width:46%; float:left;
        height: 8vh; line-height:8vh; font-size:14px; color:#333;
        margin:3vh 2% 0 2%;
		background:#fff;
		border-radius: 3px; 
      filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  
}
.containers li a{display:block;width:100%; height:6vh; color:#000;}

.containers li img{height:4vh; margin:2vh 0 0 10vw; float:left;}
.containers li span{ height:4vh;margin:2vh 0 0 1vw; line-height:4vh; float:left;}




.sky { z-index:-1;
	max-width:800px; margin:0 auto; min-width:320px; max-height:959px;
	width:100%;
	height:100vh;
	position: relative;
	overflow: hidden;
	-webkit-animation: sky_background 50s ease-out infinite;
	-moz-animation: sky_background 50s ease-out infinite;
	-o-animation: sky_background 50s ease-out infinite;
	animation: sky_background 50s ease-out infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	background-repeat: repeat-x;
	background-position: center top;
}

.sky .clouds_one {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_one 50s linear infinite;
	-moz-animation: cloud_one 50s linear infinite;
	-o-animation: cloud_one 50s linear infinite;
	animation: cloud_one 50s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-image: url(../images/cloud_one.png);
	background-repeat: no-repeat;
	background-position: 0px 10vh;
}

.sky .clouds_two {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_two 75s linear infinite;
	-moz-animation: cloud_two 75s linear infinite;
	-o-animation: cloud_two 75s linear infinite;
	animation: cloud_two 75s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-image: url(../images/cloud_two.png);
	background-repeat: no-repeat;
	background-position: 0px 10vh;
}

.sky .clouds_three {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 300%;
	-webkit-animation: cloud_three 100s linear infinite;
	-moz-animation: cloud_three 100s linear infinite;
	-o-animation: cloud_three 100s linear infinite;
	animation: cloud_three 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-image: url(../images/cloud_three.png);
	background-repeat: no-repeat;
	background-position: 0px 10vh;
}
@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@media (min-width: 800px){
	
	.containers{display:none}
	#homenav{margin:360px auto 0
	}
	.container li{background:#FFF;      filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1; }
	.container li a{color:#1367ac;font-size:24px;width:100%;display:block}
	.cp2{display:none}
	 }
	 
	 .foot{font-size:18px;color:#FFF;text-align:center;line-height:50px;}
body{background:image(../images/cp.png) no-repeat center bottom}