@charset "utf-8";
html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
	margin:0;
	padding:0;
}
h2 {
	font-size:12px;
	font-weight: normal;
}
.about_title_2 {
	line-height: 40px;
	margin: 20px;
	float: left;
}
fieldset, img {
	border:0;
}
.about {
	background-image: url(../images/about_pic_1.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.about ul li a:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.about ul li a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.about ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
	font-weight: bold;
}
.about ul li a:active {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.about_bg {
	float: left;
	width: 978px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DEDEDE;
	border-left-color: #DEDEDE;
	background-color: #FFFFFF;
}
.contact_bg {
	float: left;
	width: 978px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DEDEDE;
	border-left-color: #DEDEDE;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
.logo {
	margin-top: 40px;
	width: 705px;
	float: left;
}
.top_zi a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.top_zi a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.top_zi a:hover {
	color: #009933;
	font-weight: bold;
	text-decoration: underline;
}
.top_zi a:active {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}
.daohang {
	float: left;
	height: 38px;
	width: 980px;
	background-image: url(../images/daohang.jpg);
	margin-top: 20px;
}
.daohang ul li {
	float: left;
	margin-top: 13px;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 8px;
}
.daohang ul li a:link {
	color: #666666;
	text-decoration: none;
}
.daohang ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.daohang ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.daohang ul li a:active {
	color: #666666;
	text-decoration: none;
}
.danghang_left {
	margin-left: 15px;
}
.abouttitle {
	margin-top:40px;
	margin-right:15px;
}
.case_title {
	margin-top:80px!important;
	margin-top:20px;
	margin-right:15px;
}
.top_zi {
	float: right;
	margin-top: 10px;
	line-height: 21px;
	text-align: right;
	margin-right: 10px;
}
body {
	background-color: #F6F6F6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-image: url(../images/bj.jpg);
}
body, td, th {
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.body_doc {
	width: 980px;
	margin: auto;
}
.bt1 {
	background-image: url(../images/index_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 249px;
	width: 244px;
}
.bt1 ul {
	margin-top: 20px;
}
.bt1 ul li {
	line-height: 160%;
	margin-right: 20px;
	margin-left: 20px;
}
.big {
	font-weight: bold;
}
.bt2 {
	background-image: url(../images/index_02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 249px;
	width: 246px;
}
.bt2 ul {
	margin-top: 20px;
}
.bt2 ul li {
	line-height: 160%;
	margin-right: 20px;
	margin-left: 20px;
}
.bt3 {
	background-image: url(../images/index_03.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 249px;
	width: 250px;
}
.bt3 ul {
	margin-top: 20px;
}
.bt3 ul li {
	line-height: 160%;
	margin-right: 20px;
	margin-left: 20px;
}
.bt4 {
	background-image: url(../images/index_04.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 249px;
	width: 240px;
}
.bt4 ul {
	margin-top: 20px;
}
.bt4 ul li {
	line-height: 160%;
	margin-right: 20px;
	margin-left: 20px;
}
.bottom {
	float: left;
	width: 980px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.bottom2 {
	float: left;
	width: 980px;
	margin-top: 15px;
	padding-bottom: 10px;
}
.about_title_1 {
	line-height: 180%;
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.bottom a:link {
	color: #229DFA;
	text-decoration: none;
}
.bottom a:visited {
	color: #229DFA;
	text-decoration: none;
}
.bottom a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.bottom a:active {
	color: #229DFA;
	text-decoration: none;
}
.bt1 ul li a:link {
	color: #666666;
	text-decoration: none;
}
.bt1 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.bt1 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.bt1 ul li a:active {
	color: #666666;
	text-decoration: none;
}
.bt2 ul li a:link {
	color: #666666;
	text-decoration: none;
}
.bt2 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.bt2 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.bt2 ul li a:active {
	color: #666666;
	text-decoration: none;
}
.bt3 ul li a:link {
	color: #666666;
	text-decoration: none;
}
.bt3 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.bt3 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.bt3 ul li a:active {
	color: #666666;
	text-decoration: none;
}
.bt4 ul li a:link {
	color: #666666;
	text-decoration: none;
}
.bt4 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.bt4 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.bt4 ul li a:active {
	color: #666666;
	text-decoration: none;
}
/*--清除浮动--*/
.clear {
	clear: both;
	font-size: 0px;
	width: 1px;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
.news01 {
	background-image: url(../images/news_01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 313px;
	width: 486px;
}
.news01_ul {
	margin: 12px;
	font-weight: bold;
	font-size: 14px;
	font-family: "微软雅黑";
}
.news01 ul li {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.news01 ul li a:link {
	color: #666666;
	text-decoration: none;
	display: block;
}
.news01 ul li a:visited {
	color: #666666;
	text-decoration: none;
	display:block;
}
.news01 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
	display:block;
}
.news01 ul li a:active {
	color: #666666;
	text-decoration: none;
	display:block;
}
.news02 {
	background-image: url(../images/news_02.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 313px;
	width: 494px;
}
.news02 ul li {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.news02 ul li a:link {
	color: #666666;
	display:block;
	text-decoration: none;
}
.news02 ul li a:visited {
	color: #666666;
	display:block;
	text-decoration: none;
}
.news02 ul li a:hover {
	color: #229DFA;
	display:block;
	text-decoration: underline;
}
.news02 ul li a:active {
	color: #666666;
	display:block;
	text-decoration: none;
}
.about_2_1 {
	background-image: url(../images/team_pic_2.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 977px;
}
.about_2_2 {
	margin-top: 125px;
	width: 300px;
	line-height: 23px;
	float:left;
	margin-left: 180px !important;
	margin-left: 90px;
}
.about_2_3 {
	margin-top: 125px;
	margin-left: 155px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.about_2_4 {
	margin-top: 50px;
	margin-left: 180px !important;
	margin-left: 90px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.about_2_5 {
	margin-top: 65px;
	margin-left: 155px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.about_2_6 {
	margin-top: 70px;
	margin-left: 180px !important;
	margin-left: 90px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.about_2_7 {
	margin-top: 85px;
	margin-left: 155px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.about_2_8 {
	margin-top: 90px;
	margin-left: 180px !important;
	margin-left: 90px;
	width: 300px;
	line-height: 23px;
	float:left;
}
.website {
	background-image: url(../images/design_03.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.website ul li a:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.website ul li a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.website ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
	font-weight: bold;
}
.website ul li a:active {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.service {
	background-image: url(../images/service.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.service_2 {
	background-image: url(../images/client_list.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 978px;
	float: left;
}
.service_3 {
	float: right;
	margin-top: 20px;
	margin-right: 10px;
}
.case {
	background-image: url(../images/case_2.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.case_2 {
	width: 163px;
	float: left;
	margin-left: 8px!important;
	margin-right: 8px!important;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.case_3 {
	width: 145px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.case_3_1 {
	width: 780px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.case_5 {
	width: 145px;
	line-height: 23px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000000;
}
.case_5_1 {
	line-height: 23px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000000;
}
.case_4 {
	font-size: 12px;
	line-height: 20px;
}
.case_4 a:link {
	color: #666666;
	text-decoration: none;
	display:block;
	font-weight: bold;
	line-height:25px;
}
.case_4 a:visited {
	color: #666666;
	text-decoration: none;
	display:block;
	font-weight:bold;
	line-height:25px;
}
.case_4 a:hover {
	color: #229DFA;
	text-decoration: underline;
	display:block;
	font-weight:bold;
	line-height:25px;
}
.case_4 a:active {
	color: #666666;
	text-decoration: none;
	display:block;
	font-weight:bold;
	line-height:25px;
}
.banner {
	float: left;
}
.banner_2 {
	float: left;
	margin-top:10px;
	margin-bottom:10px;
}
.webdesignknow {
	background-image: url(../images/webdesignknow.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.news {
	background-image: url(../images/news_2.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.know {
	float: left;
	width: 100px;
	margin-left: 10px;
	margin-top: 10px;
}
.know_2 {
	float: left;
	width: 850px!important;
	width: 840px;
	margin-left: 15px;
	margin-top: 10px;
}
.know_3 {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 10px;
}
.know_2 ul li {
	margin: 5px;
	line-height: 22px;
}
.webdesigntg {
	background-image: url(../images/webdesigntg.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.job {
	background-image: url(../images/job.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.jobs {
	background-image: url(../images/jobs.jpg);
	background-repeat: no-repeat;
	height: 254px;
	width: 978px;
	float: left;
}
.jobs_3 {
	float: left;
	margin-left:300px;
	margin-right:50px;
	margin-top:50px;
	line-height:28px;
	font-size:14px;
}
.jobs_2 span {
	line-height:25px;
}
.jobs_2 {
	float:left;
	margin-left:50px!important;
	margin-left:25px;
	width: 910px;
}
.jobs_span {
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: bold;
}
.contact {
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 944px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.contact_2 {
	background-image: url(../images/contact_bg1.jpg);
	background-repeat: no-repeat;
	height: 355px;
	width: 944px;
	float: left;
}
.contact_2_1 {
	margin-left:510px;
	line-height:25px;
	margin-top: 60px;
}
.contact_3 {
	background-image: url(../images/contact_bg2.jpg);
	background-repeat: no-repeat;
	height: 280px;
	width: 470px;
	float: left;
}
.contact_3 ul li {
	margin-left:50px;
	line-height:26px;
}
.contact_3 ul {
	margin-top:35px;
}
.contact_4 {
	background-image: url(../images/contact_bg3.jpg);
	background-repeat: no-repeat;
	height: 280px;
	width: 508px!important;
	width: 505px;
	float: left;
}
.contact_4 ul li {
	margin-left:50px;
	line-height:26px;
}
.contact_4 ul {
	margin-top:35px;
}
.contact_2 span {
	line-height:30px;
}
.span1 {
	color:#FF9900;
	font-weight: bold;
	font-size: 14px;
}
.span2 {
	font-weight: bold;
	font-size: 14px;
}
.contact_line {
	margin-top:10px;
}
.line_2 {
	background-image: url(../images/line_2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 45px;
	width: 960px;
	margin-left:10px!important;
	margin-left:5px;
}
.line_4 ul {
	float:left;
}
.line_4 ul li {
	float:left;
	margin-left:10px!important;
	margin-left:5px;
	text-align: center;
	display: block;
	margin-top:15px;
}
.line_3 {
	background-image: url(../images/line_3.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #0099FF;
	width:26px;
	height:45px;
}
#line:link {
	color: #229DFA;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 13px;
}
#line:visited {
	color: #229DFA;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 13px;
}
#line:hover {
	color: #229DFA;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	font-size: 13px;
}
#line:active {
	color: #229DFA;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 13px;
}
.line_4 ul li a:link {
	color: #666666;
	text-decoration: none;
}
.line_4 ul li a:visited {
	color: #666666;
	text-decoration: none;
}
.line_4 ul li a:hover {
	color: #229DFA;
	text-decoration: underline;
}
.line_4 ul li a:active {
	color: #666666;
	text-decoration: none;
}
.index_span {
	margin-left:330px;
}
.case_photo {
	width:978px;
	text-align: center;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}
#zhishi:link {
	color: #229DFA;
	text-decoration: none;
	display: block;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #229DFA;
}
#zhishi:visited {
	color: #229DFA;
	text-decoration: none;
	display: block;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #229DFA;
}
#zhishi:hover {
	color: #229DFA;
	text-decoration: none;
	display: block;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #229DFA;
}
#zhishi:active {
	color: #229DFA;
	text-decoration: none;
	display: block;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #229DFA;
}
.lniks {
	float: left;
	width: 970px;
	border: 1px solid #DDDDDD;
	padding: 5px;
	line-height: 23px;
	margin-top: 10px;
}
.lniks ul li a:link {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
.lniks ul li a:visited {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
.lniks ul li a:hover {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
.lniks ul li a:active {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
.lniks:hover {
	background-color: #EEEEEE;
}
.lniks ul li {
	float:left;
	width:120px;
}













#lniks:link {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
#lniks:visited {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
#lniks:hover {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
#lniks:active {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}



#lniks_2:link {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
#lniks_2:visited {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
#lniks_2:hover {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
#lniks_2:active {
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}