@charset "utf-8";
/* 代码提供：脚本之家 jb51.net */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, dl {
	margin:0px;
	padding:0px
}
* {
	margin:0;
	padding:0
}
img {
	border:none
}
body {
	font-size:12px;
	font-family:"Microsoft YaHei"!important;
	background:url(../images/default-bg.png) repeat
}
a {
	text-decoration:none;
	outline:none;
blr:expression(this.onFocus=this.blur());
	outline:none;
	color:#f15a23
}
li {
	list-style-type:none
}
.input-text {
	background:url(../Images/input.gif) top repeat-x;
	border:1px solid #EEE;
	height:23px;
	line-height:23px
}
textarea {
	background:url(../Images/input.gif) top repeat-x;
	border:1px solid #EEE;
	overflow:auto
}
.clear {
	clear:both
}
#header {
	position:fixed;
	_position:absolute;
_top:expression(eval(document.documentElement.scrollTop))
}
html {
	_text-overflow:ellipsis
}
#header-wrapper {
	height:115px;
	width:100%;
	position:fixed;
	z-index:30;
	color:#fff;
	background:url(../images/shadow.png) repeat-x left 75px;
	_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadow.png', sizingMethod=scale)
}
#header-inner {
	height:112px;
	width:100%;
	position:fixed;
	z-index:31;
	color:#fff;
	background:#232323;
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow:0 5px 20px rgba(0, 0, 0, 0.1)
}
#line {
	background:#ff4153;
	height:3px;
	overflow:hidden;
	font-size:0px
}
* html #header-wrapper, * html #header-inner {
	position:absolute;
top:expression(offsetParent.scrollTop)
}
#header-inner-box {
	position:relative;
	z-index:99;
	width:1003px;
	margin:0px auto
}
.nav {
	font-size:14px;
	position:absolute;
	right:5px
}
.mobile-link {
	border-left:1px dotted #5f5f5f;
	position:absolute;
	right:5px;
	height:70px;
	width:100px;
	top:8px
}
.nav li {
	float:left;
	height:60px;
	padding:0px 5px;
	line-height:60px;
	padding-top:22px;
	background:#232323
}
.nav li a {
	color:#999;
	font-size:14px;
	display:block;
	width:70px;
	text-align:center;
	font-weight:bold;
	line-height:18px;
	position:relative;
	background:url(../images/nav-icon.png) no-repeat;
	_background:url(../images/nav-icon-ie6.gif) no-repeat;
	text-indent:10px
}
.nav li a span {
	height:11px;
	font-size:11px;
	-webkit-text-size-adjust:none;
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	position:absolute;
	top:15px;
	left:15px
}
.topbox {
	height:30px;
	width:100%;
	background:#2d2d2d
}
.topbox-inner {
	width:1003px;
	height:30px;
	margin:0px auto;
	line-height:30px
}
.phone-400 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:left;
	display:inline
}
.top-weixin-3g {
	float:right;
	width:300px;
	text-align:right;
	color:#8b8b8b
}
.top-weixin-3g li {
	zoom:1;
	position:relative;
	z-index:110;
	float:right
}
.top-weixin-3g li .khdlink {
	line-height:30px;
	color:#8b8b8b;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px
}
.top-weixin-3g li .khdlink.current {
	background:#fff;
	border:1px solid #b0bec1;
	border-bottom:none;
	border-radius:4px 4px 0px 0px;
	color:#1e1e1e
}
.sub-wx-cp {
	width:400px;
	height:200px;
	visibility:hidden;
	position:absolute;
	z-index:10;
	top:25px;
	border:1px solid #b0bec1;
	border-top:none;
	border-bottom:5px solid #b0bec1;
	-webkit-box-shadow:0 5px 20px rgba(45, 45, 45, 0.1);
	-moz-box-shadow:0 5px 20px rgba(45, 45, 45, 0.1);
	box-shadow:0 5px 20px rgba(45, 45, 45, 0.1);
	z-index:101;
	right:0px;
	text-align:left;
	background:#fff;
	border-radius:5px 0px 5px 5px
}
.qr-pic {
	float:left;
	display:inline;
	margin:10px 10px 0px 5px
}
.qr-description {
	width:200px;
	float:right;
	display:inline;
	margin:18px 5px 0px 0px;
	color:#222;
	line-height:20px
}
.qr-description h3 {
	font-size:14px;
	margin-bottom:10px
}
#khd_tabs {
	width:98%;
	margin:10px auto 0px auto;
	height:33px;
	background:url(../images/khd-tabs-bg.gif) repeat-x left 32px
}
#khd_tabs span {
	display:block;
	float:left;
	line-height:26px;
	height:32px;
	color:#3C525A;
	cursor:pointer;
	margin:0px 3px 4px 3px;
	border-radius:4px 4px 0px 0px;
	padding:0px 10px;
	background:url(../images/khd-tabs-bg-h.gif) repeat-x left center;
	border:1px solid #b0bec1;
	border-bottom:none
}
#khd_tabs span b {
	background:url(../images/icon-khd.png) no-repeat left top;
	display:block;
	float:left;
	display:inline;
	margin-top:3px;
	height:25px;
	padding-left:25px
}
#khd_tabs span b.andorid {
	background-position:left -25px
}
#khd_tabs span b.ios {
	background-position:left 0px
}
#khd_tabs span b.wp7 {
	background-position:left -50px
}
#khd_tabs span b.cp {
	background-position:left -75px
}
#khd_tabs span.current {
	background:#fff;
	cursor:default
}
#khd_tabs span.current {
	background:#fff;
	cursor:default
}
.download-btn {
	width:195px;
	height:35px;
	margin-top:30px;
	float:none;
	text-align:center;
	line-height:35px;
	font-weight:bold;
	font-size:15px;
	color:#3C525A;
	position:static;
	padding:0px;
	display:block;
	border:1px solid #b0bec1;
	background:url(../images/icon-download.gif) 30px center no-repeat #cddadd;
	border-bottom:3px solid #b0bec1;
	border-radius:20px 20px 20px 20px
}
.download-btn:hover {
	border:1px solid #a2b2b6;
	background:url(../images/icon-download.gif) 30px center no-repeat #adbdc1;
	border-top:3px solid #a2b2b6
}
.khd-tabs-box-list .qr-description {
	width:300px;
	float:right;
	display:inline;
	margin:18px 5px 0px 0px;
	color:#222;
	line-height:20px
}
.khd-tabs-box-list .qr-description h3 {
	font-size:14px;
	margin-bottom:10px
}
.nav li a#nav-index {
	background-position:5px 0px
}
.nav li a#nav-index:hover {
	background-position:5px -20px
}
.nav li a.nav-case {
	background-position:5px -147px
}
.nav li a.nav-case:hover {
	background-position:5px -167px
}
.nav li a.nav-service {
	background-position:5px -99px;
	padding-right:12px
}
.nav li a.nav-service:hover {
	background-position:5px -119px
}
.nav li a.nav-Solutions {
	padding-right:5px;
	background-position:5px -49px
}
.nav li a.nav-Solutions:hover {
	background-position:5px -69px
}
.nav li a.nav-contact {
	background-position:5px -193px
}
.nav li a.nav-contact:hover {
	background-position:5px -213px
}
.nav li a.nav-about {
	background-position:5px -266px
}
.nav li a.nav-about:hover {
	background-position:5px -237px
}
.Solutions, .contact, .service {
	padding-right:16px
}
.nav li.current {
	background:#2a2a2a
}
.nav li.current a {
	color:#dedede
}
.nav li.current a#nav-index {
	background-position:5px -20px
}
.nav li.current a.nav-case {
	background-position:5px -167px
}
.nav li.current a.nav-service {
	background-position:5px -119px
}
.nav li.current a.nav-Solutions {
	background-position:5px -69px
}
.nav li.current a.nav-contact {
	background-position:5px -213px
}
.nav li a:hover {
	color:#dedede
}
#logo {
	position:absolute;
	top:10px;
	left:0px;
	display:block;
	width:158px;
	height:56px;
	background:url(../images/logo.gif)
}
#banner-box {
	margin:0px auto;
	height:600px;
	position:relative
}
.banner-inner {
	height:65px;
	margin:0px auto
}
.banner-nav-abs {
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:3
}
.banner-nav-abs-opac {
	position:absolute;
	width:100%;
	height:78px;
	left:0px;
	bottom:-22px;
	z-index:2
}
.banner-nav-fix {
	position:fixed;
	left:0px;
	top:82px;
	z-index:3
}
.banner-nav {
	width:100%
}
.banner-nav ul {
	width:1003px;
	margin:0px auto
}
.banner-nav li {
	float:left;
	display:inline;
	width:95px;
	height:65px;
	font-size:14px;
	font-weight:bold;
	padding:0px 35px;
	cursor:pointer;
	position:relative;
	margin:0px 1px
}
.banner-nav li div {
	width:95px;
	height:65px;
	padding:0px 35px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	background:#fff;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2
}
.banner-nav li a span {
	display:block;
	height:40px;
	width:40px;
	margin:0px auto;
	background:url(../images/icon-banner.png) no-repeat;
	_background:url(../images/icon-banner.gif) no-repeat
}
.banner-nav li a.brand span {
	background-position:center 0px
}
.banner-nav li a.school span {
	background-position:center -80px
}
.banner-nav li a.pano span {
	background-position:center -160px
}
.banner-nav li a.mobile span {
	background-position:center -240px
}
.banner-nav li a.zhyx span {
	background-position:center -320px
}
.banner-nav li a.cms span {
	background-position:center -400px
}
.banner-nav li a {
	display:block;
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	z-index:6;
	padding:0px 35px;
	display:inline;
	width:95px;
	height:63px;
	padding-top:2px;
	text-align:center
}
.banner-nav li.current {
	cursor:default
}
.banner-nav li.current div {
	width:95px;
	height:95px;
	background:none
}
.banner-nav li.current a {
	color:#333;
	cursor:default;
	background:#fff
}
.banner-nav li.current a.brand span {
	background-position:left -40px
}
.banner-nav li.current a.school span {
	background-position:left -120px
}
.banner-nav li.current a.pano span {
	background-position:left -200px
}
.banner-nav li.current a.cms span {
	background-position:left -440px
}
.banner-nav li.current a.mobile span {
	background-position:left -280px
}
.banner-nav li.current a.zhyx span {
	background-position:left -360px
}
.banner-list {
	position:absolute;
	height:600px;
	position:absolute;
	z-index:2;
	overflow:hidden;
	width:100%
}
.banner-list li {
	width:100%;
	height:600px;
	text-align:center;
	float:left;
	display:inline-block
}
.banner-list li .animate-box {
	width:1003px;
	margin:0px auto;
	position:relative
}
.banner-list li .animate-box .t-d {
	position:absolute;
	width:400px;
	left:50px;
	top:180px
}
.banner-list li .animate-box .t-d h3 {
	font-size:30px;
	font-weight:bold;
	text-align:left;
	color:#fff
}
.banner-list li .animate-box .t-d p {
	color:#c3c3c3;
	padding:10px 0px;
	line-height:22px;
	text-align:left
}
.banner-list li .animate-box .animate-img {
	position:absolute;
	top:150px;
	right:0px
}
.slider-btn {
	width:211px;
	height:46px;
	background:url(../images/btn-bg.png) no-repeat center top;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#444;
	display:block
}
.slider-btn:hover {
	text-decoration:underline;
	color:#000
}
#wrapper {
	padding-top:112px
}
#public-current {
	height:80px;
	width:98%;
	margin:0px auto;
	border-bottom:1px solid #efefef
}
.current-fix {
	position:fixed;
	width:1003px;
	top:100px;
	margin:0px auto
}
.public-current-inner {
	width:100%;
	margin:0px auto;
	position:relative;
	line-height:80px;
	color:#7b7b7b
}
.public-current-inner h1 {
	font-size:30px;
	font-weight:bold;
	position:absolute;
	left:10px
}
.public-current-inner h1 span {
	position:static;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#b9b9b9
}
.public-current-inner span {
	position:absolute;
	right:30px;
	line-height:80px
}
.public-current-inner span a {
	color:#7b7b7b
}
.public-current-inner span a:hover {
	text-decoration:underline;
	color:#c40035
}
.footer {
	height:120px;
	width:1003px;
	padding-top:20px;
	margin:0px auto;
	background:#464646;
	-webkit-box-shadow:0.5px 0.5px 3px #b1b1b1
}
.h2-style {
	border-bottom:1px dotted #e0e0e0;
	width:98%;
	padding:5px 0px;
	position:relative;
	z-index:10;
	margin:0px auto;
	height:40px;
	line-height:40px
}
.h2-style h2 {
	font-size:20px;
	color:#797979
}
.nmore {
	position:absolute;
	right:10px;
	top:5px;
	padding:0px 5px;
	font-size:14px;
	color:#545454
}
.nmore:hover {
	color:#fff;
	background:#f15a23
}
.partner {
	width:1001px;
	background:#f9f9f9;
	margin:0px auto
}
.partner ul {
	padding:10px 0px 0px 10px
}
.partner li {
	width:150px;
	padding:7px;
	height:60px;
	line-height:60px;
	float:left
}
.partner li img {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4
}
.copyright {
	height:40px;
	background:#333;
	width:1003px;
	margin:0px auto
}
.copyright .info {
	height:40px;
	line-height:40px;
	text-indent:10px;
	float:left;
	display:inline;
	color:#969595
}
.copyright .w3c {
	width:94px;
	height:33px;
	background:url(../images/w3c.gif) no-repeat left center;
	float:right;
	display:inline;
	margin-top:5px;
	margin-right:5px
}
.footer-contact {
	color:#E8E8E8;
	width:230px;
	float:left;
	border-right:1px dotted #5f5f5f;
	display:inline;
	margin-left:20px
}
.footer-contact h3 {
	line-height:25px;
	font-size:14px;
	background:url(../images/icon2.gif) no-repeat left center;
	padding-left:20px
}
.footer-contact li {
	line-height:22px
}
.footer-contact ul {
	padding-top:5px
}
.footer-nav-box {
	color:#E8E8E8;
	width:350px;
	float:left;
	height:100px;
	display:inline;
	padding-right:10px;
	margin-left:20px;
	border-right:1px dotted #5f5f5f
}
.footer-nav-box a {
	color:#E8E8E8;
	font-size:14px;
	padding:0px 5px
}
.footer-nav-box a:hover {
	text-decoration:underline;
	color:#a3a3a3
}
.phone, .add, .mail {
	height:22px;
	background:url(../images/icon-ad.gif) no-repeat
}
.phone {
	background-position:left bottom
}
.mail {
	background-position:left center
}
.add {
	background-position:left top
}
.footer-wrapper {
	background:url(../images/bg.png) repeat
}
.yqlj {
	width:1003px;
	margin:0px auto;
	line-height:20px;
	padding:10px 0px;
	vertical-align:middle;
	color:#464646
}
.yqlj a {
	color:#464646
}
.sub-category {
	height:35px;
	padding-top:5px;
	border-bottom:1px dotted #dedede;
	width:98%;
	margin:2px auto 0px auto;
	line-height:35px
}
.sub-category a {
	padding:0px 10px;
	border-radius:25px 25px 25px 25px;
	-webkit-border-radius:25px 25px 25px 25px;
	-moz-border-radius:25px 25px 25px 25px;
	height:25px;
	display:block;
	font-weight:bold;
	float:left;
	background:#fff;
	line-height:25px;
	color:#666;
	margin:0px 1px
}
.loadding {
	background:url(../images/loading.gif) no-repeat right center;
	float:left;
	width:30px;
	height:25px;
	padding:0px 0px;
	display:none
}
.sub-category a.current, .sub-category a:hover {
	background:#f15a23;
	color:#fff
}
.footer-qr {
	float:left;
	display:inline;
	margin-left:10px;
	width:350px;
	color:#dedede
}
.footer-qr a {
	padding:5px 10px;
	margin:5px;
	border-radius:15px 0px 15px 0px;
	line-height:30px;
	background:#3d3d3d;
	color:#e8e8e8
}
.footer-qr a:hover {
	background:#2c2c2c
}
.footer-qr h2 {
	font-size:14px
}
.pagekeywords {
	padding-top:10px
}
.tag-a a {
	color:#444
}
.tag-a a:hover {
	text-decoration:underline
}
.hot-phone {
	font-size:20px;
	color:#f15a23;
	font-weight:bold
}
#gotop {
	width:50px;
	height:50px;
	display:block;
	border-radius:50px;
	background:url(../images/gotop.gif) left top no-repeat;
	position:fixed;
	right:10px;
	bottom:100px;
	display:none
}
.main {
	width:100%
}
#sub-page .main-inner {
	padding-top:5px
}
.main-inner, .footer, .partner {
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0
}
.main-inner {
	background:#fff;
	width:1001px;
	margin:0px auto;
	min-height:500px;
	_height:500px
}
.index-case {
	width:98%;
	margin:0px auto;
	padding-top:15px
}
.index-case li {
	width:300px;
	margin:0px 5px;
	padding:5px;
	position:relative;
	z-index:5;
	overflow:hidden;
	border:1px solid #efefef;
	height:240px;
	float:left;
	display:inline
}
.index-case li .case-img {
	width:300px;
	height:180px
}
.index-case li .case-img img {
	width:300px;
	height:180px
}
.index-case li .case-info {
	color:#5e5e5e;
	width:290px;
	padding:0px 5px;
	height:60px;
	background:#f7f7f7
}
.index-case li .case-info {
}
.index-case li .case-info h3 {
	font-size:14px;
	font-weight:bold
}
.index-case li .case-info h3 a {
	line-height:30px;
	color:#5e5e5e
}
.index-case li .case-info h3 a:hover, .index-news-box li h3 a:hover {
	text-decoration:underline;
	color:#c40035
}
#case-scroll {
	width:990px;
	margin:0px auto;
	height:260px;
	overflow:hidden;
	top:5px
}
.detail, .link, .link_visible {
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	z-index:7;
	top:80px;
	-moz-border-radius:300px;
	-webkit-border-radius:300px;
	border-radius:300px
}
.link {
	background:url(../images/portfolio-link-icon.png) no-repeat center top #dedede;
	left:-32px
}
.link_visible {
	background:#dedede;
	left:-32px
}
.link:hover {
	background:url(../images/portfolio-link-icon.png) no-repeat center bottom #c40035
}
.detail {
	right:-32px;
	background:url(../images/portfolio-glass-icon.png) no-repeat left top #dedede
}
.detail:hover {
	background:url(../images/portfolio-glass-icon.png) no-repeat left bottom #c40035
}
.img-opac-box {
	width:300px;
	height:180px;
	background:url(../images/aaaa.gif) repeat;
	z-index:5;
	display:none;
	position:absolute;
	left:5px;
	top:5px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5
}
.index-case .h2-style h2 {
	position:absolute;
	left:0px
}
#case-prev, #case-next {
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top:20px;
	background:#222;
	font-size:18px;
	text-align:center;
	color:#fff;
	line-height:35px
}
#case-prev {
	background-position:left 0px;
	right:26px
}
#case-next {
	background-position:right 0px;
	right:0px
}
.morecase {
	height:60px;
	width:98%;
	margin:10px auto;
	background:#464646;
	text-align:center;
	line-height:60px
}
.morecase a {
	font-size:16px;
	color:#8d8c8c;
	font-weight:bold;
	padding:8px 30px;
	background:#515151;
	-webkit-box-shadow:0.5px 0.5px 3px #3a3a3a;
	-moz-box-shadow:0.5px 0.5px 3px #3a3a3a;
	box-shadow:0px 0.5px 3px #3a3a3a
}
.morecase a:hover {
	background:#4d4d4d;
	color:#9d9d9d
}
.index-news-service {
	width:98%;
	margin:0px auto
}
.index-news {
	width:560px;
	float:left;
	display:inline
}
.index-service {
	width:380px;
	float:right;
	display:inline
}
.index-service-list {
	width:185px;
	float:left;
	height:160px;
	position:relative;
	z-index:1
}
.index-service-list h2 {
	height:40px;
	padding-left:45px;
	color:#4f4f4f;
	margin:5px 0px 0px 5px;
	line-height:40px;
	font-size:15px;
	background:url(../images/service-icon2.gif) no-repeat
}
.index-service-list h2 a {
	color:#4f4f4f
}
.index-service-list h2 a:hover {
	text-decoration:underline
}
#s-brand {
	background-position:left 0px
}
#s-school {
	background-position:left -280px
}
#s-pano {
	background-position:left -160px;
	top:22px
}
#s-cms {
	background-position:left -245px;
	top:22px
}
#s-mobile {
	background-position:left -335px
}
#s-zhyx {
	background-position:left -87px
}
.s-more {
	padding:5px 10px;
	background:#515151;
	color:#8d8c8c;
	position:absolute;
	right:0px;
	bottom:0px
}
.index-service-list p {
	padding:0px 5px;
	line-height:18px;
	padding:5px;
	color:#797979
}
.border-r {
	border-right:1px dotted #e0e0e0
}
.border-b {
	border-bottom:1px dotted #e0e0e0
}
.border-t {
	border-top:1px dotted #e0e0e0
}
.index-news-box {
	width:98%;
	margin:0px auto;
	padding-top:5px;
	position:relative
}
.index-news-box .h2-style h2 {
	position:absolute;
	left:0px
}
.news-btn-prev, .news-btn-next {
	background:#f5f5f5;
	padding:5px;
	display:block;
	height:15px;
	font-weight:bold;
	width:268px;
	color:#5e5e5e;
	line-height:15px
}
.news-btn-next {
	position:absolute;
	right:5px;
	bottom:5px;
	text-align:right
}
.news-btn-prev {
	position:absolute;
	left:0px;
	bottom:5px;
	text-align:left
}
.index-news-box .index-news-list {
	width:540px;
	height:460px;
	overflow:hidden;
	position:relative
}
.index-news-box .index-news-list li {
	width:540px
}
.index-news-box li .articlelist {
	width:540px;
	height:150px;
	position:relative;
	float:left;
	display:inline;
	border-bottom:1px solid #ebeced;
	margin-bottom:1px;
	color:#c7c7c7
}
.index-news-box li .articlelist h3 {
	font-size:14px;
	position:absolute;
	left:200px;
	top:8px
}
.index-news-box li .articlelist a {
	color:#5e5e5e
}
.index-news-box li .articlelist a:hover {
	text-decoration:underline;
	color:#f15a23
}
.index-news-box li .articlelist img {
	position:absolute;
	left:5px;
	top:12px
}
.index-news-box li .articlelist .article-des {
	width:340px;
	color:#7b7b7b;
	padding:5px 5px 5px 0px;
	line-height:20px;
	position:absolute;
	left:200px;
	top:28px
}
.index-news-box li .articlelist .article-info {
	position:absolute;
	bottom:10px;
	left:200px;
	line-height:20px;
	height:20px;
	width:340px
}
.article-info .postby, .article-info .cat, .article-info .view {
	padding:0px 5px;
	display:block;
	height:20px;
	float:left;
	background:url(../images/icon-article.gif) no-repeat;
	padding-left:20px
}
.article-info .cat {
	background-position:left -20px
}
.article-info .cat a, .article-info .readmore a {
	color:#c7c7c7
}
.article-info .view {
	background-position:left -40px
}
.article-info span.readmore a {
	float:right;
	padding:3px 5px;
	color:#333
}
.article-info span.readmore a:hover {
	background:#4a4a4a;
	color:#fff
}
.dyfw {
	width:100%;
	height:90px;
	background:#f6f3f3;
	text-align:right;
	border-bottom:1px solid #c6c6c6
}
.dyfw h3 {
	width:430px;
	height:90px;
	font-size:20px;
	font-weight:bold;
	color:#b1b1b1;
	float:left;
	line-height:90px;
	background:url(../images/quote_bg.png) no-repeat left center;
	text-align:left;
	text-indent:80px
}
.dyfw a {
	font-size:20px;
	color:#8d8c8c;
	font-weight:bold;
	padding:8px 30px;
	background:#515151;
	-webkit-box-shadow:0.5px 0.5px 3px #bababa;
	-moz-box-shadow:0.5px 0.5px 3px #bababa;
	box-shadow:0px 0.5px 3px #bababa
}
.dyfw a:hover {
	background:#4d4d4d;
	color:#9d9d9d
}
.dyfw-btn {
	height:90px;
	width:500px;
	line-height:90px;
	float:left
}
.case-list {
	width:100%;
	margin:0px auto;
	padding:5px 0px
}
.case-list li, .other-case li {
	width:300px;
	margin:8px 10px;
	padding:5px;
	position:relative;
	z-index:5;
	overflow:hidden;
	border:1px solid #efefef;
	height:240px;
	float:left;
	display:inline
}
.case-list li .case-img, .other-case li .case-img {
	width:300px;
	height:180px
}
.case-list li .case-img img, .other-case li .case-img img {
	width:300px;
	height:180px
}
.case-list li .case-info, .other-case li .case-info {
	width:290px;
	height:60px;
	background:#f7f7f7;
	padding:0px 5px;
	color:#5e5e5e
}
.case-list li .case-info h3, .other-case li .case-info h3 {
	font-size:14px;
	font-weight:bold
}
.case-list li .case-info h3 a, .other-case li .case-info h3 a {
	line-height:30px;
	color:#5e5e5e
}
.case-list li .case-info h3 a:hover, .other-case li .case-info h3 a:hover {
	text-decoration:underline;
	color:#c40035
}
.case-info {
	width:100%;
	margin:0px auto;
	padding:15px 0px
}
.case-info-img {
	width:750px;
	float:left;
	text-align:center
}
.case-info-other {
	width:230px;
	line-height:20px;
	float:left;
	display:inline;
	margin-right:10px;
	padding:5px;
	color:#525252
}
.case-info-other h2 {
	font-size:14px;
	border-bottom:1px dotted #e1e1e1;
	line-height:30px
}
.case-prev-next {
	height:60px;
	border-top:1px dotted #e1e1e1;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	border-bottom:1px dotted #e1e1e1
}
.prev2, .next2 {
	cursor:pointer;
	height:48px;
	color:#646464;
	line-height:48px;
	height:48px;
	display:inline-block;
	top:5px;
	float:left
}
.prev2 img, .next2 img {
	border:1px solid #dedede;
	padding:1px
}
.prev2 span, .next2 span {
	float:left;
	display:block
}
.prev2:hover, .next2:hover {
	text-decoration:underline;
	color:#c40035
}
.prev2 {
	position:absolute;
	left:-94px
}
.next2 {
	position:absolute;
	right:-94px
}
.case-tag {
	padding:5px 0px
}
.case-tag a {
	padding:5px;
	color:#646464
}
.case-tag a:hover {
	background:#878787;
	color:#dedede
}
.case-info-box {
	padding:10px 0px
}
.case-info-box li {
	float:left;
	width:100%;
	line-height:25px
}
.case-link {
	text-align:center;
	width:100%;
	height:50px;
	margin:10px 0px
}
.case-link a {
	display:block;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	padding:15px 60px;
	background:#353535;
	-webkit-box-shadow:0.5px 0.5px 3px #484848;
	-moz-box-shadow:0.5px 0.5px 3px #484848;
	box-shadow:0px 0.5px 3px #8f8f8f
}
.case-link span {
	display:block;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	padding:15px 60px;
	background:#ccc
}
.case-link a.visible {
	background:#f0f0f0
}
.case-link a:hover {
	color:#ececec;
	background:#c40035
}
.other-case-list {
	padding-top:15px
}
.other-case-list li {
	padding:2px 0px;
	border-bottom:1px solid #ebeced
}
.other-case-list li a {
	font-size:14px;
	min-height:30px;
	_height:30px;
	line-height:25px;
	display:block;
	color:#4d4d4d
}
.other-case-list li a:hover {
	text-decoration:underline;
	color:#c40035
}
.other-case-list li img {
	display:none;
	border:1px solid #efefef;
	padding:2px
}
.simple-icon {
	height:69px;
	line-height:69px;
	text-indent:70px;
	font-size:25px;
	color:#898989
}
.icon-1 {
	background:url(../images/icon-why.gif) no-repeat left center
}
.about-us {
	margin:0px auto;
	padding:10px 20px
}
.about-us-who {
	min-height:100px;
	margin-top:10px;
	margin-left:30px;
	line-height:20px;
	padding:0px 25px;
	color:#6d6d6d
}
.zz-text {
	width:320px;
	height:320px;
	float:left;
	display:inline
}
.zz-text h1 {
	color:#f15a23;
	font-size:23px
}
.zz-text p {
	line-height:22px;
	color:#5D5D5D;
	padding:5px 0px;
	font-size:14px
}
.zz-text p span, .about-text p span {
	color:#f15a23
}
.about-text {
	width:600px;
	float:right
}
.about-text h3 {
	font-size:14px;
	float:left;
	padding:8px;
	margin-bottom:10px;
	background:#7D7D7D;
	color:#fff
}
.about-text p {
	float:left;
	line-height:22px;
	color:#5D5D5D;
	padding:5px 0px;
	font-size:14px;
	margin-bottom:10px
}
.about-jy {
	margin-top:30px
}
.jy {
	width:350px;
	float:left;
	padding-right:20px;
	border-right:1px dotted #e1e1e1
}
.womyoushi {
	width:550px;
	float:left;
	padding-left:20px
}
.service {
	min-height:800px;
	_height:800px;
	position:relative;
	margin-top:20px;
	padding:0px 10px
}
.l-f {
	float:left
}
.r-f {
	float:right
}
.bor-r {
	border-right:1px dotted #ebeced
}
.bor-l {
	border-left:1px dotted #ebeced
}
.bor-t {
	border-top:1px dotted #ebeced
}
.bor-b {
	border-bottom:1px dotted #ebeced
}
.float-r {
	float:right
}
.float-l {
	float:left
}
.service-list-box {
}
.num1, .num2, .num3, .num4, .num5, .num6 {
	height:37px;
	padding-left:45px;
	line-height:37px;
	background:url(../images/num.gif) no-repeat left;
	color:#616161;
	font-size:23px
}
.num1 {
	background-position:left top
}
.num2 {
	background-position:left -37px;
	margin-left:10px
}
.num3 {
	background-position:left -74px
}
.num4 {
	background-position:left -111px;
	margin-left:10px
}
.num5 {
	background-position:left -148px
}
.num6 {
	background-position:left -185px;
	margin-left:10px
}
.service-des {
	padding:10px 10px 10px 25px;
	color:#444;
	height:165px;
	line-height:22px;
	z-index:15
}
.service-other-case-list {
	width:352px;
	height:182px;
	margin:0px auto;
	overflow:hidden
}
.service-other-case-list li {
	width:352px;
	padding:1px;
	float:left;
	display:inline;
	text-align:left;
	font-size:14px
}
.service-other-case-list li a {
	color:#363636
}
.service-other-case-list li a:hover {
	color:#a50303;
	text-decoration:underline
}
.service-other-case-list li img {
	margin-top:10px
}
.btn-prev, .btn-next {
	width:32px;
	height:32px;
	display:block;
	position:absolute;
	bottom:42%;
	background:url(../images/rnd_br_next.gif) no-repeat
}
.btn-prev {
	left:10px;
	background-position:right bottom
}
.btn-prev:hover {
	background-position:left bottom
}
.btn-next {
	right:10px;
	background-position:right top
}
.btn-next:hover {
	right:10px;
	background-position:left top
}
.other-case-link, .other-case-more {
	color:#7c7c7c
}
.other-case-link:hover, .other-case-more:hover {
	color:#a50303;
	text-decoration:underline
}
.other-case-link {
	position:absolute;
	right:100px;
	bottom:10px
}
.other-case-more {
	position:absolute;
	right:30px;
	bottom:10px
}
.service-list-box {
	width:900px;
	padding:10px 20px;
	float:left;
	height:205px;
	border-bottom:1px dashed #eeeeee
}
.service-info {
	width:500px;
	color:#444;
	line-height:22px
}
.service-info .service-text {
	padding:5px
}
.service-img {
}
.more {
	text-align:right
}
.more a {
	padding:5px 10px;
	background:#fff;
	color:#838383
}
.animate-box2 {
	width:100%;
	position:relative;
	overflow:hidden
}
.animate-box2 h2 {
	margin-left:25px
}
*/ .service-h-content, .quanj {
width:98%;
margin:10px auto 0px auto
}
.ser-left {
	width:580px;
	float:left;
	border-right:1px dotted #dedede;
	padding:10px 10px 30px 10px;
	margin:10px 0px;
	color:#444;
	line-height:22px
}
.ser-right {
	float:left;
	text-align:center;
	width:350px;
	padding:10px 0px
}
.other-service {
	border-top:1px dotted #ccc;
	padding-top:10px
}
.other-service-list {
	padding:0px 17px;
	float:left;
	display:inline
}
.other-service-list b {
	padding:5px;
	background:#999;
	margin-bottom:10px;
	font-size:14px;
	margin:0px auto;
	text-align:center;
	color:#fff;
	font-weight:normal
}
.other-service-list b span {
	font-weight:bold;
	margin-right:5px
}
.other-service-process {
	padding:0px 10px;
	float:left;
	display:inline;
	width:220px
}
.other-service-process b {
	padding:5px;
	background:#555;
	margin-bottom:10px;
	font-size:14px;
	margin:0px auto;
	text-align:center;
	color:#fff;
	font-weight:normal
}
.other-service-process b span {
	font-weight:bold;
	margin-right:5px;
	color:#fff
}
.other-service-process .scroll-content {
	border-right:1px dotted #dedede;
	line-height:22px;
	padding:15px 5px;
	color:#444
}
.youshi-content {
	margin-top:10px
}
.youshi-content .youshi-list {
	width:488px;
	float:left;
	display:inline;
	margin-right:1px
}
.youshi-list h2 {
	padding:5px 2px;
	line-height:25px;
	text-align:center;
	background:#999;
	color:#fff;
	font-size:14px
}
.youshi-list div {
	padding:10px
}
.youshi-list li {
	width:100%;
	height:30px;
	line-height:30px;
	display:inline;
	float:left
}
.tuandui-list {
	width:210px;
	float:left;
	display:inline;
	height:200px
}
.other-youshi {
	width:98%;
	margin:0px auto;
	color:#444
}
.tabs {
	padding:10px 0px;
	width:98%;
	margin:0px auto
}
.tabs-title {
	height:35px
}
.tabs-title li {
	float:left;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	width:490px;
	background:#B7B7B7
}
.tabs-title li.current {
	background:#999;
	cursor:default;
	font-weight:bold
}
.quanjin .other-service-list {
	padding:10px 0px 0px 10px;
	line-height:22px;
	color:#444;
	border-bottom:1px dotted #ccc
}
.quanjin .other-service-list .scroll-content {
	margin:5px 0px
}
.tabs-list-content {
	float:left;
	display:inline;
	min-height:400px;
	padding-top:10px;
	width:100%
}
.tabs-list-content .case-list li {
	margin:5px
}
.tabs-list-content .case-list {
	margin-left:5px
}
.school .school-sol .other-service-process {
	padding:0px 20px;
	float:left;
	display:inline;
	width:370px
}
.mobile-app {
	width:98%;
	margin:0px auto
}
.mobile-left {
	width:260px;
	padding:0px 20px;
	line-height:22px;
	float:left;
	min-height:500px;
	_height:600px;
	border-right:1px dotted #dedede
}
.mobile-right {
	width:640px;
	float:left;
	padding-left:10px
}
.for-list {
	width:300px;
	height:150px;
	float:left;
	display:inline;
	margin-right:10px;
	line-height:25px;
	color:#333
}
.mobile-tabs-title {
	background:url(../images/line-rep.jpg) repeat-x left bottom;
	height:39px;
	line-height:39px
}
.mobile-tabs-title li {
	width:109px;
	height:39px;
	float:left;
	cursor:pointer;
	text-align:center;
	color:#6C6C6C
}
.mobile-tabs-title li.current {
	background:url(../images/tab-bg.jpg) no-repeat center bottom;
	text-align:center;
	cursor:default;
	font-weight:bold;
	color:#222
}
.mobile-tabs-title li span {
	height:27px;
	padding:4px 0px;
	background:url(../images/icon1.jpg) no-repeat left bottom;
	padding-left:18px
}
.mobile-tabs-content {
	padding:10px
}
.mobile-tabs-list {
	float:left;
	line-height:25px
}
.news {
	width:98%;
	margin:0px auto;
	margin-top:10px;
	padding-top:5px
}
.news-cat-box {
	width:302px;
	float:left;
	border-right:1px dotted #eee;
	display:inline;
	_height:950px;
	min-height:950px;
	padding-top:10px
}
.news-cat-box li {
	width:284px;
	padding:3px;
	border-bottom:1px dotted #EAEAEA;
	float:left;
	display:inline
}
.news-list {
	width:284px;
	padding:10px 0px
}
.news-list h3 {
	font-size:14px;
	color:#767676;
	display:block;
	padding:5px 0px
}
.news-list h3 a {
	color:#333
}
.news-list h3 a:hover {
	text-decoration:underline;
	color:#b10c0c
}
.news-list p {
	width:98%;
	line-height:20px;
	color:#333
}
.news-list .article-info {
	position:static;
	padding:0px
}
.news-list .article-face img {
	margin:7px 0px
}
.news-cat-box h2 {
	margin-bottom:10px
}
.article-img {
	padding:5px 0px
}
.pbl-list li {
	width:225px;
	margin:9px;
	float:left;
	display:inline;
	background:url(../images/image_shadow.png) no-repeat center bottom
}
.pbl-list li .rel-box {
	width:225px;
	border:1px solid #eee;
	margin-bottom:10px;
	background:#FFF
}
.pbl-list li .box-shadow {
	z-index:1;
	width:150px;
	height:17px;
	left:70px
}
.pbl-list li .article-des {
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	color:#444;
	line-height:20px
}
.pbl-list li .article-box {
	width:205px;
	margin:0px auto;
	padding:5px 0px
}
.pbl-list li .article-box h3 {
	padding:5px 0px
}
.pbl-list li .article-box h3 a {
	color:#555
}
.pbl-list li .article-icon {
	height:20px;
	padding:10px 0px
}
.article-show-info {
	padding:0px 0px 10px 0px
}
.article-details {
	padding:10px 0px;
	font-size:16px;
	color:#3d3d3d
}
.article-title {
	width:100%;
	height:40px;
	border-bottom:1px solid #efefef;
	padding-bottom:20px;
	text-align:left;
	color:#666
}
.article-title-left {
	width:700px;
	float:left
}
.article-title-left a {
	color:#222
}
.other-word {
	font-size:14px;
	padding-top:10px
}
.other-word a {
	color:#555;
	text-decoration:underline
}
.other-word b {
	color:#666
}
.article-share {
	height:35px;
	float:left;
	padding-top:15px;
	padding-left:10px;
	border-left:1px dotted #efefef
}
.article-title b {
	font-size:18px;
	color:#797979
}
.article-title span {
	font-size:12px;
	font-weight:normal;
	line-height:30px
}
.other-article {
	width:265px;
	float:right;
	display:inline
}
#other-news li {
	height:30px;
	width:260px;
	border-bottom:1px dotted #eee;
	line-height:30px;
	float:left;
	display:inline;
	margin-left:10px
}
#other-news li a {
	color:#747474
}
.article-prev-next a {
	color:#797979;
	font-weight:bold
}
.article-prev-next a:hover {
	color:#666;
	text-decoration:underline
}
.article-prev-next {
	padding:10px 0px;
	height:40px;
	line-height:40px;
	border-bottom:1px dotted #eeeeee;
	border-top:1px dotted #eeeeee
}
.other-yuedu {
	padding:10px 0px
}
.other-yuedu h2 {
	font-size:14px;
	color:#797979
}
.other-yuedu ul {
	padding:10px 0px
}
.other-yuedu li a {
	line-height:25px;
	color:#797979
}
.contact-us {
	margin:0px auto;
	padding:10px 20px
}
.message-box {
	width:350px;
	float:left
}
.contact-form p {
	line-height:30px;
	color:#444
}
.icon-message, .icon-contact {
	padding:5px 10px;
	color:#555;
	height:40px;
	background:url(../images/contact-icon.gif) no-repeat left center;
	font-size:16px;
	margin-bottom:10px
}
.icon-message {
	background-position:left bottom;
	padding-left:40px
}
.icon-contact {
	background-position:left top;
	padding-left:40px
}
.input-style {
	line-height:18px;
	height:18px;
	padding:5px;
	color:#999;
	width:350px;
	border:1px solid #efefef;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px
}
.text-style {
	height:100px;
	width:350px;
	padding:5px;
	color:#999;
	border:1px solid #efefef;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px
}
.submit-btn {
	width:150px;
	height:30px;
	background:#444;
	border:none;
	color:#fff;
	line-height:30px;
	margin-right:20px;
	margin-top:20px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px
}
.submit-btn:hover {
	background:#666;
	cursor:pointer
}
.contact-info {
	width:550px;
	float:right;
	height:300px;
	background:url(../images/zx.jpg) no-repeat right bottom
}
.contact-info ul li {
	line-height:30px;
	padding-left:10px;
	font-size:14px;
	color:#555
}
.subpage-news-list {
	width:98%;
	margin:0px auto
}
.subpage-news-list li {
	border-bottom:1px dotted #eee;
	padding:10px 0px;
	height:120px;
	position:relative
}
.subpage-news-list img {
	position:absolute;
	left:0px;
	top:8px
}
.subpage-news-list img {
	padding:2px;
	border:1px solid #eee
}
.subpage-news-list h3 {
	position:absolute;
	left:195px;
	top:15px;
	font-size:16px
}
.subpage-news-list h3 a {
	color:#555;
	padding:5px
}
.subpage-news-list h3 a:hover {
	text-decoration:underline;
	padding:5px
}
.subpage-news-list .news-description {
	width:780px;
	;
	position:absolute;
	left:200px;
	top:45px;
color:$#777
}
.subpage-news-list li .article-info {
	position:absolute;
	left:200px;
	bottom:0px;
	width:780px
}
.subpage-news-list li .article-info span.readmore a {
	float:right;
	padding:3px 5px;
	background:none;
	color:#444
}
.subpage-news-list li .article-info span.readmore a:hover {
	color:#333
}
.loadingmore {
	width:98%;
	margin:0px auto;
	height:50px;
	line-height:50px;
	text-align:center
}
/* 代码提供：脚本之家 jb51.net */