@charset "uft-8";
	function echo(stringA,stringB) {
	var hello="你好";
	alert("hello world")
}
@charset 'utf-8';
	html {
	color:#000;
	background:#FFF;
	font-family:"Microsoft Yahei"
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong {
	padding:0;
	margin:0;
	font-family:"Microsoft Yahei"
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
a {
	text-decoration:underline;
	color:#00c;
	outline:0;
	text-decoration:none
}
var,em,strong {
	font-style:normal
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit
}
del,ins {
	text-decoration:none
}
li {
	list-style:none
}
caption,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;
	font-variant:normal
}
sup {
	vertical-align:baseline
}
sub {
	vertical-align:baseline
}
legend {
	color:#000
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
input,button,textarea,select {
	*font-size:100%
}

html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: -webkit-linear-gradient(180deg,#0076d1,#5db8ff);
}
.clearfix:after {
	content:"\200B";
	display:block;
	height:0;
	clear:both
}
.clearfix {
	*zoom:1
}
.wrap {
	min-width:1202px;
	margin:0 auto;
	font-family:"Microsoft Yahei"
}

.waves {
    height: 150px !important;
    width: 100% !important;
    position: fixed;
    top: 30%;
}

.work_flow {
	position:relative;
	width:1202px;
	height:230px;
	margin:22% auto 0
}
.flow_tit {
	position:absolute;
	top:-88%;
	width:1202px;
	margin:0 auto;
	text-align:center
}
.flow_tit h2 {
	height:30px;
	line-height:30px
}
.flow_tit h2 b {
	margin-right:5px;
	padding-right:35px;
	font-size:30px;
	font-family:"Microsoft Yahei";
	color:rgba(255,255,255,1);
	background:url(../images/bac.png) -1044px -323px no-repeat
}
.flow_tit h2 span {
	font-size:24px;
	font-weight:bold;
	font-family:"Times New Roman";
	color:rgba(255,255,255,.5)
}
.flow_tit p {
	margin-top:10px;
	font-size:18px;
	font-family:"Microsoft Yahei";
	color:rgba(255,255,255,.8)
}
.work_flow .line_ypk {
	position:absolute;
	z-index:5;
	top:63px;
	left:59px;
	width:1087px;
	height:112px;
	/*background:url(../images/bac.png) 0 -977px no-repeat*/
}

.publiccss{
	position:absolute;
	z-index:10;
	width:128px;
	height:128px;
	background-color:rgba(255,255,255,.15);
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
	-ms-border-radius:64px;
	-o-border-radius:64px;
	border-radius:64px;
	transition: background .5s;
}

.dotone {
	left:3px;

}
.dotone:hover,.dottwo_ypk:hover,.dotthree_ypk:hover,.dotfour_ypk:hover,.dotfive_ypk:hover,.dotsix_ypk:hover,.dotseven_ypk:hover,.doteight_ypk:hover{
	
	background-color:rgba(75,208,131,1) !important;
	
}
.dottwo_ypk {

	top:100px;
	left:154px;
	
}
.dottwo_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.dotthree_ypk {
	
	top:10px;
	left:310px;
	
}
.dotthree_ypk:hover{
	
	background-color:rgba(231,112,47,1);
	
}
.dotfour_ypk {
	
	top:100px;
	left:465px;
	
}
.dotfour_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.dotfive_ypk {
	
	top:10px;
	left:615px;
	
}
.dotfive_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.dotsix_ypk {
	
	top:100px;
	left:770px;
	
}
.dotsix_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.dotseven_ypk {
	
	top:10px;
	left:925px;
	
}
.dotseven_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.doteight_ypk {
	
	top:100px;
	left:1074px;
	
}
.doteight_ypk:hover{
	
	background-color:rgba(226,187,67,1);
	
}
.dotone .icon_ypk {
	width:27px;
	height:33px;
	margin:32px 0 0 50px;
	background:url(../images/bac.png) -1149px -713px no-repeat
}
.dottwo_ypk .icon_ypk {
	width:40px;
	height:33px;
	margin:32px 0 0 45px;
	background:url(../images/bac.png) -1149px -747px no-repeat
}
.dotthree_ypk .icon_ypk {
	width:40px;
	height:33px;
	margin:29px 0 0 40px;
	background:url(../images/bac.png) -1149px -778px no-repeat
}
.dotfour_ypk .icon_ypk {
	width:40px;
	height:41px;
	margin:25px 0 0 45px;
	background:url(../images/bac.png) -1149px -812px no-repeat
}
.dotfive_ypk .icon_ypk {
	width:51px;
	height:38px;
	margin:28px 0 0 38px;
	background:url(../images/bac.png) -1149px -854px no-repeat
}
.dotsix_ypk .icon_ypk {
	width:51px;
	height:36px;
	margin:28px 0 0 50px;
	background:url(../images/bac.png) -1149px -892px no-repeat
}
.dotseven_ypk .icon_ypk {
	width:51px;
	height:36px;
	margin:28px 0 0 42px;
	background:url(../images/bac.png) -1149px -928px no-repeat
}
.doteight_ypk .icon_ypk {
	width:51px;
	height:38px;
	margin:28px 0 0 47px;
	background:url(../images/bac.png) -1149px -964px no-repeat
}
.work_flow h3 {
	overflow:hidden;
	width:100%;
	padding-top:10px;
	font-family:"Microsoft Yahei";
	text-align:center;
	font-size:18px;
	color:#fff;
	cursor:pointer;
	white-space:nowrap;
	text-overflow:ellipsis
}
.hide_ypk {
	display:none;
	width:128px;
	padding-top:20px;
	text-align:center
}
.hide_ypk li {
	overflow:hidden;
	width:100%;
	font-family:"Microsoft Yahei";
	font-size:12px;
	text-align:center;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis
}
.hide_ypk li a {
	color:#fff
}