/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
li {
	list-style: none;
}
input, textarea {
	font-size: 100%;
	border: 0;
}
img {
	border: 0;
}
i, b, em, q {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: "arial", "SimSun", "Microsoft Yahei", "微软雅黑", "MicrosoftJhengHei", "华文细黑", "Hiragino Sans GB", "sans-serif";
	width: 100%;
	height: 100%;
	font-size: 100%;
	background: url(../images/bg.gif) 0 0 repeat;
}
.clr:after {
	content: "\200b";
	display: block;
	height: 0;
	clear: both;
	color: #fff;
}
.clr {
*zoom:1
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.w1000 {
	width: 1005px;
	margin: 0 auto;
}
.mt20 {
	margin-top: 20px;
}
/*页面头部*/
#header {
	background: url(../images/header.jpg) center top repeat-x;
	height: 172px;
	position: relative;
	z-index: 1;
}
/*快捷导航*/
.shortNav {
	text-align: right;
	padding-top: 14px;
}
.shortNav li {
	display: inline;
	margin-left: 25px;
}
.shortNav li a {
	color: #fff;
	font: 12px "宋体";
}
.shortNav .ico1, .shortNav .ico2, .shortNav .ico3 {
	display: inline-block;
	background: url(../images/ico.gif) no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}
.shortNav .ico1 {
	background-position: 0 0;
	width: 13px;
	height: 14px;
}
.shortNav .ico2 {
	background-position: -14px 0;
	width: 13px;
	height: 11px;
}
.shortNav .ico3 {
	background-position: -28px 0;
	width: 16px;
	height: 11px;
}
/*头部logo和电话*/
#header .logo {
	float: left;
}
#header .tel {
	float: right;
	margin-top: 25px;
}
#header .qq {
	float: right;
	margin-top: 25px;
	margin-left: 12px;
}
#header .w1000 {
	height: 109px;
}
/*页面主导航*/
#nav {
	width: 100%;
	height: 63px;
	background: url(../images/nav.jpg) center top repeat-x;
}
#nav ul {
	width: 1000px;
	margin: 0 auto;
}
#nav li {
	float: left;
	text-align: center;
	position: relative;
}
#nav li a {
	color: #fff;
	font: 14px "微软雅黑";
	text-align: center;
	display: block;
	padding-top: 10px;
	width: 125px;
	height: 53px;
}
#nav li a:hover {
	background-color: #FFF;
	font-weight: bold;
	color: #00b2a4;
	font-size: 20px;
	text-decoration: none;
}
#nav li a:hover span {
	color: #00b2a4;
}
#nav li span {
	display: block;
	font: 10px "arial";
	text-transform: uppercase;
	color: #587d7a;
}
#nav li a.active {
	background-color: #FFF;
	font-weight: bold;
	color: #00b2a4;
	font-size: 20px;
	text-decoration: none;
}
#nav li a.active span {
	color: #00b2a4;
}
#nav ul ul {
	position: absolute;
	top: 63px;
	left: 0;
	background: #00aa9e;
	width: 100%;
	line-height: 25px;
	display: none;
}
#nav ul ul li {
	float: none;
	width: auto;
}
#nav ul ul a {
	color: #fff;
	font: 12px/33px "宋体";
	height: 33px;
	margin: 0;
	padding: 0;
}
#nav ul ul a:hover {
	background-color: #00867d;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}
/*大广告*/
.advertise {
	width: 100%;
	height: 420px;
	position: relative;
}
.size {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.rslides {
	width: 100%;
	position: relative;
}
.rslides li {
	width: 100%;
	height: 100%;
}
.rslides1 li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.rslides1_nav {
	left: 0;
	position: absolute;
	top: 50%;
	display: none;
}
.rslides1_nav.next {
	left: auto;
	right: 0;
}
.rslides1_tabs {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 10px;
	left: 0;
}
.rslides1_tabs li {
	display: inline;
}
.rslides1_tabs a {
	display: inline-block;
	width: 60px;
	height: 10px;
	background-color: #FFF;
	outline: none;
	font-size: 0;
	margin-right: 5px;
}
.rslides1_tabs .rslides_here a {
	background-color: #009585;
}
#container {
	background: url(../images/gra_bg.gif) center top no-repeat;
}
.promise {
	height: 47px;
	background: url(../images/promise.gif) center top repeat-x;
	font: 22px/40px "微软雅黑";
	color: #03847c;
}
.promise em {
	color: #65b200;
	font-weight: bold;
}
.promise span {
	margin-right: 47px;
}
#sideBar {
	float: left;
	width: 233px;
	margin-top: 18px;
}
#sideBar .title {
	width: 233px;
	height: 75px;
	background: url(../images/case_assort.gif) 0 0 no-repeat;
}
#sideBar .title img {
	margin: 0 auto;
	display: block;
	padding-top: 18px;
}
.caseAssort {
	background-color: #FFF;
}
.caseAssort dl, .caseAssort ul {
	text-align: center;
}
.caseAssort dt {
	font: 20px/32px "微软雅黑";
	border-bottom: 1px solid #e4e4e4;
	height: 32px;
}
.caseAssort dt a {
	color: #01b2ab;
}
.caseAssort dd, .caseAssort ul li {
	height: 32px;
	font: 14px/32px 黑体;
	border-bottom: 1px solid #e4e4e4;
}
.caseAssort dd a {
	color: #000;
	margin-right: 4px;
}
.caseAssort ul li a {
	font: 16px/32px 黑体;
	color: #009e98;
	margin-right: 4px;
}
#sideBar .contact {
	background: #FFF url(../images/color_pen.gif) center bottom no-repeat;
	padding-top: 23px;
	font: 12px/30px "arial", "宋体";
	color: #5a5959;
	padding-bottom: 82px;
}
#sideBar .contact p {
	padding: 0 20px;
}
#sideBar .contact p em {
	color: #509701;
}
#sideBar .contact p a {
	color: #5a5959;
}
#sideBar h2 img {
	display: block;
}
.business {
	margin-top: 12px;
	width: 232px;
	background: #fff url(../images/business_bot.gif) center bottom no-repeat;
	padding-bottom: 10px;
}
.business li {
	width: 210px;
	height: 145px;
	margin: 10px auto 0;
	position: relative;
}
.business li .bgbar {
	background-color: #004842;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	opacity: 0.5;
filter:alpha(opacity:50)
}
.business li p {
	font: 15px/30px "微软雅黑";
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.business li p a {
	color: #fff;
	margin-left: 8px;
}
#content {
	float: right;
	width: 748px;
	float: right;
}
.lastCase, .colHeader {
	margin-top: 23px;
	width: 748px;
	position: relative;
}
.lastCase h2, .company h2, .news h2, .colSummary dt, .colHeader h2 {
	font: 22px "arial";
	color: #fff;
	text-transform: uppercase;
	background: url(../images/color_bd.gif) left center no-repeat;
	padding-left: 15px;
}
.lastCase h2 em, .company h2 em, .news h2 em, .colSummary dt em, .colHeader h2 em {
	font: bold 22px "微软雅黑";
	color: #5fff00;
}
.lastCase .list, .photo_list .list {
	padding-left: 15px;
	background: url(../images/lc_bot.gif) left bottom no-repeat;
	width: 110%;
	padding-bottom: 10px;
}
.lastCase .list div, .photo_list .list li {
	width: 220px;
	height: 242px;
	float: left;
	margin-right: 28px;
	margin-top: 15px;
}
.lastCase .list p, .photo_list .list li p {
	font: 14px "宋体";
	text-align: center;
	margin-top: 5px;
}
.lastCase .list p a, .photo_list .list li p a {
	color: #009188;
}
/*图片滚动展示（最新产品）*/
.lc-box {
	width: 748px;
	height: 780px;
	position: relative;
	overflow: hidden;
	background: #fff url(../images/lc_top.gif) center top no-repeat;
	margin-top: 5px;
}
#lc-list {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.lc-box li {
	width: 748px;
	height: 100%;
	float: left;
}
#lc-prev, #lc-next {
	background: url(../images/l_case_ar.gif) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 15px;
	margin-top: -15px;
	z-index: 3;
*top:13px;
}
#lc-prev {
	right: 35px;
}
#lc-prev:hover {
	background-position: 0 -30px;
}
#lc-next {
	right: 0px;
	background-position: -30px 0;
}
#lc-next:hover {
	background-position: -30px -30px;
}
.company {
	width: 361px;
	float: left;
	position: relative;
}
.company .more, .news .more, .colSummary .more {
	position: absolute;
	font: 12px "arial";
	color: #5fff00;
	top: 0;
	right: 0;
	text-transform: uppercase;
}
.company .box {
	width: 361px;
	height: 337px;
	background: url(../images/company.jpg) 0 0 no-repeat;
	margin-top: 8px;
}
.company p {
	padding: 165px 15px 0;
	font: 13px/28px "宋体";
	color: #fff;
}
.company h2, .news h2, .colSummary dt {
	font-size: 18px;
}
.company h2 em, .news h2 em, .colSummary dt em {
	font-size: 18px;
}
.news {
	width: 360px;
	position: relative;
	float: right;
}
.news .box {
	width: 330px;
	height: 336px;
	background: url(../images/inews.gif) 0 0 no-repeat;
	margin-top: 8px;
	padding: 0 15px;
}
.news .first {
	padding-top: 10px;
}
.news .first img {
	float: left;
	margin-right: 15px;
}
.news .first h3 {
	font: 14px "宋体";
	padding-top: 25px;
}
.news .first h3 a {
	color: #009289;
}
.news .first p {
	font: 13px/18px "宋体";
	color: #4d4d4d;
	margin-top: 8px;
}
.news ul {
	color: #4d4d4d;
	padding-top: 10px;
}
.news ul li, .colSummary dd {
	height: 33px;
	border-bottom: 1px dashed #cfcfcf;
	font: 13px/33px "宋体";
}
.news ul em, .colSummary dd em {
	float: right;
	color: #929292;
	font-family: "arial";
}
.news ul span.colSummary dd span {
	margin-right: 5px;
}
.news ul a, .colSummary dd a {
	color: #4d4d4d;
}
.colSummary dl {
	width: 361px;
	height: 225px;
	float: left;
	background: url(../images/colSummary.gif) center bottom no-repeat;
	margin-top: 18px;
	position: relative;
	margin-right: 25px;
}
.colSummary dt {
	margin-bottom: 20px;
}
.colSummary dd {
	margin: 0 20px;
}
#friendLink {
	width: 1003px;
	height: 61px;
	background: url(../images/friendLink.gif) center top no-repeat;
	margin-top: 10px;
}
#friendLink ul {
	width: 740px;
	margin: 0 auto;
}
#friendLink li {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #b3b3b3;
	font: 12px "宋体";
	margin-top: 10px;
}
#friendLink li a {
	color: #553b00;
}
/*页面脚部*/

#footer {
	background: url(../images/footer.gif) center top repeat-x;
	height: 41px;
	margin-top: 1px;
}
#footer p {
	font: 12px/41px "arial", "宋体";
	color: #018298;
}
#footer p em {
	color: #00d9ff;
}
#footer p a {
	color: #018298;
}
.short_msg {
	width: 131px;
	height: 262px;
	background: url(../images/short_msg.png) 0 0 no-repeat;
	z-index: 12;
	position: fixed;
	top: 50%;
	left: -131px;
	margin-top: -131px;
	font: 14px "宋体";
}
.short_msg p {
	margin-bottom: 5px;
	text-align: center;
}
.short_msg .prompt {
	color: #fff;
	padding-top: 30px;
}
.short_msg .text, .short_msg textarea {
	width: 112px;
	height: 28px;
	font: 12px/28px "宋体";
	color: #1dabdd;
	padding-left: 3px;
}
.short_msg .submit {
	width: 116px;
	height: 28px;
	background: url(../images/shrot_msg_submit.gif) 0 0 no-repeat;
	cursor: pointer;
}
.short_msg textarea {
	height: 85px;
	line-height: 1.5;
}
.short_msg .switch {
	width: 29px;
	height: 109px;
	background: url(../images/short_msg_btn.gif) -29px 0 no-repeat;
	position: absolute;
	top: 15px;
	right: -28px;
	cursor: pointer;
}
.online_service {
	width: 138px;
	position: fixed;
	right: 20px;
	top: 50%;
	background: url(../images/os1.gif) center top no-repeat;
	padding-top: 56px;
	margin-top: -165px;
	z-index: 2;
}
.online_service .switch {
	width: 38px;
	height: 38px;
	background: url(../images/close.png) 0 0 no-repeat;
	display: block;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
}
.online_service ul {
	background-color: #34b3b2;
}
.online_service ul li {
	font: 14px/35px "微软雅黑";
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #36c9c8;
	border-top: 1px solid #1ca09f;
}
.online_service ul a {
	color: #fff;
}
.online_service ul li img {
	margin-right: 5px;
	vertical-align: middle;
}
.online_service .qrcode {
	text-align: center;
	background: #34b3b2;
	padding-top: 20px;
}
/*内页侧边*/
#menu {
	background-color: #fff;
	padding: 20px 0;
}
#menu li {
	height: 32px;
	border-bottom: 1px #e4e4e4 solid;
	text-indent: 65px;
}
#menu li a {
	display: block;
	font: 15px/32px "微软雅黑";
	color: #727272;
}
#menu li a:hover {
	background: url(../images/color_bd2.gif) 45px 50% no-repeat;
	color: #01b2ab;
}
#menu li.active a {
	background: url(../images/color_bd2.gif) 45px 50% no-repeat;
	color: #01b2ab;
}
.colHeader h2 {
	float: left;
}
.breadNav {
	float: right;
	margin-top: 10px;
}
.breadNav a {
	font: bold 12px "宋体";
	color: #ccff00;
}
.wrapper {
	width: 748px;
	background: #fff url(../images/lc_top.gif) 0 0 no-repeat;
	margin-top: 8px;
}
.wrapper .bot {
	height: 3px;
	background: url(../images/lc_bot.gif) 0 0 no-repeat;
}
.editBox {
	font: 14px/2 "宋体";
	color: #777777;
	padding: 30px 20px;
	overflow: hidden;
}
.editBox .text img {
	text-align: center;
	margin-bottom: 8px
}
#sidePro {
	width: 200px;
	position: relative;
	background: red;
}
#sidePro .lp-box {
	width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
#sidePro #lp-list {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
}
#sidePro .lp-box li {
	width: 200px;
	height: 100%;
	float: left;
}
#sidePro #lp-prev, #sidePro #lp-next {
	background: #fff;
	width: 20px;
	height: 100px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	z-index: 3;
}
#sidePro #lp-prev {
	left: 0px;
}
#sidePro #lp-next {
	right: 0px;
}
#sidePro #lp-btn {
	width: 100%;
	text-align: center;
}
#sidePro #lp-btn a {
	width: 20px;
	height: 20px;
	display: inline-block;
	_zoom: 1;
	background: black;
	line-height: 20px;
	color: #fff;
}
#sidePro #lp-btn .on {
	background: red;
}
.inpage.business {
	width: 100%;
	height: 192px;
	background: #fff  url(../images/business_bg.gif) right center no-repeat;
	padding: 0;
	margin-top: 25px;
	position: relative;
}
.inpage.business h2 {
	float: left;
}
.inpage.business li {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.inpage.business .more {
	position: absolute;
	bottom: 8px;
	left: 5px;
	font: 12px "arial";
	color: #fff;
	text-transform: uppercase;
}
.photo_list {
	width: 100%;
	overflow: hidden;
	background: #fff url(../images/lc_top.gif) 0 0 no-repeat;
}
.page_turning {
	padding-bottom: 15px;
	margin-top: 20px;
}
.page_turning li {
	float: left;
	margin-left: 9px;
}
.page_turning li a {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #d2d5d4;
	font: 13px/34px "arial";
	color: #007dc8;
	text-align: center;
}
.page_turning .next {
	width: 86px;
}
.page_turning .active a {
	border-color: #fff;
	font-weight: bold;
	color: #000;
}
.photo_list {
	margin-top: 8px;
	overflow: hidden;
}
.photo_list .list {
	background-image: url(none);
}
.photo_list .bot {
	height: 3px;
	background: #fff url(../images/lc_bot.gif) center bottom no-repeat;
}
.news_list {
}
.inpage.news .first h3 {
	padding-top: 0;
}
.inpage.news .first p {
	height: 50px;
}
.inpage.news .checkmore, .news_list li .checkmore {
	font: bold 12px "宋体";
	color: #009289;
	margin-top: 10px;
	display: inline-block;
}
.inpage.news .more {
	color: #777777;
	top: 10px;
	right: 10px;
}
.inpage.news .first h3 a {
	color: #009289;
	font-weight: bold;
}
.inpage.news {
	float: none;
	width: 100%;
	background: #fff url(../images/lc_top.gif) 0 0 no-repeat;
}
.inpage.news .box {
	width: auto;
}
.inpage.news ul {
	width: 100%;
}
.inpage.news ul li {
	height: 33px;
	border-bottom: 1px dashed #cfcfcf;
	font: 13px/33px "宋体";
	margin-right: 10%;
	width: 45%;
	float: left;
}
.news_list {
	padding: 0 15px;
}
.news_list li {
	border-bottom: 1px dashed #cccccc;
	padding: 20px 0;
}
.news_list li img {
	float: left;
	margin-right: 15px;
}
.news_list li h3 {
	font: bold 14px "宋体";
}
.news_list li h3 a {
	color: #009289;
}
.news_list li h3 .date {
	float: right;
	font: 12px "arial";
	color: #777777;
}
.news_list li p {
	height: 40px;
	margin-top: 10px;
	font: 13px "宋体";
	color: #4d4d4d;
}
.news_list li img {
	float: left;
	margin-right: 15px;
}
#message {
	background: url(../images/pretty.jpg) 480px 60px no-repeat;
}
#message p {
	font: bold 25px 微软雅黑;
	color: #5bc41d;
	margin-top: 30px;
	margin-left: 30px;
}
#message p span {
	font-size: 14px;
	color: #f37200;
	display: block;
	margin-top: 15px;
}
.msg {
	margin: 35px 0 0 35px;
	font: 13px microsoft yahei;
	color: #626262;
}
.msg .title {
	display: inline-block;
	width: 100px;
	text-align: right;
}
.msg .title em {
	color: red;
	margin-right: 3px;
}
.msg .text {
	width: 295px;
	height: 36px;
	border: 1px solid #e4e4e4;
	color: #8e8e8e;
	font: 13px/36px simsun;
	padding-left: 5px;
}
.msg li {
	margin-bottom: 10px;
}
.msg .radio {
	margin-right: 5px;
}
.msg .indent {
	display: inline-block;
	width: 10px;
}
.msg textarea {
	width: 500px;
	height: 130px;
	border: 1px solid #e4e4e4;
	color: #8e8e8e;
	font: 13px/36px simsun;
	padding: 3px 0 0 5px;
	vertical-align: top;
}
.msg .submit {
	width: 117px;
	height: 41px;
	background: #5bc41d;
	cursor: pointer;
	font: 14px simsun;
	color: #fff;
	border: 0;
	margin-top: 5px;
}
.msg .reset {
	width: 117px;
	height: 41px;
	border: 1px solid #94d96c;
	margin-left: 10px;
	font: 14px 宋体;
	color: #5bc41d;
	cursor: pointer;
	background-color: #fff
}