/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; }
img {border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; }
textarea { resize:none; overflow:auto; }
body {margin-bottom:50px; font-size:14px; font-family:"微软雅黑"; min-width:1170px;}
/* end reset */
/*public*/

.clear{zoom:1;}
.clear:after{content:"";display:block;height:0px;clear:both;}
.fl{float:left;}
.fr{float:right;}
.nopl{padding-left:0;}
.nopr{padding-right:0;}
.hid{display:none;}
.gradient{
	background:linear-gradient(top,#ffffff, #f8f8f8);
	background:-moz-linear-gradient(top, #ffffff, #f8f8f8);
	background:-webkit-linear-gradient(top, #ffffff, #f8f8f8);
	background:-ms-linear-gradient(top, #ffffff, #f8f8f8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#f8f8f8)";
	+background:#f9f9f9;
}
.triangle_up_red,.triangle_down_red,.triangle_down_gray{width:0;height:0;
	overflow:hidden;border-left:4px solid transparent;position:absolute;
border-right:4px solid transparent;}
.triangle_up_red{border-bottom:4px solid #ca0309;}
.triangle_down_red{border-top:4px solid #ca0309;}
.triangle_down_gray{border-top:4px solid #c4bdbd;}
.hid{
	display:none;
}
/*end public*/

/*header开始*/
.header{
	width:100%;
	/*line-height:80px;*/
	background:url(../images/headerbg.jpg);
	}
.header_con{
	width:1170px;
	height:78px;
	margin:0 auto;
}
.logo{
	float:left;
	line-height:76px;
}
.logo img{
	vertical-align: middle;
}
.logo h1{
	display:inline-block;
	margin-left:10px;
	font-size:18px;
	font-weight: 500;
	color:#fff;
}
.nav{
	margin-top:20px;margin-right:20px;
}
.nav li{
	position:relative;
	float:left;
	/*padding:0 10px;*/
	margin-right:10px;
	height:55px;
	line-height: 55px;
}
.nav li a.nava{
    display: block;
	padding:0 10px;
	margin-right:10px;
	height:35px;
	line-height: 35px;
	border-radius: 5px;
	text-align:center;
	color:#fff;
}
.nav li a.nava:hover,.nav li a.navact{
	background:#e8645a;
	box-shadow: 0px 5px 5px #e2534b;
	-moz-box-shadow:0px 5px 5px #e2534b;
}
.nav a.navactive{
	background:#62a29e;
	box-shadow: 0px 5px 5px #528b86;
}
.nav .search{
	display:inline-block;
	width:16px;
	height:16px;
	margin-top:11px;
	background:url(../images/search.png) no-repeat 0 0px;
	cursor:pointer;
}
.droparr{
	display:inline-block;
	width:16px;
	height:10px;
	background:url(../images/droparr.png) no-repeat 0 3px;
}
.droparrr{
	display:inline-block;
	width:19px;
	height:11px;
	margin-left:8px;
	background:url(../images/arrowr.png) no-repeat 0 3px;
}
.arrowr{
	display:inline-block;
	position:absolute;
	top:-10px;
	left:35px;
	width:16px;
	height:11px;
	background:url(../images/arrowred.png) no-repeat 0 3px;
}

.dropdown{
	position:absolute;
	padding-bottom:5px;
	top:50px;
	left:5px;
	width:200px;
	background:#e2534b;
	border-radius: 4px;
	z-index:3;
}

.dropdown p{
	text-align:left;
	margin:5px 5px 0 5px;
	height:35px;
	line-height:35px;
	background:#e5655d;
	border-radius: 5px;
}
.dropdown p:hover{
	height:35px;
	background:#76c7c0;
}
.dropdown p a{
	color:#fff;
}
/*header结束*/

/*banner*/

.lubo{ width: 100%; min-width:1170px;clear: both; position: relative; height:500px;}
  .lubo_box{ position: relative; width: 100%; height:355px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:500px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 400px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{float:left; width:45px; height: 4px; margin:0 5px; cursor: pointer; background:#b0b8b9; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #E8645A !important;}


/*banner结束*/


.con_wap{
	width:100%;
	padding-top:45px;
	margin-top:-10px;
	background:#f3f3f3;
}
.content{
	width:1170px;
	margin:0 auto;	
}
.article{
	width:1168px;
	
	margin:0 auto;
	padding:20px 5px 20px 5px;
	
}
.service {
	height:175px;
	padding:10px 20px;
	background:#ececec;
	border-radius: 5px;
}
.service h2{
	margin:10px 15px 0 0;
	font-size:20px;
	color:#7f8c8c;
}
.service p{
	padding:10px 0;
}
button.morebtn {
	width:200px;
	height:50px;
	margin:15px 10px 0 0;
	border:none;
	border-radius: 5px;
	box-shadow: 0px 5px 5px #62b9b0;
	-moz-box-shadow:0px 5px 5px #62b9b0;
	background:#76c7c0;
	font-size:16px;
	color:#fff;
}
button.morebtn:hover{
	background:#e8645a;
	box-shadow: 0px 5px 5px #e2534b;
	-moz-box-shadow:0px 5px 5px #e2534b;
}
.servicem{
	margin-top:45px;
	height:435px;
}
.servicem li{
	position:relative;
	float:left;
	margin-right:29px;
	width:270px;
	height:310px;
	background:#f8f8f8;
}
.servicem li:hover{
	background:#fff;
}
.servicem li span.spbg{
	display:inline-block;
	margin:40px 0 10px 100px;
	text-align:center;
	width:64px;
	height:64px;
}

.servicem li span.bang{
	background:url(../images/web.png) no-repeat ;
}
.servicem li span.key{
	background:url(../images/wechat.png) no-repeat ;
}
.servicem li span.qizhi{
	background:url(../images/miniprograme.png) no-repeat ;
}
.servicem li span.pingzi{
	background:url(../images/app.png) no-repeat ;
}
.servicem li h3{
	color:#8a9595;
	margin-bottom:15px;
	text-align: center;
}
.servicem li p{
    line-height:20px;
	margin-bottom:20px;
	padding:0 10px 0 10px;
}
.servicem li p a{
	color:#000;
}
.servicem button.btns{
	position:absolute;
	top:268px;
	left:34px;
	width:200px;
	height:50px;
	margin:15px 10px 0 0;
	border:none;
	border-radius: 5px;
	box-shadow: 0px 5px 5px #62b9b0;
	-moz-box-shadow:0px 5px 5px #62b9b0;
	background:#76c7c0;
	font-size:16px;
	color:#fff;
}
.servicem button.act{
	background:#e8645a;
	box-shadow: 0px 5px 5px #e2534b;
	-moz-box-shadow:0px 5px 5px #e2534b;
}
.versuswap{
	width:100%;
	background:url(../images/images/imagesbg.jpg) repeat-x #f3f3f3;
}
.versuscon{
	width:1170px;
	margin:0 auto;
}
.versus h2{
	padding-top:70px;
	text-align:center;
	font-size:24px;
	color:#e1524b;
}
.versus p{
	padding:15px 0 80px 0;
	text-align:center;
}
ul.morelag{
	position:relative;
	height:260px;
}
ul.morelag li{
	float:left;
	width:370px;
	height:260px;
	margin-right:30px;
	background:#b0b8b9;
	border-radius: 5px;
	z-index:2;
}
ul.morelag li span{
	display:inline-block;
	width:12px;
	height:12px;
	margin:15px 0 0 7px;
	background:#fff;
	border-radius: 50px;
}
ul.morelag li em{
	display:inline-block;
	float:right;
	width:10px;
	height:6px;
	margin:20px 20px 0 0;
	background:#fff;
}
ul.morelag li img{
	padding:13px 7px 7px 7px;
	border-radius: 3px;
}
.verseusbt{
	padding:70px 0;
}
.verseusbtl{
	width:270px;
	margin-right:20px;
}
.verseusbtl h3{
	padding-bottom:10px;
}
.verseusbtl li {
	
	padding:6px 0px 0 20px;
	background:url(../images/botpicbg.png) no-repeat 0 3px;
	
}
.verseusbtl li a{
	color:#000;
}
.verseusbtc {
	width:567px;
	margin-right:20px;
}
.verseusbtc p{
	text-align:center;
}
.verseusbtc p a,.verseusbtr p a{
	color:#000;
	
}
.verseusbtc img{
	padding:60px 0;
}
.verseusbc h3{
	width:270px;
}
.verseusbtr{
	width:270px;
}
.verseusbtr h3{
	padding-bottom:10px;
}
.verseusbtr p{
	padding:10px;	
	background:#f8f8f8;
	line-height: 1.5em;
}
.verseusbtr span{
	display:inline-block;
	padding:20px;
}
.Clientt{
	padding-bottom:30px;
}
.Clientt h3{
	float:left;
	
}
.Clientt p{
	float:left;
	width:800px;
	height:1px;
	margin:10px 0 0 20px;
	background:#98a3a3;
}
.Clientt span{
	float:left;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	border-radius: 5px;
	margin-left:20px;
	cursor: pointer;
}
.Clientt span.spanl{
	background:url(../images/arrowlc.png) no-repeat 4px 3px #98a3a3;
}
.Clientt span.spanr{
	background:url(../images/arrowrc.png) no-repeat 8px 3px #98a3a3;
}
.Clientt span:hover {
	background-color:#e2534b;
}
.Clientb{
	padding-bottom:50px;
}
.Clientb li{
	float:left;
	margin-right:20px;
}
.footerwap{
	width:100%;
	background:url(../images/images/footerbg_07.jpg) repeat-x;
}
.footercon{
	width:1170px;
	margin:0 auto;
}
.fotone{
	color:#fff;
	width:365px;
	margin-right:25px;
	padding-left:5px;
}
.fotone .ftlogo{
	padding-top:45px;
}

.fotone .ftlogo h1{
	display:inline-block;
	margin:7px 0 20px 10px;
	font-size:20px;	
	color:#fff;
}
.fotone h3{
color:#fff;
line-height:20px;
margin-bottom:10px;
}
.fotone p{
	margin-bottom:20px;
	line-height: 2em;
}
.fotone p a{
	color:#fff;
}
.fotone h2{
	margin-bottom:10px;
	font-weight: 100;
	color:#fff;
}
.fotone h2 span{
	font-size:16px;
	font-weight: 0;
}
.fottwo{
	width:170px;
	margin-right:25px;
	padding-top:45px;
}
.fottwo {
	
}
.fottwo h3{
	margin-bottom:20px;
	font-size:16px;
	color:#4c847f;
}
.fottwo li{
	padding:3px;
	background:url(../images/arrowr.png) no-repeat 9px 9px;	
}
.fottwo li a{
	padding-left:20px;
	color:#fff;
}
.fotthird {
	width:370px;
	padding-top:45px;
}
.fotthird h3{
margin-bottom:15px;
	font-size:20px;
	color:#fff;
}
.fotthird img{
	margin-bottom:20px;
}
.fotthird li.weixin{
	height:72px;
	margin-bottom:15px;
	background:url(../images/gzh.jpg) no-repeat;
	cursor:pointer;
}
.fotthird li.weibo{
	height:72px;
	margin-bottom:15px;
	background:url(../images/weibo.jpg) no-repeat;
	cursor:pointer;
}
.fotthird li a{
	padding-left:90px;
	margin-bottom:6px;
	color:#fff;
}
.fotthird li p{
	padding-left:90px;
	margin-top:6px;
	color:#528d88;
}
.footbtwap{
	width:100%;
	height:50px;
	background:#6ab3ac;
}
.footbtcon{
	width:1170px;
	margin:0 auto;
}
.footbtcon p{
    font-size:16px;
	float:left;
	height:50px;
	line-height:50px;
	color:#fff;
}
.footbtcon  a{
	color:#fff;
}
.footbtcon div{
	float:right;
}