@charset "utf-8";
/* CSS Document */

body{width:100%;}
.M-top {
min-width:1150px;
	background: rgba(255,255, 255, 0.9);
	height: 70px;
	line-height: 70px;
	width: 100%;
	z-index: 9997;
}
.M-top-show {
	position: fixed;
}
.M-logo {
	position: relative;
	z-index: 9999;
}
.M-logo a {
	display: block;
	float: left;
	position:absolute;
}
.logoright img {
	display: block;
	margin-left: 100px;
	margin-top: 5px;
	
}
.M-logo a img {
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 9998;
}
.m_wnews {
	width: 251px;
	position: relative;
	left: 20px;
	top: 0px;
}
.M-top-right.uth {

	height: 70px;
	line-height: 70px;
}

.uth {
	height: 70px;
	line-height: 70px;
	width:72%;
}
.MM-nav {
	height: 70px;
	line-height: 70px;
}
.MM-nav ul li {
	float: left;
	display: block;
	width:10%;
}
.MM-nav ul li a {
	float: left;
	font-size: 16px;
	font-family: "Segoe UI", "微软雅黑";
	color: #c6c6c6;
	height: 70px;
	line-height: 70px;
	display: block;
}
.MM-nav ul li a:hover {
	color: #ffffff;
}
.MM-nav ul li a.cur div p {
	margin-top: -20px !important;
}


.M-nav {
	height: 70px;
	line-height: 70px;
}
.M-nav ul li {
	float: left;
	display: block;
}
.M-nav ul li a {
	float: left;
	font-size: 16px;
	font-family: "Segoe UI", "微软雅黑";
	color: #c6c6c6;
	height: 70px;
	line-height: 70px;
	display: block;
}
.M-nav ul li a:hover {
	color: #ffffff;
}
.M-nav ul li a.cur div p {
	margin-top: -20px !important;
}



.stylebox {
	position:absolute;
	z-index: 9999;
	left: 280px;
}
.headBtn {
	float: left;
	margin: 9px 0 0 15px;
	position: relative;
	width:180px;
	height:51px;
	background:url(../images/topbu.png) no-repeat;
}
.headBtn .wrap {
	background:none;
	display: none;
	font-size: 12px;
	position: absolute;
	width: 752px;
	z-index: 100;
	padding-top:23px;
}
.headBtn .wrap {
	left: 0;
}
.hbox { width:100%; height:100%; background:rgba(255, 255, 255, 0.9); overflow:hidden; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.headBtn .wrap .content_header a {
	color: #6a6969;
}
.headBtn .wrap .content_header, .headBtn .wrap .content_header .table_header {
	margin: 0;
	width: 158px;
	display:block;
	float:left;
}
.hdss { float:right; width:540px; height:420px; margin: 50px 20px 0 0; overflow:hidden;}
.hdss img { border-radius: 8px 8px 0px 0px; -webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;}
.hdss img:hover {-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease;
-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);
border-radius: 8px 8px 0px 0px;
}
.table_header .li_hd {
	background: #fff none repeat scroll 0 0;
	color: #666;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	width:754px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.table_header li {
	text-align: center;
}
.brtop { display:block;}
.content_header { display:block; width:758px; height:500px; float:left;}
.table_header li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 30px;
	font-size: 14px;

}
.table_header li a:hover {
	background: #A40F19;
	color: #fff;
	border-radius:0 50px 50px 0;
}
.headBtn .wrap .content_header a:hover { color:#fff;}
.switch-city {
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 1px;
	height: 28px;
	line-height: 28px;
	margin-top:10px;
}
.switch-city .city {
	display: inline-block;
	padding: 2px 18px 2px 23px;
	color:#666;
}
.switch-city .brand {
	display: inline-block;
	/*padding: 2px 8px 2px 35px;*/
	color:#666;
}
/* menu */


.menu ul {
	height: 70px;
	margin-right: 20px;
}
.menu {
	height: 70px;
	overflow: hidden;
}
.menu ul li {
	float: left;
	position: relative;
	line-height: 70px;
	height: 70px;
}
.menu ul li a {
	position: relative;/* 必要元素 */
	display: block;
	height: 70px;
	width: 100px;
	text-align: center;
}
.menu ul li a span {
	position: absolute;/* 必要元素 */
	left: 0;
	width: 100px;
	text-align: center;
}
.menu ul li a span.out {
	top: 0px;
	width: 100px;
	text-align: center;
}
.menu ul li a span.over, .menu ul li a span.bg {
	top: -70px;
	width: 100px;
	text-align: center;
}
/*.menu ul li a.cur .out{top:70px;width:100px; text-align:center; color:#ffffff !important; }







.menu ul li a.cur .over{top:0px;width:100px; text-align:center; color:#ffffff !important;  }*/







.menu {
}
.menu ul li a {
}
.menu ul li a span.over {
	background: #00B5E0;
	font-family: "微软雅黑" !important;
}
#nav {
	position: fixed;
	left: 20px;
	top: 30%;
	background: url(../images/left-nav-bj.png) no-repeat center;
	width: 80px;
	height: 361px;
	z-index: 9995;
	padding-top: 128px;
	text-align: left !important;
}
#nav li {
	text-align: left !important;
}
#nav li a {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #a9a9a9;
	width: 48px;
	display: block;
	text-align: left !important;
	margin-bottom: 7.5px;
 +height:20px;
 +margin-left:-15px;
}
#nav li a:hover em {
	color: #ff4040;
	font-family: "微软雅黑";
	font-size: 12px;
	display: inline-block;
}
#nav li a:hover {
	color: #ff4040;
	font-family: "微软雅黑";
	font-size: 12px;
}
#nav .current em {
	display: inline-block;
	color: #ff4040;
	font-family: "微软雅黑";
	font-size: 12px;
}
#nav .current a {
	color: #ff4040;
	font-family: "微软雅黑";
	font-size: 12px;
}
.nav-ico {
	background: url(../images/cur-ico.png) no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	display: none;
	position: relative;
	left: 0px;
	top: 5px;
 +left:-1px;
 +top:-15px;
}
#topcontrol {
	top: 63px !important;
	z-index: 9995;
	height: 54px !important;
}
#menu1 ul {
	padding: 0;
}
#menu1 ul li a {
	overflow: hidden;
	float: left;
	height: 20px;
	width: 95px;
	display: block;
	text-align: center;
	padding-bottom: 25px;
	padding-top: 25px;
	cursor: pointer;
}
#menu1 ul li a, #menu1 ul li a span {
	text-decoration: none;
	clear: both;
	display: block;
	color: #666;
	font-family: "Segoe UI";
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	display: block;
}
#menu1 ul li a div {
	color: #666;
	font-family: "微软雅黑";
}
#menu1 ul a div {
	float: left;
	width: 100px;
	height: 20px;
	display: block;
	overflow: hidden;
}
#menu1 ul li a font {
	color: #666;
	font-family: "微软雅黑";
	display: block;
}
#menu1 ul li a span {
}
.top-ico1 {
	background: url(../images/top-ico1.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico1:hover {
	background: url(../images/top-ico1-hover.png) no-repeat;
}
.top-ico2 {
	background: url(../images/top-ico2.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico2:hover {
	background: url(../images/top-ico2-hover.png) no-repeat;
}
.top-ico3 {
	background: url(../images/top-ico3.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico3:hover {
	background: url(../images/top-ico3-hover.png) no-repeat;
}
.top-ico4 {
	background: url(../images/top-ico4.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico4:hover {
	background: url(../images/top-ico4-hover.png) no-repeat;
}
.top-ico5 {
	background: url(../images/top-ico4.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico5:hover {
	background: url(../images/top-ico4-hover.png) no-repeat;
}
.top-ico6 {
	background: url(../images/top-ico3.png) no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 9990;
	margin-left: -21px;
}
.top-ico6:hover {
	background: url(../images/top-ico3-hover.png) no-repeat;
}
.section-2 {
	background: url(../images/b-bj.png) center no-repeat;
	width: 100%;
	height: 611px;
	text-align: center;
	padding-top: 242px;
	position: relative;
	margin-top:-185px;
}
.M-what {
	margin: 0 auto;
	width: 985px;
}
.M-what {
}
.M-design {
	text-align: center;
	display: block;
	width: 165px;
	margin-right: 90px;
	position: relative;
	left: 0px;
	top: -198px;
}
.Brand {
	text-align: center;
	display: block;
	width: 165px;
	margin-right: 90px;
	position: relative;
	left: 0px;
	top: -198px;
}
.move {
	text-align: center;
	display: block;
	width: 217px;
	margin-right: 90px;
	position: relative;
	left: 0px;
	top: -198px;
}
.ui {
	text-align: center;
	display: block;
	width: 165px;
	position: relative;
	left: 0px;
	top: -198px;
}
.M-design-ico {
	background: url(../images/design-ico.png) no-repeat;
	width: 122px;
	height: 122px;
	display: block;
	margin-bottom: 32px;
	margin-left: 18px;
 +margin-left:0px !important;
}
.Brand-ico {
	background: url(../images/brand-ico.png) no-repeat;
	width: 122px;
	height: 122px;
	display: block;
	margin-bottom: 32px;
	margin-left: 18px;
 +margin-left:0px !important;
}
.move-ico {
	background: url(../images/move-ico.png) no-repeat;
	width: 122px;
	height: 122px;
	display: block;
	margin-bottom: 32px;
	margin-left: 41px;
 +margin-left:0px !important;
}
.ui-ico {
	background: url(../images/ui-ico.png) no-repeat;
	width: 122px;
	height: 122px;
	display: block;
	margin-bottom: 32px;
	margin-left: 18px;
 +margin-left:0px !important;
}
.M-what-top {
	text-align: center;
	margin: 0 auto;
	height: 98px;
}
.ui:hover em {
	background: url(../images/ui-ico-hover.png) no-repeat;
}
.move:hover em {
	background: url(../images/move-ico-hover.png) no-repeat;
}
.Brand:hover em {
	background: url(../images/brand-ico-hover.png) no-repeat;
}
.M-design:hover em {
	background: url(../images/design-ico-hover.png) no-repeat;
}
.M-design-title span {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #545454;
	display: block;
}
.M-design-title font {
	font-family: "Segoe UI";
	font-size: 14px;
	color: #d5d5d5;
	display: block;
}
.M-design-bottom {
	height: 43px;
	overflow: hidden;
	text-align: center;
}
.M-btn {
	background: url(../images/btn-ico.png) no-repeat;
	width: 162px;
	height: 31px;
	display: none;
	line-height: 31px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #ffffff;
}
.M-left {
	margin-left: 27px;
}
.M-bottom-border {
	background: url(../images/border-bottom.png) no-repeat center;
	height: 3px;
	width: 100%;
}
.M-bottom-border2 {
	background: url(../images/border-bottom2.png) no-repeat center;
	height: 3px;
	width: 100%;
}
.M-what-title {
	margin-top: 50px;
	font-family: "微软雅黑";
	font-size: 24px;
	color: #898989;
	margin-bottom: 114px;
}
#section-2 {
	position: relative;
	left: 0px;
	top: 50px;
}
.top {
	top: 10px !important;
}
#top-m {
	position: relative;
	left: 0px;
	top: -30px;
}
#top-m2 {
	position: relative;
	left: 0px;
	top: 20px;
}
#top-m3 {
	position: relative;
	left: 0px;
	top: 0px;
}
#section-3 {
	position: relative;
	left: 0px;
	top: 50px;
}
#section-4 {
	position: relative;
	left: 0px;
	top: 50px;
}
#section-5 {
	position: relative;
	left: 0px;
	top: 50px;
}
.section-3 {
	background: url(../images/work-bj.png) center no-repeat;
	width: 100%;
	height: 807px;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.section-4 {
	background: url(../images/new-bj.png) center no-repeat #fff;
	width: 100%;
	height: 717px;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.section-5 {
	background: url(../images/realbody1@.png) center no-repeat #fff;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.section-6 {
	background: url(../images/bk-bj.png) center no-repeat #282828;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.section-7 {
	background: url(../images/b-bj.png) center no-repeat #fff;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.section-8 {
	background: url(../images/bk2-bj.png) center no-repeat #fff;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	position: relative;
}
.foot {
	background: url(../images/foot-bj.png) center;
	width: 100%;
	height: 350px;
	position: relative;
	top: -100px;
	left: 0px;
	padding-top: 137px;
	clear: both;
}
.foot2 {
	background: #fff;
	width: 100%;
	height: 250px;
	position: relative;
	left: 0px;
	padding-top: 40px;
	text-align: center;
}
 @media only screen and (min-width: 481px) {
.M-work {
	height: 510px;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 60px;
}
.bd {
	width: 100%;
}
}
 @media only screen and (min-width: 1024px) {
.M-work {
	height: 510px;
	overflow: hidden;
	margin: 0 auto;
	width: 1180px !important;
	padding-left: 30px;
}
.bd {
	width: 1240px !important;
	margin: 0 auto;
}
}
.foot-content>span.fl {
	width: 216px;
}
.foot-content2>span.fl {
	width: 216px;
}
.foot-content>span>div>span>div {
	color: #000000 !important;
	font-family: "微软雅黑" !important;
	font-size: 20px !important;
}
.foot-content2>span>div>span>div {
	font-family: "微软雅黑" !important;
	font-size: 20px !important;
	color: #d3d3d3 !important;
}
.foot-content>span>div>span>div a {
	color: #000000 !important;
	font-family: "微软雅黑" !important;
	font-size: 20px !important;
}
.foot-content2>span>div>span>div a {
	font-family: "微软雅黑" !important;
	font-size: 20px !important;
	color: #d3d3d3 !important;
}
#nav {
	display: none;
}
.M-work-list {
	background: url(../images/shadow02.png) no-repeat right;
	width: 22%;
	height: 267px;
	text-align: left;
	float: left;
	padding-left: 25px;
}
.item6 {
	position: relative;
	float: left;
	margin-right: 3px;
	width: 205px;
	height: 205px;
	cursor: pointer;
	overflow: hidden;
}
.item6 h2 {
	position: absolute;
	left: 0;
	top: 130px;
	height: 40px;
	width: 100%;
	background: url(../images/demo02.png) no-repeat;
}
.item6 img {
}
.item6 h2 p {
	height: 40px;
	text-indent: -10000px;
	background: url(../images/demo03.png) no-repeat;
}
.item6 div {
	position: absolute;
	width: 0;
	height: 0;
	background: url(../images/demo02.png) repeat;
	overflow: hidden;
	_zoom: 1;
	border-radius: 205px;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
}
.item6 .cornerCC {
	left: 78px;
	top: 78px;
}
.item6 dl {
	position: absolute;
	top: 0;
	left: 0;
	width: 205px;
	height: 205px;
	display: none;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
}
.item6 dt {
	height: 205px;
	width: 100%;
	line-height: 205px;
	text-align: center;
	color: #c2c2c2;
	font-family: "微软雅黑";
	font-size: 34px;
}
.item6 dt h3 {
	height: 40px;
	text-indent: -10000px;
	background: url(../images/demo03.png) no-repeat;
}
.item6 dd {
	width: 205px;
	line-height: 205px;
	color: #FFF;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
}
.item7 {
	position: relative;
	float: left;
	margin-right: 3px;
	width: 205px;
	height: 205px;
	cursor: pointer;
	overflow: hidden;
}
.item7 h2 {
	position: absolute;
	left: 0;
	top: 0px;
	height: 40px;
	width: 100%;
	background: url(../images/demo02.png) no-repeat;
}
.item7 img {
}
.item7 h2 p {
	height: 40px;
	text-indent: -10000px;
	background: url(../images/demo03.png) no-repeat;
}
.item7 div {
	position: absolute;
	width: 205px;
	height: 205px;
	background: url(../images/demo03.png) repeat;
	overflow: hidden;
	_zoom: 1;
	border-radius: 205px;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
	display: none;
}
.item7 .cornerCC {
	left: 0px;
	top: 0px;
}
.item7 dl {
	position: absolute;
	top: 0;
	left: 0;
	width: 205px;
	height: 205px;
	display: none;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
}
.item7 dt {
	height: 205px;
	width: 100%;
	line-height: 205px;
	text-align: center;
	color: #c2c2c2;
	font-family: "微软雅黑";
	font-size: 34px;
}
.item7 dt h3 {
	height: 40px;
	text-indent: -10000px;
	background: url(../images/demo03.png) no-repeat;
}
.item7 dd {
	width: 205px;
	line-height: 205px;
	color: #FFF;
	line-height: 205px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 30px;
	font-weight: bold;
}
.M-new-btn {
	background: url(../images/new-btn.png) no-repeat;
	width: 136px;
	height: 38px;
	display: block;
	line-height: 38px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #000;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -68px;
}
.M-new-btn:hover {
	background: url(../images/new-btn-hover.png) no-repeat;
	width: 136px;
	height: 38px;
	display: block;
	line-height: 38px;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #000;
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -68px;
}
.foot-content {
	width: 920px;
	margin: 0 auto;
	height: 100px;
	line-height: 100px;
	padding-bottom: 47px;
	display: block
}
.foot-content>div {
	margin-left: 69px !important;
}
.foot-content span {
	font-family: "微软雅黑";
	font-size: 20px;
	color: #000000;
}
.QQ-ico {
	background: url(../images/QQ-ICO.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 25px;
}
.QQ-ico:hover {
	background: url(../images/QQ-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.WX-ico {
	background: url(../images/WX-ICO.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	margin-right: 25px;
	display: block;
}
.WX-ico:hover {
	background: url(../images/WX-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.WB-ico {
	background: url(../images/WB-ICO.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
}
.WB-ico:hover {
	background: url(../images/WB-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.foot-font {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #b2b2b2;
}
.slideTxtBox .hd {
	position: absolute;
	left: 50%;
	bottom: 120px;
	margin-left: -90px;
}
.slideTxtBox .hd ul li {
	font-family: "微软雅黑";
	font-size: 22px;
	color: #565656;
	width: 85px;
	padding-top: 11px;
	border-top: 3px solid #565656;
	text-align: center;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}
.slideTxtBox .hd ul li.on {
	font-family: "微软雅黑";
	font-size: 22px;
	color: #ff4040;
	width: 85px;
	padding-top: 11px;
	border-top: 3px solid #ff4040;
	text-align: center;
	float: left;
}
.extra {
	overflow: hidden;
	position: relative;
	margin-bottom: -40px;
}
.main {
	position: relative;
	float: left;
	top: 240px;
	z-index: 5;
}
.page_spinner {
	position: fixed;
	background: url(../images/main_spinnerr.gif) 50% 50% no-repeat #fff;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
/* Getting the new tags to behave */







article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
.tempWrap {
	margin: 0 auto;
}
#top1 {
	position: absolute;
	bottom: 50px;
	left: 50%;
}
.map-link {
	position: absolute;
	right: 40px;
	top: 30px;
	color: #ffffff;
	font-family: "微软雅黑";
	font-size: 14px;
	background: url(../images/map-bj-hover.png) no-repeat;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
}
.map-link:hover {
	background: url(../images/map-bj.png) no-repeat;
}
.M-menu2:hover {
	background: url(../images/menu-hover.png) no-repeat !important;
}
.M-menu3:hover {
	background: url(../images/menu2-hover.png) no-repeat !important;
}
/*work*/







.page-work {
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 147px;
	background: #282828;
}
.page-top-title {
	width: 100%;
	text-align: center;
	margin-bottom: 93px;
}
.page-top-title span.title {
	font-size: 58px;
	color: #ffffff;
	display: block;
	font-weight: 300;
	font-family: "微软雅黑";
	margin-bottom: 26px;
}
.page-top-title font {
	font-size: 20px;
	color: #828282;
	display: block;
	font-family: "微软雅黑";
}
.page-top-title {
	position: relative;
}
.page-top-title span.x {
	width: 140px;
	height: 2px;
	display: block;
	background: #ffffff;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 145px;
}
.work-table-content {
	text-align: center;
}
.page-table-nav {
	text-align: center;
	margin: 0 auto;
	width: 990px;
	padding-bottom: 84px;
}
.page-table-nav ul li {
	float: left;
}
.page-table-nav ul li a {
	float: left;
	font-size: 18px;
	color: #4a4a4a;
	display: inline-block;
	font-weight: bold;
	font-family: "微软雅黑";
	margin: 0 35px;
}
.page-table-nav ul li a:hover {
	float: left;
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	font-family: "微软雅黑";
}
.page-table-nav ul li.cur a {
	float: left;
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	font-family: "微软雅黑";
}
#brand {
    width:1150px;
	min-width:1150px;
	margin: 0 auto ;
	padding-bottom: 43px;
	

}
#brand .bd-box {
	overflow: hidden;/*padding-left:55px;







	padding-right:55px;*/







}
.bd-box {
	text-align: left;
}
#brand .bd-box li {
	display: inline-block;
	width: 270px;
	float: left;
	height: 211px;
	overflow: hidden;
	position: relative;
	border: 3px solid #282828;
}
#brand .bd-box li div.just img {
	width: 350px;
	height: 211px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	overflow: hidden;
}
#brand .bd-box li div.against img {
	width: 0px;
	height: 211px;
	position: absolute;
	left: 177.5px;
	top: 0px;
	z-index: 1;
	text-align: center;
	line-height: 211px;
	font-size: 14px;
	color: #FFF;
	background: #ffa340;
	font-weight: bold;
	overflow: hidden;
	display: none;
	cursor: pointer;
}
#brand .bd-box li>a {
	width: 355px;
	height: 211px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	display: block;
	float: left;
	
}
.against span {
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-family: "微软雅黑";
	display: block;
	width: 0px;
	background: #00A0DE;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
}
.page-work-bottom {
	
	width: 100%;
	height: 100px;
	position: relative;
	background:#282828;
}
.page-consult {
	height: 188px;
	width: 100%;
	background: #F3F3F3;
	padding-top: 80px;
	text-align: center;
}
.page-consult span {
	font-family: "微软雅黑";
	font-size: 30px;
	color: #262626;
	display: block;
	margin-bottom: 30px;
}
.work-btn {
	background: url(../images/btn.png) no-repeat;
	width: 116px;
	height: 37px;
	line-height: 37px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	text-align: center;
}
.work-btn:hover {
	background: url(../images/btn-hover.png) no-repeat;
}
.work-foot {
	background: url(../images/work-foot-bj.png) center #f7f7f7;
	min-width:1150px;
    width: 100%;
	height: 386px;
	margin-top: -102px;
	text-align: center;
	color: #717171;
	font-family: "微软雅黑";
	font-size: 14px;
}
.foot-content2 {
	width: 920px;
	margin: 0 auto;
	height: 100px;
	line-height: 100px;
	padding-bottom: 87px;
	padding-top: 160px;
}
.foot-content2>div {
	margin-left: 69px !important;
}
.foot-content2 span {
	font-family: "微软雅黑";
	font-size: 20px;
	color: #d3d3d3;
}
.QQ-ico2 {
	background: url(../images/QQ-ICO2.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin-right: 25px;
}
.QQ-ico2:hover {
	background: url(../images/QQ-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.WX-ico2 {
	background: url(../images/WX-ICO2.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin-left: 125px;
}
.WX-ico2:hover {
	background: url(../images/WX-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.WB-ico2 {
	background: url(../images/WB-ICO2.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
	float: left;
}
.WB-ico2:hover {
	background: url(../images/WB-ICO-HOVER.png) no-repeat;
	width: 100px;
	height: 100px;
	display: block;
}
.foot2-font2 {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #d3d3d3;
}
/*muyu*/


.muyu-top {
	background: url(../images/expertise-bj5.png) center;
	height: 748px;
	width: 100%;
	position: relative;
}
.muyu-banner {
	width: 100%;
	text-align: center;
}
.muyu-banner-top {
	width: 100%;
	text-align: center;
	height:100px;
}
.muyu-banner-content {
	width: 100%;
	margin: 0 auto;
	height: 135px;
	padding-top: 45px;
	text-align: center;
}
.muyu-banner-content font {
	font-family: "微软雅黑";
	font-size: 25px;
	color: #989898;
	display: block;
	margin-bottom: 6px;
}
.muyu-banner-content span {
	font-family: "微软雅黑";
	font-size: 40px;
	color: #282828;
	display: block;
	font-weight: 600;
	margin-bottom: 25px;
	font-style: normal;
}
.muyu-banner-content div {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #737373;
	display: block;
	text-indent: 2em;
	line-height: 24px;
}
.muyu-banner-content div b {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #4e4e4e;
}
.muyu-about {
	background: #f8f8f8 url(../images/page-about-bj.png) center;
	height: 617px;
	width: 100%;
	padding-top: 46px;
	position: relative;
}
.M-what-top span {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #808080;
}
.viewpoint {
	width:535px;
	height: 191px;
	margin: 0 auto;
	position: relative;
	top: 100px;
	left: 0px;
	overflow: hidden;
}
.love-btn {
	width: 187px;
	height: 187px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
}
.love-btn2 {
	width: 187px;
	height: 187px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
.love-bj {
	background: url(../images/love-bj.png) no-repeat !important;
	width: 528px;
	height: 187px;
	display: block;
}
.show2 {
	width: 0px;
	height: 187px;
	position: relative;
	right: 0px;
	top: 0px;
}
.show1 {
	position: relative;
}
.show-bj {
	width: 528px;
	height: 187px;
	position: absolute;
	left: -341px;
	top: 0px;
	background: url(../images/love-bj.png) no-repeat;
}
.love-jia {
	position: absolute;
	left: 247px;
	top: 75px;
}
.system {
	background: #252525 url(../images/system-bj.png) center;
	width: 100%;
	height: 803px;
	padding-top: 47px;
	position: relative;
}
.system-table {
	width: 460px;
	margin: 0 auto;
	text-align: center;
}
.slideTxtBox2 {
	width: 460px;
	text-align: left;
	position: relative;
	top: 30px;
	left: 30px;
}
.slideTxtBox2 .hd {
	background: url(../images/sys-nav.png) no-repeat;
	width: 480px;
	height: 175px;
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 99;
}
.slideTxtBox2 .hd ul {
	float: left;
}
.slideTxtBox2 .hd ul li {
	float: left;
	cursor: pointer;
}
.slideTxtBox2 .bd {
	background: url(../images/y-bj.png) no-repeat;
	width: 453px;
	height: 400px !important;
	position: absolute !important;
	left: 0px !important;
	top: 60px !important;
	zoom: 1;
	z-index: 88;
	padding-left: 28px;
	padding-top: 78px;
}
.slideTxtBox2 .bd li {
	height: 24px;
	line-height: 24px;
}
.slideTxtBox2 .bd li .date {
	float: right;
	color: #999;
}
.slideTxtBox2 .bd ul {
	position: absolute !important;
	left: 28px !important;
	top: 88px !important;
	width: 453px !important;
	height: 370px !important;
}
.slideTxtBox2 .hd ul li a {
	float: left;
	display: block;
	cursor: pointer;
}
.slideTxtBox2 .hd ul li.on .m-ico1 {
	background: url(../images/ico1-hover.png) no-repeat !important;
	width: 116px;
	height: 108px;
	position: relative;
	left: -28px;
	top: 94px;
}
.section-content-title font {
	font-family: "微软雅黑";
	font-size: 34px;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 15px;
}
.m-ico1 {
	width: 116px;
	height: 108px;
	position: relative;
	left: -28px;
	top: 94px;
}
.m-ico2 {
	width: 97px;
	height: 104px;
	position: relative;
	left: -23px;
	top: 8px;
}
.m-ico3 {
	width: 80px;
	height: 99px;
	position: relative;
	left: -24px;
	top: -18px;
}
.m-ico4 {
	width: 88px;
	height: 106px;
	position: relative;
	left: -24px;
	top: -5px;
}
.m-ico5 {
	width: 112px;
	height: 114px;
	position: absolute;
	right: -14px;
	top: 74px;
}
.slideTxtBox2 .hd ul li.on .m-ico1 {
	background: url(../images/ico1-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico2 {
	background: url(../images/ico2-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico3 {
	background: url(../images/ico3-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico4 {
	background: url(../images/ico4-hover.png) no-repeat !important;
}
.slideTxtBox2 .hd ul li.on .m-ico5 {
	background: url(../images/ico5-hover.png) no-repeat !important;
}
.page-integrate {
	width: 100%;
	padding-top: 33px;
	background: #252525;
}
.integrate-menu-nav {
	background: url(../images/k-bj.png) center;
	width: 100%;
	height: 100px;
	display: block;
	position: relative;
}
.sideMenu {
}
.sideMenu h3 {
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-bottom: 1px solid #333333;
	background: #252525;
	cursor: pointer;
	font-size: 22px;
	font-family: "微软雅黑";
	display: block;
	color: #dfdfdf;
}
.sideMenu h3 em {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/j-ico.png) no-repeat;
	position: relative;
	left: 10px;
	top: 4px;
	cursor: pointer;
}
.sideMenu h3.on {
	background: #171717;
	border-bottom: 1px solid #252525;
	height: 0px;
	text-indent: -9999px;
}
.sideMenu h3.onn {
	background: #252525;
	height: 80px;
	text-indent: 1px;
}
.sideMenu h3.on em {
}
.sideMenu>ul {
	padding: 8px 25px;
	color: #999;
	background: #171717;
	display: none; /* 默认都隐藏 */
}
.section-content {
	text-align: center;
	padding-top: 45px;
}
.section-content-title {
	text-align: center;
}
.section-content-title img {
	margin-bottom: 6px;
}
.section-content-title span {
	color: #bbbbbb;
	font-size: 16px;
	font-family: "微软雅黑";
	display: block;
}
.section-content-list ul li {
	float: left;
	margin-right: 60px;
}
.section-content-list {
	height: 194px;
	width: 785px;
	margin: 0 auto;
	padding-top: 53px;
	padding-bottom: 35px;
}
.section-content-list ul li {
	float: left;
	display: block;
	background: url(../images/list-bj.png) no-repeat;
	width: 150px;
	height: 194px;
	color: #bbbbbb;
}
.section-content-list ul li a {
	display: block;
}
.section-content-list ul li:hover {
	float: left;
	display: block;
	background: url(../images/list-bj-hover.png) no-repeat;
	width: 150px;
	height: 194px;
	color: #ffffff;
}
.section-content-list ul li:hover a {
	color: #ffffff;
}
.section-content-list ul li a:hover {
	color: #ffffff;
}
.section-content-list ul li a:hover em {
	display: none;
}
.list-img {
	height: 167px;
	width: 150px;
	position: relative;
}
.list-img img {
	width: 150px;
	height: 150px;
}
.list-img em {
	background: url(../images/img-on-bj.png);
	width: 151px;
	height: 151px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.list-btn {
	width: 150px;
	height: 27px;
	line-height: 27px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #bbbbbb;
}
.hide {
	background: url(../images/jian.png) no-repeat;
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -18px;
}
.section-content {
	position: relative;
}
.muyu-foot-bj {
	background: #F3F3F3 url(../images/muyu-top-bj2.png) center;
	width: 100%;
	height: 100px;
	position: relative;
}
.page-consult font {
	color: #bfbfbf;
	font-family: "微软雅黑";
	font-size: 16px;
	display: block;
	margin-bottom: 35px;
}
.M-what-top font {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #808080;
	display: block;
	margin-top: 15px;
}
.sideMenu h3:hover {
	background: #2b2b2b !important;
}
.page-work-topbanner {
	width: 100%;
	text-align: center;
}
.page-work-content {
	width: 100%;
	height: 100%;
	background: ##F7F7F7;
}
.work-referral span {
	display: block;
	font-family: "微软雅黑";
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 15px;
}
.work-referral font {
	display: block;
	font-family: "微软雅黑";
	font-size: 16x;
	color: #dfdfde;
	height: 91px;
	width: 640px;
	margin: 0 auto;
}
.work-referral {
}
.pc {
}
.work-logo {
	margin-bottom: 18px;
}
.page-topbanner-content {
	text-align: center;
}
.page-topbanner-img {
	margin-top: 15px;
	margin-bottom: 15px;
}
.page-topbanner-content {
	padding-top: 40px;
	padding-bottom: 100px;
}
.page-left {
	background: url(../images/work-btnleft.png) no-repeat;
	width: 61px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	position: fixed;
	left: 2%;
	top: 50%;
	margin-top: -60px;
}
.page-left:hover {
	background: url(../images/work-btnleft-hover.png) no-repeat;
	width: 61px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	position: fixed;
	left: 2%;
	top: 50%;
	margin-top: -60px;
}
.page-right {
	background: url(../images/work-btnright.png) no-repeat;
	width: 61px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	position: fixed;
	right: 2%;
	top: 50%;
	margin-top: -60px;
}
.page-right:hover {
	background: url(../images/work-btnright-hover.png) no-repeat;
	width: 61px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	position: fixed;
	right: 2%;
	top: 50%;
	margin-top: -60px;
}
.work-list-btn {
	width: 280px;
	margin: 0 auto;
	padding-top: 40px;
}
.work-list-btn a {
	background: url(../images/work-btn2.png) no-repeat;
	width: 130px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #525252;
}
.work-list-btn a:hover {
	background: url(../images/work-btn2-hover.png) no-repeat;
	width: 130px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #ffffff;
}
/*expertise*/







.expertise-content1 {
	padding-top: 114px;
}
.expertise-top-title {
	text-align: center;
	width: 100%;
}
.expertise-top-title font {
	font-family: "微软雅黑";
	font-size: 30px;
	display: block;
	color: #7a7a7a;
	margin-bottom: 20px;
}
.expertise-top-title img {
	margin-bottom: 30px;
}
.expertise-top-title em {
	width: 140px;
	height: 2px;
	background: #ffffff;
	display: inline-block;
}
.expertise-top-title {
	margin-bottom: 75px;
}
.sideMenu2 {
	background: url(../images/ex-bj.jpg) no-repeat center;
	width: 100%;
}
.sideMenu2 h3 {
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-bottom: 1px solid #333333;
	background: #252525;
	cursor: pointer;
	font-size: 22px;
	font-family: "微软雅黑";
	display: block;
	color: #7a7a7a;
}
.sideMenu2 h3 em {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/j-ico.png) no-repeat;
	position: relative;
	left: 10px;
	top: 30px;
	cursor: pointer;
}
.sideMenu2 h3.on {
	background: #171717;
	border-bottom: 1px solid #252525;
	height: 0px;
	text-indent: -9999px;
}
.sideMenu2 h3.onn {
	background: #252525;
	height: 80px;
	text-indent: 1px;
}
.sideMenu2 h3.on div span {
	height: 0px;
}
.sideMenu2 h3.on div em {
	height: 0px;
}
.sideMenu2>ul {
	padding: 8px 25px;
	color: #999;
	display: none; /* 默认都隐藏 */
}
.expertise-title {
	width: 534px;
	margin: 0 auto;
}
.sideMenu2 h3:hover {
	background: #2b2b2b !important;
}
.expertise-list {
	width: 100%;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
}
.expertise-list span {
	font-family: "微软雅黑";
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
	display: block;
}
.expertise-list font {
	font-family: "微软雅黑";
	font-size: 22px;
	color: #bfbfbf;
	display: block;
}
.expertise-content1 {
	background: #282828;
}
.expertise-top-title {
	background: #282828;
}
.expertise-content2 {
	background: url(../images/expertise-bj2.png) center no-repeat;
	height: 655px;
	width: 100%;
}
.expertise-content2-main {
	text-align: center;
	padding-top: 80px;
 height::100%;
}
.expertise-content2-main1 {
	text-align: center;
	padding-top: 20px;
 height::100%;
}
.expertise-content2-list {
	width: 770px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.expertise-content2-list-left {
	width: 357px;
	text-align: left;
	font-family: "微软雅黑";
	color: #a0a0a0;
	font-size: 18px;
	line-height: 30px;
}
.expertise-content2-list-right {
	width: 410px;
	text-align: left;
	font-family: "微软雅黑";
	color: #a0a0a0;
	font-size: 18px;
	line-height: 30px;
}
.expertise-content2-main span {
	font-family: "微软雅黑";
	color: #676767;
	font-size: 20px;
	display: block;
	margin-bottom: 29px;
}
.btn2 {
	background: url(../images/btn2.png) no-repeat;
	width: 192px;
	display: none;
	height: 56px;
/*	display: inline-block;*/
	text-indent: -9999px;
}
.btn2:hover {
	background: url(../images/btn2-hover.png) no-repeat;
	width: 192px;
	height: 56px;
	display: inline-block;
	text-indent: -9999px;
}
.expertise-content2 {
	position: relative;
}
.expertise-content3 {
	position: relative;
	height: 616px;
}
.btn3 {
	background: url(../images/btn3.png) no-repeat;
	width: 192px;
	height: 56px;
	display: inline-block;
	text-indent: -9999px;
	display:none;
}
.btn3:hover {
	background: url(../images/btn2-hover.png) no-repeat;
	width: 192px;
	height: 56px;
	display: inline-block;
	text-indent: -9999px;
}
/*news*/







.news {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #F7F7F7;
	padding-top: 53px;
}
.news-nav a {
	width: 63px;
	height: 29px;
	display: inline-block;
	text-align: center;
	line-height: 29px;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #6c6c6c;
}
.news-nav a:hover {
	background: url(../images/news-nav-bj.png) no-repeat;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #000000;
	width: 63px;
	height: 29px;
}
.news-nav a.on {
	background: url(../images/news-nav-bj.png) no-repeat;
	font-family: "微软雅黑";
	font-size: 16px;
	color: #000000;
}
.news-nav {
	margin-bottom: 47px;
}
#wrapp {
	position: relative;
	zoom: 1;
	margin: 0px auto;
	visibility: hidden;
	margin-top: 20px;
	text-align: left;
}
#wrapp div {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	visibility: hidden;
	width: 295px;
	height: 370px;
}
.active div.mode {
	-webkit-transition: all .8s ease-in;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
.mode {
	background: #FFF;
	border-top: 1px solid #dcdcdc;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out
}
.trym {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.active .mode {
	-webkit-transition: all .7s ease-out .1s;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out .1s;
	transition: all .7s ease-out .1s
}
.mode {
	width: 295px;
	padding: 15px;
	border: 1px solid #dfdfdf;
	background: #FFF
}
.mode .pic {
	width: 190px;
	margin-bottom: 7px;
	position: relative;
	text-align: center
}
.mode .pic a {
	display: block
}
.mode .pic a img {
	width: 297px;
	vertical-align: bottom;
	height: 214px !important;
}
.mode:hover {
	background: #00B6E0;
}
.mode:hover a {
	color: #ffffff;
}
.mode:hover font {
	color: #ffffff;
}
.news-title {
	text-align: left;
	margin-bottom: 10px;
	display: block;
}
.news-title a {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #000000;
}
.news-title font {
	font-family: "微软雅黑";
	font-size: 13px;
	color: #c2c2c2;
}
.news-content {
	line-height: 22px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #c2c2c2;
}
.news {
	padding-bottom: 40px;
}
.popup_in, .popup_close {
	animation-duration: .5s;
	animation-delay: .1s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .1s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .5s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: both;
	-moz-backface-visibility: hidden;
	-ms-animation-duration: .5s;
	-ms-animation-delay: .1s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-fill-mode: both
}
.popup_in {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp
}
.popup_close {
	visibility: hidden
}
 @-webkit-keyframes fadeInUp {
0% {
margin-top:-25px;
}
100% {
margin-top:0
}
}
@-moz-keyframes fadeInUp {
}
@-ms-keyframes fadeInUp {
0% {
opacity:0;
-ms-transform:translateY(-20px)
}
100% {
opacity:1;
-ms-transform:translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px)
}
100% {
opacity:1;
transform:translateY(0)
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0)
}
100% {
opacity:0;
visibility:hidden;
-webkit-transform:translateY(-20px)
}
}
.job {
	padding-top: 78px;
	text-align: center;
}
.job-top {
	text-align: center;
	width: 990px;
	margin: 0 auto;
}
.job-top span {
	font-family: "微软雅黑";
	font-size: 30px;
	color: #212121;
	margin-bottom: 32px;
	display: block;
}
.job-top span font {
	font-family: "微软雅黑";
	font-size: 30px;
	color: #ff4040;
	font-weight: bold;
}
.job-top p {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #adadad;
	line-height: 26px;
}
.job-list {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
.job-ico1 {
	background: url(../images/job-ico1.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-ico2 {
	background: url(../images/job-ico2.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-ico3 {
	background: url(../images/job-ico3.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-ico4 {
	background: url(../images/job-ico4.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-ico5 {
	background: url(../images/job-ico5.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-ico6 {
	background: url(../images/job-ico6.png) no-repeat;
	width: 82px;
	height: 82px;
	display: inline-block;
	cursor: pointer;
}
.job-title {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #636363;
	cursor: pointer;
}
.job-title-en {
	font-family: "Arial";
	font-size: 14px;
	color: #c1c1c1;
	cursor: pointer;
}
.job-pb {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #636363;
	cursor: pointer;
}
.job-content {
	padding-top: 24px;
	padding-left: 12px;
	cursor: pointer;
}
job-list-main {
	cursor: pointer;
}
.job-list-main {
	width: 370px;
	height: 111px;
}
.job-list-main2 {
	width: 370px;
	height: 111px;
}
.job-list-main3 {
	height: 111px;
}
.job-list-main6 {
	height: 111px;
}
.job-list-main4 {
	width: 370px;
	height: 111px;
}
.job-list-main5 {
	width: 370px;
	height: 111px;
}
.job-list {
	padding-top: 95px;
}
.job-links {
	line-height: 30px;
}
.job-links span {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #8e8e8e;
	font-weight: bold;
	display: block;
}
.job-links font {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #8e8e8e;
	display: block;
}
.job-links font a {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #8e8e8e;
}
.job-list {
	margin-bottom: 60px;
}
/*客户*/







.clients-main {
	background: url(../images/expertise-bj4.png) center;
	width: 100%;
	height: 642px;
	padding-top: 106px;
}
.clients-content {
	background: url(http://www.hsvillasj.com/uploads/allimg/160524/1_1431178441.jpg) center;
	width: 100%;
	height: 1563px;
}
.clients-main-title {
	width: 100%;
	text-align: center;
}
.clients-main-title font {
	display: block;
	font-family: "微软雅黑";
	font-size: 24px;
	color: #ababab;
}
.clients-main-title span {
	display: block;
	margin-bottom: 20px;
}
.clients-img {
	width: 100%;
	text-align: center;
	margin-top: 74px;
}
.clients-main {
	position: relative;
}
.clients-slide {
	height: 724px;
	padding-top: 66px;
}
.new-page {
	width: 904px;
	border: 1px solid #dcdcdc;
	background: #ffffff;
	min-height: 400px;
	margin: 0 auto;
	padding: 35px;
	border-radius: 6px;
}
.new-page-main img {
	display: block;
	margin: 0 auto;
	border-radius: 5px;
}
.page-new-title {
	padding-top: 15px;
	padding-bottom: 15px;
}
.page-new-title span {
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight: bold;
	color: #000;
	display: block;
	line-height:55px;
}
.page-new-title font {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
	display: block;
}
.new-page-main {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
	line-height: 200%;
	text-align: left;
}
.new-btn {
	background: url(../images/work-btn2.png) no-repeat;
	width: 130px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
	margin-top: 30px;
}
.new-btn:hover {
	background: url(../images/work-btn2-hover.png) no-repeat;
	color: #ffffff;
}
.theme-popover-mask {
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}
.theme-popover {
	z-index: 9999;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -400px;
	width: 770px;
	height: 470px;
	background: #ffffff;
	border-radius: 6px;
	display: none;
	padding: 15px;
}
.theme-popover-mask {
	z-index: 9998;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=40);
	display: none
}
.theme-poptit .close {
	float: right;
	display: block;
	width: 68px;
	height: 68px;
	text-indent: -99999;
}
#nav2 {
	position: fixed;
	left: 20px;
	top: 15%;
	width: 60px;
	height: 241px;
	z-index: 9995;
	padding-top: 128px;
	text-align: left !important;
}
#nav2 li {
	margin-bottom: 15px;
	display: block;
}
.nav-ico1 {
	background: url(../images/jiangbei.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico1:hover {
	background: url(../images/jiangbei-hover.png) no-repeat;
}
#nav2 .current .nav-ico1 {
	background: url(../images/jiangbei-hover.png) no-repeat !important;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico2 {
	background: url(../images/design-ico2.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico2:hover {
	background: url(../images/design-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico2 {
	background: url(../images/design-ico2-hover.png) no-repeat !important;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico3 {
	background: url(../images/brand-ico2.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico3:hover {
	background: url(../images/brand-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico3 {
	background: url(../images/brand-ico2-hover.png) no-repeat !important;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico4 {
	background: url(../images/move-ico2.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico4:hover {
	background: url(../images/move-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico4 {
	background: url(../images/move-ico2-hover.png) no-repeat !important;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico5 {
	background: url(../images/ui-ico2.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
}
.nav-ico5:hover {
	background: url(../images/ui-ico2-hover.png) no-repeat;
}
#nav2 .current .nav-ico5 {
	background: url(../images/ui-ico2-hover.png) no-repeat !important;
	width: 60px;
	height: 60px;
	display: block;
}
#tFocus {
	width: 1120px;
	height: 480px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}
#tFocus-pic {
	width: 1118px;
	height: 243px;
	position: relative;
	margin: 100px 0 40px;
}
#tFocus-pic li {
	border-radius: 16px;
	width: 1120px;
	margin: 0 auto;
	height: 250px;
	position: absolute;
	background: #323232;
	border: 1px solid #404040;
	left: 0;
	top: 0;/* filter:alpha(opacity:0);opacity:0; */
}
#tFocusBtn {
	width: 1118px;
	padding-top: 40px;
	padding-left: 5px;
	z-index: 20;
}
#tFocus-btn {
	width: 1020px;
	position: relative;
	left: 0;
	bottom: 0;
	float: left;
	margin-right: 3px;
}
#tFocus-btn ul {
	width: 100000px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible !important;
}
#tFocus-btn li {
	height: 85px;
	width: 91px;/* padding-top:7px; */
	display: block;
	float: left;
	margin-right: 11px;
	position: relative;
	display: table;
	text-align: center;
}
#tFocus-btn li span {
	display: table-cell;
	vertical-align: middle;
}
#tFocus-btn li.active em {
	display: block;
}
.s-ico {
	background: url(../images/sanjiao.png) no-repeat;
	width: 40px;
	height: 19px;
	display: none;
	position: absolute;
	left: 17px;
	top: -61px;
}
#tFocus-btn li.active img {
}
#tFocus-leftbtn, #tFocus-rightbtn {
	height: 120px;
	margin-top: 18px;
	width: 60px;
	text-indent: -9999px;
}
#tFocus-leftbtn {
	margin-right: 5px;
	background: url(../images/img-btn.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 50px;
}
#tFocus-rightbtn {
	background: url(../images/img-btn2.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 50px;
}
.picFocus .prev:hover {
	margin-right: 5px;
	background: url(../images/img-btn-hover.png) no-repeat;
}
.picFocus .next:hover {
	background: url(../images/img-btn-hover2.png) no-repeat;
}
.picFocus .prev, .picFocus .next {
	width: 60px;
	height: 120px;
	margin: -60px 0 0;
	position: absolute;
	top: 40%;
	z-index: 999999;
	cursor: pointer;
	text-indent: -9999px;
}
.picFocus .prev {
	left: 0;
	background: url(../images/img-btn.png) no-repeat;
}
.picFocus .next {
	right: 0;
	background: url(../images/img-btn2.png) no-repeat;
}
.picFocus .tempWrap {
	overflow: visible !important;
}
.tempWrap li {
	cursor: pointer;
}
.smallImg ul li {
	background: url(../images/c_bg1.png) no-repeat;
}
.smallImg ul li span img {
}
.smallImg p {
	width: 85px;
	height: 85px;
	line-height: 85px;  /* 行高等于高度 */
}
/* 兼容标准浏览器 */







.smallImg p:before {
	content: ".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
	margin-left: -5px;
	font-size: 10px;  /* 修复居中的小BUG */
	visibility: hidden;  /*设置成隐藏元素*/
}
.smallImg p img {
 *margin-top:expression((85 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
	vertical-align: middle;
}
.picFocus .smallImg .active {
	background: url(../images/c_bg2.png) no-repeat;
}
.c_txt {
	padding: 30px 40px 40px 40px;
	color: #D8D8D8;
	line-height: 200%;
	font-family: "微软雅黑";
	font-size: 14px;
}
.job-links font a:hover {
	text-decoration: underline;
}
.theme-popbod {
	text-align: left;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
}
.m-404 {
	position: relative;
	width: 100%;
	height: 100%;
}
.m-404-main {
	background: url(../images/404.png) center no-repeat #ffffff;
	height: 455px;
	width: 542px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -271px;
}
.btn-main {
	background: url(../images/404-btn.png) no-repeat;
	width: 157px;
	height: 39px;
	line-height: 39px;
	display: block;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666666;
	margin-right: 15px;
}
.btn-main em {
	background: url(../images/404-san.png) no-repeat;
	width: 7px;
	height: 11px;
	display: inline-block;
	margin-right: 4px;
}
.btn-main:hover {
	background: url(../images/404-btn-hover.png) no-repeat;
	color: #ffffff;
}
.btn-main:hover em {
	background: url(../images/404-san-hover.png) no-repeat;
}
.content-404-btn {
	position: absolute;
	right: -60px;
	bottom: 0px;
}
.zan {
	background: url(../images/zan.png) no-repeat !important;
	width: 44px !important;
	height: 10px !important;
	display: block !important;
	margin-left: 15px;
	text-align: center;
	padding-top: 34px;
	font-family: "微软雅黑" !important;
	font-size: 10px !important;
	color: #ffffff !important;
	line-height: 0px !important;
}
.work-list-btn {
	width: 150px;
	margin: 0 auto;
	padding-top: 40px;
}
 .#BDBridgeWrap, #BDBridgeNewWrap, #BDBridgeFixedWrap, #BDBridgeWrap div, #BDBridgeNewWrap div, #BDBridgeFixedWrap div, #BDBridgeWrap ul, #BDBridgeNewWrap ul, #BDBridgeFixedWrap ul, #BDBridgeWrap li, #BDBridgeNewWrap li, #BDBridgeFixedWrap li {
 display:none !important;
}
.page-Article-QQ {
	font-size: 0;
	margin: 0 auto;
	padding-bottom: 25px;
	padding-top: 0;
	text-align: center;
}
.page-Article-QQ li {
	display: inline-block;
	margin-right: 3px;
}
.page-Article-QQ li a, .page-Article-QQ li a:visited, .page-Article-QQ li a:link, .page-Article-QQ li a:hover {
	color: #000000;
	text-decoration: none;
}
.page-Article-QQ li a {
	border: 1px solid #DDDDDD;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	padding: 0 10px;
}
.page-Article-QQ li span {
	background: none repeat scroll 0 0 #2D96E9;
	border: 1px solid #DDDDDD;
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	padding: 0 10px;
}
.page-Article-QQ .curr-page a, .page-Article-QQ li a:hover {
	background: none repeat scroll 0 0 #2D96E9;
	border: 1px solid #2D96E9;
	color: #FFFFFF
}
.M-menu3 {
	display: none;
}
.foot {
	text-align: center;
}
.s8 {
	width: 100%;
	height: 550px;
}
.designerbox {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 70px 0 0 0;
}
.designerbox ul {
	display: block;
	clear: both;
}
.designerbox ul li {
	list-style: none;
	display: block;
	float: left;
	background: #333;
	margin: 8px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0,0.2);
}
.designerbox ul li a {
	display: block;
	width: 180px;
	height: 90px;
	text-align: center;
	font-size: 14px;
	padding-top: 30px;
	color: #fff;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.designerbox ul li:hover {
	background: #9c0d00;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.designerbox ul li.adder {
	background: url(/html5/images/addero.png) center center no-repeat #585858;
	display: block;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.designerbox ul li.adder:hover {
	background: url(/html5/images/addero.png) center center no-repeat #767676;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.designerbox ul li a span {
	line-height: 28px;
	color: #999;
	font-size: 14px;
}
.designerbox ul li a span strong {
	color: #fff;
	font-size: 16px;
}
.workbox {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
.workbox ul {
	display: block;
	clear: both;
}
.workbox ul li {
	display: block;
	float: left;
	padding: 15px;
	text-align:center;
}
.workbox ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.workbox ul li a img {
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.workbox ul li a:hover img {
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
.workbox ul li a h2 {
	font-size: 18px;
	color: #666;
	line-height: 50px;
}
.workbox ul li a span {
	font-size: 14px;
	color: #666;
}
.blacks ul li a h2 {
	color: #ccc;
	line-height: 70px;
}
.realbox {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.realtitle {
	clear: both;
	width: 1000px;
	height: auto;
	margin-top: 30px;
}
.realtitle ul li {
	display: block;
	float: left;
}
.realtitle ul li a {
	display: block;
	width: 119px;
	height: 28px;
	margin: 3px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background: #999;
}
.realtitle ul li a:hover {
	background: #8b0000;
}
.realtitle ul li a.clibox {
	background: #8b0000;
}
.realtitle ul li.gaag {
	clear: both;
}
.realbody {
	width: 994px;
	height: 530px;
	margin: 0 auto;
	clear: both;
	margin-top: 30px;
	background: url(/html5/images/realbody1.png) center top no-repeat;
}
.realbody ul li {
	display: block;
	float: left;
	width: 118px;
	height: 100px;
	background: url(/html5/images/realbodyli.png) no-repeat top center;
	margin: 30px 65px;
}
.realbody ul li a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.realbody ul li a span {
	display: block;
	font-size: 12px;
	color: #f0c3c3;
	text-align: center;
	margin-top: 15px;
	padding-right: 5px;
}
.realbody ul li a h2 {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: -5px;
	padding-right: 5px;
}
.realbody ul li a p {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 13px;
	background: #999;
	padding: 3px 10px;
	border-radius: 30px;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
}
.realbody ul li a:hover p {
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	background: #8b0000;
	margin-top: 10px;
}
/*.realbody ul li.r1 { margin:50px 0 0 65px;}







.realbody ul li.r2 { margin:40px 0 0 125px;}







.realbody ul li.r3 { margin:60px 0 0 125px;}







.realbody ul li.r4 { margin:50px 0 0 135px;}







.realbody ul li.r5 { margin:50px 0 0 135px;}







.realbody ul li.r6 { margin:-90px 0 0 125px;}







.realbody ul li.r7 { margin:-70px 0 0 75px;}







.realbody ul li.r8 { margin:-100px 0 0 55px;}







.realbody ul li.r9 { margin: 70px 0 0 -125px;}







.realbody ul li.r10 { margin:30px 0 0 75px;}







.realbody ul li.r11 { margin:60px 0 0 125px;}







*/















.backs ul li a h2 {
	color: #666;
}
.sag {
	border: 1px #CCCCCC solid;
	margin-bottom: 5px;
}
.qhda {
	float: left;
	width: 32%;
	line-height: 35px;
	margin-bottom: 30px;
	margin-right: 1%;
}
.qhkh {
	float: left;
	width: 32%;
	line-height: 35px;
	margin-bottom: 30px;
	margin-right: 1%;
}
.qhdk {
	float: right;
	width: 33%;
	line-height: 35px;
	margin-bottom: 30px;
	margin-right: 1%;
}
.section div table tbody tr td a {
	color: #666666;
}
/*设计师*/



.region_bottom {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.region_bottom dl {
	float: left;
}
.wtkk {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 50px 0;
	color: #666666;
}
.wtkk a:hover img {
	transform: scale(1.05);
	transition: all 0.5s ease 0s;
}
.pagetitlebox {
	width: 100%;
	height: 110px;
	background: url(/html5/images/pagebanner.jpg) no-repeat;
	text-align: center;
}
.pagetitlebox span {
	line-height: 100px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}
.pagebox {
	width: 1100px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.pagecbox {
	text-align: left;
	line-height: 28px;
	color: #666;
	padding-top: 10px;
}
.pagebodybox {
	width: 700px;
	height: auto;
	float: left;
	padding: 15px;
	text-align: center;
	background: #fff;
	margin-top: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
.pagebodybox a {
	display: block;
	border-radius: 5px;
}
.pagebodybox a span.imgbox {
	width: 300px;
	height: 220px;
	overflow: hidden;
}
.pagebodybox a span.imgbox img {
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	display: block;
}
.pagebodybox a span.imgbox img:hover {
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	display: block;
	-webkit-transform: scale(1.2) rotate(3deg);
	-moz-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
}
.pagecontent h2 {
	margin: 20px 0;
	display: block;
	line-height: 30px;
	background: #666;
	color: #fff;
	height: 28px;
	clear: both;
}
.pagecontent a {
	display: block;
	float: left;
	margin: 15px;
}
.pagecontent a img {
	display: block;
}
.pagecontent span {
	display: block;
	line-height: 35px;
	color: #666;
	clear: both;
}
.pageboxright {
	width: 300px;
	float: left;
	background: #fff;
	margin-top: 30px;
	margin-left: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
.righttop {
	width: 100%;
	height: 60;
	background: #2D2321;
	color: #fff;
	text-align: left;
	padding: 20px 0;
	border-radius: 8px 8px 0 0;
}
.righttop h2 {
	font-size: 18px;
	margin-left: 20px;
	line-height: 28px;
	color: #fff;
}
.righttop p {
	font-size: 13px;
	line-height: 25px;
	color: #ccc;
	display: block;
	padding: 20px;
}

.flo a.logoleft { display:block;}
.flo a.logoright { display:none;}
.flo .stylebox { margin-left:-200px;}

.fro a.logoleft { display:none;}
.fro a.logoright { display:block; margin-left:-120px;}
.fro .stylebox { margin-left:-120px;}

.pagebanner { width:100%; height:100px; background:#fff; clear:both;}

.effects {
    background: rgba(0, 0, 0, 0) url("http://www.hsvillasj.com/html5/images/bottom-shade-large.png") no-repeat scroll center top;
    height: 10px;
    width: 100%;
}
.pngs {
    margin: 0 auto;
    width: 1043px;
}
.contbox {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 1043px;
}

.headertop {
    height: auto;
    overflow: hidden;
    padding: 10px 0 20px;
    position: relative;
    width: 100%;
}

.leftlogo {
    float: left;
    height: 120px;
    margin-top: 10px;
    width: 250px;
}

.rightcon {
    margin-top: 10px;
    position: absolute;
    right: 0;
}
.frcenter { margin:0 auto; text-align:center; width:1355px; }
.footerbox { height:350px;/* overflow:hidden; padding-top:100px;*/ background:#fff; }
.adderf { line-height:50px;}
#wrapp { min-height:800px;}
.wtkkpb { height:80px; line-height:20px;}
.wtkkpb a { font-size:18PX;}
.wtkkpbnews { width:100%; height:80px; line-height:30px; padding-top:20px;}
.fopage { overflow:hidden; padding-top:100px; }