body {font-family:"Microsoft YaHei","微软雅黑",Arial;margin:0; padding:0; color:#373d41; font-size:14px;}
div,ul,li,p,h3,dl{ margin:0; padding:0; list-style:none;}
.fl {float: left; position: relative;}
.w1100{width:1100px; margin:0 auto;}
a{ text-decoration:none;}

.header-content {filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5ffffff,endcolorstr=#E5ffffff);background:rgba(255,255,255,0.9);;box-shadow:0 0 3px 0px rgba(0,0,0,.2);left: 0px; top: 0px; width: 100%; position: fixed; z-index: 99999;}
.header {position: relative; z-index: 10000000; width:1100px; margin:0 auto;}
.header p { font-size:15px; top:0px; height:60px; right: 0px; color:#0099ff; position: absolute;}
.header p a{color:#222; display:inline-block; height:60px; line-height:60px; padding:0 20px;}
.header p a:hover{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5); color:#fff;}
.header p a.cur{ color:#fff; background:#0099ff}
.header img.logo {left: 0px; top: 7px; position: absolute;}
.header {height: 60px;}
.header ul.menu {left: 53%; top: 0px; width: 660px; margin-left: -280px; position: absolute;}
.header ul.menu li {height: 60px; line-height: 60px; position: relative;}
.header ul.menu li a {padding: 0px 19px; color:#222; font-size: 15px; display: block; text-decoration:none;}
.header ul.menu li:hover a {filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5); color:#fff;}

.banner{ height:700px;}
#kinMaxShow{visibility:hidden;width:100%; height:700px; overflow:hidden;}
.banner #kinMaxShow dl{ text-align:center}
.banner #kinMaxShow dl.banner01{padding-top:160px;}
.banner #kinMaxShow dl.banner01 span{ text-align:center; font-size:36px; color:#fff; display:block;  margin-top:20px;}
.banner #kinMaxShow dl.banner01 p{ text-align: center; font-size:20px; color:#fff;}
.banner #kinMaxShow dl.banner01 p i{ color:#2cb2f0; font-style:normal;}
.banner #kinMaxShow dl.banner01 a{ width:181px; height:36px; background:#2cb2f0; display:block; margin:0 auto; color:#fff; font-size:20px; text-align:center; line-height:36px; margin-top:40px;}
.banner #kinMaxShow dl.banner02{padding-top:180px;}
.banner #kinMaxShow dl.banner03{padding-top:160px;}
.banner #kinMaxShow dl.banner04{ padding-top:145px;}

.banner-bottom-container{ height:130px; background:#D7D7D8;}
.banner-bottom-container ul{ width:1100px; margin:0 auto;}
.banner-bottom-container ul a:hover h3{ color:#0099ff}
.banner-bottom-container ul li{ width:20%; height:50px; padding:40px 0; float:left;}
.banner-bottom-container ul li dl{ padding-left:24px; font-size:14px; color:#373d41}
.banner-bottom-container ul li dl h3{ font-size:18px;}
.banner-bottom-container ul li.bc1{ background:#e2e2e3 url(../image/bc1.jpg) no-repeat 110px 20px;}
.banner-bottom-container ul li.bc2{ background:#ebebec url(../image/bc2.jpg) no-repeat 110px 20px;}
.banner-bottom-container ul li.bc3{ background:#e2e2e3 url(../image/bc3.jpg) no-repeat 110px 20px;}
.banner-bottom-container ul li.bc4{ background:#f2f2f2 url(../image/bc4.jpg) no-repeat 110px 20px;}
.banner-bottom-container ul li.bc5{ background:#e2e2e3 url(../image/bc5.jpg) no-repeat 110px 20px;}

.yewu{ padding:70px 0;}
.yewu .title{ font-size:24px; text-align:center; margin-bottom:67px;}
.yewu .yewu_con{ width:1150px; margin:0 auto; overflow:hidden;_zoom:1;}
.yewu .yewu_con ul{ float:left; width:33.3%;text-align:center; margin-bottom:20px;}
.yewu .yewu_con ul img{ margin-bottom:20px;}
.yewu .yewu_con ul h3{ font-size:20px; margin-bottom:10px; }
.yewu .yewu_con ul p{ padding:0 30px; color:#a9b0b4; line-height:22px;}
.yewu .yewu_con ul dl{ margin-top:15px;}
.yewu .yewu_con ul dl li{ display:inline-block; padding:0 20px 0 10px; color:#00C1DE; line-height:22px;}

.yewu2{ height:420px; background:#373D41;}
.yewu2 .yewu02_con{ width:1300px; margin:0 auto;}
.yewu2 ul li{ width:20%; height:420px; float:left;overflow: hidden;}
.yewu2 ul li.weixin{background:url(../image/weixinkaifa_bg.jpg) no-repeat;background-size:cover;}
.yewu2 ul li.ad{background:url(../image/penyouquan_bg.jpg) no-repeat;background-size:cover;}
.yewu2 ul li.mobi{background:url(../image/iwork365_bg.jpg) no-repeat;background-size:cover;}
.yewu2 ul li.web{background:url(../image/wangzhanjianshe_bg.jpg) no-repeat;background-size:cover;}
.yewu2 ul li.app{background:url(../image/appkaifa_bg.jpg) no-repeat;background-size:cover;}
.yewu2 ul li a{ padding-top:60px;background: url(../image/yewu_bg.png);display:block; height:420px; color:#fff; text-decoration:none;}
.yewu2 ul li a:hover{background: url(../image/ye_bg_hover.png);display:block;}
.yewu2 ul li:hover a{background: url(../image/ye_bg_hover.png);display:block;}
.yewu2 ul li i {display: block;position: relative;margin: 0 auto;height: 69px; margin-top:60px;}
.yewu2 ul li.weixin i {width: 79px;background: url(../image/words.png) no-repeat -335px -439px;}
.yewu2 ul li.ad i {width: 69px;background: url(../image/words.png) no-repeat -168px -357px;}
.yewu2 ul li.mobi i {width: 64px;background: url(../image/words.png) no-repeat -337px -291px;}
.yewu2 ul li.web i {width: 76px;background: url(../image/words.png) no-repeat -327px -362px;}
.yewu2 ul li.app i {width: 74px;background: url(../image/words.png) no-repeat -164px -439px;}
.yewu2 ul li strong {display: block;margin-top: 40px;font-size: 22px;font-weight: bold;text-align: center;}
.yewu2 ul li p {position: relative;top: 100px;color: White;font-family:"Microsoft YaHei","微软雅黑";font-size: 14px;line-height: 20px;text-align: center;opacity:0;}
.yewu2 ul li h6{ border:#fff solid 1px; width:120px; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:normal; position: relative;top: 100px; left:70px;opacity:0;}
.yewu2 ul li h6:hover{ background:#fff; color:#4cbdda;}
.yewu2 ul li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.yewu2 ul li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.yewu2 ul li.weixin:hover i {background: url(../image/words.png) no-repeat -335px -439px;}
.yewu2 ul li.ad:hover i {background: url(../image/words.png) no-repeat -168px -357px;}
.yewu2 ul li.mobi:hover i {background: url(../image/words.png) no-repeat -337px -291px;}
.yewu2 ul li.web:hover i {background: url(../image/words.png) no-repeat -327px -362px;}
.yewu2 ul li.app:hover i {background: url(../image/words.png) no-repeat -164px -439px;}
.yewu2 ul li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.yewu2 ul li:hover p {
	opacity:1;
	top: 20px;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}
.yewu2 ul li:hover h6 {
	opacity:1;
	top: 20px;
	-webkit-transition: all .3s linear 0s;
	-moz-transition: all .3s linear 0s;
	-ms-transition: all .3s linear 0s;
	-o-transition: all .3s linear 0s;
	transition: all .3s linear 0s;
}

.news{ padding:70px 0; background:#fff;}
.news .title{ font-size:24px; text-align:center; margin-bottom:67px;}
.news .news_con{ overflow:hidden;position: relative;}
.news .news_con ul{overflow:hidden;_zoom:1; width:1200px;}
.news .news_con ul li{ width:353px; height:250px; float:left; border:#ccc solid 1px; margin-right:20px;}
.news .news_con ul li dl{width: 353px;height: 200px; overflow:hidden;}
.news .news_con ul li img {
	width: 353px;
	height: 200px;
}

.news .news_con ul li .shade {
	position: absolute;
	width: 353px;
	height: 200px;
	margin-top: -201px;
	background: Black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}

.news .news_con ul li .shade u {
	display: block;
	margin: 0 auto;
	margin-top: 78px;
	width: 44px;
	height: 44px;
	background: url(../image/icons.png) no-repeat 0px -168px;
}
.news .news_con ul li p {
	position: absolute;
	margin: 10px 20px;
	color: #999;
	font-size: 12px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 10;
}

.news .news_con ul li p strong {
	color: #222;
	font-size: 16px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li .bg {
	width: 353px;
	height: 50px;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li .bg u {
	display: block;
	position: absolute;
	width: 353px;
	height: 100px;
	margin-top: 150px;
	background-color: #2cb2f0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li:hover .shade {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li:hover .bg {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li:hover .bg u {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li:hover p {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.news .news_con ul li:hover p strong {
	color: White;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}


.news .news_list{ width:1100px; margin:10px auto;overflow:hidden;}
.news .news_list ul{overflow:hidden;_zoom:1; width:1200px;}
.news .news_list ul li{ width:353px; margin:0 20px 0 0; float:left; line-height:30px; text-indent:5px;}
.news .news_list ul li a{ color:#333;}
.news .news_list ul li a:hover{ color:#0099ff;}


.case{ padding:70px 0 20px;overflow:hidden;}
.case .title{ font-size:24px; text-align:center; margin-bottom:67px;}
.case .case_con{ width:1155px; height:450px; margin:0 auto;}
.case .case_con ul li{position: relative;width: 230px;height:150px;overflow: hidden;z-index: 10;float:left; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.case .case_con ul a:hover li{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;}

.zhuce{ width:100%; height:150px; background:url(../image/zhuce_bg.jpg) no-repeat center center; color:#fff; font-size:24px; text-align:center; padding-top:50px;}
.zhuce a{border:#fff solid 1px; width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; display:block; color:#fff; margin:0 auto; margin-top:20px;}
.zhuce a:hover{ background:#fff; color:#00c1de; }
	
.footer{ background:#373D41; padding:60px 0 0;color:#fff; }
.footer a{ color:#fff;}
.footer ul{ border-bottom:1px solid #666; overflow:hidden; padding-bottom:15px;}
.footer ul li{ float:left; width:25%; color:#fff; font-size:16px; text-indent:40px; line-height:50px;}
.footer ul li i{ display:block; width:50px; width:50px; float:left; margin-right:10px;}
.footer dl{ padding:30px 60px; font-size:16px; line-height:50px;border-bottom:1px solid #666;}
.footer dl p{ float:left; margin-right:30px;}
.footer dl span{ float:left;margin-right:100px; line-height:20px;}