﻿.plat-banner{
	padding:144px 0 107px 0;
	width:771px;
	margin:0 auto;
	position:relative
}
.yun1{
	position:absolute;
	left:250px;
	top:110px;
}
.yun2{
	position:absolute;
	right:0;
	top:255px;
}
.yun3{
	position:absolute;
	left:-280px;
    top:530px;
}
.yun4{
	position:absolute;
	right:-80px;
	bottom:70px;
}
.yun1{
	-webkit-animation: move1 20s infinite linear;
    -moz-animation: move1 20s infinite linear;
    -ms-animation: move1 20s infinite linear;
}
.yun2{
	-webkit-animation: move2 20s infinite linear;
    -moz-animation: move2 20s infinite linear;
    -ms-animation: move2 20s infinite linear;
}
.yun3{
	-webkit-animation: move3 20s infinite linear;
    -moz-animation: move3 20s infinite linear;
    -ms-animation: move3 20s infinite linear;
}
.yun4{
	-webkit-animation: move4 20s infinite linear;
    -moz-animation: move4 20s infinite linear;
    -ms-animation: move4 20s infinite linear;
}
@-webkit-keyframes move1 {
  0% {left: 0;}
  49% {left: 200px; opacity: 1;}
  50% {left: 200px; opacity: 0;}
  51% {left: -200px; opacity: 0;} 
  52% {left: -200px; opacity: 1;} 
  100% {left: 0px;} 
}
@-moz-keyframes move1 {
  0% {left: 0;}
  49% {left: 200px; opacity: 1;}
  50% {left: 200px; opacity: 0;}
  51% {left: -200px; opacity: 0;} 
  52% {left: -200px; opacity: 1;} 
  100% {left: 0px;} 
}
@-ms-keyframes move1 {
  0% {left: 0;}
  49% {left: 200px; opacity: 1;}
  50% {left: 200px; opacity: 0;}
  51% {left: -200px; opacity: 0;} 
  52% {left: -200px; opacity: 1;} 
  100% {left: 0px;} 
}
@-webkit-keyframes move2 {
  0% {right: 0;}
  49% {right: 50px; opacity: 1;}
  50% {right: 50px; opacity: 0;}
  51% {right: -50px; opacity: 0;} 
  52% {right: -50px; opacity: 1;} 
  100% {right: 0px;} 
}
@-moz-keyframes move2 {
  0% {right: 0;}
  49% {right: 50px; opacity: 1;}
  50% {right: 50px; opacity: 0;}
  51% {right: -50px; opacity: 0;} 
  52% {right: -50px; opacity: 1;} 
  100% {right: 0px;} 
}
@-ms-keyframes move2 {
  0% {right: 0;}
  49% {right: 50px; opacity: 1;}
  50% {right: 50px; opacity: 0;}
  51% {right: -50px; opacity: 0;} 
  52% {right: -50px; opacity: 1;} 
  100% {right: 0px;} 
}
@-webkit-keyframes move3 {
  0% {left: 0;}
  49% {left: 50px; opacity: 1;}
  50% {left: 50px; opacity: 0;}
  51% {left: -50px; opacity: 0;} 
  52% {left: -50px; opacity: 1;} 
  100% {left: 0px;} 
}
@-moz-keyframes move3 {
  0% {left: 0;}
  49% {left: 50px; opacity: 1;}
  50% {left: 50px; opacity: 0;}
  51% {left: -50px; opacity: 0;} 
  52% {left: -50px; opacity: 1;} 
  100% {left: 0px;} 
}
@-ms-keyframes move3 {
  0% {left: 0;}
  49% {left: 50px; opacity: 1;}
  50% {left: 50px; opacity: 0;}
  51% {left: -50px; opacity: 0;} 
  52% {left: -50px; opacity: 1;} 
  100% {left: 0px;} 
}
@-webkit-keyframes move4 {
  0% {right: 0;}
  49% {right: 100px; opacity: 1;}
  50% {right: 100px; opacity: 0;}
  51% {right: -100px; opacity: 0;} 
  52% {right: -100px; opacity: 1;} 
  100% {right: 0px;} 
}
@-moz-keyframes move4 {
  0% {right: 0;}
  49% {right: 100px; opacity: 1;}
  50% {right: 100px; opacity: 0;}
  51% {right: -100px; opacity: 0;} 
  52% {right: -100px; opacity: 1;} 
  100% {right: 0px;} 
}
@-ms-keyframes move4 {
  0% {right: 0;}
  49% {right: 100px; opacity: 1;}
  50% {right: 100px; opacity: 0;}
  51% {right: -100px; opacity: 0;} 
  52% {right: -100px; opacity: 1;} 
  100% {right: 0px;} 
}
.platitle{
	width:260px;
	position:absolute;
	top: 275px;
    left: 245px;
}
.platitle p{
	text-align:center;
}
.platitle p.p1,.platitle p.p2{
	margin:0;
}
.platitle p.p1{
	font-size:60px;
	font-weight:bold;
	color:#00c1de;
}
.platitle p.p2{
	color:#00c1de;
	font-size:30px;
	font-weight:bold;
}
.platitle p.p3,.platitle p.p4{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:#5b5959;
	padding:3px 0;
    margin: 5px auto;
}
.platitle p.p3{width:80%}
.platitle p.p4{width:65%}
.plaban-list p.p1{
	color:#999;
	font-size:14px;
}
.plaban-list a:hover p.p1{
	color:#00ccdd;	
}
.plaban-list p.p2{
	color:#ccc;
	font-size:12px;
}
.plaban-list{
	width:300px;
	position:absolute;
}
.plaban-list a:hover,.plaban-list a{
	text-decoration:none!important;
}
.plaban-list.lisrt1{
	left:-175px;
    top:203px;
}
.plaban-list.lisrt2{
	left: -310px;
    top: 375px;
}
.plaban-list.lisrt3{
	left: -175px;
    top: 585px;
}
.plaban-list.lisrt4{
	right:-128px;
    top:137px;
}
.plaban-list.lisrt5{
	right: -310px;
    top: 342px;
}
.plaban-list.lisrt6{
	right: -170px;
    top: 512px;
}
.pla-list{padding:65px 0 80px 0;}
.pla-list p.p1{
	color:#445e8d;
	font-size:40px;
	border-bottom:1px solid #d2d8e1;
	padding-bottom: 30px;
}
.pla-list p.p2{
	color:#687ca2;
	font-size:16px;
	line-height:30px;
	padding-top: 25px;
}
.pla-list .col-md-4{padding-top:30px;}
.pla-list .plist p{
	float:left;
	text-align:center;
	color:#b5b9c5;
	font-size:12px;
	margin-right:15px;
	width:56px;
}
.pla-list .plist p.navact{
	color:#00ccdd;
}
.pla-list .plist p:hover{
	color:#00ccdd;
}
.pla-list .plist{
	padding-top:95px;
}
.pla-list .plist p img{
	display:block;
	margin-bottom:15px;
	-webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.pla-list .plist p:hover img{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}