@charset "utf-8";
/* CSS Document */

		.center{text-align:center;}
        .taocan header{ z-index:2;padding: 20px;position: relative;z-index: 2;}
		.taocan {text-align:center;	margin-bottom:20px !important;}
		.active .tcdes{border-width:1px;border-style:solid; border-top:none; border-color:#5b9db9;}
		.taocan header{padding:20px;position:relative;z-index:2;background:#5b9db9;}
		.taocan header:after{
			position:absolute;
			bottom:-10px;
			top:auto;
			left:50%;
			z-index:1;
			width: 0;
			height: 0;
			content:"";
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
			border-top: 10px solid #5b9db9;
			-webkit-transform: translate(-50%,0);
			-moz-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
			transform: translate(-50%,0);
		}
		.taocan header h3{
			padding-bottom:20px;
			margin:0 0 10px 0;
			border-width:0 0 1px 0;
			border-style:solid;
			border-color:inherit;
			color:#fff;
		}
		.taocan .moban{
			font-size:30px;
			line-height:50px;
			font-weight:bold;
			position:relative;
			padding:0 0 0 10px;
			color:#fff;
		}
		.taocan .moban span{
			font-size:18px;
			line-height:20px;
			position:absolute;
			top:10px;
			left:0; /* rtl */
		}
		.taocan .price{
			display:inline-block;
			width:100%;
			color:#fff;
			font-size:16px;
		}
		.taocan .tcdes{
			padding:10px 20px 30px 20px;
			position:relative;
			background: #f4f4f4;
		}
		.active .tcdes{
			background: #fff;
			}
		.taocan .tcdes:before{
			z-index:1;
			position:absolute;
			top:0;right:0;
			bottom:0;left:0;
			content:"";
			opacity:0.5;
		}
		.active .tcdes:before{
			opacity:1;
		}
		.taocan .tcdes ul{position:relative;z-index:1;}
		.taocan .tcdes ul li a{
			position:relative;
			z-index:1;
			color:#229dd1;
		}
		.taocan .tcdes ul li a:hover{ color:rgb(245,169,3);}
		.taocan .tcdes ul li a.btn-gradient{ color:#fff;}
		.taocan .tcdes ul li a.btn-gradient:hover{ color:#fff;}
		.taocan .tcdes ul li{
			list-style:none;
			padding:15px 0;
			border-style:solid;
			border-width: 0 0 1px 0;
		}
		.taocan .tcdes > a.button{margin-top:15px;}
		.taocan .tcdes ul li{border-bottom-color:#ffffff;}
		.taocan .active .tcdes ul li {border-bottom-color: #f4f4f4;}
		* {
	box-sizing: border-box;
}

/* Gradient buttons */
.btn-gradient {
	text-decoration: none;
	color: white;
	padding: 8px 50px;
	display: inline-block;
	position: relative;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom: 4px solid rgba(0,0,0,0.21);
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	letter-spacing: 5px;
    font-weight: 900;
	transition: border-radius 1s;
	-moz-transition: border-radius 1s;	/* Firefox 4 */
	-webkit-transition: border-radius 1s;	/* Safari 和 Chrome */
	-o-transition: border-radius 1s;
}
.btn-gradient:hover{border-radius: 30px; color:#fff;}
/* Gradient - ugly css is ugly */
.btn-gradient.cyan {
	background: rgba(27,188,194,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
	background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}
.btn-gradient.blue {
	background: rgba(102,152,203,1);
	background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btn-gradient.green {
	background: rgba(130,200,160,1);
	background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
	background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btn-gradient.cyan:hover 	{background: #169499;}
.btn-gradient.blue:active 	{background: #608FBF;}
.btn-gradient.green:active  {background: #72B08E;}
a.yellow{ color:rgba(245,169,3,1.00); font-weight:bold; margin-top:15px;}
a.yellow:hover{ color:#5b9db9;}
.cases-items ul .img-wrap{ width:268px;}


/*---tab yun---*/
.wpb_wrapper-inner{margin-top:70px;}
.tabyun{width:20%; float:left; border:1px #f2f2f2 solid; height:150px; padding-top:25px;}
.tabyun:hover .iconbox-icon-container i.fa{color:rgb(254, 183, 23);}
.tabyun h3{font-size: 18px; text-align:center; font-weight:normal;margin: 0 0 0.7em;line-height: 1.5em;}
.iconbox-icon-wrap{ text-align:center;}
.iconbox-icon-container{color: rgb(33, 177, 117);font-size: 35px;}
.iconbox-icon-container:hover{color:#ccc;}
.tabyun:hover {-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);    -webkit-transition: background 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, background 0.3s ease;
    transition: box-shadow 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.3s ease;
 background-color: #fff;
  -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity 0.1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s 0s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);}
.tabyun:hover h3{-webkit-transform:none!important; transform:none;transition:none!important;-webkit-transition:none;}