@charset "utf-8";
/* CSS Document */
.M-top{
	background:url(../images/nav-bj.png) repeat-x;
	height:70px;
	line-height:70px;
	width:100%;
	z-index:9997;
	
}
.M-top-show{
	position:fixed;
	top:-255px;
}
.M-logo{
	position:relative;
	z-index:99999 !important;
}
.M-logo a img{
	position:absolute;
	left:20px;
	top:0px;
	z-index:999999 !important;
}
.m_wnews{
	width:251px;
	position:relative;
	left:20px;
	top:0px;
}
.M-top-right{
	height:70px;
	line-height:70px;
}
.M-nav{
	height:70px;
	line-height:70px;
}
.M-nav ul li{
	float:left;
	display:block;
}
.M-nav ul li a{
	float:left;
	font-size:16px;
	font-family:"Segoe UI", "微软雅黑";
	color:#c6c6c6;
	height:70px;
	line-height:70px;
	display:block;
}
.M-nav ul li a:hover{
	color:#ffffff;
}

.M-nav ul li a.cur div p{
	margin-top:-20px !important;
}




.section-2{	
	background:url(../images/what-bj.png) center bottom no-repeat;
	width:100%;
	height:690px;
	text-align:center;
	position:relative;
}
.M-what{
	margin:0 auto;
	width:985px;
}
.M-what{
}
.M-design{
	text-align:center;
	display:block;
	width:165px;
	margin-right:70px;
	position:relative; left:0px;
	top:-250px;
}
.Brand{
	text-align:center;
	display:block;
	width:165px;
	margin-right:60px;
	position:relative; left:0px;
	top:-250px;
}
.move{
	text-align:center;
	display:block;
	width:217px;
	margin-right:45px;
	position:relative; left:0px;
	top:-250px;
}
.ui{
	text-align:center;
	display:block;
	width:165px;
	position:relative;
	left:0px;
	top:-250px;
	margin-right:45px;
}
.ui2{
	text-align:center;
	display:block;
	width:165px;
	position:relative;
	left:0px;
	top:-250px;
	margin-right:0px;
}
.M-design-ico{
	background:url(../images/design-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:22px;
	+margin-left:0px !important;
}
.Brand-ico{
	background:url(../images/move-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:22px;
	+margin-left:0px !important;
}
.move-ico{
	background:url(../images/brand-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:22px;
	+margin-left:0px !important;
}
.ui-ico{
	background:url(../images/ui-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:22px;
	+margin-left:0px !important;
}
.ui2-ico{
	background:url(../images/ui2-ico.png) no-repeat;
	width:122px;
	height:122px;
	display:block;
	margin:0 auto;
	margin-bottom:22px;
	+margin-left:0px !important;
}
.M-what-top{
	text-align:center;
	margin:0 auto;
	height:98px;
	
}
.ui:hover em{
	background:url(../images/ui-ico-hover.png) no-repeat;
}
.ui2:hover em{
	background:url(../images/ui2-ico-hover.png) no-repeat;
}
.move:hover em{
	background:url(../images/brand-ico-hover.png) no-repeat;
}
.Brand:hover em{
	background:url(../images/move-ico-hover.png) no-repeat;
}
.M-design:hover em{
	background:url(../images/design-ico-hover.png) no-repeat;
}
.M-design-title span{
	font-family:"微软雅黑";
	font-size:18px;
	color:#545454;
	display:block;
}
.M-design-title font{
	font-family:"微软雅黑";
	font-size:14px;
	color:#999999;
	display:block;
}
.M-design-bottom{
	height:70px;
	overflow:hidden;
	text-align:center;
}
.M-btn{
	background:url(../images/btn-ico.png) no-repeat;
	width:120px;
	height:31px;
	display:block;
	line-height:31px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	margin:0 auto;
	margin-top:2px;
}
.M-left{
	margin-left:27px;
}
.M-bottom-border{
	background:url(../images/border-bottom.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-bottom-border2{
	background:url(../images/border-bottom2.png) no-repeat center;
	height:3px;
	width:100%;
}
.M-what-title{
	margin-top:50px;
	font-family:"微软雅黑";
	font-size:24px;
	color:#898989;
	margin-bottom:114px;
}
#section-2{
	position:relative;
	left:0px;
	top:50px;
}
.top{
	top:10px !important;
}
#top-m{
	position:relative;
	left:0px;
	top:-30px;
}
#top-m2{
	position:relative;
	left:0px;
	top:20px;
}
#top-m3{
	position:relative;
	left:0px;
	top:0px;
}
#section-3{
	position:relative;
	left:0px;
	top:50px;
}
#section-4{
	position:relative;
	left:0px;
	top:50px;
}
#section-5{
	position:relative;
	left:0px;
	top:50px;
}
.section-3{	
	background:url(../images/work-bj.png) center no-repeat;
	width:100%;
	height:807px;
	text-align:center;
	padding-top:45px;
	position:relative;
}
.section-4{	
	background:url(../images/new-bj.png) center no-repeat;
	width:100%;
	height:717px;
	text-align:center;
	padding-top:45px;
	position:relative;
}
.section-5{	
	width:100%;
	text-align:center;
	padding-top:45px;
	position:relative;
}
.M-map{
	width:100%;
	height:493px;
	overflow:hidden;
	position:relative;
}



/*work*/
.page-work{
	width:100%;
	height:100%;
	text-align:center;
	padding-top:147px;
	background:#282828;
}
.page-top-title{
	width:100%;
	text-align:center;
	margin-bottom:93px;
}
.page-top-title span.title{
	font-size:58px;
	color:#ffffff;
	display:block;
	font-weight:300;
	font-family:"微软雅黑";
	margin-bottom:26px;
}
.page-top-title font{
	font-size:20px;
	color:#828282;
	display:block;
	font-family:"微软雅黑";
}
.page-top-title{
	position:relative;
}
.page-top-title span.x{
	width:140px;
	height:2px;
	display:block;
	background:#ffffff;
	position:absolute;
	left:50%;
	margin-left:-70px;
	top:145px;
}
.work-table-content{
	text-align:center;
}
.page-table-nav{
	text-align:center;
	margin:0 auto;
	width:584px;
	padding-bottom:84px;
}
.page-table-nav ul li{
	float:left;
}
.page-table-nav ul li a{
	float:left;
	font-size:18px;
	color:#4a4a4a;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
	margin-right:40px;
}
.page-table-nav ul li a:hover{
	float:left;
	font-size:18px;
	color:#ffffff;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
}
.page-table-nav ul li.cur a{
	float:left;
	font-size:18px;
	color:#ffffff;
	display:inline-block;
	font-weight:bold;
	font-family:"微软雅黑";
}



#brand{
	margin:0 auto;
	padding-bottom:43px;
}
#brand .bd-box{
	overflow:hidden;
	/*padding-left:55px;
	padding-right:55px;*/
}
.bd-box{
	text-align:left;
}
#brand .bd-box li{
	display:inline-block;
	width:355px;
	float:left;
	height:211px;
	overflow:hidden;
	position:relative;
	border:3px solid #282828;
}
#brand .bd-box li div.just img{
	width:355px;
	height:211px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#brand .bd-box li div.against img{
	width:0px;
	height:211px;
	position:absolute;
	left:177.5px;
	top:0px;
	z-index:1;
	text-align:center;
	line-height:211px;
	font-size:14px;
	color:#FFF;
	background:#ffa340;
	font-weight:bold;
	overflow:hidden;
	display:none;
	cursor:pointer;
}
#brand .bd-box li>a{
	width:355px;
	height:211px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	display:block;
	float:left;
	background:url(../images/png.png) no-repeat;
}

.against span{
	height:43px;
	line-height:43px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	font-family:"微软雅黑";
	display:block;
	width:0px;
	background:#00A0DE;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
}
.page-work-bottom{
	background:url(../images/page-work-bj.png) center;
	width:100%;
	height:100px;
	position:relative;
}
.page-consult{
	height:188px;
	width:100%;
	background:#F3F3F3;
	padding-top:80px;
	text-align:center;
}
.page-consult span{
	font-family:"微软雅黑";
	font-size:30px;
	color:#262626;
	display:block;
	margin-bottom:30px;
}
.work-btn{
	background:url(../images/btn.png) no-repeat;
	width:116px;
	height:37px;
	line-height:37px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff;
	display:inline-block;
	text-align:center;
}
.work-btn:hover{
	background:url(../images/btn-hover.png) no-repeat;
}
.work-foot{
	background:url(../images/work-foot-bj.png) center;
	width:100%;
	height:386px;
	margin-top:-102px;
	text-align:center;
	color:#717171;
	font-family:"微软雅黑";
	font-size:14px;
}
.foot-content2{
	width:920px;
	margin:0 auto;
	height:100px;
	line-height:100px;
	padding-bottom:87px;
	padding-top:160px;
}
.foot-content2>div{
	margin-left:69px !important;
}
.foot-content2 span{
	font-family:"微软雅黑";
	font-size:20px;
	color:#d3d3d3;
}
.QQ-ico2{
	background:url(../images/QQ-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.QQ-ico2:hover{
	background:url(../images/QQ-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WX-ico2{
	background:url(../images/WX-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:25px;
}
.WX-ico2:hover{
	background:url(../images/WX-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.WB-ico2{
	background:url(../images/WB-ICO2.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
}
.WB-ico2:hover{
	background:url(../images/WB-ICO-HOVER.png) no-repeat;
	width:100px;
	height:100px;
	display:block;
}
.foot2-font2{
	font-family:"微软雅黑";
	font-size:14px;
	color:#d3d3d3;
}



/*muyu*/
.muyu-top{
	background:url(../images/muyu-top-bj.png) center;
	height:752px;
	width:100%;
	position:relative;
}
.muyu-banner{
	width:100%;
	text-align:center;
}
.muyu-banner-top{
	width:100%;
	text-align:center;
}
.muyu-banner-content{
	width:936px;
	margin:0 auto;
	height:135px;
	padding-top:45px;
	text-align:center;
}
.muyu-banner-content font{
	font-family:"微软雅黑";
	font-size:25px;
	color:#989898;
	display:block;
	margin-bottom:6px;
}
.muyu-banner-content span{
	font-family:"微软雅黑";
	font-size:40px;
	color:#282828;
	display:block;
	font-weight:600;
	margin-bottom:25px;
	font-style:normal;
}
.muyu-banner-content div{
	font-family:"微软雅黑";
	font-size:16px;
	color:#737373;
	display:block;
	text-indent:2em;
	line-height:24px;
}
.muyu-banner-content div b{
	font-family:"微软雅黑";
	font-size:16px;
	color:#4e4e4e;
}
.muyu-about{
	background:#f8f8f8 url(../images/page-about-bj.png) center;
	height:617px;
	width:100%;
	padding-top:46px;
	position:relative;
}
.M-what-top span{
	font-family:"微软雅黑";
	font-size:16px;
	color:#808080;
}
.viewpoint{
	width:533px;
	height:191px;
	margin:0 auto;
	position:relative;
	top:100px;
	left:0px;
	overflow:hidden;
}
.love-btn{
	width:187px;
	height:187px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}
.love-btn2{
	width:187px;
	height:187px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}
.love-bj{
	background:url(../images/love-bj.png) no-repeat !important;
	width:528px;
	height:187px;
	display:block;
}
.show2{
	width:0px;
	height:187px;
	position:relative;
	right:0px;
	top:0px;
}
.show1{
	position:relative;
}
.show-bj{
	width:528px;
	height:187px;
	position:absolute;
	left:-341px;
	top:0px;
	background:url(../images/love-bj.png) no-repeat;
}
.love-jia{
	position:absolute;
	left:247px;
	top:75px;
}
.system{
	background:#252525 url(../images/system-bj.png) center;
	width:100%;
	height:803px;
	padding-top:47px;
	position:relative;
}

.system-table{
	width:460px;
	margin:0 auto;
	text-align:center;
}
.slideTxtBox2{ width:460px;text-align:left; position:relative; top:30px; left:30px; }
.slideTxtBox2 .hd{ background:url(../images/sys-nav.png) no-repeat; width:480px; height:175px; position:absolute; left:-10px; top:-10px; z-index:99; }
.slideTxtBox2 .hd ul{ float:left; }
.slideTxtBox2 .hd ul li{ float:left; cursor:pointer;  }
.slideTxtBox2 .bd{ background:url(../images/y-bj.png) no-repeat; width:453px; height:400px !important; position:absolute !important; left:0px !important; top:60px !important;zoom:1; z-index:88; padding-left:28px; padding-top:78px; }
.slideTxtBox2 .bd li{ height:24px; line-height:24px;   }
.slideTxtBox2 .bd li .date{ float:right; color:#999;  }
.slideTxtBox2 .bd ul{position:absolute !important; left:28px !important; top:88px !important; width:453px !important;height:370px !important;}
.slideTxtBox2 .hd ul li a{ float:left; display:block; cursor:pointer;  }
.slideTxtBox2 .hd ul li.on .m-ico1{
	background:url(../images/ico1-hover.png) no-repeat !important;
	width:116px;
	height:108px;
	position:relative;
	left:-28px;
	top:94px;
}


.section-content-title font{
	font-family:"微软雅黑";
	font-size:34px;
	color:#ffffff;
	font-weight:bold;
	display:inline-block;
	margin-bottom:15px;
}



.m-ico1{
	width:116px;
	height:108px;
	position:relative;
	left:-28px;
	top:94px;
}
.m-ico2{
	width:97px;
	height:104px;
	position:relative;
	left:-23px;
	top:8px;
}
.m-ico3{
	width:80px;
	height:99px;
	position:relative;
	left:-24px;
	top:-18px;
}
.m-ico4{
	width:88px;
	height:106px;
	position:relative;
	left:-24px;
	top:-5px;
}
.m-ico5{
	width:112px;
	height:114px;
	position:absolute;
	right:-14px;
	top:74px;
}
.slideTxtBox2 .hd ul li.on .m-ico1{
	background:url(../images/ico1-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico2{
	background:url(../images/ico2-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico3{
	background:url(../images/ico3-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico4{
	background:url(../images/ico4-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico5{
	background:url(../images/ico5-hover.png) no-repeat !important;
}

.page-integrate{
	width:100%;
	padding-top:33px;
	background:#252525;
}
.integrate-menu-nav{
	background:url(../images/k-bj.png) center;
	width:100%;
	height:100px;
	display:block;
	position:relative;
}


.my-work{
	width:1090px;
	margin:0 auto;
}
.my-work #brand{
	width:100% !important;
}
.muyu-top4{
  background: url(../images/xbj19.png) center bottom no-repeat;
  height:705px;
  width: 100%;
  position: relative;
}
.my-banner3{
	padding-top:100px;
}
.icolist{
	width:1025px;
	margin:0 auto;
}
.icolist1 ul li{
	display:block;
	width:206px;
	height:206px;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:60px;
	margin-bottom:25px;
	float:left;
}
.ico01{
	background:url(../images/xico01.png) no-repeat;
}
.ico02{
	background:url(../images/xico02.png) no-repeat;
}
.ico03{
	background:url(../images/xico03.png) no-repeat;
}
.ico04{
	background:url(../images/xico04.png) no-repeat;
}
.ico05{
	background:url(../images/xico05.png) no-repeat;
}
.ico06{
	background:url(../images/xico06.png) no-repeat;
}
.ico07{
	background:url(../images/xico07.png) no-repeat;
}
.ico01:hover{
	background:url(../images/xico01-hover.png) no-repeat;
}
.ico02:hover{
	background:url(../images/xico02-hover.png) no-repeat;
}
.ico03:hover{
	background:url(../images/xico03-hover.png) no-repeat;
}
.ico04:hover{
	background:url(../images/xico04-hover.png) no-repeat;
}
.ico05:hover{
	background:url(../images/xico05-hover.png) no-repeat;
}
.ico06:hover{
	background:url(../images/xico06-hover.png) no-repeat;
}
.ico07:hover{
	background:url(../images/xico07-hover.png) no-repeat;
}
.icolist2{
	padding-left:135px;
}
.icolist2 ul li{
	display:block;
	width:206px;
	height:206px;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:60px;
	margin-bottom:25px;
	float:left;
}
.system4{
	background:#F8F8F8;
	position:relative;
	padding-top:50px;
}
.casebtoom{
	height:150px;
	background: url(../images/xbj3.png) center bottom no-repeat;
}
.page-integrate3{
	height:855px;
	background:#F8F8F8 url(../images/xbj20.png) center bottom no-repeat;
	width:100%;
	position:relative;
	padding-top:50px;
}

#pages{
padding-top:25px;
}

#pages a{
padding-left:20px; padding-right:20px;
height:45px;
 border-radius:45px; text-align:center; line-height:45px; font-family:"微软雅黑"; font-size:12px; color:#ffffff; background:#01B6E0;  display: inline-block;
}

#pages span{
padding-left:20px; padding-right:20px;
height:45px;
 border-radius:45px; text-align:center; line-height:45px; font-family:"微软雅黑"; font-size:12px; color:#666666; display: inline-block;
}

#pages a:hover{
background:#09d5ff;
}