@charset "utf-8";
/* CSS Document */
html, body { height: 100%; }
body { line-height: 1.5;font-family: "微软雅黑", Roman, sans-serif; }
.clearfix:after, #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0 }
* html .clearfix, * html #container { height: 1% }
fieldset { padding-top: 0 }
a:link { text-decoration: none; color: #666; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color: #903; }
a:active { text-decoration: none; }
.left { float: left }
.right { float: right }
.alignCenter { text-align: center }
.alignRight { text-align: right }
.autoMargin { margin: 0 auto }
.margintop5px { margin-top:5px}
.margintop10px{ margin-top:10px}
.marginbottom10px{ margin-bottom:10px}
.margintop20px{ margin-top:20px}
.marginbottom20px{ margin-bottom:20px}
.paddingtop10px { padding-top:10px}
.marginright5px { margin-right:5px}
.hide { display: none }
.white,a.white { color:#fff}
.black, a.black  { color: black }
.red, a.red  { color: red }
.orange, a.orange  { color: orange }
.green, a.green  { color: green }
.blue, a.blue  { color: blue }
.gray, a.gray  { color: gray }
.dark, a.dark  { color: #565656 }
.landcolor-outtime,a.landcolor-outtime {color: #8AC6C6;}
.delete { text-decoration: line-through; }
.wblackshadow{text-shadow: 0 0 2px #000;}
.container { width:940px;}
#container,#header,#nav,#superiority { text-align: left; font-size: 12px; margin:0 auto;width:940px;}
header,#banner,#content-s1,.content,#footer{ width: 100%; min-width: 940px;}
header{ height: 40px; background: #474747; margin:0;}
#header{ color: #fff; line-height: 40px;}
#header p { float: left; margin: 0; padding: 0;}
#header li { display: inline-block; border-right:solid 1px #626262; padding:0 15px;}
#header li i { margin-right: 5px;}
#header ul { float: right; border-left:solid 1px #626262; padding:0; margin: 0}
#nav { height: 85px; position: relative;}
#logo { background: url(../images/logo.png) no-repeat center center; background-size: 200px 59px; display:block; height:59px; width: 200px;text-indent: -999em;position: absolute; left: 0; top: 12px}
#nav ul{ padding: 0; font-size: 16px; position: absolute; right: 0; top: 32px}
#nav ul li {display: inline-block; margin: 0; padding: 0}
#nav ul li a.selected { background: #35A1F2; color: #fff;}
#nav ul li a { padding:10px 15px; color: #777777}
#nav ul li a:hover{ background: #35A1F2; color: #fff;}
#banner{ background: url(../images/banner.jpg) center center; height: 460px; }
#banner .container{position: relative; height: 460px;}
#banner ul{ margin:0; padding:0; position: absolute; left: -5px; bottom:168px;}
#banner ul li { margin:0; list-style: none; text-align: center; line-height: 61px; font-size:20px; margin-top: 18px;}
#banner ul li a{ width: 318px; height: 61px; display: block; background: url(../images/banner_nav_li.png) top center; color: #fff;text-decoration: none; font-weight: 300;}
#banner ul li a:hover { background: url(../images/banner_nav_li.png) bottom center; color:#ff0 }
#softdownload {background: url(../images/banner_softdownload.png) bottom center; width: 455px; height: 164px; padding: 20px; position: absolute; right: -5px; bottom:168px; color: #F0F0E0; line-height: 1.5em}
#softdownload h2 { margin:0 0 10px 0; padding: 0; font-size: 40px;font-weight: 300; position: relative;}
#softdownload h2 small{ color: #FFBF27}
#softdownload h2 span{ position: absolute; background: url(../images/icon_eCaishen.png); width: 72px; height: 72px;text-indent: -999em; bottom: 30px; right: 0;}
#sitewords{ position: absolute; bottom: 50px; color: #FFF; font-size: 33px; width: 100%; text-align: center;font-weight: 300;}
#superiority { height: 420px; background: #fff;}
#superiority li {list-style: none; text-align: center; padding-top: 50px;}
#superiority li div{ width: 184px; margin: 0 auto}
#superiority li span { width: 60px; height: 60px;color: #fff; display: block; line-height: 60px; text-align: center; margin:0 auto 30px auto; font-size: 28px}
#superiority h2 { margin:0; color:#3D99FF; font-size: 18px; line-height: 1.4em; padding: 0 10px; margin-bottom: 20px; height: 2.8em;font-weight: 300;}
#superiority p { color: #777;line-height: 1.5em; font-size: 14px; text-align: left;}
.lSAction > a { top: 80px;}
.bgA{ background: #C36690}
.bgB{ background: #A9B214}
.bgC{ background: #B21541}
.bgD{ background: #E37031}

#content-s1{ background:#EBF4F7; height: 216px;  margin-bottom: 50px}
#content-s1 h2{font-weight: 300;}
#content-s1 h2,#content-s1 p{ width: 600px;}
#content-s1 .container{ position: relative;}
#s1_imgInfo{ background: url(../images/s1.png) no-repeat center center; background-size:80%;width: 518px; height: 382px; position: absolute; right: -150px; top: -100px; text-indent: -999em}


.testimonials {border-radius: 5px;background: #fff;border: 1px solid #dedede; padding:20px 15px;}
.testimonials ul{ list-style: none; padding: 0; margin: 0;}
.testimonials li{ list-style: none; padding: 0; margin: 0;}
.testimonials .testimonials-author {}
.testimonials .testimonials-author .testimonials-cover {text-align: center;}
.testimonials .testimonials-author .testimonials-cover img {border-radius: 3px; width: 80px; margin-bottom: 10px;}
.testimonials .testimonials-author h3 {color: #3D99FF;font-size: 14px;font-weight: 300;text-align: center;margin: 0 0 0 0; line-height: 1.6em}
.testimonials .testimonials-author p {color: #363636;font-size: 12px;font-weight: 300;text-align: center;margin: 0 0 0 0; line-height: 1.6em}

.testimonials .testimonials-entry {}


.testimonials .testimonials-author .testimonials-rate {margin: 0;text-align: center;font-size: 0;line-height: 0;}
.testimonials .testimonials-author .testimonials-rate li {display: inline-block;*zoom: 1;list-style: none;*display: inline;font-size: 15px;line-height: 1em;color: #f4dd71;}
.testimonials .testimonials-entry {font-size: 14px;line-height: 1.5em;color: #777;}
.testimonials .testimonials-dots {position: absolute;bottom: 0;margin-bottom: 20px;right: 0;margin-right: 50px;}
.testimonials .testimonials-dots li {display: inline-block;*zoom: 1;list-style: none;margin-left: 6px;*display: inline;background: #eee;width: 6px;height: 6px;cursor: pointer;}
.testimonials .testimonials-dots li.active {background: #35a1f2;}


#content-s2{margin-bottom: 50px}
#content-s2 h2{font-weight: 300;}
#userProblem h2,#userComments h2{ margin-bottom: 30px;font-weight: 300; text-align: center;}
#userProblem .tab-content ul{ line-height: 40px; padding-left:0; font-size: 14px; margin-bottom: 30px; padding-top: 20px;}
#userProblem .tab-content li {color: #333;line-height: 1.5em;font-size: 18px;font-weight: 300;padding: 5px 5px 5px 50px;margin-bottom: 12px;list-style: none;background: url('../images/custom-li-2.png') no-repeat center left;}


.content .content-contact-form {margin-bottom: 60px;}
.content .content-contact-form h1 {font-weight: 300;font-size: 40px;line-height: 1em;margin: 0 0 25px 0;padding: 0;color: #474747;}
.content .content-contact-form p {font-weight: 300;font-size: 12px;line-height: 1.7em;color: #a9a9a9;margin-bottom: 25px;padding: 0;}
.content .content-contact-form .contact-form-line {border: 1px solid #c2c2c2;margin-bottom: 20px;padding: 10px 15px;width: 100%;font-size: 14px;color: #aaaaaa;border-radius: 3px;font-style: italic;outline: none;}
.content .content-contact-form .contact-form-area {border: 1px solid #c2c2c2;margin-bottom: 20px;padding: 10px 15px;width: 100%;font-size: 14px;color: #aaaaaa;height: 169px;outline: none;resize: none;border-radius: 3px;font-style: italic;}
.content .all-socials {text-align: right;}
.content .all-socials li {margin: 0 0 0 10px;}
.content .all-socials li a i {color: #fff;font-size: 15px;line-height: 1em;display: block;font-weight: 300;border-radius: 3px;padding: 5px;}
.content .content-path-1 {margin-bottom: 60px;padding-top: 60px;}
.content .content-path-1 h1 {font-size: 30px;line-height: 1.5em;text-align: center;font-weight: 300;color: #777;margin: 0;padding: 0;}
.custom-type-1 {margin-bottom: 60px;padding-top: 60px;overflow: hidden;background: url("../images/custom-bg-1.jpg") repeat-x top left;}
.custom-type-1 h1 {color: #fff;font-size: 44px;line-height: 1.2em;margin: 0 0 20px 0;font-family: 300; }
.custom-type-1 h3 {color: #fff;font-size: 26px;line-height: 1.2em;margin: 0 0 20px 0;font-family: 300; }
.custom-type-1 ul {margin: 0 0 20px 0;}
.custom-type-1 ul li {color: #fff;font-size: 18px;line-height: 1.5em;font-weight: 300;padding: 5px 5px 5px 50px;margin-bottom: 12px;background: url('../images/custom-li.png') no-repeat center left;}
.custom-type-2 {margin-bottom: 60px;overflow: hidden;background: url("../images/custom-bg-2.jpg") repeat top center;}
.custom-type-2 .custom-cover {padding: 60px 0 20px;background: rgba(255,255,255, 0.8);}
.custom-type-2 h3 {color: #363636;margin: 0 0 30px 0;font-size: 30px;font-weight: 300;line-height: 1.3em;}
.custom-type-3 {padding-bottom: 15px;}
.custom-type-3 h4 {font-size: 18px;}
.custom-type-4 {padding: 38px 0 0;background: url("../images/comment_bg.jpg") repeat top center;}
.content .custom-type-4 .content-contact-form .contact-form-area {height: 80px;}
.content .custom-type-4 .content-contact-form h1 {color: #fff;text-align: center;font-size: 36px;font-weight: 300;margin: 0 0 40px 0;}
.content .custom-type-4 .content-contact-form p {color: #f7f7f7;text-align: left;font-size: 15px;font-weight: 300;line-height: 1.4em;margin: 0 0 10px 0;}
.content .custom-type-4 .content-contact-form h3 {color: #fff;font-weight: 300;}

#footer{ background: #333; height: 80px; color: #777}
.footer-copyright { line-height: 80px;}


#pageContent{ background:url(../images/pageContent_BG.jpg) repeat-x; padding: 30px 0}
.articleInfo{ font-size: 12px; margin-bottom: 10px;}

.content h1 {color: #474747;font-size: 32px;line-height: 1.4em;font-weight: 300;}
.content h2 {color: #474747;font-size: 28px;line-height: 1.4em;font-weight: 300;}
.content h3 {color: #474747;font-size: 22px;line-height: 1.4em;font-weight: 300;}
.content h4 {color: #474747;font-size: 18px;line-height: 1.4em;font-weight: 300;}
.content h6 {color: #474747;text-transform: uppercase;font-size: 12px;line-height: 1.4em;font-weight: 800;}
#pageContent .content {padding-bottom: 60px;}
.content .dropcaps {float: left;display: inline-block;margin-right: 6px;font-family: 'Roboto', sans-serif;font-size: 60px;line-height: 1em;}
.content p {color: #676767;font-size: 14px;line-height: 1.5em;margin-bottom: 15px;}
iframe,img {max-width: 100%;height: auto;}
.content .alert p {font-weight: 400;color: #474747;}
.padding-top-60 {padding-top: 60px;}
.new-page img {margin-bottom: 20px;border-radius: 5px;}
.new-page h1 {font-size: 32px;line-height: 1.4em;}
.content .new-page p {font-size: 12px;line-height: 1.7em;}
.new-page iframe {width: 100%;margin: 0 auto 20px;min-height: 529px;}
.new-page .col-md-8 iframe {min-height: 450px;}
.new-page .col-md-4 iframe {min-height: 280px;}
.new-page .col-md-6 iframe {min-height: 350px;}
input,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea {outline: none;}
textarea:focus,
input:focus {border: 0;}

.channelList{}
.channelList h3 { font-size: 16px;}
.channelList h3 a { font-size: 12px;}
.channelList ul,.contentList { padding:0; margin: 0}
.channelList li,.contentList li { margin: 0; padding: 0; line-height: 2.6em; border-top: dotted 1px #eee; list-style: none;}

.contentList{}
.contentList dt{ margin: 0; padding: 10px 0 0 0; line-height: 1.8em; border-top: dotted 1px #eee; font-size: 16px;}
.contentList dt a {color: #337ab7}
.contentList dd { color: #777; line-height: 1.6em; padding: 0 0 10px 0}

#litBanner{ background: url(../images/litBanner_01.jpg) center center; height: 360px;}
#litBanner .container{ padding: 0}
#litSitewords{ color: #FF0; font-size: 33px; width: 100%; text-align: left;font-weight: 300; margin-top: 60px}
#litBanner p{ color: #F7F7F7; padding-right: 500px;}


.dialogList { margin: 0; padding:0;}
.dialogList li { list-style: none; padding-top: 10px; border-top:dotted 1px #eee;}
.dialogList li h6,.dialogList li p{ display: inline-block;}
.dialogList li h6{text-align: center; line-height: 1.6em; padding: 5px; display: inline-block; margin: 0; font-size: 14px;}
.dialogList li p{ background: #5cb85c; padding:3px 8px; line-height: 1.6em; color: #fff; border-radius: 6px;border: solid 1px #4cae4c; font-size: 13px; width: 80%}


/* ========================================================================
                                START ERROR 404
========================================================================= */
.error-404-v1 {
	padding: 60px 0;
	margin-bottom: -60px;
	min-height: 700px;
	background: url('../images/error-404-v1.jpg') top center;
}
.error-404-v1 .error-404-image {
	background: url('../images/error-404-img.png') top center;
	width: 100%;
	height: 70px;
	text-align: center;
	margin-bottom: 100px;
	display: block;
}
.error-content {
	text-align: center;
	margin-bottom: 50px;
}
.error-content h3 {
	color: #3596ff;
	font-size: 22px;
	margin: 0;
	line-height: 1.5em;
}
.error-content p {
	color: #b5b5b5;
	font-size: 14px;
	line-height: 1.5em;
}
.error-content .error-button {
	display: block;
	width: 140px;
	text-align: center;
	border-radius: 5px;
	display: block;
	font-weight: 400;
	margin: 60px auto;
	background: #c62955;
	color: #fff;
	text-transform: uppercase;
	padding: 15px;
	text-shadow: 0px 1px 1px #333;
}
.error-content .error-button:hover {
	background: #dd3e6b;
}
.error-404-v2 {
	margin: 60px 0;
	min-height: 560px;
	background: url('../images/error-404-v2.png') no-repeat top center;
}
.error-404-v2 .error-404-image {
	background: url('../images/error-404-image.png') no-repeat top left;
	width: 100%;
	height: 310px;
	margin: 150px 0 0;
}
.error-404-v2 .error-content {
	background: #fff;
	text-align: left;
	padding: 60px 40px;
	margin: 60px 20px 0 50px;
	min-height: 430px;
	box-shadow: 0px 0px 8px #ccc;
}
.error-404-v2 .error-content form {
	margin: 40px 80px 20px 0;
	position: relative;
}
.search-it {
	position: relative;
}
.search-it .search-line,
.error-404-v3 .error-content form .search-line,
.error-404-v2 .error-content form .search-line {
	border: 1px solid rgba(0,0,0, 0.2);
	padding: 10px;
	width: 100%;
	font-style: italic;
	max-height: 43px;
	z-index: 1;
	border-radius: 3px;
}
.search-it .search-button,
.error-404-v3 .error-content form .search-button,
.error-404-v2 .error-content form .search-button {
	height: 43px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -3px;
	z-index: 2;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width: 43px;
	border-radius: 0 3px 3px 0;
	background: url('../images/error-404-v2-search.png') no-repeat;
}
.search-it .search-button:hover,
.error-404-v3 .error-content form .search-button:hover,
.error-404-v2 .error-content form .search-button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.error-404-v3 {
	margin: 60px 0;
	min-height: 450px;
	background: #9acaff url('../images/error-404-v3.png') no-repeat bottom right;
	border-radius: 8px;
	overflow: hidden;
}
.error-404-v3 .error-content {
	text-align: center;
}
.error-404-v3 .error-content form {
	position: relative;
	margin: 0 auto;
	width: 300px;
	border-radius: 3px;
}
.error-404-v3 .error-content .error-head {
	background: rgba(255,255,255, 0.5);
	padding: 10px;
	border-bottom: 3px solid #cfe2f4;
	border-radius: 8px 8px 0 0;
	margin-bottom: 30px;
	box-shadow: 0 2px 2 #8dbaeb;
}
.error-404-v3 .error-content h1 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 163px;
	line-height: 1em;
	font-weight: 800;
	text-shadow: 1px 2px 3px #8aa7cb;
	text-align: center;
}
.error-404-v3 .error-content h3,
.error-404-v3 .error-content p {
	color: #fff;
}
/* ========================================================================
                                END ERROR 404
========================================================================= */