/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS 通用 */
html, body {
	height: 100%
}
body {
	font-size: 12px;
	font-family: Arial, "Microsoft YaHei";
	padding: 0px;
	color: #666;
	line-height: 22px;
	margin: 0px;
}
ul, li, dd, dl, dt, form, input {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
	margin: 0px;
	vertical-align: middle;
}
p, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #666666;
	vertical-align: middle;
}
.green {
	color: #090
}
a:hover {
	color: #999;
}
input {
	border: 0px;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
/*TOP按钮*/
#goTopBtn {
	POSITION: fixed;
	CURSOR: pointer;
	RIGHT: 10px;
	BOTTOM: 35px;
	_position: absolute;
	height: 47px;
	z-index: 100;
	overflow: hidden;
	width: 46px;
}
/*清除缓存*/
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}
/*header*/
#header {
	background: #000;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	height: 100px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop));
	overflow: hidden;
}
.warp {
	margin: 0 auto;
	width: 1024px;
	overflow: hidden
}
.header-logo {
	padding: 18px 0 16px;
	float: left;
}
.header-logo img {
	width: 317px;
}
.navigation {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.navigation li {
	margin-left: 40px;
	float: left
}
.navigation .active {
	border-color: #009944;
	color: #6abb07;
}
.navigation a {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 15px 0 20px;
	display: inline-block;
	line-height: 54px;
	border-top: 5px solid transparent;
	_border-top: 5px solid #000;
	color: #f1f1f1;
	font-family: "Microsoft YaHei";
}
/*IE兼容性*/
.upgradeBrowser {
	background: #ffffe1;
	border-bottom: 1px solid #f90;
}
.upgradeBrowserBox {
	width: 1000px;
	margin: 0 auto;
	line-height: 24px;
	text-align: center;
	color: #f60;
}
/*video*/
.header-wrapper {
	width: 100%;
	height: 100%;
	background: #333;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: url(../images/site/stillframe.jpg) no-repeat center top;
	background-size: cover;
	z-index: 1;
}
.header-video {
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
}
video {
	display: inline-block;
	vertical-align: baseline;
}
.header-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/site/tile-pattern.png);
	display: table;
}
.header-content i {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -17px;
	right: 0;
	background: url(../images/site/down_ico.png) no-repeat;
	width: 34px;
	height: 18px;
}
.header-content i:hover {
	cursor: pointer;
	background: url(../images/site/down_ico.png) -38px 0
}
.header-content .f-row {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.slogan {
	background-image: url('../images/site/slogan.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 157px;
	width: 748px;
	margin: 0 auto;
	text-indent: -9999px;
	top: 50%;
	_margin-top: -78.5px;
}
.header-content .section-header {
	font-weight: 100;
	letter-spacing: 0.05em;
	color: #fff;
	font-size: 55px;
	position: relative;
	margin-bottom: 20px;
	line-height: 1.4;
}
.header-content .p-header {
	font-weight: 100;
	letter-spacing: 0.05em;
	color: #fff;
	font-size: 20px;
	position: relative;
	line-height: 1.4;
	width: 700px;
	margin: 0 auto;
}
/*首页服务*/
#content-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	overflow: hidden;
}
.server_box {
	position: absolute;
	margin-top: -100px;
}
#intro h3 {
	font-size: 26px;
	display: block;
	text-align: center;
	font-weight: normal;
	margin: 100px 0 20px 0;
}
#intro .lead {
	font-size: 16px;
	font-weight: 200;
	line-height: 1.4;
	margin: 0 auto 30px;
	text-align: center
}
.four-menu {
	overflow: hidden;
	padding-bottom: 50px;
}
.four-menu ul li, .four-menu ul li a {
	position: relative;
	color: #555;
	text-decoration: none;
}
.four-menu ul li a:hover {
	color: #FFF
}
.four-menu ul li a:hover h1 {
	color: #f1f1f1
}
.four-menu ul li {
	float: left;
	width: 320px;
	height: 230px;
	overflow: hidden;
	margin-right: 4px;
}
.menu-c1 a {
	background: url(../images/site/c1_menu_bg.jpg) no-repeat;
	display: block;
	width: 240px;
	height: 250px;
	overflow: hidden;
}
.menu-c1 a:hover {
	background: url(../images/site/c1_menu_bg_over.jpg) no-repeat;
}
.menu-c2 a {
	background: url(../images/site/c2_menu_bg.jpg) no-repeat;
	display: block;
	height: 250px;
	overflow: hidden;
}
.menu-c2 a:hover {
	background: url(../images/site/c2_menu_bg_over.jpg) no-repeat;
}
.menu-c3 a {
	background: url(../images/site/c3_menu_bg.jpg) no-repeat;
	display: block;
	height: 250px;
	overflow: hidden;
}
.menu-c3 a:hover {
	background: url(../images/site/c3_menu_bg_over.jpg) no-repeat;
}
.menu-c4 a {
	background: url(../images/site/c4_menu_bg.jpg) no-repeat;
	display: block;
	height: 250px;
	overflow: hidden;
}
.menu-c4 a:hover {
	background: url(../images/site/c4_menu_bg_over.jpg) no-repeat;
}
.four-menu ul li h1 {
	font-size: 16px;
	position: absolute;
	top: 120px;
	left: 0;
	font-weight: lighter;
	color: #000;
	text-align: center;
	display: block;
	width: 320px;
	height: 24px;
	line-height: 24px;
}
.four-menu ul li span {
	font-size: 12px;
	position: absolute;
	top: 150px;
	left: 15px;
	padding-right: 5px;
	line-height: 20px;
}
.four-menu {
	margin: 0 auto;
	width: 980px;
	margin-top: 10px;
}
#pro_case {
	background: #f0f2f4;
	overflow: hidden;
	padding: 50px 0;
}
#pro_case ul {
	width: 1060px;
}
.tc {
	text-align: center
}
.subnav {
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 20px;
}
.subnav a.green {
	background-position: 0px 0px;
	color: #fff;
	background:#6abb07;
}
.subnav a {
	background:#fff;
	color: #444;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-size: 14px;
	margin: 0 4px;
	text-align: center;
	padding:0 2px;
}
.subnav a :hover{
	color: #fff;
	background:#6abb07;
}
li.product_list {
	width: 320px;
	float: left;
	margin-right: 31px;
	margin-top: 20px
}
li.product_list div {
	width: 300px;
	height: 130px;
	padding: 10px;
	background: #FFF;
}
li.product_list div a {
	color: #333;
	margin: 0 0 0 8px;
}
li.product_list div h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
li.product_list div p {
	color: #666;
	display: block;
	height: 90px;
	line-height: 18px;
	padding: 0 8px 10px 8px;
}
li.product_list dt {
	margin: 0;
	width: 320px;
	height: 198px;
	text-align: center;
	overflow: hidden;
}
li.product_list dt img {
	width: 320px;
	height: 198px;
}
li.product_list dt a {
	display: block;
	width: 320px;
	height: 198px;
	display: table-cell;
	vertical-align: middle;
}
/*列表案例*/
#class {
	overflow: hidden;
	padding: 0px 0;
	height: 100px;
}
#class .left h2 {
	font-size: 32px;
	float: left;
	display: block;
	line-height: 40px;
	padding-top: 40px;
	color: #666;
}
#class .left strong {
	font-size: 44px;
	font-family: Arial;
	font-weight: bold;
	color: #444;
	margin-right: 6px;
	vertical-align: middle;
}
#class .left p {
	float: left;
	color: #999;
	margin-top: 40px;
	margin-left: 10px;
}
#class .warp {
	border-bottom: #999 1px solid;
	height: 99px;
}
#class .qq {
	margin-top: 50px;
}
#case {
	width: 1024px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 20px;
}
.n_des {
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	padding: 30px 0 10px 0;
	width: 1024px;
	margin: 0 auto
}
#case ul {
	width: 1056px;
}
#case ul li {
	background-color: #ffffff;
	width: 320px;
	height: 320px;
	float: left;
	display: inline;
	margin: 30px 32px 0 0;
	border-bottom: #E5E5E5 3px solid;
	position: relative;
}
#case ul li dd a {
	color: #fff;
	overflow: hidden;
}
#case ul li dd a, #case ul li dd a img {
	display: block;
	position: relative;
}
#case ul li .hcase-image-box {
	margin: 0;
	background-position: 0 0;
	background-repeat: repeat;
	position: absolute;
	width: 320px;
	height: 198px;
	z-index: 110;
}
#case ul li dt {
	margin: 6px 20px 0 20px;
	line-height: 22px;
	color: #838383;
}
#case ul li dt h3 {
	border-bottom: 1px solid #e3e3e3;
	height: 30px;
	margin-bottom: 8px;
	padding-bottom: 4px;
	line-height: 30px;
	color: #323232;
	font-size: 16px;
}
#case ul li dt h3 a {
	color: #222222;
}
#case ul li .hcmore {
	font-size: 13px;
	float: right;
	color: #767676;
}
/*内容*/
#content {
	width: 1024px;
	padding-top: 20px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 35px;
}
#content .view {
	width: 700px;
	background: #fff;
	padding: 30px;
	overflow: hidden;
}
#content .view_case {
	width: 1024px;
	overflow: hidden;
}
#content .view_case .desinfo {
	padding: 10px;
	background: #E0E0E0;
	font-size: 12px;
	margin-bottom: 10px;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
#MyContent {
	line-height: 200%;
}
#MyContent p {
	padding-bottom: 10px;
}
#content .view #MyContent img {
	max-width: 650px;
width: expression(this.width > 650 ? 650: true);
}
#content .view .tit, #content .view_case .tit {
	padding: 0px 0 10px 0;
	text-align: left;
	border-bottom: #999 1px dashed;
	margin-bottom: 20px;
}
#content .view .tit h1, #content .view_case .tit h1 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
#content .view .tit .info, #content .view_case .tit .info {
	color: #999;
	height: 25px;
	line-height: 25px;
	margin-top: 6px;
}
#content .view .tit .info ul li, #content .view_case .tit .info ul li {
	float: left;
	margin-right: 20px;
}
#content .view .tit .info .time span, #content .view_case .tit .info .time span {
	padding-left: 18px;
	background: url(../images/site/time.png) no-repeat left center;
}
#content .view .tit .info .sv span, #content .view_case .tit .info .sv span {
	padding-left: 18px;
	background: url(../images/site/vs.png) no-repeat left center;
}
#content .view .tit .info .url span, #content .view_case .tit .info .url span {
	padding-left: 18px;
	background: url(../images/site/url.png) no-repeat left center;
}
#content .view .tit .info .url a, #content .view_case .tit .info .url a {
	color: #009900;
}
#content .view .tit .info .look span, #content .view_case .tit .info .look span {
	padding-left: 18px;
	background: url(../images/site/look.png) no-repeat left center;
}
#content .view #article_pn {
	border: 1px dashed #dddddd;
	margin-top: 25px;
	padding: 15px;
	background: #F9F9F9;
	text-align: left;
}
#content .view_case #article_pn {
	border: 1px dashed #ccc;
	margin-top: 25px;
	padding: 15px;
	text-align: left;
}
#content .view .tag, #content .view_case .tag {
	padding-left: 18px;
	background: url(../images/site/nmorepagetags.png) no-repeat left 17px;
	margin-top: 20px;
	border-top: #999 1px solid;
	padding-top: 10px;
	margin-bottom: 20px;
}
.tag span {
	vertical-align: middle;
}
#content .view_case .tag {
	background-position: left 15px;
}
#content .view #article_pn a, #content .view_case #article_pn a {
	color: #369;
	text-decoration: underline;
}
/*内容分类*/
.content_left .class {
	background: #fff;
	padding: 20px;
	width: 200px;
	display: block;
	overflow: hidden
}
.content_left .class .classname {
	margin-bottom: 10px;
	border-bottom: 2px #090 solid;
	font-size: 21px;
	color: #222;
	padding-bottom: 10px;
}
.content_left .class ul {
	padding: 0px 0 0;
	width: 260px;
}
.content_left .class ul li {
	float: left;
	width: 90px;
	margin-right: 20px;
	margin-top: 10px;
	display: inline;
}
.content_left .class ul li a {
	display: block;
	background: #eee;
	padding: 5px 0;
	width: 90px;
	text-align: center;
}
.content_left .class ul li a.currclass {
	background: #090;
	color: #FFFFFF;
}
/*相关内容*/
.content_left .more {
	background: #fff;
	padding: 20px;
	width: 200px;
	display: block;
	margin-top: 10px;
}
.content_left .more p {
	font-size: 15px;
	color: #454545;
	padding-bottom: 20px;
}
.content_left .more li {
	padding-left: 18px;
	background: url(../images/site/hotnews_liicon.png) no-repeat left center;
	line-height: 27px;
}
.cases_more .more {
	background: #fff;
	padding: 20px;
	overflow: hidden;
	margin-top: 10px;
}
.cases_more .more p {
	font-size: 15px;
	color: #454545;
	padding-bottom: 20px;
}
.cases_more .more ul {
	width: 1024px;
}
.cases_more .more li {
	float: left;
	margin-right: 10px;
	text-align: center
}
.cases_more .more li img {
	width: 155px;
}
.cases_more .more li div.txt {
	width: 155px;
	height: 30px;
	line-height: 30px;
	color: #6699ff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*分页*/
.pagelist {
	padding: 8px;
	height: 35px;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 20px;
	clear: both;
	font-size: 12px;
}
.pagelist a {
	margin: 2px;
	color: #5a5a5a;
	text-decoration: none;
	background-color: #e7e7e7;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.pagelist .curr {
	font-weight: bold;
	margin: 2px;
	color: #fff;
	background-color: #090;
	padding: 8px;
	vertical-align: middle;
}
.pagelist span {
	margin: 4px;
	color: #5a5a5a;
	background-color: #e7e7e7;
	padding: 8px;
	vertical-align: middle;
}
/*客户*/
#index_client {
	background: #fff;
	overflow: hidden;
	padding: 50px 0;
}
.htitle {
	clear: both;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
}
.htitle span {
	float: right;
	font-size: 16px;
}
.htitle span a {
	font-size: 16px;
	color: #090;
}
.htitle h2 {
	font-size: 24px;
	font-weight: normal;
	color: #444;
}
#index_client ul {
	width: 1120px;
}
#index_client ul li {
	float: left;
	margin: 10px 40px 15px 0;
	border: #CCC 1px solid;
}
#index_client ul li img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
/*内容*/
#client_box {
	background: #313131 url(../images/site/client_bg.jpg) no-repeat top center;
	overflow: hidden;
	padding: 100px 0 50px 0;
}
#client_box ul {
	width: 1120px;
}
#client_box ul li {
	float: left;
	margin: 10px 40px 15px 0;
	border: #CCC 1px solid;
}
#client_box ul li img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
/*关于我们&观点*/
#index_about {
	background: #f3f3f3;
	padding: 50px 0;
	display: block;
	clear: both;
	overflow: hidden
}
#index_about .about_content {
	float: left;
	margin: 0;
	padding-right: 34px;
	width: 470px;
	border-right: 1px #b9b9b9 dashed;
}
#index_about .title {
	font-size: 20px;
	padding-bottom: 30px;
	color: #444;
}
#index_about .about_content .habouttxt h4 {
	font-size: 16px;
	color: #222;
	padding-bottom: 24px;
}
#index_about .about_content .habouttxt p {
	line-height: 22px;
	color: #666666;
}
#index_about .about_content .ctxtmore {
	padding-top: 16px;
}
#index_about .about_content .ctxtmore a {
	color: #fff;
	background: #090;
	padding: 5px 10px;
}
#index_about .news {
	width: 460px;
	float: right;
}
#index_about .news ul {
	width: 460px;
}
#index_about .news ul li {
	width: 460px;
	float: left;
	line-height: 24px;
	padding-bottom: 0px;
}
#index_about .news ul li span {
	float: right;
	color: #767676;
	font-size: 12px;
}
#index_about .news ul li a {
	color: #535353;
	padding-left: 17px;
	font-size: 12px;
	background: url(../images/site/hotnews_liicon.png) 0 -3px no-repeat;
}
#index_about .news .ctxtmore {
	clear: both;
	padding-top: 15px;
}
#index_about .news .ctxtmore a {
	color: #fff;
	background: #090;
	padding: 5px 10px;
}
/*内页动态*/
#list {
	width: 1024px;
	margin: 0px auto;
	padding-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}
#list .left {
	width: 700px;
	background: #fff;
	padding: 30px;
	overflow: hidden;
	min-height: 600px;
}
#list .left .tit {
	padding: 0px 0 10px 0;
	text-align: left;
	border-bottom: #CCCCCC 1px dashed;
	margin-bottom: 20px;
}
#list .left .tit h1 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
#list .left ul {
	padding-top: 0px;
}
#list .left ul li {
	padding: 15px 0;
	border-bottom: #ddd 1px dashed;
}
#list .left ul li p.t span {
	float: right;
	color: #999;
}
#list .left ul li p.t a {
	padding-left: 17px;
	font-size: 16px;
	background: url(../images/site/hotnews_liicon.png) 0 0px no-repeat;
}
#list .left ul li p.c {
	display: block;
	padding-top: 12px;
	line-height: 20px;
	color: #999;
	padding-left: 17px;
	width: 650px;
}
/*主*/
#main {
	padding-top: 100px;
	background: #f0f2f4;
	width: 100%;
}
/*about*/

.about-tenede {
	background: url(../images/site/about.gif) repeat;
	padding: 5em 0 5em 0;
	position: relative;
	color: #ccc;
}
.about-tenede .about-tenede-tit {
	float: right;
	text-align: right;
	width: 20%;
	margin: 30px 0;
}
.container {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
}
.container p {
	margin: 0 0 10px;
}
.about-tenede-content {
	width: 79%;
	margin: 13px 0 0 0;
	overflow: hidden;
}
.about-tenede-content h2 {
	color: #fff;
	font-size: 2.3em;
	margin: 30px 0;
	line-height: 40px;
}
.about-tenede-content dl {
	width: 380px;
}
.about-tenede-content dl.l {
	float: left;
}
.about-tenede-content dl.r {
	float: right
}
.about-tenede-content dl dt {
	font-weight: bold;
	font-size: 2.5em;
	text-transform: uppercase;
	padding: .5em 0
}
.about-tenede-content dl dd {
	font-size: 1.2em;
	line-height: 1.5
}
/*2*/
.about-view {
	background: #0ea98b;
	color: #FFF;
	padding: 50px 0;
}
.about-view .container {
	position: relative;
}
.about-view .about-we-bg {
	position: absolute;
	bottom: -90px;
	right: 0;
	width: 574px;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}
.about-view .about-view-content {
	width: 420px;
}
.about-view .about-view-content h2 {
	font-size: 3em;
	margin: 0;
	line-height: 1;
}
.about-view .about-view-content h3 {
	font-size: 1.2em;
	margin: 0;
	font-weight: normal
}
.about-view .about-view-content1 {
	padding: 3em 0 0 0;
}
.about-view .about-view-content1 p {
	font-size: 13px;
	line-height: 1.8;
	margin: 0 0 12px 0;
}
/*3*/
.about-view-dl {
	background-color: #fff;
	width: 100%;
	padding: 7em 0 6.5em 0;
	overflow: hidden
}
.about-view-dl dl {
	text-align: center;
	position: relative;
	z-index: 10;
	color: #333;
	width: 33%;
	float: left
}
.about-view-dl dl dd.tit-en {
	padding: .5em 0;
	font-size: 1.5em;
	font-weight: bold;
}
.about-view-dl dl dd.tit-cn {
	font-size: 2em;
	font-weight: bold;
}
.about-view-dl dl dd.des {
	padding: 2em 3em 0 3em;
}
/*4*/
.about-services {
	overflow: hidden;
}
.about-services ul {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left
}
.about-services li {
	width: 16.6666%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 16.666%;
	color: #fff;
	background: #CCC;
	background-size: 100% 100%;
}
.about-services li.about-web {
	background-color: #81c2d6
}
.about-services li.about-branding {
	background-color: #ffa26f
}
.about-services li.about-seo {
	background-color: #f0dc6b
}
.about-services li.about-wechat {
	background-color: #86af53
}
.about-services li a {
	color: #fff;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
}
.about-services li big {
	font-size: 16px;
	width: 100%;
	padding: 0 20px;
	position: absolute;
	left: 0;
	bottom: 20px;
	font-weight: bold
}
.about-services li big small {
	display: block;
	font-size: 12px;
	border-bottom: solid 1px #fff;
	width: 80%;
	font-weight: normal
}
/*5*/
.about-culture {
	background-color: #e7e7e7;
	overflow: hidden
}
.about-culture .about-culture-content {
	padding: 10em 0 13em 45%;
	color: #767676;
	width: 100%;
	background: url(../images/site/about-culture.jpg) no-repeat left bottom;
}
.about-culture .about-culture-content h2 {
	font-size: 4.5em;
	color: #000;
}
.about-culture .about-culture-content h1 {
	font-size: 20px;
	margin: 30px 0;
}
.about-culture .about-culture-content p.des-cn {
	margin: 1.8em 0;
	line-height: 1.8;
	font-size: 13px;
	width: 550px;
}
.about-culture .about-culture-content p.des-en {
	width: 550px;
	display: block;
	background: url(../images/site/about_culture.png) no-repeat;
	height: 110px;
}
/*服务*/
.iwidth {
	width: 1000px;
	margin: 0 auto;
}
.pr {
	position: relative;
}
.stxt {
	position: absolute;
	line-height: 26px;
}
.f18 {
	font-size: 18px;
}
.mt15 {
	margin-top: 15px;
}
.f14 {
	font-size: 14px;
}
.s1 a, .s2 a, .s3 a, .s4 a {
	display: block;
	width: 150px;
	height: 40px;
	background: #666;
	text-align: center;
	line-height: 40px;
	color: #f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ser-banner {
	background: #00867d url(../images/site/ser-bj.jpg)no-repeat top center;
	height: 290px;
}
.come {
	background: url(../images/site/ser-one.jpg)center;
	height: 410px;
	padding-top: 81px;
	position: relative
}
.come p {
	background: url(../images/site/come.png) no-repeat center;
	height: 298px;
	width: 1000px;
	margin: 0 auto;
}
#client {
	position: absolute;
	bottom: 0;
	height: 100px;
}
.s1 {
	background: #6ab2a6 url(../images/site/s1.jpg) no-repeat center 0;
	height: 513px;
}
.s1 .stxt {
	left: 562px;
	top: 245px;
	width: 452px;
	color: #fff;
}
.s2 {
	height: 524px;
	background: #fff url(../images/site/s2.jpg) no-repeat center 0;
}
.s2 .stxt {
	left: 28px;
	top: 245px;
	width: 441px;
	color: #666666;
}
.s3 {
	background: url(../images/site/s3.jpg) no-repeat center 0 #e7e7e7;
	height: 516px;
}
.s3 .stxt {
	left: 482px;
	top: 263px;
	width: 464px;
	color: #666666;
}
.s4 {
	height: 600px;
	background: #fff url(../images/site/s4.jpg) no-repeat center 0;
}
.s4 .stxt {
	left: 11px;
	top: 320px;
	width: 446px;
	color: #666666;
}
/*网页设计服务*/
.webdesign1 {
	color: #505050;
	background: #FFF
}
.webdesign1 .warp {
	position: relative;
	padding: 8em 0;
}
.webdesign1-bg {
	width: 500px;
	float: left
}
.img-responsive {
	display: block;
	height: auto;
	width: 100%;
}
.webdesign1 .webdesign1-con {
	float: right;
	width: 480px;
}
/*.webdesign1-con p.h1 {font-size: 2.7em; margin: 0;}We are a digital design agency.*/
/*.webdesign1-con p.h2 {font-size: 1.6em; margin: 5px 0 15px 0;}We like doing new things thoughtfully.*/
/*Our design blends compelling aesthetics, time-honored usability standards, and advanced technologies to communicate your message.*/
.en_web_design {
	background: url(../images/site/web_design.png) no-repeat;
	width: 449px;
	height: 99px;
	margin-bottom: 20px;
}
.webdesign1-con p.h {
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0;
	font-family: "Microsoft YaHei"
}
.webdesign1-con p {
	margin: 0;
	line-height: 1.7;
}
.webdesign1 .webdesign1-works {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 320px;
	line-height: 63px;
	color: #fff;
	background: url(../images/site/webdesign1-works.png) no-repeat 240px center #0060aa;
	height: 63px;
	font-size: 23px;
	text-indent: 25px;
}
.webdesign1 .webdesign1-works a {
	color: #fff;
	font-weight: bold;
	float: left;
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei"
}
/*2*/

.webdesign2 {
	color: #fff;
	width: 100%;
	background-color: #0264a5;
}
.webdesign2 .webdesign2-con {
	background-color: #1876b6;
	padding: 20px;
	width: 340px;
	float: right;
	line-height: 24px;
}
.webdesign2 .webdesign2-con p {
	margin: 10px 0;
}
.webdesign2 .webdesign2-con big {
	font-size: 2em;
	font-weight: bold;
	margin: 0 auto;
	display: block;
	padding: 20px 0;
	font-family: "Microsoft YaHei"
}
.webdesign2 .webdesign2-about {
	width: 580px;
	float: left
}
.webdesign2 .webdesign2-about span.h3 {
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	display: block;
	background: url(../images/site/designers.png) no-repeat;
	width: 533px;
	height: 17px;
	margin: 25px 0;
}
/*Our designers lead the way in creative direction for our clients*/
.webdesign2 .webdesign2-about span.en {
	background: url(../images/site/website_design_services.png) no-repeat;
	width: 549px;
	height: 188px;
	margin: 90px 0;
	display: block;
}
/*Web development and website design services.*/
.webdesign2 .webdesign2-about p {
	font-size: 4.5em;
	margin: .6em 0;
	font-weight: bold;
	line-height: 1.2em;
	font-family: "Microsoft YaHei"
}
.webdesign_s {
	background: url(../images/site/xuanyan.png) no-repeat;
	width: 332px;
	height: 336px;
}
/*
Our vision is to create unique and customised solutions for your brand with our website design services. We identify and understand your brand’s identity before we start designing.  Our designers then create multiple concepts to help our clients find a solution that’s right for them. we website design and development team work collaboratively with clients throughout the process. The result is web designs that showcase the brands personality as well as its key products and services.
Our websites are designed with your customers in mind. We make sure we understand the demands of your target market when developing your website. All the site’s elements are developed and arranged for the purpose of facilitating the most enjoyable and positive experience for your user with User Interface and Experience Design.
*/

/*3*/
.webdesign3 {
	width: 100%;
	position: relative;
	background-color: #e7e7e7;
	border-bottom: solid 1px #c3c3c3;
	padding-top: 5em;
}
.webdesign3 .webdesign3-con p.h2 {
	margin: 0;
	font-size: 3.5em;
	padding: 0 0 .5em 0;
	font-family: "Microsoft YaHei"
}
.webdesign3 .webdesign3-con p {
	font-weight: normal;
	line-height: 1.5;
}
.webdesign3 .webdesign3-con div.compatible {
	background: url(../images/site/compatible.png) no-repeat;
	width: 382px;
	height: 144px;
	margin-top: 40px
}
/*
Fully responsive design
Pc Browser: IE8+, 360, Safari, Chrome, Sogou, Firefox...
Mobile Browser: Chrome, Safari, UC, QQ...
The layout adapts to the Screen size of whatever devices your visitors are using, looking great from a desktop view down to a smaller mobile resolution.
*/
.webdesign3 .webdesign3-con {
	color: #444;
	padding-top: 4em;
	width: 390px;
	float: left
}
.webdesign3 .webdesign3-bg {
	position: relative;
	bottom: 0;
	width: 500px;
	float: right
}
.webdesign4 {
	width: 100%;
	position: relative;
	background-color: #e7e7e7;
	border-bottom: solid 1px #c3c3c3;
}
.webdesign4 .webdesign4-con {
	padding: 10px 100px;
	text-align: center;
	color: #444;
	font-size: 13px;
}
.webdesign4 .webdesign4-con h1 {
	font-size: 3em;
	margin: 1em 0 .5em 0;
	font-family: "Microsoft YaHei"
}
.webdesign-list {
	padding: 8em 0 7em 0;
	background: #FFF
}
.webdesign-list .webdesign-item {
	width: 230px;
	text-align: center;
	margin-right: 25px;
	padding: 0;
	color: #444;
	float: left
}
.webdesign-list .webdesign-item .h1 {
	margin: 10px 0;
	font-family: "Microsoft YaHei";
	font-size: 26px;
}
.webdesign-list .webdesign-item p {
	font-size: 13px;
}
.mall {
	background: url(../images/site/mall.png) no-repeat;
	width: 738px;
	height: 29px;
	margin: 20px auto
}
/*Whether your brand is looking to re-position itself, strength online presence or increase online sales, we can help you with our premium website design services. We strive to meet clients’ expectations every day with our website design services.*/

/*平面设计*/
.brand-creative {
	height: 440px;
	overflow: hidden;
	position: relative
}
.brand-creative .brand-item-1 {
	background: url(../images/site/brand1.png) no-repeat right bottom #e9e9e9;
	color: #4f4f4f;
	height: 440px;
	float: left;
	width: 50%;
	position: absolute
}
.brand-creative .brand-item-1 .en {
	width: 457px;
	height: 155px;
	float: right;
	background: url(../images/site/brand_t.png) no-repeat;
	padding-right: 30px;
	margin-top: 95px;
}
/*
Brand Creative
We deliver the robust, creative services that businesses demand with our in-house creative team of web and graphic designers, front and back-end web developers, social media strategists and brand strategists.
we places great consideration on the following definitions of corporate branding.
*/

.brand-creative .brand-item-2 {
	background: url(../images/site/brand2.png) no-repeat left bottom #fea26f;
	color: #fff;
	height: 440px;
	left: 50%;
	width: 50%;
	position: absolute
}
.brand-creative .brand-item-2 .cn {
	width: 462px;
	overflow: hidden;
	padding: 80px 20px 0 30px;
	float: left;
}
.brand-creative .brand-item-2 .cn .t {
	margin: 0 0 .2em 0;
	font-size: 4.5em;
	line-height: 1.5;
	font-family: "Microsoft YaHei"
}
.brand-creative .brand-item-2 .cn .txt {
	line-height: 1.5;
	font-size: 1.2em;
}
/*2*/

.brand-services {
	text-align: center;
	color: #6f7072;
	background: #fff url(../images/site/brand-content.jpg) no-repeat center 50px;
	padding: 40px 0;
	overflow: hidden
}
.brand-services .brand-services-content {
	padding: 120px 50px 0 50px;
}
.brand-services .brand-services-content h1 {
	font-size: 2em;
	margin-bottom: 20px;
	font-family: "Microsoft YaHei"
}
.brand-services .brand-services-content p {
	line-height: 20px;
	margin-bottom: 10px;
}
.brand-services .brand-services-content .innovation {
	background: url(../images/site/innovation.png) no-repeat;
	width: 920px;
	height: 83px;
	margin-top: 20px;
}
/*3*/

.brand-imgae {
	overflow: hidden;
	position: relative;
	height: 600px;
}
.brand-imgae .brand-image-pic {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	overflow: hidden
}
.brand-image-pic-b {
	width: 87px;
	z-index: 99;
	background: url(../images/site/brand.png) no-repeat left top;
	height: 58px;
	position: absolute;
	left: 0;
	top: 0;
}
.brand_image {
	background: url(../images/site/brand_image.png) no-repeat;
	width: 454px;
	height: 315px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
/*
The perception of your product or your brand by the consumer.
How you want the consumer to perceive your product or your brand.Our branding company will bridge the gap between ‘brand image’ and ‘brand identity’.
We can help you develop your brand to stand out from the rest. As leading brand developers, We has helped many companies rise to the top of their field. The way you are perceived can make the difference between being the best or just being average.we are goal when helping position a brand is to ensure the brand is clear and visually consistent. Our branding company can conduct research to measure brand equity, customer loyalty, identify opportunities in products/services and develop campaigns to increase brand awareness.
Brand Image
*/

.brand-imgae .brand-image-content {
	background: #252525 url(../images/site/brand-image.jpg) no-repeat right top;
	color: #a1a1a1;
	width: 50%;
	position: absolute
}
.brand-imgae .brand-image-content .txt {
	width: 462px;
	padding: 0 30px 80px 20px;
	overflow: hidden;
	float: right;
	margin-top: 80px;
}
.brand-imgae .brand-image-content p {
	font-size: 14px;
}
.brand-imgae .brand-image-content h1 {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: .2em 0 .5em 0;
	font-size: 50px;
	line-height: .8;
}
/*微信营销*/
.wechat {
	width: 100%;
	overflow: hidden;
	display: block;
}
.wechat-a {
	background-color: #1b814f;
	padding: 8em 0 8em 0;
}
.wechat-a, .wechat-b {
	color: #fff;
}
.wechat-a .wechat-content {
	float: left;
	text-align: center;
	background: url(../images/site/wechat.png) no-repeat;
	width: 390px;
	height: 117px;
	padding-top: 170px;
	margin-top: 50px;
}
.wechat-a .wechat-content p {
	font-size: 30px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
.wechat-a .wechat-bg {
	width: 450px;
	float: right;
	text-align: right
}
/*2*/

.wechat-b {
	background-color: #27b7b8;
	padding: 4em 0 0 0;
}
.wechat-b .wechat-content {
	margin-top: 5em;
	float: right;
	width: 400px;
	height: 327px;
	text-align: center;
	background: url(../images/site/graphic.png) no-repeat;
	padding-top: 10px;
}
.wechat-b .h1 {
	font-size: 4em;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
.wechat-b .cntxt {
	font-size: 30px;
	padding-top: 85px;
	font-weight: bold;
	line-height: 35px;
	font-family: "Microsoft YaHei";
}
.wechat-b .wechat-bg {
	width: 50%;
	float: left;
}
/*3*/

.wechat-c {
	height: 596px;
	background: #fcf5a5 url(../images/site/wechat3.jpg) no-repeat right center;
	overflow: hidden
}
.wechat-c, .wechat-d {
	color: #925f40;
}
.wechat-c .wechat-content {
	width: 375px;
	height: 269px;
	text-align: center;
	background: url(../images/site/weixinsite.png) no-repeat;
	margin-top: 155px;
}
.wechat-c .h1 {
	font-size: 4.5em;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	padding-top: 15px;
}
.wechat-c .h3 {
	font-size: 2.5em;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	padding-top: 75px;
}
/*4*/

.wechat-d {
	background-color: #f7c94f;
	padding: 5em 0 0 0;
}
.wechat-d .wechat-content {
	margin-top: 5em;
	float: right;
	text-align: center;
	background: url(../images/site/weixinmall.png) no-repeat;
	width: 281px;
	height: 275px;
}
.wechat-d .h1 {
	font-size: 3.5em;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	padding-top: 10px;
}
.wechat-d .h2 {
	font-size: 2.2em;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	padding-top: 50px;
}
.wechat-d .h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	padding-top: 55px;
	line-height: 18px;
}
.wechat-d .wechat-bg {
	float: left;
}
/*网站SEO优化*/
.seo {
	background-color: #f7f6f2;
	position: relative;
	padding-top: 95px;
}
.seo .seo1-con {
	border-bottom: solid 1px #cbcbcb;
	padding-bottom: 3%;
}
.seo1-left {
	float: left;
	width: 46%;
}
.seo1-right {
	float: right;
	width: 50%;
	overflow: hidden
}
.row {
	width: 530px
}
.row li {
	float: right;
	width: 247px;
	height: 193px;
}
.seo .seo1-con .seo1-left h1 {
	margin: 0 0 1em 0;
	background: url(../images/site/seo_t.png) no-repeat;
	width: 362px;
	height: 99px;
	text-indent: -9999px
}
.seo .seo1-con .seo1-right ul li {
	float: left;
	margin: 0 1% 2% 1%;
}
.seo .seo1-con .seo1-left p {
	color: #5a5a5a;
	line-height: 2;
	font-size: 13px;
	margin: 20px 0;
}
.seo_experts {
	background: url(../images/site/seo_experts.png) no-repeat;
	width: 468px;
	height: 137px;
	margin-top: 30px;
	display: block
}
.seo .seo2 {
	padding: 50px 0;
	position: relative;
	width: 1024px;
	margin: 0 auto;
	overflow: hidden
}
.seo .seo2 .seo2-bg {
	width: 48%;
	float: left;
}
.search_results {
	background: url(../images/site/search_results.png) no-repeat;
	width: 504px;
	height: 116px;
	margin-top: 20px;
}
.seo .seo2 .seo2-bg .img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}
.seo .seo2 .seo2-con {
	color: #5a5a5a;
	float: right;
	width: 50%;
}
.seo .seo2 .seo2-con h3 {
	font-size: 30px;
	color: #444;
	line-height: 30px;
	font-family: "Microsoft YaHei"
}
.seo .seo2 .seo2-con p {
	color: #5a5a5a;
	font-size: 13px;
	margin: 0;
	line-height: 1.6;
}
.seo .seo2 .seo2-con-dl {
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}
.seo .seo2 .seo2-con-dl dl {
	float: left;
	text-align: center;
	font-size: 14px;
	width: 161px;
}
.seo .seo2 .seo2-con-dl dl dt {
	font-family: Helvetica, Arial, sans-serif;
	color: #c22c45;
	font-size: 4em;
	line-height: 80px;
	font-weight: normal;
}
.seo .seo2 .seo2-con-dl dl dd.chinese {
	margin-top: 5px;
	font-weight: bold;
	font-size: 1.3em;
	display: block;
}
.seo .seo2 .seo2-con p.c {
	font-size: 12px;
	line-height: 1.8;
	margin-top: 20px;
}
.seo .seo3 {
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	width: 100%;
	float: left;
	position: relative;
	background: url(../images/site/seo3-left.jpg);
	background-size: cover;
}
.seo .seo3 .seo3-center {
	position: relative;
	left: 20%;
	width: 30%;
	background-color: #202020;
	height: 100%;
	color: #fff;
	padding: 3em 0;
	float: left
}
.seo .seo3 .seo3-center .seo3-con {
	width: 80%;
	margin: 0 auto;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 1em 0;
}
.marketing {
	background: url(../images/site/marketing.png) no-repeat;
	width: 380px;
	height: 250px;
	text-indent: -9999px
}
.seo .seo3 .seo3-center .seo3-con p {
	margin: 0;
	line-height: 1.5;
}
.seo .seo3 .seo3-center .seo3-con h3 {
	margin: 10px 0 10px 0;
	font-size: 1.6em;
	line-height: 1.5;
}
.seo .seo4-con {
	padding: 3% 0 4% 0;
	text-align: center;
	color: #444;
}
.seo .seo4-con p.h1 {
	color: #c22c45;
	font-size: 2.5em;
	margin: 16px 0;
	font-family: "Microsoft YaHei"
}
.seo .seo4-con p.c {
	line-height: 1.8;
}
.seo .seo4-con p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}
.seo_factor {
	background: url(../images/site/seo_factor.png) no-repeat;
	width: 1018px;
	height: 57px;
	margin-top: 20px;
}
/*联系我们*/
.service-top {
	background: url(../images/site/service-top.png) center top no-repeat #000000;
	height: 352px;
	width: 100%;
	padding-top: 153px;
	overflow: hidden
}
.service-text {
	text-align: center;
	margin-bottom: 113px;
}
.service-nav {
	width: 1024px;
	margin: 0 auto;
}
.service-nav ul li a {
	width: 256px;
	height: 113px;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
}
.service-nav ul {
	position: relative;
}
.nav-ico1 {
	background: url(../images/site/ico22.png) center center no-repeat;
}
.nav-ico2 {
	background: url(../images/site/ico23.png) center center no-repeat;
}
.nav-ico3 {
	background: url(../images/site/ico24.png) center center no-repeat;
}
.nav-ico4 {
	background: url(../images/site/ico25.png) center center no-repeat;
}
/*
.nav-ico3:hover {background: url(../images/site/ico24-hover.png) center center no-repeat;}
.nav-ico2:hover {background: url(../images/site/ico23-hover.png) center center no-repeat;}
.nav-ico1:hover {background: url(../images/site/ico22-hover.png) center center no-repeat;}
.nav-ico4:hover {background: url(../images/site/ico25-hover.png) center center no-repeat;}
*/
.nav01 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.nav02 {
	position: absolute;
	left: 250px;
	top: 0px;
}
.nav03 {
	position: absolute;
	top: 0px;
	left: 500px;
}
.nav04 {
	position: absolute;
	top: 0px;
	left: 750px;
}
.contact_box {
	overflow: hidden;
	background: #fff;
	padding: 50px 0;
}
.contact_box table {
	width: 512px
}
.contact_box .fl h3 {
	background: url(../images/site/contact_us_t.png) no-repeat;
	width: 227px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}
.contact_box .fl .thank {
	background: url(../images/site/contact_form.png) no-repeat;
	display: block;
	width: 471px;
	height: 35px;
	margin: 20px 0;
}
/*We're excited that you want to work with us. Please fill out this quick quote request form and we'll be in touch shortly.*/

.contact-grids {
	width: 480px;
}
.contact-grids h2 {
	padding: 10px 0;
}
.contact-grids ul li {
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/site/contact_ico.jpg) no-repeat
}
.contact-grids ul li.n {
	background-position: 0 -88px;
}
.contact-grids ul li.t {
	background-position: 0 7px;
}
.contact-grids ul li.p {
	background-position: 0 -120px;
}
.contact-grids ul li.e {
	background-position: 0 -56px;
}
.contact-grids ul li.q {
	background-position: 0 -26px;
}
.contact_box .txt1, .pg-contact .content .txt {
	width: 240px;
	padding-left: 10px;
	height: 36px;
	background: white;
	line-height: 36px;
	border: 1px solid #DADADA;
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	color: #333;
	font-size: 14px;
}
.contact_box textarea {
	background: white;
	border: 1px solid #D9D9D9;
	padding: 5px 5px 5px 10px;
	width: 494px;
	height: 150px;
	margin-top: 10px;
	overflow-y: auto;
	line-height: 24px;
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;
	color: #333;
	font-size: 14px;
}
.contact_box .btn {
	background: url(../images/site/icon_btn.png) no-repeat;
	width: 140px;
	height: 43px;
	display: block;
	border: none;
	cursor: pointer;
	color: white;
	font-size: 16px;
	margin-top: 15px;
	font-family: "Microsoft YaHei"
}
/*foot*/
#footer {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background: #181718;
	padding-top: 50px;
}
#footer .fcontact {
	width: 480px;
	line-height: 20px;
	color: #9d9d9d;
	float: left;
}
#footer .fcontact .fsns {
	width: 380px;
	height: 40px;
	padding-bottom: 12px;
	display: block
}
#footer .fcontact .fsns a.qq {
	background: url(../images/site/qq1.png) no-repeat bottom left;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 18px;
	float: left;
	margin: 0 20px 0 0
}
#footer .fcontact .fsns a.qq:hover {
	background: url(../images/site/qq2.png) no-repeat top left
}
#footer .fcontact .fsns a.weibo {
	background: url(../images/site/weibo1.png) no-repeat bottom left;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 18px;
	float: left;
	margin: 0 20px 0 0
}
#footer .fcontact .fsns a.weibo:hover {
	background: url(../images/site/weibo2.png) no-repeat top left
}
#footer .fcontact .fsns a.tqq {
	background: url(../images/site/tqq1.png) no-repeat bottom left;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 18px;
	float: left;
	margin: 0 20px 0 0
}
#footer .fcontact .fsns a.tqq:hover {
	background: url(../images/site/tqq2.png) no-repeat top left
}
#footer .fcontact .ftel {
	font-size: 26px;
	font-weight: bold;
	color: #6abb07;
}
#footer .fcontact .fctxt {
	clear: left;
}
.weixin {
	float: right;
	width: 270px;
}
.weixin dt {
	float: left;
	width: 84px;
	height: 90px;
	margin-top: 28px;
}
.weixin dd {
	float: right;
	width: 103px;
	height: 103px;
	padding: 9px;
	margin-right: 10px;
	background: url(../images/site/weixinbg.gif);
}
#linker {
	padding: 0px 0 10px;
	line-height: 22px;
	margin: 0px auto;
	width: 100%;
	background: #181718;
}
#linker .warp {
	background: url(../images/site/foot_line.gif) repeat-x;
	padding-top: 20px;
	padding-bottom: 10px;
}
#linker span {
	background: #090;
	color: #ffffff;
	padding: 2px;
}
#linker a {
	font-size: 12px;
	color: #4d4d4d;
	margin-right: 10px;
	white-space: nowrap;
}
#foot_copy {
	line-height: 35px;
	width: 100%px;
	margin: 0 auto;
	color: #999;
	background: #000;
	height: 35px;
	overflow: hidden;
}
#foot_copy a {
	color: #999;
}
#foot_copy em {
	font-size: 10px;
	color: #333;
	padding: 5px;
}
#foot_copy .copyright {
	float: left;
}
#foot_copy .ft_menu {
	float: right;
	text-align: right
}
.errorMessage {
	color: #f00;
}
.error .txt {
	border-color: red;
	color: red;
}
.success .txt {
	border-color: #5EB304;
	color: #5EB304;
}
#msg-form td {
	vertical-align: top;
}
.nfl {
	height: auto !important;
	height: 320px;
	min-height: 320px;
}
.nfl .f_c {
	margin: 60px auto;
	padding: 20px;
	width: 580px;
	border: 3px solid #F2F2F2;
	background: #FFF;
}
.nfl .loginform {
	height: auto;
}
.nfl .clause {
	width: auto;
	height: auto;
}
.altw {
	width: 350px;
}
.altw .fltc {
	margin-bottom: 0;
	padding: 8px;
}
.alert_right, .alert_error, .alert_info {
	padding: 6px 0 6px 58px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 160%;
	background: url(../images/site/right.gif) no-repeat 8px 8px;
	font-size: 14px;
}
.alert_error {
	background-image: url(../images/site/error.gif);
}
.alert_error a {
	font-weight: 700;
	color: #ccc;
}
.alert_info {
	background-image: url(../images/site/info.gif);
}
.alert_btnleft {
	margin-top: 8px;
}
.alert_btn {
	margin-top: 20px;
	text-align: center;
}
.alert_act {
	margin-top: 20px;
	padding-left: 58px;
}