﻿@charset "utf-8";
/*--------------- 
总体 
---------------*/
/* dede58.com 做最好的织梦模板 */
body {
	font:normal 12px/20px "微软雅黑";
	color:#333;
	background:#f1f0ee url(../images/body.jpg);
}
body a {
	text-decoration:none;
	color:#000;
}
body a:hover {
	color:#ea5b44;
}
.wrapper {
	position:relative;
	margin:0 auto;
	width:930px;
}/* 网页实际内容宽度 */
/*--------------- 
头部 
---------------*/
header {
	position:relative;
	z-index:2;
	height:244px;
	background:url(../images/nav.png) repeat-x 0 162px;
}
header h1 {
	float:left;
	margin-top:63px;
	width:375px;
	height:50px;
	text-indent:-999px;
	background:url(../images/logo.png) no-repeat;
}
.topContact {
	float:right;
	margin-top:70px;
}
.topContact li {
	float:right;
	margin-left:15px;
	padding-left:40px;
	height:28px;
	line-height:28px;
	font-size:18px;
	color:#949292;
	background:url(../images/email.png) no-repeat;
}
.topContact li.tel {
	background-image:url(../images/tel.png);
}
/*--------------- 
首页主导航
---------------*/
.mainNav {
	float:left;
	margin-top:44px;
	width:100%;
}
.mainNav li {
	position:relative;
	z-index:2;
	float:left;
	margin-right:7px;
	padding-right:11px;
	width:98px;
	height:63px;
	line-height:63px;
	text-align:center;
}
.mainNav li.current {
	background:url(../images/nav2.png) no-repeat;
}
.mainNav li.active {
	background:url(../images/nav3.png) no-repeat;
}
.mainNav ul {
	display:none;
	position:absolute;
	left:0;
}
.mainNav ul li {
	height:55px;
	line-height:55px;
	background:url(../images/nav5.png) repeat-y;
}
.mainNav a, .mainNav a:hover {
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#fff;
}
.mainNav ul li:hover {
	background:url(../images/nav4.png) repeat-y;
}
/*--------------- 
首页主banner
---------------*/
.banner {
	position:relative;
	width:100%;
	height:405px;
	overflow:hidden;
}
.banner ul {
	position:relative;
}
.banner ul li {
	position:absolute;
	top:0;
	left:0;
}
.banner ul li, .banner img {
	float:left;
	width:930px;
	height:388px;
}
.banner ol li {
	float:left;
	margin-top:397px;
	width:310px;
	height:6px;
	background:#ddd9da;
	cursor:pointer;
}
.banner ol li.active {
	background:#ea5b44;
}
.banner .preview, .banner .next {
	position:absolute;
	top:157px;
	width:63px;
	height:62px;
	background:url(../images/preview.png) no-repeat;
	cursor:pointer;
}
.banner .preview {
	left:0;
}
.banner .next {
	right:0;
	background-image:url(../images/next.png);
}
/*--------------- 
首页
---------------*/
.indexBox {
	float:left;
	width:310px;
}
.indexBox h3 {
	padding-top:30px;
	padding-bottom:20px;
	font-size:24px;
	color:#ea5b44;
}
.indexBox h4 {
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
}
.indexBox li {
	padding-left:20px;
	line-height:24px;
	background:url(../images/dot.gif) no-repeat 0 5px;
}
.indexBox li a {
	text-decoration:underline;
}
.indexBox article {
	padding-right:35px;
}
.indexBox a.more {
	float:left;
	margin-top:20px;
	width:145px;
	height:30px;
	line-height:30px;
	text-indent:20px;
	color:#fff;
	background:#c3c1c2 url(../images/tri.png) no-repeat 100px 0;
}
.indexBox a.more:hover {
	background:#e95b43 url(../images/tri.png) no-repeat 100px -30px;
}
/*--------------- 
内页
---------------*/
.position {
	float:right;
	margin-top:-50px;
	color:#959595;
}
.position a {
	color:#959595;
}
h3.title {
	padding:50px 0 30px 0;
	border-bottom:7px #d9d9d9 solid;
	font-size:24px;
}
h3.title span, h3.title a.active {
	color:#ea5b44;
}
.teamList {
	padding-top:65px;
}
.teamList li {
	float:left;
	display:inline;
	margin-left:30px;
	padding-bottom:45px;
	width:900px;
	background:url(../images/photo.png) no-repeat;
}
.teamList img {
	float:left;
	margin:15px 0 0 15px;
	width:184px;
	height:184px;
}
.teamList article {
	float:right;
	padding-top:20px;
	width:650px;
}
.teamList h4 {
	font-size:18px;
	color:#ea5b44;
}
.teamList h4 strong {
	padding-right:15px;
	font-size:36px;
}
.teamList h4 span {
	padding-left:15px;
}
.teamList .link {
	float:right;
	margin-right:35px;
	margin-top:-30px;
}
.teamList .link a {
	margin-left:20px;
	padding-left:30px;
	padding-right:10px;
	height:20px;
	line-height:20px;
	color:#fff;
	background:#e85c45 url(../images/contact2.png) no-repeat 0 -1px;
}
.teamList .link a:hover {
	background-color:#ab2c18;
	background-image:url(../images/contact3.png);
}
.teamList .link a.qq {
	background-position:0 -22px;
}
.teamList .link2 {
	background-image:url(../images/contact3.png);
}
.teamList section {
	padding-top:20px;
	padding-right:35px;
}
.teamList li:hover section {
	color:#ea5b44;
}
.serviceList {
	padding-top:30px;
}
.serviceList li {
	margin-bottom:10px;
	border:1px #cfcfcf solid;
}
.serviceList h4 {
	padding:10px 17px;
}
.serviceList h4 strong {
	font-size:24px;
	font-weight:600;
	color:#ea5b44;
}
.serviceList h4 span {
	padding-left:10px;
	font-size:14px;
}
.serviceList section {
	padding:10px 30px;
	background:#dfddde;
}
.customList {
	padding-top:40px
}
.customList li {
	float:left;
	margin:0 16px 20px 16px;
	padding:12px 13px;
	width:243px;
	height:320px;
	background:#fff;
}
.customList img {
	width:243px;
	height:243px;
}
.customList h4 {
	padding:20px 0 5px 0;
	font-size:18px;
}
.customList p {
	color:#949292;
}
.newsList {
	padding-top:30px;
}
.newsList li {
	padding-left:20px;
	line-height:40px;
	font-size:18px;
	background:url(../images/dot.gif) no-repeat 0 15px;
}
.newsList li:hover {
	background-image:url(../images/dot2.gif);
}
.newsList span {
	float:right;
*margin-top:-40px;
	font-size:12px;
	color:#949292;
}
.caseTitle {
	margin-top:30px;
}
.caseList li {
	padding-top:40px;
	font-size:14px;
	font-weight:bold;
	color:#959595;
}
.shareImg {
	margin-top:40px;
}
.shareImg li {
	text-align:center;
}
.shareImg img {
	margin:0 auto 10px auto;
	width:855px;
	border:10px #fff solid;
}
.shareList {
	margin:30px 30px 0 30px;
	padding-top:30px;
	border-top:3px #cfcfcf solid;
}
.shareList li {
	padding-left:20px;
	line-height:30px;
	font-size:14px;
	background:url(../images/dot.gif) no-repeat 0 10px;
}
.shareList li:hover {
	background-image:url(../images/dot2.gif);
}
.shareList span {
	float:right;
*margin-top:-30px;
	font-size:12px;
	color:#949292;
}
.sharePic {
	margin-top:30px;
	width:930px;
}
.faqTitle li {
	float:left;
	margin:50px 20px 20px 20px;
	font-size:18px;
}
.faqTitle li.active a {
	color:#ea5b44;
}
.faqList {
	padding-top:30px;
}
.faqList h4, .faqList section {
	float:left;
}
.faqList li {
	margin-bottom:5px;
	border:1px #cfcfcf solid;
}
.faqList h4 {
	line-height:50px;
	font-size:24px;
	font-weight:bold;
	color:#949292;
}
.faqList h4 strong {
	padding-left:20px;
}
.faqList h4 .img {
	float:left;
	width:50px;
	min-height:50px;
	height:100%;
	background:#949292 url(../images/ask.png) no-repeat center center;
}
.faqList section .img {
	float:left;
	width:50px;
	min-height:50px;
	height:100%;
	background:#ea5b44 url(../images/answer.png) no-repeat center center;
}
.faqList section blockquote {
	float:left;
	width:838px;
	padding:20px;
	background:#dfdede;
}
.faqList li:hover {
	border-color:#ea5b44;
}
.faqList li:hover h4 {
	color:#ea5b44;
}
.faqList li:hover h4 .img {
	background:#ea5b44 url(../images/ask2.png) no-repeat center center;
}
.faqList li:hover blockquote {
	background:#ea5b44;
	color:#fff;
}
.contactList {
	float:left;
	margin-top:30px;
	width:700px;
}
.contactList li {
	float:left;
	margin-bottom:10px;
	width:100%;
	line-height:32px;
	font-size:20px;
	color:#949292;
}
.contactList img {
	float:left;
	margin-right:10px;
	width:32px;
	height:32px;
}
.contactQr {
	float:right;
	margin-top:30px;
	font-size:18px;
}
.contactQr img {
	margin-bottom:15px;
	width:168px;
	height:168px;
}
.contactQr figcaption {
	text-align:right;
}
.contactQr span {
	color:#ea5b44;
}
.message {
	margin:30px 0;
	padding-top:30px;
	border-top:3px #cfcfcf solid;
}
.message legend {
	float:left;
	padding-bottom:30px;
	width:100%;
	font-size:24px;
}
.message legend span {
	color:#ea5b44;
}
.message div {
	float:left;
	width:360px;
}
.message p {
	margin-top:20px;
}
.message label {
	display:block;
	color:#949292;
}
.message input {
	width:300px;
	height:32px;
	border:1px #949292 solid;
	background:#d9d9d9;
}
.message textarea {
	width:300px;
	height:176px;
	border:1px #949292 solid;
	background:#d9d9d9;
}
.message .text {
	padding-top:150px;
*padding-top:100px;
	color:#ea5b44;
}
#vdcode {
	width:155px;
	color:#949292;
}
.message .btn {
	float:left;
	margin-top:13px;
	width:155px;
	height:57px;
	line-height:57px;
	font-size:24px;
	font-weight:700;
	background:#ea5b44;
	color:#fff;
	border:0 none;
}
h4.title {
	margin-top:30px;
	padding-left:30px;
	font-size:30px;
}
p.date {
	margin-top:20px;
	padding-left:30px;
	font-size:18px;
	color:#949292;
}
.fck {
	padding:60px 30px;
}
.page {
	margin-top:80px;
	padding-top:30px;
	text-align:center;
	border-top:3px #cfcfcf solid;
}
.page li {
	display:inline;
	padding:0 10px;
	list-style-type:none;
}
.page2 {
	border-top:3px #cfcfcf solid;
}
.page2 span {
	display:block;
	margin-top:15px;
	font-size:16px;
	color:#949292;
}
.page2 span a {
	color:#949292;
}
.page2 a:hover {
	color:#ea5b44;
}
/*--------------- 
底部
---------------*/
footer {
	margin-top:100px;
	padding:40px 0;
	color:#fff;
	background:#c3c1c2;
	border-top:8px #d9d9d9 solid;
}
footer a {
	color:#fff;
}
footer h1 {
	float:left;
	width:375px;
	height:50px;
	background:url(../images/logo2.png) no-repeat;
	text-indent:-9999px;
}
.footerNav {
	float:right;
}
.footerNav li {
	float:left;
	padding-left:10px;
}
footer address {
	float:right;
}
/*--------------- 
浮动导航
---------------*/
.floatNav {
	position:absolute;
	z-index:2;
	right:0;
	top:0;
}
.floatNav li {
	margin-bottom:2px;
	width:60px;
	height:60px;
}
.floatNav a {
	display:block;
	width:100%;
	height:100%;
}
.floatNav li img {
	width:60px;
	height:60px;
}
