body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
body {
overflow-x: hidden; 
	font-size: 12px;
	font-family: Tahoma, Verdana;
	color: #000;
	background-color: #fff
}
#subNav{
	width:100%;
	background-color: #FFFFFF;
	height: 67px;
}
a{
	color: #DF4A43;
	text-decoration: none;
}

ul,li{
	list-style-image: none;
	list-style-type: none;
}

.fixedSubNav{position:fixed;top:0;left:0;z-index:1000}
.empty-placeholder{height:67px}
#home{
	width: 100%;
}
#service{
	width: 100%;
	background-color: #F6F6F6;
	height: 417px;
	padding-top: 66px;
}

.listtop{
	font-size:16px;
	color:#4D5359;
	height: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	font-family: "Microsoft Yahei";
    margin-bottom: 80px;
}
.listtop span{ display: block;color: #DF4A43;font-family: "Microsoft Yahei";font-size: 24px;margin-bottom: 5px;letter-spacing: 3px;}

.listtop_2{
	font-size:12px;
	color:#4D5359;
	height: 35px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
	font-family: "Microsoft Yahei";
	padding-top: 25px;
	letter-spacing: 1px;
}
.listtop_3{
	height: 280spx;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
.lista{
	float: left;
	height: 280px;
	width: 230px;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: -230px 0px;
}
.lista a:hover{
	height: 280px;
	width: 230px;
	float: left;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.lista2{
	float: left;
	height: 280px;
	width: 230px;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: -230px -280px;
}
.lista2 a:hover{
	height: 280px;
	width: 230px;
	float: left;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: 0px -280px;
}
.lista3{
	float: left;
	height: 280px;
	width: 230px;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: -230px -560px;
}
.lista3 a:hover{
	height: 280px;
	width: 230px;
	float: left;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: 0px -560px;
}
.lista4{
	float: left;
	height: 280px;
	width: 230px;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: -230px -840px;
}
.lista4 a:hover{
	height: 280px;
	width: 230px;
	float: left;
	background-image: url(../img/bottom_500.gif);
	background-repeat: no-repeat;
	background-position: 0px -840px;
}
.lista_1{
	font-family: "Microsoft Yahei";
	font-size: 18px;
	width: 230px;
	text-align: center;
	padding-top: 100px;
	font-weight: bold;
}
.lista_2{
}
.lista_2 span{
	width: 200px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 25px;
	float: left;
	height: 100px;
	line-height: 30px;
	text-align: center;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #666666;
}
.lista_2 span a:hover{
	color: #FFFFFF;
}
.listtop_3 li{
	width: 230px;
	float: left;
	height: 245px;
	margin-right: 35px;
	margin-left: 35px;
}
#about{
	width: 100%;
	text-align: center;
	height: 652px;
	padding-top: 66px;
}
.con{
	height: 616px;
	width: 1200px;
	background-image: url(../img/Block_2.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.con_2{
	float: left;
	width: 510px;
	color: #646464;
	line-height: 30px;
	text-align: left;
	padding-top: 50px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	height: 446px;
}
#case{
	width: 100%;
	background-color: #F6F6F6;
	text-align: center;
	height: 700px;
	padding-top: 66px;
}

#team{
	width: 100%;
	text-align: center;
	height: 597px;
	padding-top: 66px;
}
.show{
	height: 498px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
.show li{
	float: left;
	height: 155px;
	width: 358px;
	margin-top: 30px;
	margin-right: 21px;
	margin-bottom: 30px;
	margin-left: 21px;
	font-family: "Microsoft Yahei";
	text-align: left;
}
.show li h3{
	color: #DF4A43;
	font-size: 14px;
	line-height: 25px;
	float: left;
	width: 229px;
	padding-left: 15px;
	
}
.show li span{
	line-height: 20px;
	color: #4D5359;
	float: left;
	height: 125px;
	width: 229px;
	padding-left: 15px;
	padding-top: 5px;
}
.cu_1{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.cu_2{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: -114px 0px;
}
.cu_3{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: -228px 0px;
}
.cu_4{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: 0px -155px;
}
.cu_5{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: -114px -155px;
}
.cu_6{
	float: left;
	height: 155px;
	width: 114px;
	background-image: url(../img/cu.jpg);
	background-repeat: no-repeat;
	background-position: -228px -155px;
}
#quality_promise{
	width: 100%;
	text-align: center;
	background-color: #2A2A2A;
	height: 255px;
}
.quality{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 205px;
	padding-top: 50px;
}
.quality_1{
	float: left;
	height: 205px;
	width: 358px;
	padding-left: 21px;
	padding-right: 21px;
}
.quality_10{
	float: left;
	height: 195px;
	width: 348px;
	padding-left: 31px;
	padding-right: 21px;
	font-size: 12px;
	line-height: 24px;
	color: #9E9E9E;
	text-align: left;
	padding-top: 5px;
}
.quality_2{
	float: left;
	width: 358px;
	height: 23px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -255px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 23px;
	text-align: left;
	text-indent: 158px;
}
.quality_20{
	float: left;
	width: 358px;
	height: 23px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -278px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 23px;
	text-align: left;
	text-indent: 120px;
}
.quality_40{
	float: left;
	width: 358px;
	height: 23px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -301px;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 23px;
	text-align: left;
	text-indent: 138px;
}
.xyz{
	height: 22px;
	width: 53px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -358px;
	float: right;
}
.quality_3{
	float: left;
	height: 172px;
	width: 350px;
	padding-top: 10px;
	padding-left: 8px;
}
.quality_3 li{
width: 350px;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: left;
	float: left;
}
.quality_3 li a{
	color: #FFFFFF;
	float: left;
}
.quality_3 li a:hover{	text-decoration: underline;}
.quality_3 li span{
	float: right;
	color: #A3A3A3;
}
#contact{
	width: 100%;
	text-align: center;
	height: 520px;
	padding-top: 30px;
}

.lxwm_2{
	width: 1200px;
	height: 350px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	color: #4D5359;
	font-family: "Microsoft Yahei";
}
.lxwm_2 p{
	font-size: 18px;
	line-height: 40px;
}
.lxwm_21{
	float: left;
	width: 750px;
	text-align: left;
	font-size: 14px;
	line-height: 32px;
}
.lxwm_22{
	float: left;
	width: 400px;
	text-align: left;
	font-size: 14px;
	line-height: 32px;
	padding-left: 50px;
	background-color: #F9F9F9;
	height: 280px;
	padding-top: 70px;
}
#footer {
	height: 65px;
	width: 100%;
	background-color: #2A2A2A;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #9E9E9E;
	text-align: center;
	line-height: 24px;
	padding-top: 20px;
}
#footer a{
	color: #9E9E9E;
}


.top_1{
	width: 1200px;
	height: 67px;
	margin-right: auto;
	margin-left: auto;
}
.top_logo{
	float: left;
	height: 67px;
	width: 172px;
	background-image: url(../img/logo.png);
	background-repeat: round;
	background-position: 0px 0px;
	margin-left: 50px;
}
.menu {
	height: 52px;
	display: block;
	width: 875px;
	margin-top: 0px;
	float: left;
	padding-left: 48px;
}


#full-screen-slider { width:100%; height:531px; float:left; position:relative}
#slides { display:block; width:100%; height:531px; list-style:none; padding:0; margin:0; position:relative}
#slides li {
	display:block;
	width:100%;
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination {
	display:block;
	list-style:none;
	position:absolute;
	top:500px;
	z-index:990;
	width: 110px;
	float: right;
	padding-left: 47%;
}
#pagination li { display:block; list-style:none; width:20px; height:7px; float:left; margin-left:7px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {
	background-color: #DF4A43;
}



.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
	line-height: 20px;
	text-align: center;
	padding-top: 15px;
	width: 140px;
	height: 52px;
}

.menu ul li a {
	/* must be postioned relative  */ 
			position: relative;
	display: block;
	width: 140px;
	height: 52px;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	font-family: "Microsoft Yahei";
}
.menu ul li a span{
	font-size: 12px;
}

#menu2 {
	
}
#menu2 ul li a {
			color: #565966;
}
#menu2 ul li a:hover{
	color: #DF4A43;
	float: left;
	width: 140px;
	height: 50px;
}
.Magic{
	height: 531px;
	width: 100%;
}
	/* anli  */ 
.lanrenzhijia{
	width:1200px;
	height:590px;
	font-family: "Microsoft Yahei";
	margin-right: auto;
	margin-left: auto;
}
.lanrenzhijia .tab{
	overflow:hidden;
	height: 30px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 6px;
}
.lanrenzhijia .tab a{
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #B9B9B9;
	line-height: 30px;
	width: 100px;
	height: 30px;
}
.lanrenzhijia .tab a:hover{ color:#FFFFFF;}
.lanrenzhijia .tab a.on{
	color:#FFFFFF;
	background-color: #8B8B8B;	
}
.lanrenzhijia .content{ overflow:hidden; width:1200px; height:495px; position:relative;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0; height:495px;}
.lanrenzhijia .content li{
	width:1200px;
	height:495px;
	float:left;
	padding-top: 15px;
}
.lanrenzhijia .content li p{
	
	float: left;
}
.case{
	margin-right: auto;
	margin-left: auto;
	height: 33px;
	width: 146px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -324px;
	line-height: 33px;
	color: #FFFFFF;
	font-size: 14px;
	clear: both;
	margin-top: 30px;
}
.case a{color: #FFFFFF;}
.case2{
	height: 33px;
	width: 146px;
	background-image: url(../img/x_quan.png);
	background-repeat: no-repeat;
	background-position: 0px -324px;
	line-height: 33px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	font-family: "Microsoft Yahei";
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.case2 a{color: #FFFFFF;}
	/* anli  */ 
	
/* 案例图片效果  */ 
.main{
	overflow:hidden;
	height: 410px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.holder{
	overflow:hidden;
	width:280px;
	height:180px;
	float:left;
	position:relative;
	margin: 10px;
}
.holder .image{
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	float: left;
}
.holder .text{
	padding:0px;
	display:none;
	line-height:30px;
	position:absolute;
	top:150px;
	font-size:14px;
	color:#fff;
	background-color: #FDB455;
	font-family: "Microsoft Yahei";
	text-align: center;
	float: left;
	left: 0px;
	width: 280px;
}
/* 案例图片效果  */ 

.main_c{padding:20px 0;width:100%;overflow:hidden;}
/*个性建站*/
.bg_bai{padding:5px 25px;width:950px;background:#fff;}
.web_intro{}
.web_intro li{float:left;padding:25px 20px 40px;width:910px;background:url(../img/line.jpg) no-repeat bottom center;}
.web_intro li big{display:block;width:580px;overflow:hidden;}
.web_intro li strong{display:block;width:100%;height:40px;line-height:40px;font-size:24px;color:#2b86a8;font-family: "Microsoft Yahei";}
.web_intro li big p{margin-top:20px;width:100%;line-height:24px;font-size:12px;color:#717171;}
.web_intro li big dl{margin-top:10px;width:100%;}
.web_intro li big dd{float:left;margin-right:2%;width:48%;height:24px;line-height:24px;font-size:12px;background:url(../img/i_1.gif) 1px 1px no-repeat;}
.web_intro li big dd a{padding-left:12px;color:#333;}
.web_intro li big p b{color:#2b86a8;}

.web_intro1 li big{padding-top:15px;width:425px;}
.web_intro1 li strong{color:#333;}
.web_intro1 li big dd{width:100%;}

.web_intro1 li .w_560{width:560px;}
.web_intro1 li .w_560 p a{color:#e85d00;}
.web_intro1 li .w_560 dd{margin-right:2%;width:48%;}

.cms_tx h3{padding:45px 0;width:100%;text-align:center;font-size:24px;color:#3d3d3d;font-family: "Microsoft Yahei";}
.cms_tx li{padding:35px 30px;background:#fff url(../img/bg_1.jpg) repeat-x;border-top:solid 1px #d4d4d4;}
.cms_tx li strong{display:block;width:100%;line-height:30px;font-size:14px;color:#000;}
.cms_tx li p{line-height:24px;font-size:12px;color:#5b5b5b;}
.cms_tx .fl{width:510px;height:543px;background:#FFF;border-right:solid 1px #d4d4d4;border-bottom:solid 1px #d4d4d4;}
.cms_tx .fr{width:488px;height:543px;background:#FFF;border-bottom:solid 1px #d4d4d4;}

.web_intro1 li .w_395{width:395px;}
.web_intro1 li .w_550{width:550px;font-size:14px;color:#000;}
.web_intro1 li .w_550 p{padding-left:15px;line-height:48px;color:#666;background:url(../img/i_2.gif) repeat-y;}

.web_intro1 li .w_325{width:325px;}
.web_intro1 li .w_280{width:280px;}



.wrap {
	width: 1000px;
	margin: 0 auto;
	zoom: 1;
}
.marginRight0 {
	margin-right: 0
}
.wrapGrayBg {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 10000
}
.must_write {
	color: #f00;
	padding-right: 5px
}
.hidden {
	display: none !important
}

#header {
	background-color: #e7e7e7
}