.serve-cont0 { height: 520px;}
.serve .title {
	height: 58px;
	line-height: 58px;
	width: 100%;
	font-size: 30px;
	text-align: center;
	background-color: #1765c5;
	color: #fff;
}
.service {
	height: 460px;
	position: relative;
    border-bottom:1px solid #BCBCBD;
    border-left:1px solid #BCBCBD;
    border-right:1px solid #BCBCBD;
}
.service .item {
	position: absolute;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}
.service .item p { 
	font-family: "微软雅黑";
	vertical-align: middle;
	position: absolute;
	width: 100%;
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service .item p.title { 
	color: #fff;
	opacity: 1;
}
.service .item p.text { 
	color: #555454;
	opacity: 0;
}
.service .item:hover p.title { opacity: 0;}
.service .item:hover p.text { opacity: 1;}

.op1 {
	width: 99px;
	height: 99px;
	background-color: #69cc98;
	top: 106px;
	left: 220px;
}
.op1 p.title { 
	font-size: 24px;
	line-height: 26px;
	top: 24px;
}
.op1 p.text { 
	font-size: 12px;
	line-height: 14px;
	top: 18px;
}

.op2 {
	width: 93px;
	height: 93px;
	background-color: #c5c889;
	top: 176px;
	left: 308px;
}
.op2 p.title { 
	font-size: 22px;
	line-height: 24px;
	top: 24px;
}
.op2 p.text { 
	font-size: 12px;
	line-height: 14px;
	top: 28px;
}

.op3 {
	width: 151px;
	height: 151px;
	background-color: #f2d276;
	top: 47px;
	left: 354px;
}
.op3 p.title { 
	font-size: 24px;
	line-height: 26px;
	top: 48px;
}
.op3 p.text { 
	font-size: 14px;
	line-height: 18px;
	top: 28px;
}

.op4 {
	width: 151px;
	height: 151px;
	background-color: #f6b283;
	top: 245px;
	left: 354px;
}
.op4 p.title { 
	font-size: 24px;
	line-height: 26px;
	top: 67px;
}
.op4 p.text { 
	font-size: 16px;
	line-height: 20px;
	top: 60px;
}

.op5 {
	width: 90px;
	height: 90px;
	background-color: #dbaeaf;
	top: 262px;
	left: 224px;
}
.op5 p.title { 
	font-size: 24px;
	line-height: 26px;
	top: 20px;
}
.op5 p.text { 
	font-size: 10px;
	line-height: 16px;
	top: 24px;
}

.op6 {
	width: 76px;
	height: 76px;
	background-color: #49d8db;
	filter:alpha(opacity=80);
	background-color: rgba(73,216,219,.8);
	top: 329px;
	left: 278px;
}
.op6 p.title { 
	font-size: 22px;
	line-height: 24px;
	top: 16px;
}
.op6 p.text { 
	font-size: 10px;
	line-height: 16px;
	top: 23px;
}

.op7 {
	width: 167px;
	height: 167px;
	background-color: #e961a6;
	filter:alpha(opacity=80);
	background-color: rgba(233,97,166,.8);
	top: 136px;
	left: 438px;
}
.op7 p.title { 
	font-size: 24px;
	line-height: 30px;
	top: 55px;
}
.op7 p.text { 
	font-size: 20px;
	line-height: 24px;
	top: 50px;
}

.op8 {
	width: 117px;
	height: 117px;
	background-color: #66e8cf;
	top: 71px;
	right: 290px;
}
.op8 p.title { 
	font-size: 24px;
	line-height: 24px;
	top: 45px;
}
.op8 p.text { 
	font-size: 16px;
	line-height: 20px;
	top: 24px;
}

.op9 {
	width: 97px;
	height: 97px;
	background-color: #f38785;
	top: 264px;
	right: 214px;
}
.op9 p.title { 
	font-size: 24px;
	line-height: 24px;
	top: 21px;
}
.op9 p.text { 
	font-size: 14px;
	line-height: 16px;
	top: 30px;
}

.op10 {
	width: 81px;
	height: 81px;
	background-color: #e8bfa6;
	top: 166px;
	right: 187px;
}
.op10 p.title { 
	font-size: 18px;
	line-height: 20px;
	top: 22px;
}
.op10 p.text { 
	font-size: 12px;
	line-height: 14px;
	top: 24px;
}

.op11 {
	width: 81px;
	height: 81px;
	background-color: #86bbfd;
	top: 235px;
	right: 114px;
}
.op11 p.title { 
	font-size: 22px;
	line-height: 24px;
	top: 16px;
}
.op11 p.text { 
	font-size: 10px;
	line-height: 14px;
	top: 24px;
}

.op12 {
	width: 78px;
	height: 78px;
	background-color: #a1a4ec;
	filter:alpha(opacity=80);
	background-color: rgba(161,164,236,.8);
	top: 222px;
	right: 293px;
}
.op12 p.title { 
	font-size: 18px;
	line-height: 24px;
	top: 16px;
}
.op12 p.text { 
	font-size: 10px;
	line-height: 14px;
	top: 26px;
}

.op13 {
	width: 121px;
	height: 121px;
	background-color: #4be0a5;
	top: 307px;
	right: 366px;
}
.op13 p.title { 
	font-size: 24px;
	line-height: 26px;
	top: 32px;
}
.op13 p.text { 
	font-size: 14px;
	line-height: 18px;
	top: 38px;
}