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

/* 产品内页顶部大图部分公用 */
.pro{ width:100%; height:600px;top:0px;background:url(../images/cloud/gg.jpg); clear:both;} 
.pro aside { width:500px; margin-left:20%; margin-top:135px; display: inline-block; height:300px;}
.pro aside h1, .pro aside h2{ font-family:abc; color:#fff; font-size:60px;}
.pro aside h1 span{ background:#11abb0;}
.pro aside h2{ font-size:26px; font-weight:lighter; line-height:36px; margin-top:-20px;}
.pro aside a { padding:5px; width:140px; color:#fff; background:#0c0;font-size:18px; line-height:30px; text-align:center; display: inline-block;border-radius: 5px;}

.pro aside a.a1{ color:#FFF; margin-top:20px; width:150px; background:#a15e37;margin-right:10px; padding:0px; line-height:50px; height:50px; font-family:abc; background:#11ABB0;}
.pro aside a.a1:hover{ background:#a15e37;}

.pro aside a:hover{ background:#090; color:#cfc;}
.pro_bg1 {background:url(../images/cloud/7.jpg);}
.pro_bg2 {background:url(../images/cloud/gg.jpg);}
.pro_qysj {background:url(../images/cloud/gg1.jpg);}
.pro_bg3 {background:url(../images/cloud/clouddx1.jpg);}
.pro_bg4 {background:url(../images/cloud/luyou.jpg);}
.pro_bg5 {background:url(../images/cloud/wlw.jpg);}
.pro_gywm {background:url(../images/slides/gywm.jpg); height:416px;}
.pro_gyy {background:url(../images/cloud/scloud.jpg);}
.pro_bxdx{background:url(../images/cloud/bxdx.jpg);}
.pro_ykf {background:url(../images/cloud/ykf.jpg);background-size:100% 600px;}
.pro_ydx {background:url(../images/cloud/ydx.jpg);}
.pro_ycbh {background:url(../images/cloud/ycbh.jpg);}
.pro_dx {background:url(../images/cloud/dx.jpg);}
.pro_sjfx {background:url(../images/cloud/sjfx.jpg);}
.pro_yzm {background:url(../images/cloud/yzm.jpg);}
.pro_yytz {background:url(../images/cloud/yytz.jpg);}
.pro_wbfw {background:url(../images/wbfw/wbfw.jpg);}
.pro_yzm aside h1,.pro_yzm aside h2,.pro_yytz aside h1,.pro_yytz aside h2
{ color:#000;}
.pro_kd {background:url(../images/cloud/kd.jpg);}
.pro_kd aside h1,.pro_kd aside h2 { color:#272636;}
.pro_hjzx {background:url(../images/cloud/hjzx.jpg);}
.pro_zb1{background:url(../images/cloud/zb1.jpg);}
.pro_zb2{background:url(../images/cloud/zb2.jpg);}
.pro_hd{background:url(../images/cloud/hd.png);}
.pro_zxwb{background:url(../images/cloud/zxwb.jpg);}
.pro_wnipark{background:url(../wnipark/img/wnipark.jpg);}

.pro_jzyx{background:url(../images/cloud/jzyx.jpg);}
.pro_jzyx aside h1,.pro_jzyx aside h2 { color:#272636;}
.pro .as1{margin-top:90px; }

/*   图文部分  */
.kuai{height:520px; width:100%; background:#f7f7f7;}
.hh{ height:910px;}
.kuai .m1{ margin-top:50px; margin-right:50px;}
.tab1 {background:url(../images/slides/slide1.jpg) bottom; height:680px;}
.tab1_hg {line-height:60px;}
.tab1_1 {background:#f2f2f2; clear:both; height:auto; padding-bottom:50px; line-height:38px;}
.tab1_1 h1,.tab1_1 h2{ font-size:46px; color:#545964;}
.tab1_1 h2 { font-size:32px;}
.shang, .xia {vertical-align:middle; padding-top:20px;}
.kuai_zu {width:400px; margin-top:100px;float:right; line-height:30px; color:#767e8d;}
.kuai_zu p{/*border-bottom:5px #e8e8e8 solid;*/ line-height:40px; padding-bottom:7px;}
.kuai_zu p strong{ color:#C60;}
.kuai_zu .nn{border-bottom: none;line-height:30px; padding-bottom:7px;}
.wz1{ width:360px;}
.kuai_zu h1 { font-family:abc; color:#4e85a6; font-size:50px; font-weight: lighter;}
.zi0{ color:#40454f;}
.zi01{ color:#545964;}
.kuai_zu span, .kuai_zu p {display:block; font-size:20px;}
.tab1_1_tu {float:left; width: 500px; text-align:center; margin-left:40px;}
.tab1_1_tu1 {float:left; width: 300px; height:380px;}
.tab1_2{background: url(../images/slides/bgz.jpg) no-repeat; color:#fff; height:auto; padding-bottom:40px;}
.tab1_3{background:#43718d;}
.xia {padding-top:90px;}
.tab1_2_wz {width:400px; float: left; margin-left:90px; margin-top:20px;}
.tab1_2_wz span {display:block; color:#fff; line-height:36px; font-size:18px;}
.tab1_2 h1, .tab1_3 h1{font-family:abc; font-size:54px; color:#3d4145; font-weight:bold;}
.tab1_2_wz h1{ color:#fff}
.tab1_2_tu {float: right;width: 600px; text-align:center;}
.tab1_2 h3,.tab1_2 h2{color:#fff;font-family: "Novecentosanswide-Bold",微软雅黑;}
.tab1_2 h2 { font-size:32px;}
.tab1_2 span {font-family:微软雅黑;}
.tab1_3_wz { width:480px; float:left; margin-left:50px;}
.tab1_3_wz h1 { font-size:28px;}
.kuai_zu ul { color:#838c95;margin-left:-38px; width:100%; line-height:50px;}
.kuai_zu a,.tab1_3_wz a { color: #0C9;}
.kuai_zu a.zbai{ color:#fff; font-weight:lighter;}
.kuai_zu a.zi_h { color:#333; font-family:微软雅黑; font-size:18px;}
.kuai_zu a.zi_h:hover { color:#11abb0;}
.kd317 { width:400px; text-align:left}
.shang, .xia {vertical-align:middle; padding-top:20px;}
.xia {padding-top:90px; height:690px;}
.slide-button, .slide-button1 {
  display: inline-block;
  width: 300px;
  max-width: 100%;
  padding: 15px;
  border:3px #11abb0 solid;
  color: #11abb0;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.slide-button1:hover {
  border-color: #749330;
  color: #fff;
  background:#dcf2f3;
}
.slide-button:hover {
  border-color: #11abb0;
  color: #11abb0;
  background:#dcf2f3;
}
.slide-button1{ background:#59908a;}
.slide-button1:hover{ background:#749330;}
.tuwen_bg{background: url(../images/slides/x1.jpg);}

/*   应用场景   */
.changjing{ background: url(../images/slides/x1.jpg);text-align:center; padding-top:10px;}
.changjing h1{font-size: 54px;color: #444;font-weight: lighter;margin-bottom: 20px;letter-spacing: 4px;text-transform: uppercase;}
.changjing h2{ color:#555; font-size:18px; font-weight:lighter}
.changjing h3{ font-size:24px; color:#a15e37; font-weight:lighter}
.changjing p {font-size: 16px;color: #000;line-height: 28px;letter-spacing: 0.5px; vertical-align: middle; width:40%; margin:0 auto; display: inline-block;}
.changjing p img{ width:80%;}
.changjing hr{ width:70%; height:1px; border:none; border-top:1px #bbb solid; z-index:1; margin-top:50px;}
.changjing p span{ color:#c33;}
.changjing .shuzi{ width:60px; height:60px; display:block; margin:0 auto; background:#c33;border-radius: 50px; line-height:60px; color:#fff; font-size:40px; margin-bottom:20px; z-index:9999; margin-top:-38px;}
.changjing dl{ width: 32%; display: inline-block; text-align:center; margin-top:50px;}
.changjing dl img { width:140px; margin-bottom:20px;}
.changjing dl h1 { font-size:26px; margin:0px; line-height:50px; color:#a15e37;}
.changjing dl dd { margin-left:0px;}

/*  案例部分  */
.column, .columns, .bgrid {
	float: left;
}

.bgrid {
	padding: 0;
}

#portfolio {
	
}
#portfolio .items{margin:0 auto;}
#portfolio .kd1{width: 300px;}
#portfolio .kd2 { width: 600px;}
#portfolio .kd3 { width: 900px;}
#portfolio .kd4 { width: 1200px; text-align:center;}
#portfolio h1{ font-size:50px; color:#333; text-align:center; font-weight:lighter; margin:50px 0 20px 0;}
#portfolio h2{ text-align:center; color:#9e9e9e; width:60%; margin:0 auto; font-weight:lighter; }
/* Portfolio wrapper */
#portfolio-wrapper {
	margin-top: 36px;
}

/* portfolio items */
.item .item-wrap {
	overflow: hidden;
	position: relative;
}
.item .item-wrap a {
	display: block;
	cursor: pointer;
}
.item .item-wrap img {
	width:292px;
	height:292px;
	border:1px #d5d5d5 solid;
	border-radius: 150px;
	vertical-align: bottom;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.item .item-wrap .overlay {
	background: #11abb0;
	border-radius: 150px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	zoom: 1;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;	
}
.item .item-wrap .portfolio-item-meta {
	position: absolute;
	top: 10%;
	left: 10%;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	zoom: 1;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.item .item-wrap .portfolio-item-meta h5 {
	width:233px;
	font: 15px/21px abc, sans-serif;
	text-align:center;
	color: white;
}
.item .item-wrap .portfolio-item-meta p {
	width:240px;
	font: 12px/18px "微软雅黑", sans-serif;
	color: #d1feff;
	margin: 0;
	text-align:center;
	margin-top:-20px;
}

/* on item hover */
.item:hover .overlay {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	zoom: 1;
}
.item:hover .portfolio-item-meta {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	zoom: 1;
}
.item:hover .item-wrap img {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}