@charset "utf-8";
html, body { margin: 0; padding: 0; }
img, body, html { border:0; }
body { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #222; }
.clear { clear: both; }
.text-align-right { text-align: right; }
.text-align-left { text-align: left; }
.hide { display: none; }
#wrapper { text-align: center; }
#inner-wrapper { width: 950px; margin: 0 auto; text-align: left; }
#new-top { width:auto; background: #fff url(../images/site/bg.gif); }
#header { height: 136px; *height: 150px; margin-top:10px;
background: #fff url(../images/site/header.jpg) left bottom scroll no-repeat; }
#quick-nav { margin: 2px 0 0 580px; height: 50px; color: #333; }
#quick-nav a { color: #333; text-decoration: none; margin: 0 4px; }
#quick-nav a:hover { text-decoration: underline; }
#nav { height: 38px; margin: 9px 0 0 314px; *margin: 20px 0 0 314px; list-style: none; padding: 0; }
#nav li { width: 88px; float: left; }
#nav li a { display: block; width: 77px; height: 38px; text-indent: -99999em; background-image: url(../images/site/nav.jpg); background-repeat: no-repeat; }
#nav li a.home { background-position: 0 -39px; }
#nav li.sel a.home, #nav li a.home:hover { background-position: 0 4px; }
#nav li a.service { background-position: -92px -39px; }
#nav li.sel a.service, #nav li a.service:hover { background-position: -92px 4px; }
#nav li a.news { background-position: -192px -39px; }
#nav li.sel a.news, #nav li a.news:hover { background-position: -192px 4px; }
#nav li a.case { background-position: -285px -39px; }
#nav li.sel a.case, #nav li a.case:hover { background-position: -285px 4px; }
#nav li a.form { background-position: -381px -39px; }
#nav li.sel a.form, #nav li a.form:hover { background-position: -381px 4px; }
#nav li a.about { background-position: -475px -39px; }
#nav li.sel a.about, #nav li a.about:hover { background-position: -475px 4px; }
#nav li a.contact { background-position: -570px -39px; }
#nav li.sel a.contact, #nav li a.contact:hover { background-position: -570px 4px; }
/*ad*/
#header #ad { margin: 20px 0 0 600px; color: #A40000; font-weight: bold; }
#header #ad a { margin: 0 6px; color: #A40000; font-weight: bold; text-decoration: none; }
#header #ad a.btn { display: block; height: 27px; width: 88px; background: #fff url(../images/site/btn-payment.jpg); text-indent: -99999em; float: right; margin: -8px 10px 0 0; *margin: -24px 10px 0 0;
}
#header #ad a:hover { text-decoration: underline; }
#banner { height: 260px; margin: 10px 0 0 0; }
#content { width: 658px; float: left; overflow: hidden; }
#content .box { *margin-top: 10px;
}
#content .title { padding: 0; font-size: 12px; background: #fff url(../images/site/box.jpg) left top no-repeat; height: 42px; }
#content .with-more { background-image: url(../images/site/box-with-more.jpg); }
#content .title a { color: #fff; text-decoration: none; }
#content .with-more a.link { margin: 0; padding: 11px 0 0 32px; display: block; }
#content .title a.link:hover { font-weight: bold; }
#content .title a.text { padding: 12px 0 0 32px; float: left; display: block; width: 100px; }
#content .title p.tabs { margin: 0; float: right; width: 500px; }
#content .title p.tabs a { display: block; float: left; width: 62px; height: 32px; margin: 0; text-align: center; padding: 10px 0 0 0; color: #333; overflow: hidden; }
#content .title p.tabs a:hover, #content .title p.tabs a.sel { background: url(../images/site/box-type-hover.jpg) left top; }
#content .box .location { padding: 11px 0 0 32px; font-size: 12px; background: #fff url(../images/site/box.jpg) left top no-repeat; height: 31px; color: #FFF; }
#content .box .location a { color: #00F; text-decoration: none; }
#content .box .location span { float: right; *margin-top: -16px;
margin-right: 20px; color: #b5000c; }
#content .box .location span { color: #b5000c; }
#content .box .location span a, #content .box .location span strong { margin: 0 6px; text-decoration: none; color: #b5000c; }
#content .box .location span strong { color: #0066cc; font-weight: bold; }
#content .box .location span a:hover { text-decoration: underline; }
#content .box .service-list { list-style: none; margin: 0; padding: 0; }
#content .box .service-list li { width: 226px; background: #fff url(../images/site/li0.jpg) 4px 8px no-repeat; padding: 8px 10px 14px 90px; float: left; border-bottom: 1px dashed #c6c6c6; margin: 0 0 10px 0; }
#content .box .service-list li.no-border { border: none; margin: 0; }
#content .box .service-list li.li0 { background-image: url(../images/site/li0.jpg); }
#content .box .service-list li.li1 { background-image: url(../images/site/li1.jpg); }
#content .box .service-list li.li2 { background-image: url(../images/site/li2.jpg); }
#content .box .service-list li.li3 { background-image: url(../images/site/li3.jpg); }
#content .box .service-list li.li4 { background-image: url(../images/site/li4.jpg); }
#content .box .service-list li.li5 { background-image: url(../images/site/li5.jpg); }
#content .box .service-list li a { display: block; color: #333; font-weight: bold; text-decoration: none; }
#content .box .service-list li a span { margin: -2px 0 0 0; *margin: -18px 0 0 0;
color: #A40000; float: right; }
#content .box .service-list li a:hover span { text-decoration: underline; }
#content .box .service-list li p { margin: 4px 0 0 0; line-height: 18px; color: #333; }
#content .box .case-list, #content .box .news-list { list-style: none; margin: 0; padding: 0; }
#content .box .case-list li, #content .box .news-list li { width: 329px; padding: 0; float: left; margin: 0 0 14px 0; }
#content .box .news-list li { width: 610px; float: none; border-bottom: 1px dashed #c6c6c6; padding: 10px 0; }
#content .box .case-list li { height: 110px; overflow: hidden; }
#content .box .case-list li img, #content .box .news-list li img { padding: 2px; border: #CCC 1px solid; float: left; width: 130px; margin: 0 10px; }
#content .box .case-list li span, #content .box .news-list li span { float: right; display: block; width: 170px; }
#content .box .news-list li span { width: 450px; }
#content .box .case-list li span a, #content .box .news-list li span a { text-decoration: none; color: #A40000; font-weight: bold; }
#content .box .news-list li span a { font-size: 14px; padding-bottom: 6px; display: block; }
#content .box .case-list li span p, #content .box .news-list li p { line-height: 18px; color: #333; margin: 0; padding: 0; }
#content .box .news-list li span p { height: 88px; overflow: hidden; }
#content .box .news-list li p.status { padding: 4px 20px 0 20px; text-align: right; color: #999; }
#content .box .title-list {
	border: 2px solid #CCC;
	background-color: #FFF; list-style: none; margin: 0;
	padding: 10px;
	list-style: inside disc;
}
#content .box .title-list li { padding-bottom: 6px; }
#content .box .title-list li a {
	color: #333;
	text-decoration: none;
}
#content .box .title-list li a:hover {
	color: #000;
	text-decoration: underline;
}
#content .box .title-list li a span {
	float: right;
	*margin-top: -18px;
	color: #333;
}
#content .box .image-list-content {
	list-style: inherit none;
	height: 150px;
}
#content .box .image-list-content li {
	float: left;
	width: 160px;
	height: 140px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
}
#content .box .image-list-content li.last {
	margin-right: 0;
}
#content .box .image-list-content li a {
	display: block;
	text-decoration: none;
}
#content .box .image-list-content li a img.pic {
	width: 160px;
	height: 114px;
}
#content .box .image-list-content li a img {
	cursor: hand;
}
#content .box  .image-list-content li a p {
	background-color: #eee;
	text-align: center;
}
#content .box .image-list-content li a:hover p {
	background-color: #ccc;
}
#content .box p.more { margin: 0; padding: 0 0 4px 0; }
#content .box a.more { display: block; text-align: right; color: #A40000; font-weight: bold; text-decoration: none; padding-right: 10px; }
#content .box .case-list li span a:hover, #content .box a.more:hover, #content .box .news-list li span a:hover { text-decoration: underline; }
#content .box .image-list { list-style: inherit none; margin: 0 0 0 10px; padding: 0; }
#content .box .image-list li { float: left; width: 178px; height: 184px; margin: 10px 50px 0 0; padding: 0; }
#content .box .image-list li.last { margin-right: 0; }
#content .box .image-list li a { display: block; text-decoration: none; color: #333; background-color: #fefefe; padding: 2px; }
#content .box .image-list li a img.pic { background:url(../images/site/case-bg.jpg) no-repeat scroll left top transparent; height:120px; padding:10px 9px; width:160px;}
#content .box .image-list li a img { cursor: hand; }
#content .box .image-list li a p { text-align: center; margin: 0; padding: 10px 0 0 0; width: 178px;}
#content .box .image-list li a:hover p { color: #000; cursor: hand;}
#content .light { background-color: #F6F6F6; }
#side { width: 279px; float: right; overflow: hidden; }
#side .box { border: #c6c6c6 1px solid; background: #fff url(../images/site/side-box-title.jpg) -1px top no-repeat; margin-top: 10px; }
#side .box .title { padding: 0; font-size: 12px; height: 30px; margin: 0; }
#side .box .title a { display: block; color: #000; text-decoration: none; padding: 11px 0 0 34px; }
#side .box .image-list { list-style: none; margin: 0; padding: 0; }
#side .box .image-list li { padding: 0 0 10px 0; margin: 10px 0 10px 0; border-bottom: 1px dashed #c6c6c6; }
#side .box .image-list li img { padding: 2px; border: #CCC 1px solid; float: left; width: 74px; margin: 4px 10px; }
#side .box .image-list li .text { float: right; display: block; width: 170px; }
#side .box .image-list li .text a { text-decoration: none; color: #A40000; font-weight: bold; background: #fff url(../images/site/side-tip-bg.jpg) left top no-repeat; height: 20px; display: block; padding: 4px 0 0 0; }
#side .box .image-list li .text a span { text-align: center; color: #FFF; line-height: 14px; margin: 0 14px 0 4px; }
#side .box .image-list li .text p { line-height: 18px; color: #333; margin: 0; padding: 0 10px 0 0; }
#side .box .image-list li.no-border { margin: 0; border: none; }
#side .box .text-list { margin: 0; padding: 10px; background-color: #eee; margin: 10px 10px 0 10px; list-style-position: inside; height: 116px; }
#side .box .text-list li { margin-bottom: 4px; }
#side .box .text-list li a { color: #333; text-decoration: none; }
#side .box .text-list li a span {
*margin: -18px 0 0 0; float: right; color: #999; }
#side .box .text-list li a:hover { text-decoration: underline; }
#side .box .text-list li a:hover span { color: #333; }
#side .box .contact-image { background: #fff url(../images/site/image-contact.jpg) 14px top no-repeat; height: 87px; }
#side .box .online-cs { padding: 0 0 10px 0; margin: 0 16px 6px 16px; border-bottom: 1px dashed #c6c6c6; }
#side .box .online-cs p { margin: 0; padding: 0; color: #A40000; }
#side .box .online-cs ul { list-style: none; margin: 6px 0 0 4px; padding: 0; }
#side .box .online-cs ul li { float: left; margin: 4px 17px 0 0; }
#side .box .online-cs ul li a { display: block; width: 61px; height: 29px; background: #fff url(../images/site/cs.jpg); text-indent: -99999em; }
#side .box .simply-list { margin: 0 14px; padding: 0; list-style-position: inside; color: #666; }
#side .box .simply-list li { width: 80px; float: left; }
#side .box .simply-list li a { color: #999; text-decoration: none; }
#side .box .simply-list li a:hover { color: #333; text-decoration: underline; }
#side .box .image-link { display: block; padding: 10px 24px; }
#side .box .image-link img { cursor: hand; }
#side .box .text-link { margin: 0; padding: 0 16px 10px 16px; text-indent: 2em; color: #333; line-height: 18px; }
#side .box .text-link a { color: #00C; text-decoration: none; margin-left: 10px; }
#side .box .text-link a:hover { text-decoration: underline; }
#side .menu { border: #c6c6c6 1px solid; background: #fff url(../images/site/menu.jpg); margin-top: 10px; }
#side .menu .title { padding: 0; font-size: 12px; margin: 0; height: 40px; }
#side .menu .title a { display: block; color: #000; text-decoration: none; padding: 9px 0 0 34px; font-size: 15px; font-weight: bold; }
#side .menu .list { list-style: none; margin: 0; padding: 0; background: #ccc; }
#side .menu .list li { }
#side .menu .list li a { display: block; height: 24px; background: #fff url(../images/site/menu.jpg) scroll left -40px; padding: 8px 0 0 80px; font-family: "黑体"; text-decoration: none; color: #333; font-size: 14px; }
#side .menu .list li.sel a, #side .menu .list li a:hover { background-position: left -76px; font-weight: bold; }
/*editor-content*/
#editor-content { background-color: #F6F6F6; width: 618px; padding: 20px; overflow: hidden; margin-top: -10px; }
#editor-content { color: #222; font-size: 12px; }
#editor-content p { line-height: 180%; }
#editor-content .news-title { color: #000; }
#editor-content  h1 { font-size: 16px; }
#editor-content .news-btm { padding: 10px 0 0 0; text-align: center; border-top: 1px solid #c6c6c6; margin-top: 80px; }
#editor-content .news-info { padding: 10px 0 20px 0; color: #333; }
#editor-content .news-btm a { color: #666; text-decoration: none; }
#editor-content a:hover { text-decoration: underline; }
/*wide-box*/
#price { }
.wide-box { padding-top: 1px; *margin-top: 10px;
}
.wide-box .title { padding: 0; font-size: 12px; background: #fff url(../images/site/box-wide-title.jpg) scroll left top no-repeat; height: 22px; display: block; color: #fff; text-decoration: none; padding: 11px 0 0 32px; }
.wide-box .title a { color: #FFF; text-decoration: none; display: block; }
.wide-box .price-list { list-style: none; margin: 0; padding: 0; }
.wide-box .price-list li { float: left; }
.wide-box .price-list li a { width: 190px; height: 170px; display: block; background: #fff url(../images/site/box-wide-price.jpg) scroll left top no-repeat; }
.wide-box .price-list li.li0 a { background-position: 0 0; }
.wide-box .price-list li.li1 a { background-position: -188px 0; }
.wide-box .price-list li.li2 a { background-position: -380px 0; }
.wide-box .price-list li.li3 a { background-position: -570px 0; }
.wide-box .price-list li.li4 a { background-position: -761px 0; }
/*text-box*/
.wide-box .text-box { float: left; width: 232px; height: 257px; background: #fff url(../images/site/box-list.jpg) scroll left top no-repeat; margin: 10px 6px 0 0; }
.wide-box .text-box h3 { margin: 0; padding: 0; font-size: 12px; }
.wide-box .text-box h3 a { display: block; padding: 15px 0 0 24px; color: #666; text-decoration: none; }
.wide-box .text-box ul { height: 176px; margin: 10px; list-style-position: inside; padding: 0; }
.wide-box .text-box ul li { margin-bottom: 3px; }
.wide-box .text-box ul li a { color: #333; text-decoration: none; }
.wide-box .text-box h3 a:hover, .wide-box .text-box ul li a:hover { text-decoration: underline; }
.wide-box .text-box a.more { display: block; width: 232px; height: 18px; }
ul#links { margin: 10px 0 0 0; padding: 0; list-style: none; }
ul#links li { float: left; }
ul#links li a { display: block; width: 118px; height: 46px; background: #fff url(../images/site/img-link.jpg) scroll left top no-repeat; }
ul#links li.li0 a { background-position: 0 0; }
ul#links li.li1 a { background-position: -120px 0; }
ul#links li.li2 a { background-position: -242px 0; }
ul#links li.li3 a { background-position: -362px 0; }
ul#links li.li4 a { background-position: -485px 0; }
ul#links li.li5 a { background-position: -605px 0; }
ul#links li.li6 a { background-position: -723px 0; }
ul#links li.li7 a { background-position: -838px 0; }

ul#text-links { margin: 10px 0 0 0; padding: 0; list-style: none; }
ul#text-links li { float: left; width: 118px; height: 22px;}
ul#text-links li a { display: block; width: 118px; text-align: center; color: #999; text-decoration: none; padding: 2px 0; }
ul#text-links li a:hover { text-decoration: underline; }
/*footer*/
#footer { }
#footer p.link { text-align: center; color: #333; border-top: 2px solid #c6c6c6; padding: 6px 0 0 0; margin-top: 4px; }
#footer p.link a { color: #333; text-decoration: none; margin: 0 8px; font-weight: bold; }
#footer p.link a:hover { text-decoration: underline; }
#footer .text-area { float: left; width: 450px; background: #fff url(../images/site/logo-bottom.jpg) scroll left top no-repeat; padding: 0 0 0 110px; }
#footer .text-area p { margin: 0; padding: 0 0 5px 0; }
#footer .image-area { float: right; }
#footer .image-area ul { margin: 0 0 0 30px; padding: 0; list-style: none; }
#footer .image-area ul li { float: left; }
#footer .image-area ul li a { display: block; width: 32px; height: 40px; background: #fff url(../images/site/img-link-site.jpg) scroll left top no-repeat; }
#footer .image-area ul li.li0 a { background-position: 0 0; width: 35px; }
#footer .image-area ul li.li0 a { background-position: -35px 0; width: 60px; }
#footer .image-area ul li.li2 a { background-position: -98px 0; width: 80px; }
#footer .image-area ul li.li3 a { background-position: -177px 0; width: 95px; }
#footer .image-area ul li.li4 a { background-position: -271px 0; width: 32px; }
#footer .image-area ul li.li5 a { background-position: -304px 0; width: 34px; }
/*tip*/
#tip { width: 95px; height: 416px; position: absolute; right: 10px; top: 100px; z-index: 21 !important; overflow: hidden; }
#tip .frame { display: block; height: 324px; background: url(../images/site/tip.png) scroll left top no-repeat; _background-image: url(../images/site/tip.gif); padding: 123px 0 10px 0; }
#tip .frame ul { padding: 0; margin: 0; list-style: none; }
#tip .frame ul li { height: 50px; *height: 46px;
}
#tip .frame ul li a { display: block; padding: 30px 0 0 0; text-align: center; color: #666; text-decoration: none; }
#tip .frame ul li a:hover { text-decoration: underline; color: #000; }
#tip .frame a.close { display: block; text-indent: -9999em; height: 24px; }
#login form { background-color: #FFF; background-image: url(../images/admin/Icon/key.jpg); background-repeat: no-repeat; padding-top: 50px; padding-left: 200px; padding-right: 10px; height: 160px; }
#login { width: 520px; margin: 100px auto 80px auto; }
#login form { font-family: "新宋体"; }
#login form .notice { background-color: #F90; border: 1px solid #F00; color: #FFF; font-size: 12px; padding: 3px; padding-left: 26px; margin: 4px 0; background-image: url(../images/common/lock_delete.png); background-repeat: no-repeat; background-position: 4px center; width: 170px; }
#login form input { width: 140px; margin-left: 4px; }
#login form p label { width: 80px; }
#login form .captcha { width: 86px; margin-left: 4px; }
#login form p img { margin-left: 4px; margin-top: 2px; }
#login form #ctrl { margin-top: 10px; }
#login form #ctrl li { float: left; }
#login form #ctrl li a { display: block; float: left; margin-top: 4px; height: 18px; width: 95px; background-image: url(../images/admin/admin-common-buttons-95-26.gif); background-position: left -52px; text-align: center; padding-top: 8px; color: #2C3E67; }
#login form #ctrl li a:hover { background-image: url(../images/admin/admin-common-buttons-95-26.gif); background-position: left -26px; color: #233152; }
/*sidemap*/
ul.sidemap { BORDER-TOP: #dbdbdb 1px solid; }
.sidemap li { BORDER-BOTTOM: #dbdbdb 1px solid; TEXT-ALIGN: left; BACKGROUND-COLOR: #e8e8e8; padding: 4px 0 0px 0; line-height: 20px; }
.sidemap li span { display: block; padding-left: 10px; color: #000; }
.sidemap li ul { LIST-STYLE-POSITION: inside; BORDER-LEFT: #dbdbdb 1px solid; LIST-STYLE-TYPE: disc; }
.sidemap li ul li { padding: 2px 0 2px 20px; line-height: 18px; BORDER-BOTTOM: none; BACKGROUND-COLOR: #fff; }
.sidemap li a { color: #333; text-decoration: none; }
.sidemap li a:hover { text-decoration: underline; color: #000; }
.pagination { margin: 10px 0 10px 0; padding: 3px; text-align: center; color: #ccc }
.pagination * { margin: 0 3px 0 0; padding: 3px 5px; border: 1px solid #EBE6C9; background: #FCF9E6; color: #999; }
.pagination em { border-color: #eee; color: #C30; font-style: normal; }
.pagination strong { background: #ccc; color: #fff; }
.pagination a { color: #333; }
.pagination a:hover { background: #eee; text-decoration: none; }