a {
	outline:0;
	text-decoration:none;
	color:inherit
}
a:hover {
	outline:0;
	text-decoration:none;
	color:#2277da
}
a:active {
	outline:0;
	text-decoration:none
}
a:focus {
	outline:0;
	text-decoration:none
}
iframe:hover {
	border:1px solid #376eae
}

li {
	list-style:none
}
.clear {
	clear:both
}
.lf {
	float:left
}
.rt {
	float:right
}
.rit {
	float:right
}
.irt {
	float:right
}
.irt a {
	}.irt a:hover {
	text-decoration:underline;
	color:#444;
}

select {
	outline:0
}
input,select {
	vertical-align:middle
}
h1,h2,h3,h4,h5,h6,b,th {
	font-weight:normal
}
.no-b {
	border:none!important
}
.no-m {
	margin-right:0!important
}
.after:after {
	content:" ";
	display:block;
	clear:both
}
.content {
	width:1200px;
	margin:0 auto;
	box-sizing:border-box
}

.section2 {
	width:100%;
	height:711px
}
.section h1 {
    font-size: 34px;
    line-height: 34px;
    padding-top: 40px;
}
.section h3 {
    font-size: 16px;
    margin-top: 20px;
}
.cloudbox {
	width:100%;
	height:375px;
	margin-top:56px
}
.cloud {
	float:left;
	width:23.3%;
	height:200px;
	overflow:hidden;
	border:1px solid #ccc;
	transition:all .3s cubic-bezier(0.4,0,0.2,1),z-index 0s .15s;
	margin-left:-1px;
	position:relative
}
.cloud .cloudt1 {
	text-align:center;
	height:101px;
	background-color:#f2f2f2;
	transition:all .3s cubic-bezier(0.4,0,0.2,1),z-index 0s .12s
}
.cloud .cloudt1 .tub {
	display:inline-block;
	width:44px;
	height:30px;
	margin:18px 0 2px 0
}
.cloud .cloudt1 h3 {
	font-size:17px;
	line-height:30px;
	margin-top:5px;
}
.cloud .cloudt1 h4 {
	font-size:12px;
	color:#999
}
.cloud.active {
	width: 29.3%;
    	height: 435px;
	border:1px solid #197c82;
	margin-top:-76px;
	box-shadow:0 0 5px rgba(250,114,12,0.5);
	z-index:10
}
.cloud.active .cloudt1 {
	height:115px;
	background-color:#197c82;
	color:#fff
}
.cloud.active .cloudt1 h4 {
	color:#fff
}
.cloud.active .cloudt1 .tub {
	margin-top:25px;
	font-size: 32px;
	font-weight: bold;
}
.cloud .cloudt1.a .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud.active .cloudt1.a .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud .cloudt1.b .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud.active .cloudt1.b .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud .cloudt1.c .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud.active .cloudt1.c .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud .cloudt1.d .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud.active .cloudt1.d .tub {
	font-size: 32px;
	font-weight: bold;
}
.cloud .cloudt2 {
	margin-left:30px;
	position:absolute;
	transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s
}
.cloud .cloudt2 .tit1 {
	font-size:16px;
	line-height:28px;
	margin-top:6px
}
.cloud .cloudt2 .tit2 {
	color:#999
}
.cloud.active .cloudt2 {
	opacity:0;
	filter:alpha(opacity=0)
}
.cloud.active .cloudt3 {
	opacity:1;
	filter:alpha(opacity=100)
}
.cloud .cloudt3 {
	margin-right:6px;
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	left:20px;
	transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s
}
.cloud .cloudt3 h5 {
	font-size:14px;
	line-height:28px;
	margin-top:20px
}
.cloud .cloudt3 p {
	color:#999;
	line-height:26px
}
.cloud .cloudt3 p span {
	color:#197c82;
	font-size:20px
}
.cloud .cloudt3 .cld1 {
	float:left;
	width:276px
}
.cloud .cloudt3 a.rt {
	margin:10px 20px 0 0
}
.btn {
	display:inline-block;
	height:32px;
	line-height:32px;
	padding:0 16px;
	font-size:14px;
	color:#197c82;
	border:1px solid #197c82;
	border-radius:3px
}
.btn:hover {
	background-color:#197c82;
	color:#fff
}
.cloud .cloudt3 .cer {
	transition:all .12s cubic-bezier(0.4,0,0.2,1) .18s
}
.cloud .cloudt3 .cer ul {
	width:100%;
	margin-top:20px
}
.cloud .cloudt3 .cer ul .tlt1 {
	font-size:17px;
	line-height:1.8;s
}
.cloud .cloudt3 .cer ul .tlt2 {
	color:#999
}
.cloud .cloudt3 .cer ul a {
	color:#ff4242
}
.cloud .cloudt3 .cer ul a:hover {
	text-decoration:underline
}