@charset "utf-8";
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  min-width: 1200px;
  color: #333;
}
body,
input,
button,
select {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 14px;
  background: #fff;
}
a {
  text-decoration: none;
  outline: 0 none;
}
img {
  border: 0;
  vertical-align: middle;
}
ol,
ul,
li,
table,
tbody {
  margin: 0;
  padding: 0;
  list-style: none;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}
select::-ms-expand {
  display: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="date"],
input[type="text"],
input[type="tel"],
button {
  -webkit-appearance: none;
  appearance: none;
  font-family: '微软雅黑';
  border-radius: 0;
  outline: none;
  border: 0;
}
select {
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.ff0 {
  font-family: 'arial';
}
.ff1 {
  font-family: '微软雅黑';
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}
.fs36 {
  font-size: 36px;
}
.fs40 {
  font-size: 40px;
}
.fs42 {
  font-size: 42px;
}
.fs44 {
  font-size: 44px;
}
.fs48 {
  font-size: 48px;
}
.colorWhite {
  color: #fff;
}
.colorBlack {
  color: #020207;
}
.colorOrange {
  color: #ffa31f;
}
.colorDarkGray {
  color: #333;
}
.colorGray {
  color: #666;
}
.colorLightGray {
  color: #999;
}
.colorRed {
  color: #e6081f;
}
.colorGreen {
  color: #90be20;
}
.colorBlue {
  color: #4395ff;
}
.color222 {
  color: #222;
}
.textl {
  text-align: left;
}
.textr {
  text-align: right;
}
.textc {
  text-align: center;
}
.textj {
  text-align: justify;
  text-justify: distribute-all-lines;
}
.fontw {
  font-weight: bold;
}
.fontn {
  font-style: normal;
  font-weight: normal;
}
.fontd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fontd2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fontd3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.packageSix_tit{
	text-align:center;
	/* line-height: 44px; */
	margin-top: 20px;
}
.packageSix_tit h2{
	line-height: 60px;
	letter-spacing: 2px;
	font-size: 35px;
}
.packageSix_tit p{
	letter-spacing: 2px;
	font-size: 17px;
}
.backWhite {
  background-color: #fff !important;
}
.backBlack {
  background-color: #020207 !important;
}
.backGray {
  background-color: #f7f7f7 !important;
}
.backGray1 {
  background-color: #dbdbdb !important;
}
.backOrange {
  background-color: #ffa31f !important;
}
.backGreen {
  background-color: #90be20 !important;
}
.backTm {
  background-color: transparent !important;
}
.backe7e {
  background-color: #f7f7f7 !important;
}
.bordern {
  border: none;
}
.borderLn {
  border-left: none;
}
.borderRn {
  border-right: none;
}
.borderTn {
  border-top: none;
}
.borderBn {
  border-bottom: none;
}
.borderGray {
  border: 1px solid #dbdbdb;
}
.borderOrange {
  border: 1px solid #f08300;
}
.borderWhite {
  border: 1px solid #fff;
}
.borderGreen {
  border: 1px solid #90be20;
}
.borderCcc {
  border: 1px solid #ccc;
}
.borderr4 {
  border-radius: 4px;
}
.borderr6 {
  border-radius: 6px;
}
.borderr8 {
  border-radius: 8px;
}
.borderr50_ {
  border-radius: 50%;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
.pof {
  position: fixed;
}
.ovh {
  overflow: hidden;
}
.ova {
  overflow: auto;
}
.ovv {
  overflow: visible;
}
.block {
  display: block;
}
.none {
  display: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none;
}
.fm {
  margin: 0 auto;
}
.width100_ {
  width: 100%;
}
.width50_ {
  width: 50%;
}
.width1200 {
  width: 1200px;
}
.width1200m {
  min-width: 1200px;
}
.width868 {
  width: 868px;
}
.width594 {
  width: 594px;
}
.width392 {
  width: 392px;
}
.width320 {
  width: 320px;
}
.width291 {
  width: 291px;
}
.width251 {
  width: 251px;
}
.height100_ {
  height: 100%;
}
.mr12 {
  margin-right: 12px;
}
.ml12 {
  margin-left: 12px;
}
.mt12 {
  margin-top: 12px;
}
.mb12 {
  margin-bottom: 12px;
}
.mr6 {
  margin-right: 6px;
}
.ml6 {
  margin-left: 6px;
}
.mt6 {
  margin-top: 6px;
}
.mb6 {
  margin-bottom: 6px;
}
.mr0 {
  margin-right: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.cup {
  cursor: pointer;
}
.o0 {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.o1 {
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
}
.o2 {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
.o3 {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.o4 {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.o5 {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.o6 {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.o7 {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.o8 {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.o9 {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
.o10 {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.banner {
  min-width: 1200px;
  position: relative;
  height: 450px;
}
.banner ul {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner ul li {
  display: block;
  width: 100%;
  height: 100%;
}
.banner ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner ul li h2 {
  display: none;
}
.banner .Number {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10;
  bottom: 28px;
}
.banner .Number span {
  overflow: hidden;
  cursor: pointer;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  background: #333;
  display: inline-block;
  height: 2px;
  width: 20px;
  margin: 0 5px;
}
.banner .Number span.hover {
  background-color: #fff !important;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 30px;
}
.slider {
  width: 100%;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  background-color: #fff !important;
  text-align: center;
  height: 500px;
}
.slider .bd {
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: 600px;
}
.slider .bd li {
  width: 1200px;
  overflow: hidden;
  position: relative;
}
.slider .bd li img.bdImg {
  display: block;
  width: 1200px;
  height: 500px;
}
.slider .tempWrap {
  overflow: visible !important;
}
.slider .tempWrap ul {
  margin-left: -1200px !important;
}
.slider .hd {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 1;
  height: 2px;
  bottom: 8px;
}
.slider .hd li {
  overflow: hidden;
  cursor: pointer;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 2px;
  line-height: 99px;
  background: #333;
  margin: 0 3px;
}
.slider .hd li.on {
  background-color: #fff !important;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 30px;
}
.slider .pnBtn {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 500px;
}
.slider .prev {
  left: -50%;
  margin-left: -600px;
}
.slider .next {
  left: 50%;
  margin-left: 600px;
}
.slider .pnBtn .blackBg {
  display: block;
  position: absolute;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  left: 0;
  top: 0;
  width: 100%;
  height: 500px;
  background: #000;
}
.select {
  position: relative;
  display: block;
  float: left;
  z-index: 10;
}
.select a {
  display: block;
  text-align: center;
  cursor: pointer;
}
.select ul {
  display: block;
  text-align: center;
  display: none;
}
.select ul li {
  width: 100%;
  cursor: pointer;
}
.error {
  color: #e6081f;
  width: 100%;
  display: block;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 12px;
  height: 14px;
  line-height: 14px;
}
/*选择城市*/
.fixeCenter {
  position: relative;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 610px;
  top: 30%;
  min-height: 20px;
}
.fixeCityHead {
  margin: 0 auto;
  height: 81px;
  width: 550px;
  border-bottom: 1px solid #d9d9d9;
  line-height: 24px;
  padding-top: 36px;
}
.fixeCityHead h2 {
  float: left;
  font-size: 24px;
}
.fixeCityHead p {
  float: right;
  color: #999;
  margin-right: 10px;
}
.fixeCityHead p a {
  margin-left: 10px;
  color: #555;
}
.fixeCityHead p a:hover {
  color: #ec6c00;
}
.fixeCityList {
  display: block;
  width: 550px;
  margin: 22px auto;
  -moz-columns: 250px 2;
  -webkit-columns: 250px 2;
  columns: 250px 3;
  padding-bottom: 28px;
}
.fixeCityList li {
  line-height: 39px;
  overflow: hidden;
}
.fixeCityList li b {
  font-style: normal;
  font-weight: normal;
  font-family: 'arial';
  float: left;
  margin-right: 14px;
  color: #888;
}
.fixeCityList li a {
  color: #555;
  margin-right: 14px;
}
.fixeCityList li a:hover {
  color: #ec6c00;
}
.head {
  position: relative;
  height: 125px;
}
.head .headTop {
  position: fixed;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  top: 0;
  z-index: 12;
}
.head .headTop .headCity {
  position: relative;
  cursor: pointer;
  float: left;
  margin-right: 26px;
}
.head .headTop .headCity img {
  vertical-align: -3px;
}
.head .headTop .headCity span i {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  margin-left: 5px;
}
.head .headTop .headCity .fixeCenter {
  position: absolute;
  border: none;
  overflow: hidden;
  display: none;
  min-height: 0;
  left: 0;
  top: 40px;
  background: #f5f5f5;
  border-radius: 0;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
.head .headTop .headCity .fixeCenter .fixeCityList {
  padding-bottom: 0;
}
.head .headTop .headLog {
  float: right;
  font-size: 12px;
  color: #aaa;
  margin-right: 29px;
}
.head .headTop .headLog span {
  margin-right: 10px;
}
.head .headTop .headLog a {
  color: #555;
}
.head .headTop .headLog a + img {
  margin: 0 2px;
  vertical-align: 0.5px;
}
.head .headTop .headadve {
  float: right;
}
.head .headTop .headadve a {
  display: block;
  float: left;
  height: 24px;
  margin: 8px 7px 0;
}
.head .headTop .headadve a img {
  height: 100%;
  vertical-align: top;
}
.head .headNav {
  position: fixed;
  width: 100%;
  background-color: #fff !important;
  height: 85px;
  top: 40px;
  z-index: 11;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
.head .headNav .width1200 {
  height: 85px;
}
.head .headNav .logo {
  float: left;
  margin-top: 13px;
}
.head .headNav .nav {
  float: right;
}
.head .headNav .nav ul {
  display: block;
  float: left;
}
.head .headNav .nav ul li {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 85px;
  margin-right: 42px;
}
.head .headNav .nav ul li a {
  display: block;
  color: #333;
}
.head .headNav .nav ul li a:hover {
  color: #ffa31f;
}
.head .headNav .nav ul li a img.navIcon {
  vertical-align: 3px;
  margin-left: 6px;
}
.head .headNav .nav ul li a img.navDidi {
  position: absolute;
  top: 6px;
  left: -10px;
}
.head .headNav .nav ul li a img.navNew {
  position: absolute;
  top: 12px;
  left: -3px;
}
.head .headNav .nav ul li a img.hot {
  position: absolute;
  top: 22px;
  right: -13px;
}
.head .headNav .navCode {
  float: right;
  width: 80px;
  padding-top: 30px;
  margin-right: 13px;
}
.head .headNav .navCode a {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  width: 26px;
  height: 24px;
  margin-left: 14px;
}
.head .headNav .navCode a div {
  position: absolute;
  display: none;
  text-align: center;
  top: 25px;
  left: 0;
  z-index: 10;
  width: 147px;
  height: 175px;
  line-height: 16px;
  background: url(../images/code_bg.png) no-repeat center center;
}
.head .headNav .navCode a div.navApp {
  left: -60px;
}
.head .headNav .navCode a div.navWeixin {
  left: -62px;
  letter-spacing: 1px;
}
.head .headNav .navCode a div .navMa {
  margin-top: 39px;
}
.head .headNav .navCode a div i {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
}
.head .headNav .navCode a:hover div {
  display: block;
}
.head .headNav .navHover {
  width: 100%;
  background-color: #fff !important;
  display: none;
  border-top: 1px solid #e9e9e9;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}
.head .headNav .navHover ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.head .headNav .navHover ul.navZxgd {
  padding-left: 475px;
}
.head .headNav .navHover ul.navZxgd li {
  padding-top: 20px;
}
.head .headNav .navHover ul.navZxgd li img.navHoverImg {
  top: 26px;
}
.head .headNav .navHover ul.navZxgd li p {
  position: relative;
}
.head .headNav .navHover ul.navZxgd li .new {
  position: absolute;
  top: -18px;
  left: -10px;
  margin: 0;
}
.head .headNav .navHover ul.navZxtt {
  padding-left: 320px;
}
.head .headNav .navHover ul.navZxfw {
  padding-left: 460px;
}
.head .headNav .navHover ul.navZxfw li:nth-child(4) .navHoverImg {
  display: none;
}
.head .headNav .navHover ul.navZxfw li:nth-child(5) {
  display: none;
}
.head .headNav .navHover ul li {
  position: relative;
  float: left;
  padding: 24px 30px 0;
  /*width: 217px;*/
  height: 104px;
  margin-right: 3px;
  border-top: 3px solid transparent;
}
.head .headNav .navHover ul li:hover {
  border-color: #f08300;
}
.head .headNav .navHover ul li a {
  display: block;
  margin: 0 auto;
}
.head .headNav .navHover ul li a img {
  float: left;
  display: block;
  margin-right: 9px;
}
.head .headNav .navHover ul li a.navZxgd_1 img {
  margin-top: 11px;
}
.head .headNav .navHover ul li a.navZxgd_2 img {
  margin-top: 16px;
}
.head .headNav .navHover ul li a.navZxgd_3 img {
  margin-top: 16px;
}
.head .headNav .navHover ul li a.navZxtt_1 img {
  margin-top: 1px;
}
.head .headNav .navHover ul li a.navZxtt_2 img {
  margin-top: 3px;
}
.head .headNav .navHover ul li a.navZxtt_3 img {
  margin-top: 4px;
}
.head .headNav .navHover ul li a.navZxtt_4 img {
  margin-top: 3px;
}
.head .headNav .navHover ul li a.navZxfw_1 img {
  margin-top: 10px;
}
.head .headNav .navHover ul li a.navZxfw_2 img {
  margin-top: 4px;
}
.head .headNav .navHover ul li a.navZxfw_3 img {
  margin-top: 10px;
}
.head .headNav .navHover ul li a p {
  float: left;
  color: #333;
  line-height: 20px;
}
.head .headNav .navHover ul li a p span {
  display: block;
  color: #888;
}
.head .headNav .navHover ul li img.navHoverImg {
  position: absolute;
  right: -3px;
  top: 23px;
}
/*2018-08-29 装修学院*/
.icoNavXy {
  display: inline-block;
  background: url("../images/nav_college.png") no-repeat;
}
.icoNavXy_1 {
  width: 26px;
  height: 30px;
  background-position: 0 0;
}
.icoNavXy_2 {
  width: 28px;
  height: 28px;
  background-position: -100px 0;
}
.icoNavXy_3 {
  width: 36px;
  height: 30px;
  background-position: -200px 0;
}
.icoNavXy_4 {
  width: 36px;
  height: 34px;
  background-position: -300px 0;
}
.icoNavXy_5 {
  width: 30px;
  height: 26px;
  background-position: -400px 0;
}
.icoNavXy_6 {
  width: 28px;
  height: 28px;
  background-position: -500px 0;
}
.head .headNav .navHover ul.navZxxy {
  padding-left: 444px;
}
.head .headNav .navHover ul.navZxxy li {
  margin: 0;
  padding: 0;
  width: 126px;
  text-align: center;
  background: url("../images/nav_2.png") no-repeat right center;
  overflow: hidden;
}
.head .headNav .navHover .navZxxy li a {
  color: #333;
  margin-left: -4px;
}
.head .headNav .navHover ul.navZxxy li.last {
  background: none;
}
.headNav ul.navZxxy li span {
  display: block;
  margin: 18px 0 10px;
  height: 34px;
  line-height: 34px;
}
.headNav ul.navZxxy li i {
  vertical-align: middle;
}
.footer {
  overflow: hidden;
  height: 297px;
  background: url(../images/footer.jpg) no-repeat center / 100% 100%;
}
.footer .width1200 {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 40px;
  height: 238px;
  border-bottom: 1px solid #424242;
}
.footer .fl {
  width: 830px;
  padding-left: 15px;
}
.footer .fl ul {
  overflow: hidden;
  padding: 10px 0 25px 1px;
}
.footer .fl ul li {
  float: left;
  font-size: 16px;
  line-height: 16px;
  margin-right: 36px;
}
.footer .fl ul li a {
  color: #fff;
}
.footer .fl ul li a:hover {
  color: #ffa31f;
}
.footer .fl .tel {
  color: #fff;
  font-size: 30px;
  font-family: 'arial';
  height: 34px;
  line-height: 36px;
  background: url(../images/footer_1.png) no-repeat left center;
  padding-left: 40px;
  margin-bottom: 12px;
}
.footer .fl p {
  font-size: 12px;
  color: #939392;
  line-height: 20px;
}
.footer .fr span {
  display: block;
  float: left;
  overflow: hidden;
  text-align: center;
  width: 105px;
  margin-left: 17px;
}
.footer .fr span img {
  vertical-align: 0;
  margin-bottom: 10px;
  width: 105px;
}
.footer .fr span i {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  color: #939392;
}
.footer strong {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  display: block;
  color: #939392;
  line-height: 59px;
}
.pagePosition {
  width: 1200px;
  margin: 0 auto;
  margin-top: 16px;
}
.pagePosition,
.pagePosition a {
  color: #666;
}
.pagePosition a.home {
  color: #020207;
}
.pagePosition a:hover {
  text-decoration: underline;
}
.pagePosition i {
  font-style: normal;
  font-weight: normal;
  margin: 0 5px;
}
.crumbs {
  width: 1200px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 12px;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 5px 22px;
}
.crumbs a {
  color: #555;
  margin-right: 6px;
}
.crumbs span {
  color: #999;
  margin-right: 6px;
}
.Paging {
  height: 60px;
  padding-top: 10px;
}
.Paging p {
  float: left;
  color: #999;
  line-height: 40px;
  padding: 0 10px 0 4px;
}
.Paging ul {
  float: right;
  width: auto !important;
}
.Paging li {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
}
.Paging li:last-child {
  margin-right: 0 !important;
}
.Paging li.paging_gd {
  border: none;
}
.Paging li.paging_prev,
.Paging li.paging_next {
  width: 60px;
}
.Paging li.Paging_total {
  border: none;
  width: auto;
}
.Paging li.paging_Jump {
  border: none;
  width: auto;
}
.Paging li.paging_Jump span {
  padding: 0 10px;
}
.Paging li.paging_Jump input.paging_text {
  color: #555;
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  width: 40px;
  text-align: center;
  line-height: 40px;
  height: 40px;
}
.Paging li.paging_Jump input.paging_url {
  color: #555;
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.Paging li a {
  display: block;
  color: #555;
  background: #f3f3f3;
}
.Paging li a:hover,
.Paging li a.hover,
.paging li .hover,
.Paging li.paging_Jump input.paging_url:hover {
  background: #d7d7d7;
}
.starWordPl {
  position: relative;
  float: right;
  width: 1140px;
}
.starWordPl textarea {
  width: 100%;
  border: 1px solid #dbdbdb;
  overflow: hidden;
  height: 78px;
  padding: 12px 102px 12px 26px;
  margin-bottom: 38px;
  resize: none;
}
.starWordPl .starPlClick {
  position: absolute;
  display: block;
  border: none;
  border-radius: 6px;
  background-color: #ffa31f !important;
  color: #fff;
  cursor: pointer;
  width: 80px;
  height: 36px;
  top: 35px;
  right: 10px;
}
.starWordPl .starPingHr {
  display: block;
  width: 100%;
  border: none;
  background-color: #dbdbdb !important;
  height: 2px;
}
.Ad {
  float: left;
  width: 320px;
  overflow: hidden;
}
.Ad .Di {
  width: 100%;
  background-color: #f7f7f7 !important;
  height: 460px;
  padding-top: 32px;
  margin-bottom: 24px;
}
.Ad .Di img {
  display: block;
  margin: 0 auto;
  width: 61px;
  height: 50px;
  margin-bottom: 14px;
}
.Ad .Di h6 {
  display: block;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  margin-bottom: 6px;
  color: #ffa31f;
  line-height: 26px;
}
.Ad .Di span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 14px;
  margin-bottom: 42px;
}
.Ad .Di input {
  margin: 0 auto;
  display: block;
  margin-bottom: 12px;
  border-radius: 4px;
  padding: 0 16px;
  border: 1px solid #999;
  width: 230px;
  height: 40px;
  line-height: 38px;
}
.Ad .Di input.addressDiClick {
  border: 1px solid #f08300;
  background-color: #ffa31f !important;
  color: #fff;
  cursor: pointer;
  border-radius: 0;
}
.Ad .Di a {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 14px;
  width: 80px;
}
.Ad .AdHr {
  display: block;
  border: 1px solid #dbdbdb;
  border-style: dotted;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  height: 1px;
  margin-bottom: 50px;
}
.AdBaojia {
  overflow: hidden;
  width: 100%;
  background-color: #f7f7f7 !important;
  margin-bottom: 12px;
  height: 388px;
}
.AdBaojia h2.bannerAboutTextH2_1 {
  letter-spacing: 2px;
}
.AdBaojia p,
.AdBaojia input {
  width: 260px;
}
.Ad .AdImg {
  overflow: hidden;
  width: 100%;
  margin-bottom: 12px;
}
.Ad .AdImg img {
  display: block;
  float: left;
  width: 100%;
}
.AdNews {
  width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
}
.AdNews h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  border: 1px solid #f08300;
  border-top: none;
  border-right: none;
  border-left: none;
  margin-bottom: 6px;
  line-height: 30px;
}
.AdNews li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  width: 96%;
}
.AdNews li a {
  color: #666;
}
.AdNews li a:hover {
  color: #ffa31f;
}
.AdNews p {
  text-align: justify;
  text-justify: distribute-all-lines;
  line-height: 22px;
  padding: 6px 0;
}
.AdLabel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
}
.AdLabel h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  border: 1px solid #f08300;
  border-top: none;
  border-right: none;
  border-left: none;
  margin-bottom: 6px;
  line-height: 30px;
}
.AdLabel a {
  color: #020207;
  display: block;
  float: left;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 72px;
  height: 26px;
  line-height: 26px;
  background: #e8e8ef;
  padding: 0 3px;
  margin: 0 8px 8px 0;
}
.AdLabel a:hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.bannerAbout {
  position: absolute;
  width: 251px;
  background: rgba(255, 255, 255, 0.85);
  display: none;
  z-index: 8;
  height: 400px;
  top: 28px;
}
.bannerAboutTab {
  width: 100%;
  height: 35px;
  line-height: 35px;
}
.bannerAboutTab a {
  width: 50%;
  display: block;
  height: 100%;
  float: left;
  text-align: center;
  color: #666;
  cursor: pointer;
  background: rgba(219, 219, 219, 0.85);
}
.bannerAboutTab a:hover {
  background: rgba(255, 255, 255, 0.85);
}
.bannerAboutTab a.hover {
  background: 0;
}
.bannerAboutText {
  padding: 30px 10px 0;
}
.bannerAboutText h2 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  color: #54586e;
  width: 209px;
}
.bannerAboutText h2.bannerAboutTextH2_1 {
  font-size: 20px;
  overflow: hidden;
  height: 38px;
  line-height: 20px;
  letter-spacing: 6px;
  margin-bottom: 20px;
  background: url(../images/bannertab.png) no-repeat left 0, url(../img/head/bannertab.png) no-repeat right -38px;
}
.bannerAboutText h2.bannerAboutTextH2_2 {
  font-size: 18px;
  overflow: hidden;
  height: 21px;
  line-height: 21px;
  letter-spacing: 4px;
  margin-bottom: 10px;
  background: url(../images/bannertab.png) no-repeat left -76px, url(../img/head/bannertab.png) no-repeat right -97px;
}
.bannerAboutText h2 span {
  display: block;
  font-size: 12px;
  color: #999;
  letter-spacing: 0;
}
.bannerAboutText strong {
  text-align: center;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  color: #54586e;
  margin-bottom: 24px;
}
.bannerAboutText strong em {
  font-style: normal;
  font-weight: normal;
  font-size: 32px;
  color: #ffa31f;
  margin-left: 6px;
  margin-right: 6px;
  font-family: 'arial';
}
.bannerAboutText span.bannerAboutTextH2_span {
  font-size: 12px;
  text-align: center;
  display: block;
  color: #999;
  margin-bottom: 24px;
}
.bannerAboutText span.bannerAboutTextH2_span em {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  margin: 0 2px;
}
.bannerAboutText p {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.bannerAboutText p i {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  color: #999;
  line-height: 34px;
  top: 0;
  right: 16px;
}
.bannerAboutText input {
  width: 100%;
  border: 1px solid #dbdbdb;
  margin: 0 auto;
  margin-bottom: 12px;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0);
  width: 260px;
}
.bannerAboutText input.bannerAboutClick {
  border: none;
  background-color: #ffa31f !important;
  color: #fff;
  height: 34px;
  margin-bottom: 14px;
  width: 260px;
}
.starWord {
  overflow: hidden;
  width: 100%;
}
.starWord .countComment,
.starWord h5 {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  text-align: left;
  background-color: #f7f7f7 !important;
  height: 54px;
  line-height: 54px;
  padding: 0 20px;
  margin-bottom: 24px;
}
.starWordList {
  overflow: hidden;
  width: 100%;
}
.starWordList li {
  margin-bottom: 12px;
  overflow: hidden;
}
.starWordList li i {
  float: left;
  display: block;
  margin-right: 12px;
  overflow: hidden;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.starWordList li i img {
  float: left;
  width: 100%;
  height: 100%;
}
.starWordList li .starWordText {
  position: relative;
  float: right;
  border: 1px solid #dbdbdb;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 1140px;
}
.starWordList li .starWordText h6,
.starWordList li .starWordText .commentator {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  line-height: 16px;
  margin: 4px 0 8px 0;
}
.starWordList li .starWordText h6 span,
.starWordList li .starWordText .commentator span {
  color: #999;
  margin-left: 10px;
}
.starWordList li .starWordLiuyan {
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}
.starWordList li .starWordLiuyan p {
  width: 100%;
  line-height: 24px;
  padding-right: 185px;
}
.starWordList li .starWordLiuyan b {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  overflow: hidden;
  line-height: 24px;
  top: 0;
  right: 14px;
}
.starWordList li .starWordLiuyan b a {
  display: block;
  float: left;
  color: #999;
  cursor: pointer;
  margin-left: 24px;
}
.starWordList li .starWordLiuyan b a.starNum {
  background: url(../images/zan1.png) no-repeat left 2px;
  padding-left: 21px;
}
.starWordList li .starWordLiuyan b a.starNum:hover,
.star .starWordList li .starWordLiuyan b a.starNum.hover {
  background: url(../images/zan2.png) no-repeat left 2px;
}
.starWordList li .starWordLiuyan b a.starClick {
  background: url(../images/ping.png) no-repeat left 4px;
  padding-left: 21px;
}
.starWordList li .starWordHuifu {
  overflow: hidden;
  background-color: #f7f7f7 !important;
  padding: 10px 5px 0;
  margin-bottom: 14px;
}
.starWordList li .starWordHuifu p {
  line-height: 22px;
  margin-bottom: 10px;
}
.starWordList li .starWordHuifu p span {
  color: #666;
  font-style: normal;
  font-weight: normal;
  margin-right: 6px;
}
.cityTab {
  margin: 0 auto;
  width: 1200px;
  background-color: #f7f7f7 !important;
  padding: 14px 20px;
  margin-top: 30px;
  margin-bottom: 24px;
  min-height: 184px;
}
.cityTab li {
  overflow: hidden;
  border-bottom: 1px dashed #dbdbdb;
  line-height: 22px;
  padding-top: 8px;
}
.cityTab li.last {
  border: none;
}
.cityTab li p {
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 100%;
  display: block;
  margin-right: 35px;
  width: 30px;
}
.cityTab li p b {
  font-size: 14px;
}
.cityTab li .cityTabDiv {
  float: left;
  width: 1095px;
}
.cityTab li .cityTabDiv input {
  display: none;
}
.cityTab li .cityTabDiv label,
.cityTab li .cityTabDiv a {
  display: block;
  float: left;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  margin-right: 12px;
  cursor: pointer;
  padding: 0 5px;
  margin-bottom: 8px;
  color: #333;
}
.cityTab li .cityTabDiv label.hover,
.cityTab li .cityTabDiv a.hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.nothing {
  font-size: 22px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  color: #666;
  line-height: 300px;
  background: #fbfbfb;
}
.indexZnList ul {
  height: 240px;
  overflow: hidden;
}
@media screen and (min-width: 1920px) and (max-width: 10000px) {
  .videoHead {
    background-size: 100%!important;
  }
}
.div_scroll {
  width: 100%;
  height: 200px;
  overflow: auto;
  float: left;
}
.scroll_container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scroll_absolute {
  position: absolute;
}
.scroll_vertical_bar {
  position: absolute;
  top: 0;
  right: 5px;
  border-radius: 8px;
  width: 8px;
  height: 100%;
  background: url("../images/scroll_bg.png") repeat-y top center;
  margin: 0!important;
  padding: 0;
}
.scroll_track {
  position: relative;
  margin: 0!important;
}
.scroll_drag {
  position: relative;
  top: 0;
  left: 0;
  margin: 0!important;
  cursor: pointer;
  border-radius: 8px;
  background: #d2d2d2;
}
.errorTips {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 200px;
  max-width: 500px;
  padding: 30px 50px !important;
  height: auto !important;
  font-size: 22px !important;
  color: #fff;
  line-height: 35px !important;
  z-index: 22;
}
.errorTips span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100% !important;
  background-color: #020207 !important;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  z-index: 0;
}
.errorTips p {
  position: relative;
  z-index: 1;
  text-align: center;
}
.order_scu_new_mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.order_scu_new {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  margin: -310px 0 0 -240px;
  width: 480px;
  height: 620px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.order_scu_new h3 {
  margin: 5px 0 3px;
  font-size: 28px;
}
.order_scu_new .red_bag {
  position: relative;
  margin: 10px auto 0;
  padding-top: 165px;
  width: 325px;
  height: 434px;
  background: url("../images/red_bag.png");
  color: #feffa1;
}
.order_scu_new .red_bag .close {
  position: absolute;
  top: 28px;
  right: -35px;
}
.order_scu_new .red_bag .gzh {
  box-shadow: 0 0 10px rgba(238, 92, 27, 0.1);
}
.order_scu_new .red_bag .tips {
  margin-top: 15px;
  line-height: 30px;
}
.order_scu_new .red_bag .tips span {
  display: inline-block;
  padding: 0 5px;
  height: 28px;
  border: 1px solid #feffa1;
  border-radius: 14px;
  line-height: 28px;
}
.order_scu_new_act {
  padding-top: 30px;
  width: 408px;
  height: 460px;
  margin: -230px 0 0 -204px;
  background: url("../images/red_bag_act.png") no-repeat top center;
  font-size: 14px;
}
.order_scu_new_act h3 {
  font-size: 22px;
}
.order_scu_new_act .close {
  position: absolute;
  top: 40px;
  right: 25px;
}
.homeTitle {
  overflow: hidden;
  text-align: center;
  height: 68px;
}
.homeTitle h2 {
  position: relative;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 42px;
  margin: 0 auto;
  width: 530px;
  height: 42px;
  line-height: 42px;
  margin-top: 15px;
  transition: all 0.5s ease-out;
}
.homeTitle h2 span {
  position: relative;
  background-color: #fff !important;
  z-index: 1;
  padding: 0 58px;
}
.homeTitle h2 hr {
  position: absolute;
  width: 100%;
  display: block;
  border: none;
  top: 50%;
  height: 1px;
  background: #d9d9d9;
}
.homeTitle p {
  margin-top: 12px;
  line-height: 15px;
  color: #888;
}
.homeTitle p a {
  color: #888;
}
.active.hover .homeTitle h2 {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-top: 0px;
}
.homeMore {
  display: block;
  border-radius: 4px;
  border: 1px solid #90be20;
  color: #90be20;
  text-align: center;
  font-size: 16px;
  border-width: 2px;
  margin: 0 auto 20px;
  width: 210px;
  height: 55px;
  line-height: 51px;
  transition: all 0.5s ease-in-out;
}
.homeMore:hover {
  color: #fff;
  background-color: #90be20 !important;
}
.homeMore img {
  margin-left: 8px;
  vertical-align: 0px;
}
.homeBanner {
  overflow: hidden;
  height: 620px;
}
.homeBanner .Number {
  bottom: 18px;
}
.homeBanner .houmePrev {
  position: absolute;
  display: block;
  left: 10%;
  top: 40%;
  z-index: 10;
  width: 60px;
  height: 130px;
  background: url(../images/banner.png) no-repeat left center;
}
.homeBanner .houmeNext {
  position: absolute;
  display: block;
  right: 10%;
  top: 40%;
  z-index: 10;
  width: 60px;
  height: 130px;
  background: url(../images/banner.png) no-repeat right center;
}
.homeBanner .homeBanneraAbout {
  position: absolute;
  margin: 0 auto;
  border-radius: 6px;
  left: 0;
  right: 0;
  bottom: 36px;
  height: 125px;
  width: 960px;
  z-index: 10;
  background: rgba(51, 51, 51, 0.9);
  padding: 18px 40px 0;
}
.homeBanner .homeBanneraAbout div {
  overflow: hidden;
  color: #fff;
  line-height: 22px;
  margin-bottom: 15px;
}
.homeBanner .homeBanneraAbout div h2 {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
}
.homeBanner .homeBanneraAbout div span {
  float: left;
  font-size: 14px;
  background: url(../images/banner_1.jpg) no-repeat left center;
  padding-left: 6px;
  margin-left: 9px;
}
.homeBanner .homeBanneraAbout input {
  display: block;
  float: left;
  border: none;
  font-size: 14px;
  border-radius: 4px;
  padding: 0 20px;
  height: 50px;
  margin-right: 10px;
}
.homeBanner .homeBanneraAbout input.name {
  width: 310px;
}
.homeBanner .homeBanneraAbout input.tel {
  width: 390px;
}
.homeBanner .homeBanneraAbout input.button {
  background-color: #ffa31f !important;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-right: 0 !important;
  cursor: pointer;
  width: 160px;
}
@media screen and (min-width: 1921px) {
  .homeBanner {
    min-height: 822px;
  }
  .homeBanner ul li a {
    background-size: auto 100%!important;
  }
}
.homeBrand {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 56px;
}
.homeBrand .homeTitle {
  margin-bottom: 36px;
}
.homeBrand .homeBrandBanner {
  float: left;
  width: 802px;
  min-width: 802px;
  height: 400px;
  margin-bottom: 20px;
}
.homeBrand .homeBrandBanner li {
  background: #e8e8e8;
}
.homeBrand .homeBrandBanner li .left {
  float: left;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  width: 375px;
  padding: 280px 0 0 85px;
  transition: all 0.3s ease-in-out 0.3s;
}
.homeBrand .homeBrandBanner li .left.hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  padding: 250px 0 0 85px;
}
.homeBrand .homeBrandBanner li .left p {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/brand.png) no-repeat left 10px;
  line-height: 25px;
  color: #555;
  margin-bottom: 14px;
  padding-left: 17px;
}
.homeBrand .homeBrandBanner li .left span {
  display: block;
  color: #888;
  width: 270px;
  padding-left: 21px;
  line-height: 15px;
}
.homeBrand .homeBrandBanner li .right {
  float: right;
  width: 320px;
  margin: 72px 80px 0 0;
}
.homeBrand .homeBrandBanner li .right i {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 12px;
  height: 240px;
}
.homeBrand .homeBrandBanner li .right i img {
  width: 100%;
  height: 100%;
  transition: all 0.8s ease-in-out;
}
.homeBrand .homeBrandBanner li:hover .right i img {
  transform: scale(1.1);
}
.homeBrand .homeBrandBanner li .right h3 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: #8d8d8d;
}
.homeBrand .homeBrandBanner .homeBrandNumber {
  text-align: right;
  bottom: 19px;
  padding-right: 19px;
}
.homeBrand .homeBrandBanner .homeBrandNext {
  position: absolute;
  cursor: pointer;
  right: 19px;
  top: 50%;
  z-index: 10;
}
.homeBrand .homeBrandBanner .homeBrandJzrx {
  position: absolute;
  font-weight: bold;
  font-size: 55px;
  color: #555;
  line-height: 60px;
  left: 102px;
  top: 108px;
  z-index: 10;
}
.homeBrandBack {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  background: #f0f0ee;
  width: 254px;
  height: 334px;
  margin-right: 20px;
}
.homeBrandBack img {
  transform: scale(1);
  transition: all 0.8s ease-in-out;
}
.homeBrandBack:hover img.homeBrandQwhbBack {
  transform: scale(1.1);
}
.homeBrandBack:hover img.homeBrandQwhbBack1 {
  transform: scale(1);
}
.homeBrandBack img.homeBrandQwhbBack {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.homeBrandBack img.homeBrandQwhbName {
  position: absolute;
  top: 30px;
  left: 28px;
}
.homeBrandQwhb {
  float: right;
  margin: 0 0 20px;
  width: 379px;
  height: 400px;
}
.homeBrandQwhb img.homeBrandQwhbName {
  position: absolute;
  top: 50px;
  left: 40px;
}
.homeBrandTc {
  float: right;
  margin: 0;
  width: 379px;
  height: 334px;
}
.homeBrandTc img.homeBrandQwhbIcon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.homeOf {
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  padding-top: 78px;
}
.homeOf .homeTitle {
  margin-bottom: 28px;
}
.homeOf .homeOfTab {
  float: left;
  width: 273px;
  margin-top: 30px;
}
.homeOf .homeOfTab a {
  display: block;
  cursor: pointer;
  float: left;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  width: 122px;
  height: 149px;
  margin: 0 10px 6px 0;
  background: #555;
}
.homeOf .homeOfTab a img {
  margin-top: 38px;
  vertical-align: 0;
}
.homeOf .homeOfTab a span {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin-top: 7px;
}
.homeOf .homeOfTab a:last-child {
  width: 254px;
  height: 119px;
}
.homeOf .homeOfTab a:last-child img {
  margin-top: 0;
  margin-right: 10px;
  vertical-align: -8px;
}
.homeOf .homeOfTab a:last-child span {
  display: inline;
  line-height: 119px;
}
.homeOf .homeOfTab a.hover,
.homeOf .homeOfTab a:hover {
  background-color: #ffa31f !important;
}
.homeOf .homeOfBat {
  float: left;
  width: 927px;
  height: 335px;
  border: 1px solid #e9e9e9;
  padding: 29px 27px 0;
}
.homeOf .homeOfBat h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  line-height: 24px;
  margin-bottom: 17px;
}
.homeOf .homeOfBat h2 span {
  font-size: 14px;
  padding: 0 10px;
  color: #555;
  vertical-align: 2px;
}
.homeOf .homeOfBat h2 em {
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  font-weight: bold;
  font-family: '微软雅黑';
}
.homeOf .homeOfBat p {
  position: relative;
  float: left;
  margin-bottom: 15px;
}
.homeOf .homeOfBat p span {
  display: block;
  font-weight: bold;
  line-height: 14px;
  margin: 4px 0 8px;
}
.homeOf .homeOfBat p input,
.homeOf .homeOfBat p select {
  display: block;
  float: left;
  border: none;
  border-radius: 4px;
  margin-right: 10px;
  background: #e8e8e8;
  height: 50px;
  padding: 0 12px;
  line-height: 50px;
}
.homeOf .homeOfBat p select {
  background: url(../images/jsq_icon.png) no-repeat 92% center #e8e8e8;
}
.homeOf .homeOfBat p i {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  bottom: 18px;
  right: 18px;
}
.homeOf .homeOfBat input[type='button'] {
  display: block;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}
.homeOf .homeOfJsq {
  overflow: hidden;
}
.homeOf .homeOfJsqLeft {
  float: left;
  width: 642px;
  margin-right: 20px;
}
.homeOf .homeOfJsqLeft p input,
.homeOf .homeOfJsqLeft p select {
  width: 150px;
}
.homeOf .homeOfJsqLeft input[type='button'] {
  width: 630px;
}
.homeOf .homeOfJsqRight {
  float: left;
  vertical-align: 0;
}
.homeOf .homeOfFq {
  overflow: hidden;
}
.homeOf .homeOfFqcLeft {
  float: left;
  width: 540px;
  margin-right: 20px;
}
.homeOf .homeOfFqcLeft input,
.homeOf .homeOfFqcLeft select {
  width: 170px;
}
.homeOf .homeOfFqcLeft input.w260 {
  width: 260px;
}
.homeOf .homeOfFqcLeft input[type='button'] {
  width: 530px;
}
.homeOf .homeOfFqcRight {
  float: left;
  width: 306px;
}
.homeOf .homeOfFqcRight img {
  vertical-align: top;
}
.homeOf .homeOfFqcRight p {
  overflow: hidden;
  float: none;
  margin: 0 auto;
  width: 275px;
  border-bottom: 1px dashed #d7d7d7;
  padding: 18px 0 18px;
}
.homeOf .homeOfFqcRight p span {
  display: block;
  float: left;
  width: 50%;
  font-style: normal;
  font-weight: normal;
  color: #888;
  line-height: 14px;
  margin: 0;
  padding: 0 18px;
}
.homeOf .homeOfFqcRight p b {
  display: block;
  color: #333;
  font-family: '微软雅黑';
  margin-top: 6px;
  line-height: 14px;
}
.homeOf .homeOfFqcRight div {
  text-align: center;
  color: #ffa31f;
  padding-top: 12px;
}
.homeOf .homeOfFqcRight div b {
  display: block;
  font-size: 24px;
  font-family: '微软雅黑';
  line-height: 24px;
  margin: 1px 0 2px;
}
.homeOf .homeOfFqcRight div span {
  font-size: 12px;
  color: #999;
  line-height: 12px;
}
.homeOf .homeOfDidi {
  overflow: hidden;
}
.homeOf .homeOfDidiLeft {
  float: left;
  width: 642px;
}
.homeOf .homeOfDidiLeft input {
  width: 310px;
}
.homeOf .homeOfDidiLeft select {
  width: 630px;
}
.homeOf .homeOfDidiLeft input[type='button'] {
  width: 630px;
}
.homeOf .homeOfDidiRight {
  float: left;
  margin-left: 20px;
}
.home3d {
  overflow: hidden;
  padding-top: 78px;
}
.home3d .homeTitle {
  margin-bottom: 38px;
}
.home3d .home3dName {
  position: absolute;
  text-align: left;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  top: 140px;
  right: 90px;
  transition: all 0.6s ease-out 0.2s;
}
.home3d .home3dName.hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: 132px;
}
.home3d .home3dName img {
  vertical-align: top;
  margin-bottom: 18px;
}
.home3d .home3dName p {
  overflow: hidden;
  font-size: 16px;
  line-height: 16px;
}
.home3d .home3dName p em {
  font-style: normal;
  font-weight: normal;
  float: left;
  margin-right: 22px;
}
.home3d .home3dName p span {
  font-size: 12px;
  display: block;
  float: left;
  background: url(../images/3d_0.png) no-repeat left center;
  padding-left: 21px;
  margin-bottom: 35px;
}
.home3d .home3dName p span i {
  font-style: normal;
  font-weight: normal;
  margin-right: 10px;
}
.home3d .home3dName a {
  display: block;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  width: 180px;
  height: 55px;
  line-height: 55px;
  background: #3c3c3c;
  border-radius: 4px;
  margin-right: 20px;
}
.home3d .hd {
  display: none;
}
.home3d .slider .prev span {
  background: url(../images/scrollleft.png) no-repeat 98% center rgba(0, 0, 0, 0.4);
  opacity: inherit;
}
.home3d .slider .next span {
  background: url(../images/scrollright.png) no-repeat 2% center rgba(0, 0, 0, 0.4);
  opacity: inherit;
}
.homeService {
  overflow: hidden;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  padding-top: 142px;
  transition: all 0.8s ease-out;
}
.homeService.hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  padding-top: 82px;
}
.homeService .homeTitle {
  margin-bottom: 60px;
}
.homeService .homeTitle h2 {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 100%;
}
.homeService .homeServiceIcon {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  display: table;
  height: 255px;
}
.homeService .homeServiceIcon div {
  display: table-cell;
  padding: 0 5px;
}
.homeService .homeServiceIcon img {
  vertical-align: top;
  margin-bottom: 16px;
  width: 119px;
  height: 119px;
}
.homeService .homeServiceIcon p {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 15px;
}
.homeService .homeServiceIcon span {
  color: #999;
  line-height: 18px;
}
.homeCaseBox {
  position: relative;
}
.homeCaseBox .line {
  position: absolute;
  left: 0;
  top: 209px;
  z-index: 0;
  border-top: 1px solid #e9e9e9;
  width: 100%;
}
.homeCase {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  padding-top: 35px;
}
.homeCase .homeTitle {
  margin-bottom: 15px;
}
.homeCase .hd {
  position: relative;
  z-index: 1;
  height: 95px;
  text-align: center;
  font-size: 24px;
}
.homeCase .hd li {
  float: left;
  position: relative;
  width: 200px;
  height: 95px;
  line-height: 95px;
  cursor: pointer;
  transition: line-height 0.5s;
}
.homeCase .hd li.on {
  color: #ffa31f;
  line-height: 115px;
  border-bottom: 4px solid #ffa31f;
}
.homeCase .hd .more {
  display: block;
  width: 200px;
  float: right;
  height: 95px;
  line-height: 95px;
  color: #333;
}
.homeCase .hd .more:hover {
  color: #ffa31f;
}
.homeCase .bd {
  padding-top: 50px;
  overflow: hidden;
}
.homeCase .bd li {
  margin-left: -24px;
}
.homeCase .bd div {
  float: left;
  overflow: hidden;
  margin: 0 0 24px 24px;
  width: 384px;
  height: 249px;
}
.homeCase .bd li h3,
.homeCase .bd li p {
  display: none;
}
.homeCase .bd li img {
  width: 384px;
  height: 249px;
  vertical-align: top;
}
.homeCase .recommendCase {
  width: 1200px;
  height: 230px;
  padding: 40px 0 0 4px;
  background: url("../images/recommend_case.jpg") no-repeat top center;
  text-align: center;
}
.homeCase .recommendCase li {
  position: relative;
  float: left;
  margin-left: 16px;
  width: 278px;
  height: 150px;
}
.homeCase .recommendCase li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 278px;
  height: 150px;
  background: #fff;
  z-index: 0;
  transition: transform 0.5s;
}
.homeCase .recommendCase li:hover:before {
  transform: scale(1.03);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}
.homeCase .recommendCase li a {
  position: relative;
  z-index: 1;
  color: #333;
  font-size: 16px;
}
.homeCase .recommendCase li h3 {
  margin: 26px 0 16px;
  font-size: 24px;
}
.homeCase .recommendCase li a:hover h3 {
  color: #ffa31f;
}
.zsxJs h3 {
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 9px;
  padding: 0 10px;
}
.zsxJs p {
  font-size: 16px;
  line-height: 16px;
}
.zsxJs p span {
  margin-left: 14px;
  background: url(../images/3d_0.png) no-repeat left center;
  padding-left: 18px;
}
.sliphover-container {
  z-index: 1 !important;
}
.homeLive {
  margin-top: 40px;
}
.homeLive .bd li {
  margin-left: -24px;
}
.homeLive li .house {
  float: left;
  position: relative;
  margin-left: 24px;
  width: 384px;
  height: 370px;
  background: #f0f0f0;
  transition: all 0.5s;
}
.homeLive li .house:hover {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.06);
  background: #fff;
}
.homeLive li .house img {
  width: 384px;
  height: 249px;
}
.homeLive li .house span {
  display: block;
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 1;
  width: 68px;
  height: 30px;
  border-radius: 4px;
  background: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  text-align: center;
}
.homeLive li .house .status {
  background: none;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  line-height: 30px;
  color: #fff;
}
.homeLive li .house .over {
  background: #98bd3b;
}
.homeLive li .house .text {
  margin: 0;
  height: 121px;
  text-align: center;
  color: #333;
  font-size: 18px;
}
.homeLive .house .text h3,
.homeLive .house .text p {
  display: block;
}
.homeLive .house .text h3 {
  margin: 25px 0 5px;
  font-weight: normal;
  font-size: 24px;
}
.iconZx {
  display: inline-block;
  background: url("../images/icon_18.png") no-repeat;
}
.iconZxTriangle {
  width: 8px;
  height: 11px;
  background-position: -100px -200px;
}
.iconZxBj {
  width: 36px;
  height: 40px;
  background-position: 0 0;
}
a.hover .iconZxBj,
a:hover .iconZxBj {
  background-position: 0 -100px;
}
.iconZxHbs {
  width: 39px;
  height: 39px;
  background-position: -100px 0;
}
a.hover .iconZxHbs,
a:hover .iconZxHbs {
  background-position: -100px -100px;
}
.iconZxZb {
  width: 39px;
  height: 40px;
  background-position: -200px 0;
}
a.hover .iconZxZb,
a:hover .iconZxZb {
  background-position: -200px -100px;
}
.iconZxYsj {
  width: 45px;
  height: 30px;
  background-position: -300px 0;
}
a.hover .iconZxYsj,
a:hover .iconZxYsj {
  background-position: -300px -100px;
}
a:hover .iconZxTriangle {
  background-position: 0 -200px;
}
.homeNews {
  padding-top: 75px;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.homeNews ul {
  margin: 45px 0 55px -24px;
  height: 465px;
}
.homeNews ul li {
  float: left;
  margin-left: 24px;
  width: 282px;
  height: 453px;
  border-radius: 4px;
  background: #f2f2f2;
  transition: all 0.5s ease-out;
}
.homeNews ul li h3 {
  line-height: 70px;
  text-align: center;
  font-size: 22px;
}
.homeNews ul li .homeNewsHeight {
  overflow: hidden;
  margin-top: -5px;
  height: 145px;
}
.homeNews ul li .homeNewsMore {
  float: right;
  display: block;
  width: 31px;
  height: 28px;
  margin: 20px 30px 0 0;
  background: url(../images/news_5.png) no-repeat center center;
  transition: all 0.1s ease-out 0.2s;
}
.homeNews ul li:hover {
  background: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.homeNews ul li:hover h3 {
  color: #ffa31f;
}
.homeNews ul li:hover .homeNewsMore {
  background: url(../images/news_5_1.png) no-repeat center center;
}
.homeNews img {
  border-radius: 4px;
  vertical-align: middle;
}
.homeNews .homeZxtt {
  margin: 0 30px;
}
.homeNews .homeZxtt a {
  font-size: 12px;
  display: block;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -20px;
  line-height: 24px;
  transition: all 0.1s ease-out;
  padding-left: 20px;
  background: url(../images/news_3.png) no-repeat left center;
}
.homeNews .homeZxtt a:hover {
  color: #ffa31f;
  margin-left: 0;
}
.homeNews .bottom {
  margin-top: 45px;
  overflow: hidden;
}
.homeNews .bottom .hd {
  margin-bottom: 27px;
  height: 26px;
  line-height: 26px;
}
.homeNews .bottom .hd h3 {
  float: left;
  font-size: 22px;
  font-weight: normal;
}
.homeNews .bottom .hd a.more {
  float: right;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #98bd3b;
  border-radius: 4px;
  height: 26px;
  line-height: 24px;
  color: #98bd3b;
  font-size: 16px;
  text-align: center;
}
.homeNews .bottom .hd a.more i {
  margin-left: 3px;
}
.homeNews .bottom .hd a.more:hover {
  background: #98bd3b;
  color: #fff;
}
.homeNews .homeWiki {
  float: left;
  width: 282px;
}
.homeNews .homeWiki ol {
  margin-left: -10px;
  text-align: center;
}
.homeNews .homeWiki li {
  float: left;
  margin: 0 0 10px 10px;
  width: 136px;
  height: 88px;
  font-size: 20px;
}
.homeNews .homeWiki li a {
  display: block;
  border-radius: 4px;
  width: 136px;
  height: 88px;
  line-height: 88px;
  background: #f2f2f2;
  color: #323232;
}
.homeNews .homeWiki li a:hover {
  background: #ffa31f;
  color: #fff;
}
.homeNews .homeAnswer {
  float: left;
  margin: 0 24px;
  width: 588px;
}
.homeNews .homeAnswer ol {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 27px 0;
}
.homeNews .homeAnswer li {
  margin: 0 40px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
}
.homeNews .homeAnswer li a {
  float: left;
  display: block;
  width: 345px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -20px;
  padding-left: 20px;
  transition: all 0.1s ease-out;
  background: url(../images/news_3.png) no-repeat left center;
}
.homeNews .homeAnswer li a:hover {
  color: #ffa31f;
  margin-left: 0;
}
.homeNews .homeAnswer li span {
  float: right;
  color: #828282;
}
.homeNews .homeAnswer li span i {
  margin: 0 3px;
  color: #ffa31f;
  font-style: normal;
}
.homeNews .homeTool {
  float: right;
  width: 282px;
}
.homeNews .homeTool ol {
  margin-left: -22px;
  text-align: center;
}
.homeNews .homeTool li {
  float: left;
  margin: 0 0 22px 22px;
  width: 130px;
  height: 130px;
}
.homeNews .homeTool li a {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 4px;
  background: #f2f2f2;
  border: 1px solid #dcdcdc;
  color: #333;
}
.homeNews .homeTool li span {
  display: block;
  margin: 30px auto 10px;
  height: 40px;
  line-height: 40px;
}
.homeNews .homeTool li a.hover,
.homeNews .homeTool li a:hover {
  color: #fff;
  background: #ffa31f;
  border-color: #ffa31f;
}
.homeNamic {
  width: 1200px;
  margin: 0 auto;
  padding-top: 82px;
  height: 619px;
}
.homeNamic .homeTitle {
  margin-bottom: 32px;
}
.homeNamic .fl {
  overflow: hidden;
  width: 590px;
}
.homeNamic .fl a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  cursor: pointer;
  height: 331px;
}
.homeNamic .fl a img {
  vertical-align: top;
}
.homeNamic .fl a img.click {
  position: absolute;
  margin: 0 auto;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  top: 136px;
  left: 0;
  right: 0;
  transition: all 0.2s ease-out;
  width: 92px;
  height: 90px;
}
.homeNamic .fl a:hover img.click {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.homeNamic .fl p {
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  margin-top: 18px;
}
.homeNamic .fr {
  width: 588px;
  height: 331px;
}
.homeNamic .fr a {
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
  display: table;
  height: 99px;
  background: #ededed;
  margin-bottom: 18px;
  transition: all 0.3s ease-out;
}
.homeNamic .fr a p {
  height: 99px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  color: #555;
  line-height: 20px;
}
.homeNamic .fr a p span {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
}
.homeNamic .fr a img {
  float: right;
  display: table-cell;
  transition: all 0.2s ease-out;
  margin: 1.5px -97px 1.5px 0;
}
.homeNamic .fr a:hover {
  background-color: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.homeNamic .fr a:hover img {
  margin-right: 1.5px;
}
.homePrice {
  border-top: 1px solid #d9d9d9;
}
.homePrice .homePriceIkj {
  text-align: center;
  font-size: 55px;
  margin-top: 66px;
  line-height: 66px;
  height: 96px;
  background: url(../images/price_icon.png) no-repeat center 82px;
}
.homePrice .homePriceIkj img {
  margin-right: 36px;
  vertical-align: top;
}
.homePrice .homePriceIkj b.day {
  margin-left: 36px;
}
.homePrice .houmePriceXin {
  vertical-align: top;
  margin-bottom: 23px;
}
.homePrice .homePrice5qd {
  overflow: hidden;
  margin-bottom: 91px;
}
.homePrice .homePrice5qd li {
  position: relative;
  float: left;
  width: 90px;
  margin-right: 5px;
  height: 350px;
  transition: all 0.4s ease-out;
}
.homePrice .homePrice5qd li h3,
.homePrice .homePrice5qd li p {
  display: none;
}
.homePrice .homePrice5qd li img {
  position: absolute;
  height: 100%;
  width: 90px;
  vertical-align: top;
  top: 0;
  left: 0;
  transition: all 0.15s ease-out;
}
.homePrice .homePrice5qd li img.homePriceImg {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  width: 820px;
}
.homePrice .homePrice5qd li.hover {
  width: 820px;
}
.homePrice .homePrice5qd li.hover img.homePriceIcon {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.homePrice .homePrice5qd li.hover img.homePriceImg {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.homeLink {
  overflow: hidden;
  padding-bottom: 50px;
}
.homeLink .homeLinkTab {
  height: 29px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 14px;
}
.homeLink .homeLinkTab a {
  display: block;
  text-align: center;
  float: left;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  width: 90px;
  margin-right: 25px;
}
.homeLink .homeLinkTab a.hover,
.homeLink .homeLinkTab a:hover {
  border: 1px solid #f08300;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #ffa31f;
  border-width: 3px;
}
.homeLink .homeLinkText {
  width: 1200px;
  margin: 0 auto;
}
.homeLink .homeLinkText ul {
  overflow: hidden;
}
.homeLink .homeLinkText li {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 14.2%;
  padding: 0 10px;
  line-height: 24px;
}
.homeLink .homeLinkText li a {
  color: #888;
}
.homeLink .homeLinkText li a:hover {
  color: #ffa31f;
}
.nomalScreen {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 80px;
}
.orderResult {
  height: 463px;
  margin-top: 14px;
  background: url("../images/img_suc.jpg") no-repeat top center;
}
.orderResult .success {
  text-align: center;
  margin-top: 22px;
}
.orderResult .success h2 {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 20px;
  color: #5eb55e;
  letter-spacing: 2px;
}
.orderResult .success h2 img {
  margin-right: 20px;
  vertical-align: middle;
}
.orderResult .success p {
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
}
.orderResult .success p span {
  margin: 0 5px;
  font-size: 16px;
  color: #f08300;
}
.orderResult .success a.backHome {
  border-radius: 4px;
  text-align: center;
  color: #f08300;
  border: 1px solid #f08300;
  display: inline-block;
  margin-top: 30px;
  width: 130px;
  height: 34px;
  line-height: 34px;
}
.moreAct {
  padding-top: 20px;
  margin: 0 auto;
  width: 600px;
  overflow: hidden;
}
.moreAct ul {
  width: 610px;
  margin-left: -10px;
}
.moreAct li {
  float: left;
  width: 295px;
  height: 104px;
  margin: 0 0 10px 10px;
  background: #df7474;
}
.moreAct li:first-child,
.moreAct li.first {
  width: 600px;
  height: 70px;
}
.orderResult .success a.backHome:hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.costResult {
  text-align: center;
  height: 460px;
  background: url("../images/cost_suc.jpg") no-repeat top center;
  margin-bottom: 80px;
}
.costResult .success {
  margin: 65px 0 0 724px;
  width: auto;
  min-width: 340px;
}
.costResult .success h2 {
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 48px;
  letter-spacing: 0;
}
.orderResult .success p {
  line-height: 28px;
}
.costResult .success a.backHome {
  background-color: #fff !important;
  border: 1px solid #dbdbdb;
  color: #878787;
  margin-top: 20px;
  width: 130px;
}
.login {
  width: 1200px;
  overflow: hidden;
  margin: 40px auto;
  height: 460px;
  background: url('../images/back.jpg') no-repeat center center;
  box-shadow: -2px 2px 20px #ccc;
}
.login .loginText {
  float: right;
  height: 100%;
  background-color: #fff !important;
  width: 430px;
}
.login .loginTab {
  width: 100%;
  margin: 0 auto;
  height: 80px;
  width: 362px;
  margin-bottom: 48px;
}
.login .loginTab a {
  float: left;
  display: block;
  width: 50%;
  height: 100%;
  text-align: center;
  font-size: 24px;
  color: #333;
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  border-top: none;
  border-width: 2px;
  line-height: 78px;
}
.login .loginTab a:hover,
.loginTab a.loginTabOver {
  border: 1px solid #f08300;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #ffa31f;
  border-width: 2px;
}
.login h2 {
  overflow: hidden;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  color: #ffa31f;
  width: 362px;
  height: 26px;
  line-height: 26px;
  margin: 30px auto 44px;
}
.login h2.loginMb74 {
  margin-bottom: 74px;
}
.login h2 a {
  float: right;
  font-size: 14px;
  color: #666;
  margin-right: 5px;
}
.login p {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 362px;
  height: 48px;
  margin-bottom: 24px;
}
.login p input {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  line-height: 46px;
  padding: 0 112px 0 10px;
}
.login p input.tel {
  position: absolute;
  display: block;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #333;
  right: 0;
  top: 0;
  width: 102px;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.login p input.tel:disabled {
  background: #999;
  cursor: auto;
}
.login p.loginClick {
  margin-bottom: 12px;
}
.login p.loginClick input {
  color: #fff;
  font-size: 16px;
  background-color: #ffa31f !important;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #f08300;
  padding: 0;
}
.login p.loginClick input:disabled {
  background-color: #FBC393 !important;
  border: 1px solid #FBC393;
  cursor: auto;
}
.login .loginLink {
  overflow: hidden;
  margin: 0 auto;
  width: 362px;
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
}
.login .loginLink a {
  color: #666;
}
.address {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 48px;
  margin-bottom: 68px;
}
.address .addressName {
  width: 100%;
  overflow: hidden;
  padding-right: 332px;
  margin-bottom: 26px;
}
.address .addressName a {
  color: #333;
  display: block;
  float: left;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0 20px 0 0;
  line-height: 27px;
  text-align: justify;
}
.address .addressName a:hover,
.address .addressName a.hover {
  color: #ffa31f;
  border: 1px solid #f08300;
  border-top: none;
  border-left: none;
  border-right: none;
}
.address .addressDetails {
  float: left;
  width: 868px;
  margin-right: 12px;
}
.address .addressMap {
  display: block;
  border: none;
  width: 100%;
  height: 460px;
  margin-bottom: 26px;
}
.address .addressList {
  overflow: hidden;
  float: left;
}
.address .addressList li {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  height: 242px;
}
.address .addressList li img {
  float: left;
  display: block;
  width: 242px;
  height: 242px;
  margin-right: 24px;
}
.address .addressList li h4 {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  width: 602px;
  margin: 20px 0 36px 0;
}
.address .addressList li p {
  float: left;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 602px;
  line-height: 28px;
  padding-right: 20px;
}
.address .addressList li a {
  position: absolute;
  display: block;
  float: left;
  border: 1px solid #f08300;
  text-align: center;
  color: #333;
  border-width: 2px;
  width: 230px;
  height: 40px;
  line-height: 36px;
  margin-top: 30px;
  bottom: 0;
  left: 266px;
}
.address .addressList li a:hover {
  color: #fff;
  background-color: #ffa31f !important;
}
.star {
  margin: 0 auto;
  width: 1200px;
  margin-top: 40px;
  margin-bottom: 90px;
}
.star .starMan {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #f7f7f7 !important;
  height: 280px;
  margin-bottom: 50px;
}
.star .starMan img {
  display: block;
  float: left;
}
.star .starMan img.starPhoto {
  width: 280px;
  height: 280px;
  margin-right: 47px;
}
.star .starMan img.starImg {
  margin-top: 16px;
  padding-right: 750px;
}
.star .starMan h4 {
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 30px;
  float: left;
  width: 873px;
  line-height: 32px;
  margin-top: 80px;
  padding-right: 706px;
}
.star .starMan h4 span {
  float: right;
  font-size: 12px;
}
.star .starMan hr {
  display: block;
  border: none;
  background-color: #dbdbdb !important;
  float: left;
  height: 1px;
  width: 640px;
  margin: 32px 232px 14px 0;
}
.star .starMan p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 14px;
  width: 640px;
}
.star .starMan a {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 132px;
  height: 132px;
  top: 74px;
  right: 23px;
}
.star .starMan a img {
  width: 100%;
  height: 100%;
  float: left;
}
.star .starCase {
  width: 100%;
  overflow: hidden;
}
.star .starCase h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  display: block;
  text-align: center;
  line-height: 42px;
  margin-bottom: 22px;
}
.star .starCaseTab {
  margin: 0 auto;
  width: 328px;
  height: 44px;
  line-height: 42px;
  margin-bottom: 22px;
}
.star .starCaseTab a {
  display: block;
  float: left;
  text-align: center;
  height: 100%;
  border: 1px solid #dbdbdb;
  cursor: pointer;
  font-size: 18px;
  color: #333;
  width: 160px;
  margin: 0 2px;
}
.star .starCaseTab a:hover,
.star .starCaseTab a.hover {
  border: 1px solid #f08300;
  background-color: #ffa31f !important;
  color: #fff;
}
.star .starCaseList {
  width: 100%;
  height: 485px;
  margin-bottom: 24px;
}
.star .starCaseList li {
  float: left;
  width: 392px;
  margin-right: 12px;
  margin-bottom: 12px;
  height: 230px;
}
.star .starCaseList li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.star .starCaseList li img.starCaseImg {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
}
.star .starCaseList li img.starShou {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
}
.star .starCaseList li p {
  position: absolute;
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0 28px 0 18px;
  bottom: 0;
  left: 0;
}
.star .starCaseList li p i {
  position: absolute;
  width: 100%;
  background-color: #020207 !important;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  left: 0;
}
.star .starCaseList li p span,
.star .starCaseList li p em {
  position: relative;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  z-index: 1;
}
.star .starCaseList li p span {
  font-size: 18px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 230px;
  padding-right: 18px;
}
.star .starCaseList li p em {
  font-size: 14px;
  float: right;
}
.star a.starCaseListMroe {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #ffa31f;
  width: 92px;
  margin-bottom: 52px;
}
.star .starCaseList li a img {
  transition: transform .5s;
  -moz-transition: -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
}
.star .starCaseList li a:hover img {
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}
.icon {
  display: inline-block;
  background: url("../images/icons.png") no-repeat top center;
  vertical-align: middle;
  margin-top: -2px;
}
.icoEyes {
  width: 24px;
  height: 16px;
  background-position: -30px -120px;
}
.icoStar {
  width: 18px;
  height: 16px;
  background-position: -30px -90px;
}
.icoPrise {
  width: 24px;
  height: 16px;
  background-position: -30px -60px;
}
.icoPriseG {
  width: 24px;
  height: 16px;
  background-position: 0 -60px;
}
.icoComment {
  width: 24px;
  height: 16px;
  background-position: -30px -30px;
}
.icoCommentG {
  width: 24px;
  height: 16px;
  background-position: 0 -30px;
}
.iconClose {
  width: 48px;
  height: 48px;
  background-position: 0 -150px;
}
.iconPrev {
  width: 36px;
  height: 120px;
  background-position: 0 -210px;
}
.iconNext {
  width: 36px;
  height: 120px;
  background-position: -55px -210px;
}
.iconPerlize {
  width: 21px;
  height: 21px;
  background-position: -60px -30px;
}
.iconMainMat {
  width: 21px;
  height: 21px;
  background-position: -60px -60px;
}
.iconAccMat {
  width: 21px;
  height: 21px;
  background-position: -60px -90px;
}
.iconFold {
  width: 14px;
  height: 8px;
  background-position: -30px 0;
}
.learnDecorate {
  min-width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.learnDecorate img {
  vertical-align: middle;
}
.learnDecorate .title {
  position: relative;
  font-size: 18px;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #F08300;
}
.learnDecorate .title h3 {
  font-style: normal;
  font-weight: normal;
  color: #020207;
}
.learnDecorate .title .more {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  color: #ffa31f;
  font-size: 12px;
  vertical-align: top;
}
.learnDecorate .tag span {
  float: left;
  color: #999;
  margin-left: 23px;
}
.learnDecorate .tag .icon {
  margin-right: 6px;
}
.learnDecorate .notData {
  color: #666;
  text-align: center;
  padding-top: 20%;
}
.rightSider {
  float: right;
  width: 320px;
}
.learnNav ul {
  margin: 39px 0 20px -12px;
  height: 120px;
}
.learnNav li {
  position: relative;
  float: left;
  margin-left: 12px;
  color: #fff;
  width: 291px;
  height: 120px;
}
.learnNav li .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  background: -moz-linear-gradient(top, rgba(237, 237, 237, 0.23) 0%, rgba(0, 0, 0, 0.89) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237, 237, 237, 0.23)), color-stop(100%, rgba(0, 0, 0, 0.89)));
  background: -webkit-linear-gradient(top, rgba(237, 237, 237, 0.23) 0%, rgba(0, 0, 0, 0.89) 100%);
  background: -o-linear-gradient(top, rgba(237, 237, 237, 0.23) 0%, rgba(0, 0, 0, 0.89) 100%);
  background: -ms-linear-gradient(top, rgba(237, 237, 237, 0.23) 0%, rgba(0, 0, 0, 0.89) 100%);
  background: linear-gradient(to bottom, rgba(237, 237, 237, 0.23) 0%, rgba(0, 0, 0, 0.89) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  opacity: .7;
}
.learnNav li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.learnNav li img {
  width: 291px;
  height: 120px;
}
.learnNav li p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 291px;
  height: 120px;
}
.learnNav li strong {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  margin-top: 39px;
  text-shadow: 2px 0 2px rgba(0, 0, 0, 0.5);
}
.learnFocus,
.learnFocus .slide {
  float: left;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 868px;
  height: 450px;
}
.learnFocus .slide {
  line-height: 450px;
  background-color: #f7f7f7 !important;
}
.learnFocus .slide img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.learnFocus .focusBox {
  overflow: hidden;
  position: relative;
  height: 450px;
}
.learnFocus .slide .text {
  display: none;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 80px;
  line-height: 80px;
  width: 624px;
  padding: 0 20px;
}
.learnFocus .thumber {
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 3;
  width: 244px;
  height: 60px;
}
.learnFocus .thumber li {
  float: left;
  margin-left: 12px;
  width: 60px;
  height: 60px;
}
.learnFocus .thumber img {
  cursor: pointer;
  border: 1px solid #e6e6e6;
}
.learnFocus .thumber li.active img {
  border: 1px solid #f08300;
}
.learnFocus .titleBg {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 868px;
  height: 80px;
  background: #000;
}
.decorateAsk {
  height: 450px;
  overflow: hidden;
}
.decorateAsk ul {
  margin-top: 16px;
}
.decorateAsk li {
  margin-bottom: 27px;
}
.decorateAsk li h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  color: #999;
}
.decorateAsk li p {
  color: #999;
}
.decorateNew {
  padding-bottom: 12px;
}
.decorateNew .indexNew {
  overflow: hidden;
  width: 100%;
  background-color: #ffa31f !important;
  height: 354px;
  margin-bottom: 24px;
}
.decorateNew .indexNew h2.indexH2 {
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 14px;
  margin-top: 40px;
}
.decorateNew .indexNew a.indexMore {
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 80px;
  line-height: 16px;
  margin-bottom: 30px;
}
.decorateNew .indexNew .indexNewsJd {
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff !important;
  width: 1150px;
  height: 180px;
  padding: 20px 24px;
}
.decorateNew .indexNew .indexNewsJd img {
  float: left;
  margin: 37px 17.5px 0;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv {
  width: 320px;
  float: left;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv em {
  font-style: normal;
  font-weight: normal;
  display: block;
  text-align: center;
  font-size: 32px;
  font-family: 'arial';
  color: #ffa31f;
  line-height: 34px;
  margin-bottom: 2px;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv strong {
  font-style: normal;
  font-weight: normal;
  display: block;
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv hr {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: #ffa31f !important;
  width: 48px;
  height: 2px;
  margin-bottom: 28px;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv p {
  width: 320px;
  overflow: hidden;
  color: #666;
  background: #f2f2f2;
  height: 32px;
  line-height: 32px;
  border-radius: 19px;
  padding: 0 5px;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv p.num5 a {
  width: 20%;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv p a {
  display: block;
  text-align: center;
  float: left;
  color: #666;
  width: 25%;
}
.decorateNew .indexNew .indexNewsJd .indexNewsDiv p a:hover {
  color: #ffa31f;
}
.decorateNew .indexNew {
  margin: 20px 0 12px;
  overflow: hidden;
}
.decorateNew .stageFocus {
  float: left;
  width: 868px;
}
.decorateNew .stage {
  position: relative;
  padding-left: 190px;
}
.decorateNew .stage,
.decorateNew .stage ul,
.decorateNew .stage li {
  overflow: hidden;
  height: 364px;
}
.decorateNew .stage ul {
  position: relative;
  width: 100%;
}
.decorateNew .stage li {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.decorateNew .thumber {
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
}
.decorateNew .thumber span {
  display: block;
  cursor: pointer;
  text-align: center;
  position: relative;
  margin-bottom: 1px;
  width: 180px;
  height: 72px;
  line-height: 72px;
  background: #faebd8;
}
.decorateNew .thumber span.active {
  background-color: #ffa31f !important;
  color: #fff;
}
.decorateNew .thumber span.active i {
  display: block;
}
.decorateNew .thumber i {
  display: none;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -14px;
  width: 0;
  height: 0;
  border: 16px dashed transparent;
  border-left: 10px solid #F08300;
}
.decorateNew .stageText {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 244px;
}
.decorateNew .stageText li {
  display: none;
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 244px;
}
.decorateNew .stageText li.active {
  display: block;
}
.decorateNew .stageText h6 {
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  margin: 28px 0 17px;
  height: 24px;
}
.decorateNew .stageText h6 a {
  color: #ffa31f;
}
.decorateNew .stageText p {
  overflow: hidden;
  height: 160px;
  line-height: 32px;
}
.decorateNew .stageText p a {
  color: #333;
}
.decorateNew .guide .title,
.decorateNew .material .title {
  height: 34px;
  vertical-align: top;
  line-height: 24px;
}
.decorateNew .guide ul,
.decorateNew .material ul {
  overflow: hidden;
  margin-top: 4px;
}
.decorateNew .guide ul {
  height: 304px;
  margin-bottom: 35px;
}
.decorateNew .material ul {
  height: 190px;
}
.decorateNew .guide li,
.decorateNew .guide li a,
.decorateNew .material li,
.decorateNew .material li a {
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 38px;
}
.decorateThing {
  padding-top: 40px;
}
.decorateThing .indexH2 {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 14px;
}
.decorateThing .indexMore {
  color: #ffa31f;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 80px;
  line-height: 16px;
  margin-bottom: 30px;
}
.decorateTabs {
  text-align: center;
  padding-bottom: 24px;
}
.decorateThing .list {
  margin: -12px 0 40px -12px;
  overflow: hidden;
}
.decorateThing .list li {
  float: left;
  overflow: hidden;
  position: relative;
  margin-top: 12px;
  margin-left: 12px;
  width: 594px;
  height: 446px;
}
.decorateThing .list li img {
  width: 594px;
  height: 446px;
}
.decorateThing .list .ft {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 90px;
}
.decorateThing .list .tit {
  display: block;
  font-size: 18px;
  color: #020207;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 12px 0 19px;
  padding: 0 20px;
  height: 20px;
  line-height: 20px;
}
.decorateThing .list .time {
  color: #666;
  margin-left: 20px;
}
.decorateThing .list .tag {
  float: right;
  margin-right: 20px;
}
.decorateThing .list .ftBg {
  background-color: #fff !important;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 594px;
  height: 90px;
}
.decorateTabs a {
  border: 1px solid #dbdbdb;
  font-size: 16px;
  color: #020207;
  cursor: pointer;
  display: inline-block;
  margin: 0 2px;
  width: 160px;
  height: 44px;
  line-height: 42px;
}
.decorateTabs a.hover {
  color: #fff;
  background-color: #ffa31f !important;
  border: 1px solid #f08300;
}
.decorateDiary {
  padding-top: 40px;
}
.decorateDiary .indexH2 {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 42px;
  margin-bottom: 14px;
}
.decorateDiary .indexMore {
  color: #ffa31f;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 80px;
  line-height: 16px;
  margin-bottom: 30px;
}
.decorateDiary .diaryList {
  float: left;
  width: 868px;
  min-height: 630px;
}
.decorateDiary .group {
  overflow: hidden;
  margin-bottom: 20px;
  padding-left: 60px;
}
.decorateDiary .group .hd {
  position: relative;
}
.decorateDiary .group .hd .userPic {
  border-radius: 50%;
  position: absolute;
  left: -60px;
  top: -8px;
  width: 48px;
  height: 48px;
}
.decorateDiary .group .tag {
  position: absolute;
  top: 0;
  right: 0;
  height: 18px;
  line-height: 18px;
}
.decorateDiary .group .hd h5 {
  color: #ffa31f;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  margin: 15px 0;
  height: 18px;
  line-height: 18px;
}
.decorateDiary .group .info span {
  color: #666;
  font-size: 12px;
  margin-right: 8px;
}
.decorateDiary .group .info .name {
  color: #90be20;
  margin-right: 20px;
}
.decorateDiary .group .con {
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 12px;
  height: 48px;
  line-height: 24px;
}
.decorateDiary .group ul {
  overflow: hidden;
  margin: 12px 0 8px -12px;
}
.decorateDiary .group li {
  text-align: center;
  float: left;
  margin-left: 12px;
  width: 193px;
  height: 136px;
  line-height: 136px;
}
.decorateDiary .group li img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.decorateDiary .group hr {
  border: none;
  border-bottom: 1px dashed #d4d4db;
  margin: 0 20px;
  height: 12px;
}
.decorateDiary .group:last-child hr {
  display: none;
}
.acrossAd {
  min-width: 1200px;
  margin: 0 auto;
  text-align: center;
  min-height: 200px;
  background: #ededed;
}
.decorateDiary .rtAd {
  margin-top: -12px;
}
.rtAd {
  width: 320px;
}
.rtAd p {
  margin-top: 12px;
}
.pageDecorate .decorateTabs {
  color: #d8d8d8;
  padding: 40px 0 0;
}
.pageDecorate .decorateTabs a,
.pageDecorate .decorateTabs a.active {
  color: #020207;
  border: none;
  background: none !important;
  width: auto;
  height: 32px;
  line-height: 32px;
  margin: 0 33px;
}
.pageDecorate .decorateTabs a.active {
  border-bottom: 2px solid #f08300;
}
.pageDecorate .list {
  min-height: 450px;
}
.decorateThing .list .label,
.pageDetailBox .conTitle .label {
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/iconlabel.png") no-repeat top center;
  width: 136px;
  height: 32px;
  line-height: 32px;
  padding-left: 12px;
}
.pageDetail {
  padding-top: 30px;
}
.pageDetailBox {
  float: left;
  width: 868px;
  min-height: 450px;
}
.pageDetailBox .conTitle {
  position: relative;
}
.pageDetailBox .conTitle img {
  width: 100%;
}
.pageDetailBox .conTitle .ft {
  background-color: #f7f7f7 !important;
  padding: 0 20px;
  height: 120px;
}
.pageDetailBox .conTitle .ft h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
  line-height: 44px;
}
.pageDetailBox .conTitle .ft .look {
  float: left;
  display: block;
  margin-top: 5px;
}
.pageDetailBox .conTitle .jiathisShare {
  float: right;
}
.pageDetailBox .detail {
  line-height: 32px;
}
.pageDetailBox .detail p {
  margin: 12px 0 10px;
}
.pageDetailBox .detail img {
  max-width: 100%;
}
.pageDetailBox img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}
.pageDetail .star {
  width: 868px;
  margin-bottom: 0;
}
.pageDetail .star .starWordPl,
.pageDetail .star .starWordList .starWordText {
  width: 808px;
}
.pageDetail .starWordPl textarea {
  margin-bottom: 5px;
}
.pageDetail .starWordPl .starPlClick {
  float: right;
  position: initial;
  margin-bottom: 12px;
}
.allLooking .title {
  height: 36px;
  line-height: 20px;
}
.allLooking ul {
  padding-top: 8px;
}
.allLooking li {
  margin-top: 12px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #d4d4db;
}
.allLooking li img {
  width: 100%;
}
.allLooking li a {
  color: #666;
}
.allLooking li p {
  margin-top: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 60px;
  line-height: 20px;
}
.diary {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 42px;
}
.diary .pagePosition {
  margin-bottom: 10px;
}
.diaryLeft {
  float: left;
  width: 868px;
  margin-right: 12px;
}
.diaryJiathis {
  float: right;
  overflow: hidden;
  margin-bottom: 12px;
  height: 32px;
  line-height: 30px;
}
.diaryJiathis .jiathis_counter_style span.jiathis_button_expanded {
  width: 60px !important;
  padding-right: 0;
}
.diaryJiathis a.diaryShou,
.diaryJiathis a.diaryTel {
  float: left;
  margin-left: 12px;
  border: 1px solid #dbdbdb;
  color: #999;
  border-radius: 16px;
  display: block;
}
.diaryJiathis a.diaryShou {
  background: url(../images/shou.png) no-repeat 12px center;
  padding: 0 12px 0 40px;
}
.diaryJiathis a.diaryShouHover {
  background: url(../images/shou-hover.png) no-repeat 12px center;
}
.diaryJiathis a.diaryTel {
  background: url(../images/tel.png) no-repeat 10px center;
  padding: 0 12px 0 38px;
}
.diaryBanner {
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
.diaryBanner img {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
}
.diaryList {
  overflow: hidden;
}
.diaryList li {
  width: 100%;
  overflow: hidden;
  padding: 0 0 22px;
}
.diaryList li i {
  float: left;
  display: block;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  width: 48px;
  height: 48px;
}
.diaryList li i img {
  display: block;
  width: 100%;
  height: 100%;
}
.diaryList li .diaryThe {
  position: relative;
  float: left;
  height: 100%;
  border-bottom: 1px dashed #dbdbdb;
  width: 808px;
  padding-bottom: 15px;
}
.diaryList li .diaryThe a {
  overflow: hidden;
  display: block;
}
.diaryList li .diaryThe h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #ffa31f;
  margin: 10px 0;
  line-height: 18px;
}
.diaryList li .diaryThe h3 span {
  color: #8b572a;
  margin-left: 10px;
}
.diaryList li .diaryTheFun {
  position: absolute;
  right: 22px;
  top: 10px;
  line-height: 18px;
  height: 18px;
}
.diaryList li .diaryTheFun span {
  display: block;
  float: left;
  color: #999;
  margin-left: 22px;
}
.diaryList li .diaryTheFun span.diaryLan {
  background: url(../images/list1.png) no-repeat left center;
  padding-left: 30px;
}
.diaryList li .diaryTheFun span.diaryShou {
  background: url(../images/list2.png) no-repeat left center;
  padding-left: 24px;
}
.diaryList li .diaryTheFun span.diaryPing {
  background: url(../images/list3.png) no-repeat left center;
  padding-left: 24px;
}
.diaryList li .diaryTheBiao {
  overflow: hidden;
  width: 100%;
  margin-bottom: 8px;
}
.diaryList li .diaryTheBiao span {
  display: block;
  float: left;
  color: #999;
  background-color: #f7f7f7 !important;
  margin: 0 10px 10px 0;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
}
.diaryList li .diaryImg {
  overflow: hidden;
}
.diaryList li .diaryImg img {
  float: left;
  display: block;
  margin-right: 12px;
  width: 193px;
  height: 136px;
}
.diaryList li p {
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  margin-bottom: 12px;
}
.diaryXie {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background-color: #90be20 !important;
  font-size: 18px;
  margin-bottom: 12px;
  height: 50px;
  line-height: 50px;
}
.diaryList li .diaryDele {
  float: right;
  padding: 10px 22px 0 0;
}
.diaryList li .diaryDele a {
  color: #666;
  cursor: pointer;
  line-height: 16px;
  margin-left: 34px;
}
.diaryList li .diaryDele a:hover {
  color: #ffa31f;
}
.diaryXie img {
  vertical-align: -1px;
  margin: 0 16px 0 0;
}
.diaryMan {
  overflow: hidden;
  margin: 20px 0;
}
.diaryMan i {
  float: left;
  display: block;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
  width: 48px;
  height: 48px;
}
.diaryMan i img {
  display: block;
  width: 100%;
  height: 100%;
}
.diaryManRight {
  float: left;
  width: 1140px;
}
.diaryManRight h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #ffa31f;
  line-height: 18px;
  margin: 10px 0 15px;
}
.diaryManRight p {
  font-size: 12px;
  line-height: 14px;
}
.diaryManRight p span {
  margin-left: 30px;
  background: url(../images/list1.png) no-repeat left center;
  padding-left: 30px;
  margin-bottom: 10px;
}
.diaryManRight .diaryJiathis {
  margin-bottom: 0 !important;
}
.diaryTab {
  position: relative;
  margin: 0 auto;
  text-align: center;
  height: 130px;
  margin-bottom: 20px;
}
.diaryTab a {
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  display: inline-block;
  background: #c1c1c1;
  width: 74px;
  height: 74px;
  line-height: 64px;
  margin: 28px 13px 0;
  border: 5px solid #fff;
}
.diaryTab a.hover,
.diaryTab a:hover {
  background-color: #90be20 !important;
  border: 5px solid #d1e8ae;
}
.diaryTab img {
  position: absolute;
  left: 28.5px;
  top: 115px;
}
.diaryText {
  overflow: hidden;
}
.diaryText .stage,
.diaryText h2 {
  margin: 0 auto;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin-bottom: 12px;
  overflow: hidden;
  display: block;
  font-size: 20px;
  border: 1px solid #979797;
  width: 312px;
  height: 40px;
  line-height: 38px;
}
.diaryText p {
  color: #666;
  line-height: 24px;
  margin-bottom: 18px;
}
.diaryText .diaryTextImg {
  overflow: hidden;
  margin: 0 0 28px -12px;
}
.diaryText .diaryTextImg img {
  float: left;
  margin-bottom: 12px;
  margin-left: 12px;
  width: 230px;
  height: 230px;
}
.diaryXieTitle {
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 16px;
}
.diaryXieriji input.diaryTitle {
  display: block;
  width: 100%;
  color: #999;
  border: 1px solid #dbdbdb;
  margin-bottom: 6px;
  height: 80px;
  line-height: 16px;
  padding: 20px;
}
.diaryXieriji .diaryTabClick {
  position: relative;
  overflow: visible;
  width: auto;
  height: 115px;
}
.diaryXieriji .diaryTabClick input {
  position: absolute;
  display: none;
  top: 0;
  width: 10px;
  height: 10px;
}
.diaryXieriji textarea {
  display: block;
  width: 100%;
  color: #999;
  border: 1px solid #dbdbdb;
  font-family: '微软雅黑';
  margin-bottom: 40px;
  height: 370px;
  padding: 20px;
  resize: none;
}
.diaryXieriji .diaryUp {
  overflow: hidden;
  margin-bottom: 30px;
}
.diaryXieriji .diaryUp span {
  display: block;
  float: left;
  color: #666;
  line-height: 36px;
  margin-right: 10px;
}
.diaryXieriji .diaryUp a {
  position: relative;
  display: block;
  border-radius: 4px;
  float: left;
  text-align: center;
  margin-right: 12px;
  border: 1px solid #979797;
  color: #808080;
  width: 100px;
  height: 36px;
  line-height: 34px;
}
.diaryXieriji .diaryUp a input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  top: 0;
  z-index: 2;
}
.diaryXieriji .diaryUp em {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #999;
  display: block;
  float: left;
  line-height: 16px;
}
.diaryXieriji .diaryBq {
  overflow: hidden;
  height: 32px;
  line-height: 22px;
  margin-bottom: 42px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dbdbdb;
}
.diaryXieriji .diaryBq span {
  display: block;
  float: left;
  color: #666;
  line-height: 22px;
  margin-right: 10px;
}
.diaryXieriji .diaryBq input {
  float: left;
  display: none;
  width: 10px;
  height: 10px;
}
.diaryXieriji .diaryBq label {
  float: left;
  display: block;
  color: #999;
  cursor: pointer;
  background-color: #f7f7f7 !important;
  margin-right: 10px;
  padding: 0 8px;
}
.diaryXieriji .diaryBq label:hover,
.diaryXieriji .diaryBq label.hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.diaryXieriji .diaryClick {
  margin: 0 auto;
  overflow: hidden;
  width: 340px;
  height: 40px;
  line-height: 40px;
}
.diaryXieriji .diaryClick input {
  float: left;
  display: block;
  height: 100%;
  border: none;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  width: 160px;
}
.diaryXieriji .diaryClick input.diaryClickOK {
  background-color: #ffa31f !important;
  margin-right: 20px;
}
.diaryXieriji .diaryClick input.diaryClickNo {
  background: #999;
}
.diaryManNum {
  overflow: hidden;
  background-color: #f7f7f7 !important;
  margin-bottom: 12px;
  height: 320px;
}
.diaryManNum i {
  display: block;
  overflow: hidden;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin: 40px auto 20px;
}
.diaryManNum i img {
  display: block;
  width: 100%;
  height: 100%;
  float: left;
}
.diaryManNum h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  line-height: 26px;
  margin-bottom: 26px;
}
.diaryManNum p {
  overflow: hidden;
}
.diaryManNum p span {
  display: block;
  width: 50%;
  text-align: center;
  color: #999;
  line-height: 28px;
}
.diaryManNum p span.fl {
  background: url(../images/man.png) no-repeat right 10px;
}
.diaryManNum p span em {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  color: #ffa31f;
}
.diaryNo {
  overflow: hidden;
  font-size: 22px;
  color: #999;
  text-align: center;
  padding-top: 100px;
}
.diarySubmit {
  overflow: hidden;
  height: 300px;
  margin-bottom: 40px;
}
.diarySubmit img {
  display: block;
  margin: 40px auto 20px;
}
.diarySubmit p {
  text-align: center;
  font-size: 22px;
  color: #ffa31f;
  line-height: 24px;
  margin-bottom: 10px;
}
.diarySubmit span {
  display: block;
  color: #999;
  text-align: center;
  padding: 0 10px;
  line-height: 16px;
  margin-bottom: 22px;
}
.diarySubmit a {
  display: block;
  margin: 0 auto;
  background-color: #90be20 !important;
  color: #fff;
  border-radius: 4px;
  width: 200px;
  height: 36px;
  line-height: 36px;
  background: url(../images/xie.png) no-repeat 40px center;
  padding-left: 70px;
}
.decorateLive {
  padding: 30px 0 80px;
}
.decorateLive .cityTab {
  margin-top: 0;
}
.liveListBox {
  float: left;
  width: 868px;
}
.liveListBox .liveList {
  min-height: 800px;
  margin-top: -20px;
}
.liveList li {
  overflow: hidden;
  border-bottom: 1px dashed #dcdcdc;
  padding: 20px 0;
}
.liveList li img {
  float: left;
  margin-right: 10px;
  width: 232px;
  height: 174px;
}
.liveList .detail {
  float: right;
  overflow: hidden;
  width: 624px;
}
.liveList .detail h3 {
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 12px;
  height: 42px;
  line-height: 42px;
}
.liveList .detail a {
  color: #020207;
}
.liveList .detail .community,
.liveList .detail p {
  font-style: normal;
  font-weight: normal;
  color: #666;
  font-size: 14px;
  margin-bottom: 6px;
}
.buildProgress {
  display: inline-block;
  margin-left: -40px;
  padding: 14px 0 10px;
}
.buildProgress span {
  position: relative;
  float: left;
  display: block;
  color: #999;
  text-align: center;
  margin-left: 40px;
  padding-bottom: 15px;
}
.buildProgress span.done {
  color: #90be20;
}
.buildProgress span i {
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -8px;
  z-index: 1;
  border: 8px solid #ededed;
  margin-left: -8px;
  width: 0;
  height: 0;
}
.buildProgress span.done i {
  border-color: #90be20;
}
.buildProgress hr {
  clear: both;
  border: none;
  border-bottom: 1px solid #ededed;
}
.orderVisit {
  background-color: #f7f7f7 !important;
  text-align: center;
  width: 320px;
  padding: 15px 30px;
  height: 296px;
}
.orderVisit h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  margin: 15px 0 35px;
  color: #54586e;
}
.orderVisit input,
.orderVisit select {
  border: 1px solid #dbdbdb;
  margin-bottom: 12px;
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px;
  height: 34px;
  line-height: 24px;
}
.orderVisit button {
  width: 100%;
  background-color: #ffa31f !important;
  color: #fff;
  border: none;
  height: 34px;
}
.workerInfo {
  position: relative;
  height: 450px;
  clear: both;
}
.workerInfo img {
  width: 100%;
  height: 450px;
}
.workerInfo .orderVisit {
  position: absolute;
  bottom: 80px;
  right: 30px;
}
.workerInfo .ft,
.workerInfo .ftBg {
  width: 1200px;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80px;
}
.workerInfo .ft {
  color: #fff;
  z-index: 2;
  padding: 0 20px;
}
.workerInfo .ft h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  margin: 12px 0 8px;
}
.workerInfo .ft span {
  margin-right: 10px;
}
.workerInfo .ftBg {
  background-color: #020207 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  z-index: 1;
}
.workerProgress {
  text-align: center;
  margin-top: 40px;
  background: #fafafa;
}
.workerProgress .diaryTab {
  margin-bottom: 0;
  padding: 20px 0 40px;
  height: 150px;
}
.workerProgress .diaryTab a {
  font-size: 16px;
  margin: 0 35px;
  background: #c1c1c1;
  width: 90px;
  height: 90px;
  line-height: 80px;
}
.workerProgress .diaryTab a h3 {
  font-style: normal;
  font-weight: normal;
}
.liveListCon .myBuildLog {
  border: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.liveListCon .diaryText h2 {
  margin-bottom: 8px;
}
.liveListCon .diaryText .time {
  text-align: center;
  margin-bottom: 18px;
  color: #b0b0b0;
}
.liveListCon .diaryText p {
  font-size: 16px;
}
.designer {
  display: none;
  overflow: hidden;
  margin: 18px 0 10px;
}
.designer .hd {
  float: left;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  width: 48px;
  height: 48px;
}
.designer .hd img {
  width: 100%;
  height: 100%;
}
.designer .name {
  color: #ffa31f;
  margin-left: 12px;
  line-height: 42px;
}
.pictureMask,
.pictureShow {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}
.pictureMask {
  background-color: #020207 !important;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  width: 100%;
  z-index: 99;
}
.pictureShow {
  width: 1200px;
  margin-left: -600px;
  left: 50%;
  z-index: 100;
  text-align: center;
}
.pictureShow img {
  display: none;
  max-width: 100%;
}
.pictureShow .icon {
  position: absolute;
  cursor: pointer;
}
.pictureShow .iconClose {
  top: 40px;
  right: -48px;
  width: 50px;
  height: 50px;
  background-position: 0 -150px;
  transition: transform .5s;
}
.pictureShow .iconPrev {
  top: 50%;
  left: 0;
  margin-top: -60px;
}
.pictureShow .iconNext {
  top: 50%;
  right: 0;
  margin-top: -60px;
}
.pictureShow .iconClose:hover {
  background-position: 0 -150px;
  transform: rotate(180deg);
}
.activePage {
  padding-top: 40px;
}
.activeTabs {
  margin-left: -22px;
  color: #d8d8d8;
}
.activeTabs a {
  color: #333;
  font-size: 18px;
  border-bottom: 2px;
  display: inline-block;
  margin: 0 22px;
  padding: 0 12px;
  height: 32px;
  line-height: 28px;
}
.activeTabs a.active {
  color: #ffa31f;
  border: 1px solid #f08300;
  border-width: 0 0 2px 0;
}
.hotActive ul {
  overflow: hidden;
  margin: 4px 0 52px;
}
.hotActive ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 38px;
  line-height: 38px;
}
.hotActive li a {
  color: #666;
}
.activeList {
  float: left;
  margin-top: 12px;
  width: 850px;
}
.activeList ul {
  min-height: 600px;
}
.activeList li {
  margin-bottom: 40px;
}
.activeList li img {
  width: 850px;
  height: 360px;
}
.activeList li a {
  color: #ffa31f;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}
.activeList li .ft {
  position: relative;
  color: #666;
  padding: 16px 0 9px;
}
.activeList li .ft h3 {
  margin-bottom: 10px;
}
.activeList li .city {
  display: block;
  position: absolute;
  top: 15px;
  right: 0;
  padding-left: 20px;
  height: 20px;
  background: url("../images/city.png") no-repeat left center;
}
.materialPage {
  position: relative;
  padding: 4px 0 80px;
}
.materialPage img {
  vertical-align: middle;
}
.materialPage .pagePosition {
  padding-bottom: 20px;
}
.materialPage .diaryJiathis {
  position: absolute;
  top: 15px;
  right: 0;
}
.lfNav {
  float: left;
  margin-top: 20px;
  padding-bottom: 10px;
  width: 320px;
}
.lfNav h2 {
  color: #ffa31f;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  height: 64px;
  line-height: 64px;
}
.lfNav h3 {
  position: relative;
  background-color: #dbdbdb !important;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  padding: 0 24px;
  height: 60px;
  line-height: 60px;
}
.lfNav h3 .icon {
  margin-right: 6px;
  margin-top: -5px;
}
.lfNav h3 .iconFold {
  position: absolute;
  top: 30px;
  right: 17px;
}
.lfNav h3.fold {
  cursor: pointer;
}
.lfNav h3.unFold .iconFold {
  background-position: -60px 0;
}
.lfNav ul {
  display: none;
  background-color: #fff !important;
  border: 1px solid #dbdbdb;
  font-size: 16px;
  padding-bottom: 73px;
}
.lfNav ul li {
  cursor: pointer;
  padding-left: 24px;
  height: 46px;
  line-height: 46px;
}
.lfNav ul li,
.lfNav ul a {
  color: #151515;
}
.lfNav ul li.active {
  background: url("../images/active.png") no-repeat top center;
}
.lfNav ul li.active,
.lfNav ul li.active a {
  color: #ffa31f;
}
.lfNav.lfNavZfc {
  width: 200px;
}
.lfNav.lfNavGxh ul {
  overflow: auto !important;
  height: 514px;
  padding: 0;
}
.lfNav.lfNavGxh ul::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
}
.lfNav.lfNavGxh ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #fff;
}
.lfNav.lfNavGxh ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dbdbdb;
}
.rtDetail {
  float: right;
  color: #666;
  margin-top: 20px;
  width: 868px;
  min-height: 753px;
}
.itemDetail {
  display: none;
  overflow: hidden;
}
.itemDetail .detail {
  padding-top: 10px;
}
.itemDetail .detail h3 {
  font-style: normal;
  font-weight: normal;
  color: #020207;
  text-align: center;
  font-size: 28px;
  height: 67px;
  line-height: 67px;
}
.itemDetail .detail h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #ffa31f;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 20px;
  line-height: 44px;
}
.itemDetail .detail dl {
  overflow: hidden;
  min-height: 47px;
  padding: 16px 20px 0;
  background: #f7f7f7;
}
.itemDetail .detail dd {
  float: left;
  margin: 0 80px 16px 0;
}
.itemDetail .detail ul {
  padding: 15px 0;
}
.itemDetail .detail li {
  line-height: 28px;
}
.materialCon {
  min-height: 500px;
  width: 988px;
}
.materialCon .itemDetail {
  background: none !important;
  margin-top: 0;
  padding: 0;
}
.materialCon .itemDetail .logo {
  margin-bottom: 12px;
}
.materialLst {
  margin-left: -12px;
  padding-top: 12px;
}
.materialLst li {
  float: left;
  margin-left: 12px;
  margin-bottom: 12px;
  width: 238px;
}
.materialLst li a {
  color: #666;
}
.materialLst li .text {
  padding-top: 10px;
  height: 188px;
}
.materialLst li dt {
  color: #333;
  font-size: 18px;
  padding: 10px 0;
  line-height: 22px;
}
.materialLst li dd {
  line-height: 28px;
}
.workDi {
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
  margin-top: 38px;
  margin-bottom: 40px;
}
.workDi .workDiList {
  overflow: hidden;
}
.workDi .workDiList li {
  float: left;
  width: 392px;
  margin-right: 12px;
  background-color: #f7f7f7 !important;
  overflow: hidden;
  height: 449px;
  margin-bottom: 40px;
}
.workDi .workDiList li h2 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  line-height: 26px;
  margin: 30px 0 24px;
}
.workDi .workDiList li p {
  text-align: center;
  overflow: hidden;
  margin-bottom: 25px;
}
.workDi .workDiList li p span {
  display: block;
  width: 50%;
  color: #999;
  line-height: 24px;
}
.workDi .workDiList li p span em {
  display: block;
  font-size: 30px;
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  margin-top: 8px;
}
.workDi .workDiList li img {
  display: block;
  width: 100%;
  height: 280px;
}
.workDi .workDiFenxiang {
  overflow: hidden;
  margin-top: 42px;
  height: 32px;
}
.workDi .workDiAbout {
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  height: 450px;
  margin-bottom: 40px;
}
.workDi .workDiAbout img {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
}
.workDi .workDiAboutBottom {
  position: absolute;
  width: 100%;
  color: #fff;
  height: 94px;
  padding: 0 20px;
  bottom: 0;
  z-index: 1;
}
.workDi .workDiAboutBottom i {
  position: absolute;
  display: block;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
}
.workDi .workDiAboutBottom h2 {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 22px;
  margin-top: 10px;
  z-index: 1;
}
.workDi .workDiAboutBottom p {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 14px;
  line-height: 14px;
  height: 14px;
  z-index: 1;
}
.workDi .workDiAboutBottom strong {
  position: relative;
  font-style: normal;
  font-weight: normal;
  display: block;
  line-height: 14px;
  margin-top: 8px;
  z-index: 1;
}
.workDi .workDiAboutBottom strong span {
  display: block;
  float: left;
  margin-right: 30px;
}
.workDi .workDiAboutBottom strong span em {
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  font-family: 'arial';
}
.workDi .workDiAboutI {
  position: absolute;
  background-color: #f7f7f7 !important;
  width: 320px;
  height: 324px;
  top: 63px;
  right: 30px;
  z-index: 2;
}
.workDi .workDiAboutI h3 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: #666;
  font-size: 24px;
  line-height: 26px;
  margin: 32px 0 35px;
}
.workDi .workDiAboutI input {
  display: block;
  border: 1px solid #dbdbdb;
  margin: 0 auto;
  margin-bottom: 12px;
  padding: 0 12px;
  width: 258px;
  height: 34px;
  line-height: 32px;
}
.workDi .workDiAboutI input.workDiAboutOk {
  background-color: #ffa31f !important;
  border: 1px solid #f08300;
  text-align: center;
  color: #fff;
}
.workDi h4.workDiTitle {
  text-align: center;
  overflow: hidden;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  margin: 0 auto;
  width: 310px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #979797;
  margin-bottom: 30px;
}
.workDi .workDiXqList li {
  position: relative;
  cursor: pointer;
  height: 392px;
}
.workDi h4.workDiTitle em {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
}
.workDi .workDiXqList li h5 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #333;
  line-height: 24px;
  margin: 12px 0 16px;
  padding: 0 20px;
}
.workDi .workDiXqList li h5 span {
  font-size: 14px;
  color: #8b572a;
}
.workDi .workDiXqList li p {
  text-align: left;
  color: #999;
  margin-bottom: 0;
  padding: 0 20px;
  line-height: 24px;
}
.workDi .workDiXqList li .hover {
  position: absolute;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  left: 0;
  top: 0;
  transform: scale(0.6);
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.workDi .workDiXqList li .hover i {
  position: absolute;
  background-color: #ffa31f !important;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
}
.workDi .workDiXqList li .hover a {
  position: relative;
  color: #fff;
  display: block;
  margin: 0 auto;
  border: 1px solid #fff;
  text-align: center;
  width: 190px;
  height: 38px;
  line-height: 36px;
  z-index: 1;
  margin-top: 177px;
}
.workDi .workDiXqList li:hover .hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
}
.case {
  display: block;
  overflow: hidden;
}
.caseThite {
  overflow: hidden;
  margin: 60px 0 24px;
}
.caseThite h2 {
  color: #ffa31f;
  font-size: 24px;
  float: left;
  line-height: 26px;
}
.caseThite a {
  float: right;
  display: block;
  color: #999;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
  margin-top: 6px;
}
.caseThite a img {
  vertical-align: -4px;
  margin-right: 13px;
}
.caseThite a img.xz {
  animation: rotating 0.6s linear infinite;
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.caseBanner {
  height: 400px;
  margin-bottom: 32px;
}
.caseBanner .caseChoice {
  position: absolute;
  float: left;
  display: block;
  width: 500px;
  height: 356px;
  background: rgba(255, 255, 255, 0.95);
  padding: 33px 40px 0;
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.08);
  bottom: 0;
  z-index: 10;
}
.caseBanner .caseChoice div {
  overflow: hidden;
  margin-bottom: 15px;
}
.caseBanner .caseChoice p {
  float: left;
  width: 372px;
  line-height: 30px;
}
.caseBanner .caseChoice p input {
  display: none;
  float: left;
}
.caseBanner .caseChoice p label,
.caseBanner .caseChoice p a {
  display: block;
  cursor: pointer;
  float: left;
  height: 30px;
  margin-right: 22px;
  margin-bottom: 2px;
  padding: 0 7px;
  color: #333;
}
.caseBanner .caseChoice p label.hover,
.caseBanner .caseChoice p a.hover {
  background-color: #ffa31f !important;
  color: #fff;
  border-radius: 4px;
}
.caseBanner .caseChoice p a:hover {
  color: #ffa31f;
}
.caseBanner .caseChoice p a.hover:hover {
  color: #fff;
}
.caseBanner .caseChoice b {
  display: block;
  float: left;
  margin-right: 20px;
  line-height: 30px;
}
.caseBanner .caseNumber {
  position: absolute;
  float: left;
  text-align: left;
  width: 700px;
  bottom: 0;
  left: 500px;
  height: 80px;
  background: rgba(0, 0, 0, 0.67);
  z-index: 10;
}
.caseBanner .caseNumber span {
  position: absolute;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
  background: none;
  margin: 0;
  line-height: 80px;
  padding: 0 40px;
  top: 0;
}
.caseBanner .caseNumber span.hover {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0) !important;
}
.caseBanner a.casePrev {
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  bottom: 0;
  z-index: 10;
  left: 0;
  background: url(../images/xian.png) no-repeat left center, url(../img/case/left.png) no-repeat center center;
}
.caseBanner a.caseNext {
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  bottom: 0;
  z-index: 10;
  left: 0;
  background: url(../images/xian.png) no-repeat left center, url(../img/case/right.png) no-repeat center center;
}
@media screen and (min-width: 1921px) {
  .caseBanner {
    min-height: 543px;
  }
  .caseBanner ul li a {
    background-size: auto 100%!important;
  }
}
.caseChoiceEsc {
  width: 1200px;
  margin: 0 auto;
  display: none;
  height: 45px;
  background: #f3f3f3;
  margin-top: 20px;
  padding: 7px 12px;
}
.caseChoiceEsc a {
  display: block;
  float: left;
  background-color: #fff !important;
  text-align: center;
  color: #999;
  border-radius: 4px;
  display: none;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  padding-left: 10px;
}
.caseChoiceEsc a img {
  cursor: pointer;
  vertical-align: 0;
  margin: 0 10px 0 6px;
}
.caseText {
  width: 1200px;
  margin: 0 auto;
  margin-top: 28px;
  display: block;
}
.caseList {
  width: 100%;
  display: inline-block;
}
.caseList li {
  float: left;
  overflow: hidden;
  width: 382px;
  height: 303px;
  border: 1px solid #f3f3f3;
  margin: 0 27px 37px 0;
  transition: all 0.3s ease-out;
}
.caseList_1 li {
  margin-bottom: 0 !important;
}
.caseList li:nth-child(3n) {
  margin-right: 0 !important;
}
.caseList li i {
  display: block;
  overflow: hidden;
  height: 225px;
  border-bottom: 1px solid #f3f3f3;
}
.caseList li i img {
  height: 100%;
  width: 100%;
  vertical-align: top;
}
.caseList li div {
  position: relative;
  overflow: hidden;
  height: 78px;
  padding-top: 20px;
}
.caseList li div div {
  font-size: 18px;
  width: 100%;
  line-height: 18px;
  padding: 0 26px;
  transition: all 0.3s ease-out;
}
.caseList li div div h3 {
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #333;
  height: 19px;
}
.caseList li div div span {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 12px;
  margin-top: 10px;
}
.caseList li div em {
  font-style: normal;
  font-weight: normal;
  display: block;
  position: absolute;
  color: #fff;
  background-color: #ffa31f !important;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  bottom: 10px;
  right: 10px;
  width: 58px;
  height: 58px;
  line-height: 16px;
  padding-top: 14px;
  z-index: 10;
  transition: all 0.5s ease-out;
}
.caseList li:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.caseList li:hover div div {
  width: 312px;
}
.caseList li:hover div em {
  display: block;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.caseText .Paging {
  padding: 0;
}
.caseGood {
  width: 1200px;
  margin: 0 auto;
}
.caseGood ul {
  width: 100%;
  display: inline-block;
}
.caseGood li {
  position: relative;
  overflow: hidden;
  float: left;
  width: 292px;
  height: 170px;
  margin: 0 13px 13px 0;
}
.caseGood li:nth-child(3) {
  margin-right: 0 !important;
}
.caseGood li:nth-child(4) {
  margin-bottom: 0 !important;
}
.caseGood li:nth-child(5) {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
.caseGood li a {
  display: block;
  width: 100%;
  height: 100%;
}
.caseGood li img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.caseGood li div {
  position: absolute;
  width: 100%;
  color: #fff;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  height: 50px;
  left: 0;
  bottom: -66px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 20px;
  transition: all 0.3s ease-out;
}
.caseGood li div h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 14px;
  margin: 9px 0 4px;
}
.caseGood li div span {
  display: block;
  font-size: 12px;
  line-height: 12px;
}
.caseGood li.caseGood_1 {
  width: 590px;
  height: 353px;
  margin-bottom: 0;
}
.caseGood li.caseGood_1 div {
  height: 66px;
}
.caseGood li.caseGood_1 div h3 {
  font-size: 18px;
  float: left;
  margin: 0;
  line-height: 66px;
  display: inherit;
}
.caseGood li.caseGood_1 div span {
  float: right;
  font-size: 14px;
  display: inherit;
  line-height: 66px;
}
.caseGood li:hover div {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  bottom: 0;
}
.sacePush {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 116px;
}
.sacePush ul {
  display: inline-block;
}
.sacePush li {
  float: left;
  width: 278px;
  height: 220px;
  margin-right: 29px;
}
.sacePush li:nth-child(4) {
  margin-right: 0 !important;
}
.sacePush li i {
  display: block;
  width: 100%;
  height: 164px;
  border: 1px solid #e7e7e7;
  margin-bottom: 18px;
  transition: all 0.3s ease-out;
}
.sacePush li i img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.sacePush li div {
  padding: 0 10px;
}
.sacePush li h3 {
  font-style: normal;
  font-weight: normal;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  height: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}
.sacePush li span {
  font-size: 12px;
  color: #999;
}
.sacePush li:hover i {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.case .nothing {
  background-color: #fff !important;
}
.caseDetaBaner {
  width: 100%;
  height: 360px;
}
.caseDetaBaner .caseDetaBanerImg {
  display: none;
}
.caseDetaBaner ul {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 20px 0;
}
.caseDetaBaner ul li {
  color: #fff;
  float: left;
  width: 19%;
  padding-right: 34px;
}
.caseDetaBaner ul li:nth-child(1) {
  width: 24%;
}
.caseDetaBaner ul li h6 {
  font-size: 20px;
  color: #ffa31f;
  line-height: 20px;
  margin-bottom: 35px;
}
.caseDetaBaner ul li h6 hr {
  display: block;
  background-color: #ffa31f !important;
  border: none;
  width: 19px;
  height: 3px;
  margin-bottom: 18px;
}
.caseDetaBaner ul li p {
  line-height: 20px;
}
.caseDeta {
  width: 1200px;
  margin: 0 auto;
  margin-top: -70px;
  margin-bottom: 100px;
}
.caseDeta .caseDetaLeft {
  float: left;
  background-color: #f7f7f7 !important;
  width: 1130px;
  padding: 0 56px 0 46px;
  margin-bottom: 60px;
}
.caseDeta .caseDetaLeft .crumbs {
  border: none;
  width: auto;
  padding: 27px 0 29px 0;
}
.caseDeta .caseDetaLeft h1 {
  text-align: center;
  font-size: 30px;
  padding-bottom: 28px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
}
.caseDeta .caseDetaLeft p {
  text-indent: 2em;
  line-height: 25px;
  color: #555;
  margin-bottom: 50px;
}
.caseDeta .caseDetaLeft ul {
  overflow: hidden;
}
.caseDeta .caseDetaLeft ul li {
  overflow: hidden;
  width: 100%;
  margin-bottom: 58px;
}
.caseDeta .caseDetaLeft ul li .caseLeft {
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  float: left;
  display: none;
  margin-right: 27px;
  width: 105px;
  height: 105px;
  line-height: 105px;
  background: #e3e3e3;
  color: #555;
}
.caseDeta .caseDetaLeft ul li .caseRight {
  margin: 0 auto;
  width: 660px;
  color: #555;
}
.caseDeta .caseDetaLeft ul li .caseRight img {
  width: 100%;
  vertical-align: top;
  margin-bottom: 18px;
}
.caseDeta .caseDetaLeft ul li .caseRight span {
  line-height: 22px;
}
.caseDeta .caseDetaRight {
  position: relative;
  float: left;
  width: 70px;
  top: 0;
  z-index: 3;
}
.caseDeta .caseDetaRight strong {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  color: #797979;
  margin-bottom: 2px;
  background: #d6d6d6;
  width: 70px;
  height: 70px;
}
.caseDeta .caseDetaRight strong img {
  display: block;
  margin: 0 auto;
}
.caseDeta .caseDetaRight strong.caseFx img {
  padding: 15px 0 5px;
}
.caseDeta .caseDetaRight strong.caseFx .diaryJiathis {
  position: absolute;
  display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  left: -280px;
  top: 0;
  z-index: 1;
  height: 70px;
  padding: 0 21px;
  margin-bottom: 0;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  padding-top: 19px;
}
.caseDeta .caseDetaRight strong.casePg {
  padding-top: 10px;
  height: 86px;
}
.caseDeta .caseDetaRight strong.caseSc img {
  padding: 16px 0 4px;
}
.caseDeta .caseDetaRight strong.caseZx {
  position: relative;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 20px;
  height: 177px;
  padding-top: 58px;
}
.caseDeta .caseDetaRight strong.caseZx em {
  display: block;
  margin: 0 auto;
  font-style: normal;
  font-weight: normal;
  width: 20px;
  line-height: 22px;
}
.caseDeta .caseDetaRight strong.caseZx img {
  position: absolute;
  margin: 0;
  right: 20px;
  top: 20px;
  animation: imgLr 0.8s linear infinite;
}
.caseDeta .caseDetaRight .programShow {
  display: none;
  position: absolute;
  top: -22px;
  left: -214px;
}
@keyframes imgLr {
  from {
    right: 12px;
  }
  to {
    left: 13px;
  }
}
.caseDeta .caseDetaRight strong.caseDb {
  background-color: #fff !important;
}
.caseDeta .caseDetaRight strong.caseDb img {
  padding-top: 20px;
}
.caseDeta .caseFenye {
  overflow: hidden;
  width: 100%;
}
.caseDeta .caseFenye a {
  display: block;
  float: left;
  width: 50%;
  line-height: 35px;
}
.caseDeta .caseFenye a b {
  display: block;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #555;
  width: 90px;
  height: 35px;
  background: #e3e3e3;
  margin-right: 10px;
}
.caseDeta .caseFenye a p {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  color: #555;
  height: 35px;
  width: 500px;
  padding-right: 25px;
}
.caseDeta .caseFenye a:hover p {
  text-decoration: underline;
}
@media screen and (min-width: 1921px) {
  .caseDetaBaner {
    min-height: 480px;
    background-size: auto 100%!important;
  }
}
.news {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.news .pagePosition {
  margin-bottom: 10px;
}
.news .newsLeft {
  width: 868px;
  margin-right: 12px;
  display: block;
  float: left;
}
.news .newsList {
  overflow: hidden;
  display: block;
  width: 100%;
  padding-top: 16px;
}
.news .newsList li {
  overflow: hidden;
  border: 1px solid #dbdbdb;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 195px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.news .newsList li a {
  display: block;
  width: 100%;
  height: 100%;
  display: table;
}
.news .newsList li img {
  float: left;
  width: 232px;
  height: 174px;
  margin-right: 20px;
}
.news .newsList li div {
  float: left;
  width: 612px;
  vertical-align: middle;
}
.news .newsList li h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  color: #020207;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 24px;
  height: 42px;
  padding-bottom: 18px;
}
.news .newsList li p {
  color: #666;
  margin-bottom: 12px;
  line-height: 22px;
}
.news .newsList li span {
  color: #ffa31f;
}
.news .newsList li a:hover h2 {
  color: #ffa31f;
}
.newsNew {
  overflow: hidden;
  width: 100%;
}
.newsNew h1 {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}
.newsNew .newsSource {
  text-align: center;
  font-size: 12px;
  margin-bottom: 15px;
}
.newsNew .newsSource span {
  color: #666;
  margin: 0 5px;
}
.newsNew p {
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 14px;
  line-height: 24px;
}
.newsNew img {
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
  vertical-align: top;
  max-width: 100%;
}
.userCenter {
  padding: 40px 0 90px;
}
.userCenter .sideBar {
  border: 1px solid #dbdbdb;
  float: left;
  width: 216px;
  height: 500px;
}
.userCenter .sideBar h3 {
  background-color: #f7f7f7 !important;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding-left: 24px;
  height: 36px;
  line-height: 36px;
}
.userCenter .sideBar ul {
  padding-top: 10px;
}
.userCenter .sideBar li {
  font-size: 18px;
  padding: 13px 0;
}
.userCenter .sideBar li a {
  display: block;
  color: #333;
  padding-left: 24px;
  height: 24px;
}
.userCenter .sideBar li.cur a,
.userCenter .sideBar li.cur a:hover {
  border: 1px solid #f08300;
  color: #ffa31f;
  border-width: 0 0 0 4px;
  background: url("../images/arrow.png") no-repeat 187px center;
}
.userCenter .userCon {
  float: right;
  width: 960px;
}
.userCenter .rtSection {
  border: 1px solid #dbdbdb;
  margin-bottom: 12px;
}
.userCenter .innerBox {
  padding: 10px 24px;
  min-height: 500px;
}
.userCon .line {
  height: 12px;
  border: none;
  border-bottom: 1px dotted #dbdbdb;
}
.userCon table {
  width: 100%;
  text-align: center;
  color: #999;
  border-spacing: 0;
  border-collapse: collapse;
}
.userCon table thead th {
  color: #020207;
  font-style: normal;
  font-weight: normal;
  padding: 10px 0;
}
.userCon tbody td {
  padding: 10px 0;
  line-height: 20px;
}
.myFCode a {
  color: #999;
}
.myFCode a:hover {
  color: #ffa31f;
}
.myFCode tbody tr:hover {
  background-color: #f7f7f7 !important;
}
.myFCode tbody tr:first-child td {
  padding-top: 20px;
}
.myFCode thead th {
  border-bottom: 1px dotted #dbdbdb;
  padding: 15px 0;
}
.myFCode thead th:first-child,
.myFCode tr td:first-child {
  text-align: left;
}
.myFCode thead th:last-child,
.myFCode tr td:last-child {
  text-align: right;
}
.fdetail {
  color: #666;
  padding: 10px 0;
}
.fdetail h2,
.fdetail h3 {
  font-style: normal;
  font-weight: normal;
}
.fdetail h2 {
  font-size: 14px;
  color: #020207;
}
.fdetail h3 {
  margin-top: 12px;
  font-size: 16px;
  color: #ffa31f;
}
.fdetail .info {
  margin-top: 6px;
  line-height: 40px;
}
.wxService {
  text-align: center;
  display: inline-block;
  padding: 12px 0;
}
.fdetail .rule {
  margin-top: 12px;
  line-height: 28px;
}
.caseLst .tag .icon {
  margin-right: 6px;
}
.userCon .tabs {
  font-size: 16px;
  text-align: center;
}
.userCon .tabs a {
  color: #020207;
  border: none;
  cursor: pointer;
  border-bottom-width: 2px;
  display: inline-block;
  margin: 0 35px;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
}
.userCon .tabs a.hover,
.userCon .tabs a:hover {
  color: #ffa31f;
}
.userCon .tabs a.hover {
  border: 1px solid #f08300;
  border-width: 0 0 2px 0;
}
.userCon .decorateThing .list li,
.userCon .decorateThing .list li img {
  width: 450px;
  height: 340px;
}
.userCon .decorateThing {
  overflow: hidden;
}
.userCon .decorateThing .list {
  overflow: hidden;
  height: 725px;
}
.userCon .decorateThing .list li {
  margin: 0 0 45px 10px;
}
.userCon .decorateThing .list .ft,
.userCon .decorateThing .list .ftBg {
  height: 68px;
}
.userCon .decorateThing .list .tit {
  margin: 10px 0;
}
.userCon .decorateThing .paging {
  padding: 40px 0 80px;
}
.caseLst {
  overflow: hidden;
  margin-left: -12px;
}
.caseLst li {
  position: relative;
  float: left;
  margin-left: 12px;
  margin-top: 10px;
  width: 295px;
  height: 360px;
}
.caseLst li img {
  width: 295px;
  height: 295px;
}
.caseLst li .label,
.caseLst li .labelBg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 105px;
  height: 36px;
}
.caseLst li .label {
  color: #fff;
  padding-left: 14px;
  line-height: 36px;
  z-index: 2;
}
.caseLst li .labelBg {
  background-color: #90be20 !important;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  z-index: 1;
}
.caseLst li .ft span {
  margin-right: 20px;
}
.caseLst li .tit {
  display: block;
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 6px;
  margin-bottom: 12px;
}
.userForm {
  margin: 0 auto;
  width: 380px;
  padding-top: 28px;
}
.userForm p {
  margin-bottom: 20px;
  height: 40px;
}
.userForm p .inputTxt {
  border: 1px solid #dbdbdb;
  width: 280px;
  height: 40px;
  padding: 5px 10px;
  line-height: 28px;
}
.userForm p span {
  float: left;
  text-align: right;
  display: inline-block;
  margin-right: 16px;
  width: 70px;
  line-height: 40px;
}
.userForm .saveBtn {
  border: none;
  background-color: #ffa31f !important;
  color: #fff;
  border-radius: 4px;
  margin: 20px 0 0 86px;
  width: 120px;
  height: 36px;
}
.userForm .radioBox {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 30px;
  line-height: 40px;
  background: url("../images/radio.png") no-repeat bottom left;
}
.userForm .radioCek {
  background-position: top left;
}
.userForm .radioBox input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.userHead {
  margin: 0 auto;
  width: 260px;
  padding: 0 0 0 10px;
}
.userHead h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 38px;
}
.userHead .picBox {
  background-color: #f7f7f7 !important;
  text-align: center;
  margin-bottom: 24px;
  width: 240px;
  height: 240px;
  line-height: 100%;
  background: url("../images/photo.png") no-repeat center center;
}
.userHead .picBox img {
  display: inline-block;
  width: 100%;
}
.userHead .selectPic {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  border-radius: 4px 0 0 4px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  background: #999;
}
.userHead .selectPic input {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 120px;
  height: 36px;
}
.userHead .saveBtn {
  margin-left: 0 !important;
  margin-top: 0 !important;
  border-radius: 0 4px 4px 0;
}
.userHead .tips {
  font-size: 12px;
  color: #666;
  padding-top: 20px;
  line-height: 24px;
}
.userNotData {
  text-align: center;
  color: #666;
  font-size: 18px;
  padding: 24px;
  line-height: 74px;
  height: 122px;
}
.userNotData .orderBtn {
  display: block;
  color: #fff;
  background-color: #ffa31f !important;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 14px;
  width: 230px;
  height: 36px;
  line-height: 36px;
}
.notOrder p {
  font-size: 14px;
  line-height: 36px;
}
.myOrder {
  color: #666;
}
.myOrder .hd,
.myOrder .bd {
  margin: 0 24px;
}
.myOrder .hd {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px dotted #dbdbdb;
}
.myOrder .hd h3 {
  float: left;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #333;
}
.myOrder .hd .time {
  float: right;
  color: #999;
}
.myOrder .bd {
  overflow: hidden;
  padding: 15px 0;
  line-height: 36px;
}
.myOrder .bd li {
  float: left;
  display: inline-block;
  min-width: 33.33%;
  *width: 33.33%;
}
.myOrder .ft {
  background-color: #f7f7f7 !important;
  color: #333;
  padding: 0 24px;
  height: 36px;
  line-height: 36px;
}
.myOrder .ft a {
  display: block;
  text-align: center;
  color: #333;
}
.myOrder .ft span {
  display: inline-block;
  margin-right: 100px;
}
.userCon .myTabs {
  margin-bottom: 12px;
}
.memberLst {
  overflow: hidden;
  padding: 5px 4px 20px;
}
.memberLst li {
  float: left;
  width: 50%;
  margin: 20px 0 0 20px;
  width: 455px;
  height: 58px;
}
.memberLst li .phone {
  display: block;
  float: left;
  font-size: 18px;
  color: #333;
  padding-left: 36px;
  height: 58px;
  line-height: 58px;
  background: url("../images/phone.png") no-repeat center left;
}
.memberLst li img {
  float: left;
  width: 58px;
  height: 58px;
}
.memberLst li .member {
  float: left;
  margin: 8px 25px 0 12px;
  width: 56px;
}
.memberLst .member span {
  display: block;
}
.memberLst .member .name {
  color: #999;
}
.drawLst {
  overflow: hidden;
  padding: 25px 0;
  margin-left: -6px;
}
.drawLst li {
  float: left;
  position: relative;
  text-align: center;
  margin-left: 28px;
  width: 444px;
  height: 328px;
}
.drawLst li span {
  display: block;
  line-height: 36px;
}
.drawLst li img {
  width: 444px;
  height: 292px;
  border: 10px solid #f7f7f7;
}
.drawLst li .download,
.drawLst li .downloadBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 292px;
  line-height: 292px;
}
.drawLst li .download {
  z-index: 2;
}
.drawLst li .downloadBg {
  z-index: 1;
}
.drawLst li .download a {
  color: #ffa31f;
}
.myMatLst table th,
.myMatLst table td {
  text-align: center;
  border: 1px dotted #dbdbdb;
  border-right: 0;
}
.myMatLst table th {
  border-top-style: solid;
}
.myMatLst table td {
  border-bottom: 0;
}
.myMatLst tr td:last-child {
  border-right: 0;
}
.myMatLst tr td:first-child,
.myMatLst table th:first-child {
  width: 20%;
  border-left: 0;
}
.myMatTabs {
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 52px;
  line-height: 52px;
}
.myMatTabs a {
  float: left;
  display: block;
  font-size: 18px;
  color: #333;
  width: 25%;
  height: 52px;
}
.myMatTabs a.hover {
  color: #fff;
  background: #aaa;
}
.iconBuild,
.myBuild .status {
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: url("../images/build.png") no-repeat;
}
.builddStepA {
  background-position: 0 0;
}
.builddStepB {
  background-position: 0 -70px;
}
.builddStepC {
  background-position: 0 -140px;
}
.builddStepD {
  background-position: 0 -210px;
}
.builddStepE {
  background-position: 0 -280px;
}
.builddStepF {
  background-position: 0 -350px;
}
.done .builddStepA {
  background-position: -70px 0;
}
.done .builddStepB {
  background-position: -70px -70px;
}
.done .builddStepC {
  background-position: -70px -140px;
}
.done .builddStepD {
  background-position: -70px -210px;
}
.done .builddStepE {
  background-position: -70px -280px;
}
.done .builddStepF {
  background-position: -70px -350px;
}
.myBuild {
  position: relative;
  font-size: 12px;
  overflow: hidden;
  padding-top: 32px;
}
.myBuild hr {
  border: none;
  position: absolute;
  top: 52px;
  left: 10%;
  right: 10%;
  zb-index: -1;
  height: 10px;
  border-bottom: 1px solid #dbdbdb;
}
.myBuild ul {
  margin-left: -61px;
}
.myBuild li {
  float: left;
  text-align: center;
  position: relative;
  margin-left: 130px;
  width: 60px;
}
.myBuild .old {
  margin-left: -33px;
}
.myBuild .old li {
  margin-left: 95px;
}
.myBuild li strong {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin-top: 10px;
}
.myBuild .status {
  display: none;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: -4px;
  left: 43px;
  z-index: 1;
  width: 40px;
  height: 18px;
  line-height: 16px;
  background-position: 0 -420px;
}
.myBuild i {
  font-style: normal;
  font-weight: normal;
}
.myBuild .done i {
  display: none;
}
.myBuild .done .status {
  display: block;
}
.myBuildLog {
  margin: 24px 23px 0;
  border-top: 1px dotted #dbdbdb;
}
.myBuildLog .diaryText {
  padding-top: 46px;
}
.myBuildLog .diaryText h6,
.myBuildLog .diaryText .buildTime {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  height: 32px;
  line-height: 32px;
  background: url(../images/group.png) no-repeat left center;
  padding: 0 45px;
  margin-bottom: 23px;
}
.myBuildLog .diaryText h6 span,
.myBuildLog .diaryText .buildTime span {
  margin-left: 46px;
}
.myBuildLog .diaryText h6 b,
.myBuildLog .diaryText .buildTime b {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #90be20 !important;
  right: -23px;
  width: 98px;
  height: 24px;
  line-height: 24px;
  top: 4px;
  border-radius: 12px 0 0 12px;
}
.myBuildLog .diaryTextImg img {
  width: 219px;
  height: 219px;
}
.myAsk {
  margin-top: 12px;
}
.myAsk ul {
  margin: 12px 24px 0;
  border-top: 1px dotted #dbdbdb;
}
.myAsk li {
  overflow: hidden;
  padding: 5px 0;
  line-height: 28px;
  border-bottom: 1px dotted #dbdbdb;
}
.myAsk li a {
  color: #333;
}
.myAsk li span {
  float: left;
  margin-right: 20px;
  color: #999;
}
.myAsk li .num {
  float: right;
}
.myAsk li .num i {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
}
.sendPhonePop {
  display: block;
  background-color: #020207 !important;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.sendPhone {
  background-color: #fff !important;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  margin: -130px 0 0 -250px;
  width: 500px;
  height: 260px;
}
.sendPhone .title {
  position: relative;
  font-size: 16px;
  padding: 0 10px 0 24px;
  height: 40px;
  line-height: 40px;
  background: #e6e6e6;
}
.sendPhone .close {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("../images/esc.png") no-repeat top center;
}
.sendPhone .formBox {
  position: relative;
  text-align: center;
  padding: 20px;
}
.sendPhone .formBox .error {
  position: absolute;
  top: 0;
  line-height: 32px;
}
.sendPhone .formBox p {
  margin-top: 12px;
}
.sendPhone .formBox label {
  text-align: right;
  margin-right: 12px;
  display: inline-block;
  width: 70px;
}
.sendPhone .formBox .inputTxt {
  padding: 2px 5px;
  width: 230px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #999;
}
.sendPhone .formBox .inputCode {
  width: 150px;
}
.sendPhone .formBox .code {
  display: inline-block;
  margin-left: 4px;
  width: 74px;
  height: 40px;
  background: #d8d8d8;
  vertical-align: top;
}
.sendPhone .formBox .btnBox {
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px dotted #dbdbdb;
}
.sendPhone .formBox button {
  background-color: #ffa31f !important;
  border: none;
  border-radius: 4px;
  color: #fff;
  width: 160px;
  height: 36px;
}
.dsIcon {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/design_icon.png") no-repeat;
}
.iconStepA {
  background-position: -150px -50px;
}
.iconStepB {
  background-position: -150px -100px;
}
.iconStepC {
  background-position: -150px -150px;
}
.iconStepD {
  background-position: -150px -200px;
}
.hover .iconStepA {
  background-position: -200px -50px;
}
.hover .iconStepB {
  background-position: -200px -100px;
}
.hover .iconStepC {
  background-position: -200px -150px;
}
.hover .iconStepD {
  background-position: -200px -200px;
}
.iconSearch {
  width: 20px;
  height: 20px;
  background-position: -10px -10px;
}
.iconSearch2 {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background-position: -90px -10px;
}
.iconPos {
  width: 15px;
  height: 16px;
  background-position: -10px -100px;
}
.iconPic {
  width: 15px;
  height: 16px;
  background-position: -50px -100px;
}
.iconClock {
  width: 15px;
  height: 16px;
  background-position: -100px -100px;
}
.iconDecorate {
  width: 18px;
  height: 20px;
  background-position: -10px -50px;
}
.iconChange {
  margin: -2px 10px 0 0;
  width: 14px;
  height: 14px;
  background-position: -50px -50px;
}
.iconChange2 {
  margin: -2px 10px 0 0;
  width: 14px;
  height: 14px;
  background-position: -90px -50px;
}
.iconDraw {
  margin: -8px 20px 0 0;
  width: 22px;
  height: 22px;
  background-position: -50px -200px;
}
a:hover .iconDraw,
a:active .iconDraw {
  background-position: -90px -200px;
}
.iconArrow {
  width: 15px;
  height: 10px;
  background-position: -50px -10px;
}
.iconEdit {
  width: 30px;
  height: 30px;
  background-position: 0 -240px;
}
.iconBack {
  width: 10px;
  height: 12px;
  background-position: -100px -250px;
}
.iconWrap {
  margin: -2px 5px 0 0;
  width: 15px;
  height: 15px;
  background-position: -120px -10px;
}
.iconInner {
  margin: -2px 5px 0 0;
  width: 15px;
  height: 15px;
  background-position: -150px -10px;
}
.cloudDesign {
  padding-bottom: 40px;
  min-height: 660px;
  background-color: #f2f2f2;
}
.cloudDesign .dsBanner {
  height: 100px;
  min-width: 1200px;
  margin: 0 auto;
  text-align: center;
  background: url("../images/kjlbanner.jpg") no-repeat center center;
}
.cloudDesign .guideBanner {
  height: 550px;
  background: url("../images/guidebanner.jpg") no-repeat top center;
}
.cloudDesign .btn {
  display: inline-block;
  width: 110px;
  height: 30px;
  line-height: 28px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}
.cloudDesign .btn i {
  margin-right: 10px;
}
.cloudDesign .createBtn {
  border: 1px solid #ed6c00;
  color: #ed6c00;
}
.cloudDesign .decorateBtn {
  background: #ed6c00;
  color: #fff;
}
.cloudDesign .changeDsBtn {
  background-color: #fff !important;
  color: #333;
  border: 1px solid #ddd;
}
.guideBanner .btn,
.designGuide .btn {
  display: inline-block;
  width: 180px;
  height: 44px;
  border: 1px solid #ed6c00;
  line-height: 42px;
  text-align: center;
  background: #ed6c00;
  color: #fff;
  font-size: 20px;
}
.guideBanner .btn:active,
.designGuide .btn:active {
  background: #ed6c00;
}
.guideBanner .btnOpacity,
.designGuide .btnOpacity {
  border: 1px solid #ec7600;
  background: rgba(255, 108, 0, 0.6);
}
.guideBanner .btnOpacity:hover,
.designGuide .btnOpacity:hover,
.guideBanner .btnOpacity :active,
.designGuide .btnOpacity :active {
  background: #ed6c00;
}
.guideBanner .btn {
  margin-top: 157px;
}
.designGuide {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 55px;
  color: #666;
}
.designGuide .box {
  margin-top: 90px;
  height: 640px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.designGuide .box h2,
.designGuide .box h3,
.designGuide .box p {
  padding-left: 22px;
  font-style: normal;
  font-weight: normal;
}
.designGuide .box h2 {
  font-size: 28px;
  color: #333;
}
.designGuide .box h3 {
  font-size: 21px;
  color: #333;
}
.designGuide .box p {
  font-size: 18px;
}
.designGuide .quickBuild {
  height: 550px;
  background-color: #fff !important;
}
.designGuide .quickBuild .text {
  float: left;
  padding-top: 85px;
}
.designGuide .quickBuild .text h2 {
  margin-bottom: 5px;
}
.designGuide .quickBuild .text p {
  margin-top: 15px;
  color: #666;
}
.designGuide .quickBuild .step {
  position: relative;
  float: right;
  width: 729px;
}
.designGuide .quickBuild .step .thumnTopline {
  width: 20px;
  height: 20px;
  border-top: 2px solid #666;
}
.designGuide .quickBuild .step .thumnBotline {
  width: 90px;
  height: 12px;
  margin-left: 5px;
  background-position: -150px -250px;
}
.designGuide .quickBuild .step .thumn {
  position: absolute;
  top: 276px;
  left: -245px;
  width: 100px;
}
.designGuide .quickBuild .step .thumn li {
  position: relative;
  margin-bottom: 20px;
  height: 22px;
  line-height: 22px;
  color: #999;
  cursor: default;
}
.designGuide .quickBuild .step .thumn li i {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.designGuide .quickBuild .step .thumn li span {
  position: absolute;
  right: -145px;
  z-index: 100;
  display: inline-block;
  width: 20px;
  height: 24px;
  color: #fff;
  text-align: center;
}
.designGuide .quickBuild .step .thumn li span.stepA {
  top: 22px;
}
.designGuide .quickBuild .step .thumn li span.stepB {
  top: 10px;
}
.designGuide .quickBuild .step .thumn li span.stepC {
  top: -5px;
}
.designGuide .quickBuild .step .thumn li span.stepD {
  top: -20px;
}
.designGuide .quickBuild .step .thumn li.hover span {
  background: #90be20;
}
.designGuide .quickBuild .step .stepImg li {
  display: none;
}
.designGuide .quickBuild .step .line {
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 550px;
  background: #c2d98a;
}
.designGuide .designStyle {
  position: relative;
}
.designGuide .designStyle .title {
  height: 140px;
  background-color: #fff !important;
}
.designGuide .designStyle h2 {
  padding: 40px 0 5px 22px;
}
.designGuide .designStyle .styleImg {
  height: 500px;
  overflow: hidden;
}
.designGuide .designStyle .styleImg li {
  display: none;
}
.designGuide .designStyle .styleImg li img {
  vertical-align: middle;
}
.designGuide .designStyle .thumn {
  position: absolute;
  top: 84px;
  right: 0;
  border-bottom: 1px solid #c7de8f;
}
.designGuide .designStyle .thumn li {
  float: left;
  margin-bottom: -2px;
  width: 106px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #333;
  cursor: pointer;
}
.designGuide .designStyle .thumn li.hover {
  border-bottom: 3px solid #90be20;
  color: #90be20;
}
.designGuide .designMould {
  box-shadow: none;
  background: url("../images/model.jpg") no-repeat top center;
}
.designGuide .designMould h2 {
  padding: 20px 0 10px 22px;
}
.designGuide .designMould p {
  font-size: 16px;
  line-height: 28px;
}
.designGuide .rendering {
  position: relative;
  background-color: #fff !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.designGuide .rendering h2 {
  padding: 60px 0 10px 22px;
}
.designGuide .rendering .pic {
  position: absolute;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.designGuide .rendering .pic img {
  vertical-align: middle;
}
.designGuide .rendering .pic .text {
  position: absolute;
  display: block;
  width: 160px;
}
.designGuide .rendering .pic .text h3 {
  margin: 10px 0 5px;
  font-size: 14px;
}
.designGuide .rendering .pic .text p {
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
.designGuide .rendering .pic .text span {
  position: absolute;
  left: -25px;
  display: block;
  width: 74px;
  height: 10px;
  border-top: 2px solid #90be20;
}
.designGuide .rendering .picA {
  top: 158px;
  left: 128px;
}
.designGuide .rendering .picA .text {
  top: 20px;
  left: 285px;
}
.designGuide .rendering .picB {
  top: 80px;
  left: 728px;
}
.designGuide .rendering .picC {
  top: 315px;
  left: 484px;
}
.designGuide .rendering .picC .text {
  top: 20px;
  left: 560px;
}
.designGuide .designGuideFt {
  margin: 60px 0 40px;
  height: 289px;
  background: url("../images/guideftbg.jpg") no-repeat top center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.designGuide .designGuideFt .btn {
  margin-top: 165px;
}
.cloudDesignBox {
  width: 1200px;
  margin: 18px auto 0;
  padding-bottom: 40px;
  min-height: 470px;
  border-top: 1px solid #a3c84a;
  background-color: #fff !important;
}
.cloudDesignBox .title {
  position: relative;
  margin: 25px 20px 0;
  height: 56px;
  line-height: 56px;
  border-bottom: 2px solid #ed6c00;
}
.cloudDesignBox .title h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  color: #333;
}
.cloudDesignBox .title a {
  position: absolute;
  top: 10px;
  right: 0;
  width: 138px;
  height: 38px;
  line-height: 38px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.cloudDesignBox .title .selfDraw {
  display: inline-block;
  border: 1px solid #ed6c00;
  color: #333;
}
.cloudDesignBox .title .selfDraw:hover,
.cloudDesignBox .title .selfDraw:active {
  background: #ed6c00;
  color: #fff;
}
.cloudDesignBox .title .createBtn,
.cloudDesignBox .title .backBtn {
  right: 150px;
  border: 1px solid #90be20;
  color: #333;
}
.cloudDesignBox .title .backBtn {
  right: 0;
}
.cloudDesignBox .title .createBtn:hover,
.cloudDesignBox .title .createBtn:active,
.cloudDesignBox .title .backBtn:hover,
.cloudDesignBox .title .backBtn:active {
  background: #a3c84a;
  color: #fff;
}
.cloudDesignBox .title .orderBtn {
  background: #ed6c00;
}
.cloudDesignBox .title .orderBtn:hover,
.cloudDesignBox .title .orderBtn:active {
  background: #d46100;
}
.cloudDesignBox .notDesign {
  padding-top: 65px;
  min-height: 190px;
  background-color: #fff !important;
  text-align: center;
  color: #999;
}
.cloudDesignBox .notDesign .createBtn {
  margin-top: 28px;
}
.cloudDesignBox .designDetail {
  margin: 40px 22px;
  color: #333;
}
.cloudDesignBox .designDetail .ft {
  padding-top: 45px;
  text-align: center;
}
.cloudDesignBox .designDetail .ft .orderBtn {
  margin-top: 20px;
  width: 218px;
  height: 42px;
  background: #ed6c00;
  border-radius: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 24px;
}
.cloudDesignBox .ownHouse {
  border: 1px solid #ddd;
  overflow: hidden;
}
.cloudDesignBox .ownHouse .left {
  float: left;
  width: 250px;
  height: 190px;
  text-align: center;
  border-right: 1px solid #ddd;
  overflow: hidden;
}
.cloudDesignBox .ownHouse .left img {
  width: 190px;
}
.cloudDesignBox .ownHouse .right {
  float: left;
  padding: 25px 35px;
  font-size: 14px;
}
.cloudDesignBox .ownHouse .right .hd {
  height: 30px;
  line-height: 30px;
}
.cloudDesignBox .ownHouse .right .hd h3 {
  display: inline;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
}
.cloudDesignBox .ownHouse .right .hd a {
  margin-left: 55px;
  width: 110px;
  height: 30px;
  line-height: 30px;
  background: #90be20;
  color: #fff;
}
.cloudDesignBox .ownHouse .right h4 {
  margin: 10px 0 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  color: #666;
}
.cloudDesignBox .ownHouse .right .houseSize {
  color: #999;
  overflow: hidden;
}
.cloudDesignBox .ownHouse .right .houseSize p {
  float: left;
  margin-right: 35px;
}
.cloudDesignBox .ownHouse .right .time {
  clear: both;
  margin-top: 15px;
  color: #999;
}
.cloudDesignBox .designLst {
  padding: 42px 22px;
}
.cloudDesignBox .designLst li {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  background-color: #fff !important;
  overflow: hidden;
}
.cloudDesignBox .designLst li .pic {
  float: left;
  width: 188px;
  height: 190px;
  border-right: 1px solid #ddd;
  overflow: hidden;
}
.cloudDesignBox .designLst li .detail {
  float: left;
  padding: 33px 46px;
  *padding: 30px 46px;
}
.cloudDesignBox .designLst li .detail .hd span {
  display: inline-block;
  margin-right: 5px;
  padding: 4px 10px;
  background-color: #b0b0b0;
  color: #fff;
}
.cloudDesignBox .designLst li .detail .hd h6 {
  display: inline;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
}
.cloudDesignBox .designLst li .detail .bd {
  padding: 15px 0 32px;
}
.cloudDesignBox .designLst li .detail .bd dd {
  display: inline;
  margin-right: 25px;
  color: #999;
}
.cloudDesignBox .designLst li .detail .bd dd i {
  margin-right: 5px;
}
.cloudDesignBox .designLst li .detail .ft .btn {
  margin-right: 12px;
}
.cloudDesignBox .searchType {
  padding: 40px 0;
  text-align: center;
  background-color: #fff !important;
  font-size: 14px;
}
.cloudDesignBox .searchType .searchBox {
  clear: both;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  *padding: 0 20px;
  height: 58px;
  *width: 1030px;
}
.cloudDesignBox .searchType .searchBox .fL {
  float: left;
}
.cloudDesignBox .searchType .searchBox .guide {
  float: left;
  margin-right: 10px;
  line-height: 58px;
  color: #666;
}
.cloudDesignBox .searchType .searchBox .curCity {
  float: left;
  display: inline-block;
  padding: 0 20px;
  min-width: 130px;
  *min-width: 86px;
  height: 58px;
  *height: 56px;
  line-height: 58px;
  *line-height: 56px;
  font-size: 24px;
  text-align: right;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 5px 0 0 5px;
}
.cloudDesignBox .searchType .searchBox .curCity i {
  margin-left: 12px;
}
.cloudDesignBox .searchType .searchBox .inputText {
  float: left;
  padding: 8px 25px;
  width: 670px;
  *width: 620px;
  height: 58px;
  *height: 40px;
  line-height: 40px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #999;
  font-size: 16px;
}
.cloudDesignBox .searchType .searchBox .inputText:focus {
  outline: 0;
}
.cloudDesignBox .searchType .searchBox button {
  float: left;
  width: 132px;
  height: 58px;
  background: #90be20;
  border: 0;
  border-radius: 0 5px 5px 0;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.cloudDesignBox .searchType .searchBox button:focus {
  outline: 0;
}
.cloudDesignBox .searchType .tips {
  clear: left;
  margin: 25px 0 45px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.cloudDesignBox .searchType .tips a {
  color: #ed6c00;
}
.cloudDesignBox .searchType .more {
  clear: both;
  text-align: center;
  padding-top: 30px;
}
.cloudDesignBox .searchType .more a {
  color: #333;
  font-size: 18px;
}
.cloudDesignBox .searchType .more a:hover {
  color: #ed6c00;
}
.cloudDesignBox .searchResult {
  display: table;
  margin-left: 22px;
}
.cloudDesignBox .searchResult li {
  display: table-cell;
  float: left;
  margin: -1px 0 0 -1px;
  padding: 20px 24px;
  width: 292px;
  height: 390px;
  *width: 244px;
  *height: 350px;
  border: 1px solid #ddd;
}
.cloudDesignBox .searchResult li .houseType {
  width: 244px;
  height: 270px;
  line-height: 270px;
  text-align: center;
  overflow: hidden;
}
.cloudDesignBox .searchResult li .houseType img {
  width: 244px;
  height: auto;
  vertical-align: middle;
}
.cloudDesignBox .searchResult li .houseInfo {
  margin-top: 18px;
  text-align: left;
}
.cloudDesignBox .searchResult li a {
  display: block;
  color: #333;
  z-index: 0;
}
.cloudDesignBox .searchResult li a span {
  display: none;
}
.cloudDesignBox .searchResult li a:hover {
  position: relative;
}
.cloudDesignBox .searchResult li a:hover span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -44px;
  width: 88px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 18px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.cloudDesignBox .areaList {
  position: absolute;
  top: 58px;
  left: 0;
  *left: 20px;
  padding: 15px;
  width: 430px;
  *width: 400px;
  border: 1px solid #b0b0b0;
  border-radius: 5px;
  background: #fff;
  color: #333;
}
.cloudDesignBox .areaList .curPos {
  margin-bottom: 5px;
  padding: 0 15px;
  line-height: 30px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #999;
  text-align: left;
}
.cloudDesignBox .areaList .curPos span {
  margin-left: 10px;
  color: #333;
  font-size: 16px;
}
.cloudDesignBox .areaList li {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0 5px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 16px;
}
.cloudDesignBox .areaList li.hide {
  display: none;
}
.cloudDesignBox .areaList li.active {
  background: #a3c84a;
  color: #fff;
}
.cloudDesignBox .areaList li.active_flod:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #f2f2f2;
}
.cloudDesignBox .areaList li.subCity {
  width: 0;
  margin: 0;
  padding: 0;
  z-index: 990;
}
.cloudDesignBox .areaList li.subCity ul {
  position: absolute;
  width: 400px;
  *width: 380px;
  padding: 10px 0;
  left: 0;
  top: 38px;
  border: 0;
  background: #f2f2f2;
  z-index: 1000;
}
.cloudDesignBox .areaList li .sub_area {
  margin: 8px -15px;
  padding: 5px 20px;
  background-color: #f2f2f2;
}
.cloudDesignBox .areaList li .sub_area i {
  display: inline-block;
  margin: 0 5px;
  padding: 5px;
  font-style: normal;
  font-size: 14px;
}
.cloudDesignBox .areaList li .sub_area i.active {
  background: #a3c84a;
  color: #fff;
}
.cloudDesignBox .pageing {
  clear: both;
  width: 100%;
  text-align: center;
}
.cloudDesignBox .pageing ul {
  display: inline-block;
}
.cloudDesignBox .pageing li {
  line-height: 30px;
  display: inline-block;
  float: left;
  margin: 0 5px;
  background: none;
}
.cloudDesignBox .pageing li a {
  display: block;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #fff !important;
  border: 1px solid #ddd;
  color: #666;
  font-size: 14px;
  text-align: center;
}
.cloudDesignBox .pageing li a.active {
  background: #aaa;
  color: #fff;
  border-color: #aaa;
}
.cloudDesignBox .pageing li i {
  display: inline-block;
  margin-top: -4px;
  width: 0;
  height: 0;
  vertical-align: middle;
  text-indent: -9999px;
}
.cloudDesignBox .pageing li.prev i {
  border-top: 8px solid transparent;
  border-right: 8px solid #999;
  border-bottom: 8px solid transparent;
}
.cloudDesignBox .pageing li.next i {
  border-top: 8px solid transparent;
  border-left: 8px solid #999;
  border-bottom: 8px solid transparent;
}
@media screen and (min-width: 1921px) and (max-width: 10000px) {
  .cloudDesign .dsBanner {
    background-size: 100% !important;
  }
  .cloudDesign .guideBanner {
    height: 620px;
  }
}
.kjyj_nav_box {
  top: 0;
  width: 100%;
  height: 40px;
  z-index: 10;
  background-color: #f2f2f2;
}
.kjyj_nav_box .kjyj_nav {
  width: 1200px;
  margin: 0 auto;
}
.kjyj_nav_box .kjyj_nav img {
  margin: 6px 0 0 5px;
}
.kjyj_nav_box ul {
  float: right;
  margin: 13px 45px 0 0;
  *margin-top: -30px;
}
.kjyj_nav_box ul li {
  float: left;
  border-left: 1px solid #999;
  padding: 0 20px;
}
.kjyj_nav_box ul li:first-child {
  border: 0;
}
.kjyj_nav_box ul li a {
  color: #666;
}
.kjyj_nav_box ul li a:hover {
  color: #6fba2c;
}
.kjyjBanner {
  height: 590px;
  margin-bottom: 0;
}
.kjyjBanner ul {
  overflow: hidden;
}
.kjyjBanner ul,
.kjyjBanner ul li {
  width: 100%;
  height: 100%;
}
.kjyjBanner .kjyjNumber {
  bottom: 33px;
}
.kjyjBanner .kjyjNumber span {
  width: 64px;
  border-radius: 0;
  background: #1d1d1e;
}
.kjyjBanner .kjyjNumber span.indexNumber_hover {
  background: #aa9b77;
}
.kjyj_icon {
  display: inline-block;
  width: 52px;
  height: 52px;
  background: url("../images/contact_icon.png");
  vertical-align: top;
}
.kjyj_icon.kjyj_icon_pos {
  margin-top: 12px;
  background-position: 0 0;
}
.kjyj_icon.kjyj_icon_email {
  background-position: 0 -60px;
}
.kjyj_icon.kjyj_icon_tel {
  background-position: 0 -120px;
}
.kjyj_content {
  margin: 0 auto;
  padding: 43px 0 135px;
  width: 1200px;
}
.kjyj_contactUs {
  padding: 43px 0 135px;
}
.kjyj_contactUs .kjyj_HQ {
  padding: 95px 0 0 133px;
  width: 1200px;
  height: 240px;
  background: url("../images/contact_1.jpg") no-repeat top center;
  color: #fff;
}
.kjyj_contactUs .kjyj_HQ p {
  display: inline-block;
  padding-top: 14px;
  height: 75px;
}
.kjyj_contactUs .kjyj_HQ p.north {
  margin-left: 20px;
}
.kjyj_contactUs .kjyj_HQ p.south {
  border-left: 1px solid #fff;
  margin-left: 105px;
  padding-left: 105px;
}
.kjyj_contactUs .kjyj_HQ span {
  font-size: 18px;
}
.kjyj_contactUs .kjyj_tyg {
  margin: 14px 0 12px;
  width: 1200px;
  height: 400px;
  background: url("../images/contact_tyg.jpg") no-repeat top center;
}
.kjyj_contactUs .kjyj_tyg dl {
  margin-left: 640px;
  padding-top: 52px;
  color: #666;
  line-height: 24px;
}
.kjyj_contactUs .kjyj_tyg dl dt {
  margin-bottom: 22px;
  font-size: 18px;
  color: #333;
}
.kjyj_contactUs .kjyj_tyg dl dd:hover {
  color: #0cb326;
}
.kjyj_contactUs .kjyj_tyg dl span {
  margin-right: 60px;
  color: #aa9b77;
}
.kjyj_contactUs .kjyj_connect {
  width: 1200px;
  height: 240px;
  background: url("../images/contact_2.jpg") no-repeat top center;
}
.kjyj_contactUs .kjyj_connect img {
  float: left;
  margin: 88px 0 0 130px;
}
.kjyj_contactUs .kjyj_connect div {
  padding-left: 640px;
  color: #666;
}
.kjyj_contactUs .kjyj_connect div.email {
  padding-top: 57px;
  margin-bottom: 35px;
}
.kjyj_contactUs .kjyj_connect div i {
  float: left;
  margin-right: 34px;
}
.kjyj_contactUs .kjyj_connect div span {
  font-size: 18px;
}
.kjyj_coop_model .coop_model {
  height: 400px;
  text-align: center;
  color: #fff;
}
.kjyj_coop_model .coop_model h2 {
  padding: 110px 0 40px;
  font-size: 36px;
  font-weight: 400;
}
.kjyj_coop_model .coop_model h2 span {
  display: block;
  margin: 12px auto 0;
  width: 50px;
  height: 4px;
  background: #fff;
}
.kjyj_coop_model .coop_model p {
  text-align: center;
  line-height: 24px;
}
.kjyj_coop_model .coop_model.coop_modelA {
  background: url("../images/coop_mode_1.jpg") no-repeat top center;
}
.kjyj_coop_model .coop_model.coop_modelA h2 span {
  background: #aa9b77;
}
.kjyj_coop_model .coop_model.coop_modelB {
  margin: 14px 0;
  background: url("../images/coop_mode_2.jpg") no-repeat top center;
}
.kjyj_coop_model .coop_model.coop_modelC {
  background: url("../images/coop_mode_3.jpg") no-repeat top center;
  color: #666;
}
.kjyj_coop_model .coop_model.coop_modelC h2 {
  color: #2e2f36;
}
.kjyj_coop_model .coop_model.coop_modelC h2 span {
  background: #aa9b77;
}
.kjyj_about h2 {
  margin-left: 45px;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
}
.kjyj_about .vision {
  height: 400px;
  background: url("../images/about_banner.jpg") no-repeat top center;
  line-height: 24px;
}
.kjyj_about .vision h2 {
  padding-top: 72px;
}
.kjyj_about .vision p {
  padding: 10px 0 0 45px;
}
.kjyj_about .isp {
  margin: 14px 0;
  height: 400px;
  background: url("../images/about_1.jpg") no-repeat 600px 0;
  line-height: 24px;
}
.kjyj_about .isp h2 {
  padding-top: 82px;
}
.kjyj_about .isp p {
  width: 50%;
  *width: 500px;
  padding: 30px 55px 0 45px;
}
.kjyj_about .valueFramework {
  height: 400px;
  background: url("../images/about_2.jpg") no-repeat -5px 0;
}
.kjyj_about .valueFramework .value {
  float: left;
  width: 50%;
  height: 400px;
}
.kjyj_about .valueFramework .value h2 {
  float: left;
  padding-top: 95px;
}
.kjyj_about .valueFramework .value p {
  float: left;
  margin: 92px 0 0 25px;
  font-size: 30px;
  font-weight: 300;
}
.kjyj_about .valueFramework .framework {
  position: relative;
  float: left;
  width: 50%;
}
.kjyj_about .valueFramework .framework h2 {
  padding-top: 52px;
  margin-left: 50px;
}
.kjyj_about .valueFramework .framework dl {
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -86px;
  width: 172px;
  height: 172px;
  border-radius: 50%;
  border: 1px dashed #aa9b77;
}
.kjyj_about .valueFramework .framework dl dt {
  position: absolute;
  left: 50%;
  display: inline-block;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.kjyj_about .valueFramework .framework dl dd {
  text-align: center;
  color: #aa9b77;
}
.kjyj_about .valueFramework .framework dl.frameA {
  text-align: center;
}
.kjyj_about .valueFramework .framework dl.frameA dt {
  top: -38px;
  margin-left: -38px;
  padding-top: 15px;
}
.kjyj_about .valueFramework .framework dl.frameA dd {
  padding-top: 65px;
}
.kjyj_about .valueFramework .framework dl.frameB {
  top: 210px;
  margin-left: -146px;
}
.kjyj_about .valueFramework .framework dl.frameB dt {
  bottom: 10px;
  left: 0;
  margin-left: -38px;
  padding-top: 15px;
}
.kjyj_about .valueFramework .framework dl.frameB dd {
  padding-top: 65px;
}
.kjyj_about .valueFramework .framework dl.frameC {
  top: 210px;
  margin-left: -20px;
}
.kjyj_about .valueFramework .framework dl.frameC dt {
  bottom: 10px;
  right: 0;
  margin-left: 38px;
  line-height: 76px;
}
.kjyj_about .valueFramework .framework dl.frameC dd {
  line-height: 172px;
}
.caseShow {
  margin: 0 auto;
  overflow: hidden;
  padding: 45px 0 05px;
  width: 1200px;
  margin-bottom: 80px;
}
.caseShow ul {
  margin-left: -10px;
  *width: 1210px;
}
.caseShow ul li {
  float: left;
  margin: 0 0 15px 10px;
  width: 292px;
  height: 272px;
  text-align: center;
  font-size: 18px;
}
.caseShow ul li.last {
  background: #e5e1d6;
  line-height: 272px;
  color: #aa9b77;
}
.caseShow ul li a {
  display: block;
  color: #666;
}
.caseShow ul li a:hover {
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2);
}
.caseShow ul li img {
  vertical-align: middle;
}
.caseShow ul li span {
  display: block;
  height: 64px;
  line-height: 64px;
}
.caseShow .caseShowSmall {
  float: left;
  width: 560px;
}
.caseShow .caseShowSmall h2 {
  margin: 90px 0 60px;
  padding-left: 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  color: #666;
}
.caseShow .caseShowSmall ul {
  padding-left: 32px;
  width: 415px;
}
.caseShow .caseShowSmall li {
  margin: 0 0 14px 14px;
  width: 113px;
  height: 80px;
}
.caseShow .caseShowSmall li a {
  display: block;
}
.caseShow .caseShowSmall li a.cur,
.caseShow .caseShowSmall li a:hover {
  padding: 6px;
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2);
}
.caseShow .caseShowSmall li a.cur img,
.caseShow .caseShowSmall li a:hover img {
  width: 100%;
  height: auto;
}
.caseShow .caseShowSmall hr {
  clear: both;
  float: left;
  margin: 35px 0 0 32px;
  display: inline-block;
  width: 84px;
  height: 2px;
  background: #999;
}
.caseShow .bigPicShow {
  float: right;
  width: 638px;
}
.caseShow .bigPicShow img {
  border: 9px solid #eee;
  width: 620px;
}
@media screen and (min-width: 1921px) and (max-width: 10000px) {
  .kjyjBanner {
    height: 600px;
  }
  .kjyjBanner ul li {
    background-size: 100% !important;
  }
}
.indexLive {
  width: 1200px;
  margin: 0 auto;
}
.indextitle {
  font-size: 28px;
  overflow: hidden;
  height: 88px;
  line-height: 98px;
}
.indextitle .moreA {
  font-size: 12px;
  color: #666;
  margin-left: 620px;
  line-height: 109px;
}
.indexLive .indexLiveMore {
  float: left;
  background-color: #ed6c00;
  height: 100%;
  width: 290px;
}
.indexLive .indexLiveMore img {
  display: block;
  margin: 0 auto;
  padding-top: 140px;
}
.indexLive .indexLiveMore a {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: relative;
  border: 1px solid #fff;
  width: 190px;
  height: 46px;
  line-height: 42px;
  margin: 94px auto 93px;
}
.indexLive .indexLiveMore a:before,
.indexLive .indexLiveMore a:after {
  overflow: hidden;
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  height: 0px;
  width: 20%;
  border: 2px solid #fff;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.3s ease-out 0.2s, height 0.2s ease-in;
  transition: width 0.3s ease-out 0.2s, height 0.2s ease-in;
  display: none\9;
}
.indexLive .indexLiveMore a:before {
  top: 0px;
  border-bottom: 0;
}
.indexLive .indexLiveMore a:after {
  bottom: 0px;
  border-top: 0;
}
.indexLive .indexLiveMore a:hover:before,
.indexLive .indexLiveMore a:hover:after {
  width: 100%;
  height: 23px;
  -webkit-transition: width 0.3s ease-in, height 0.2s ease-out 0.3s;
  transition: width 0.3s ease-in, height 0.2s ease-out 0.3s;
}
.indexLive .indexLiveTist {
  float: left;
  height: 100%;
  width: 910px;
}
.indexLive .indexLiveTist li {
  float: left;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  width: 285px;
  margin: 0 0 12px 18px;
  height: 241px;
}
.indexLive .indexLiveTist li a {
  display: block;
  width: 100%;
  height: 100%;
}
.indexLive .indexLiveTist li a img {
  width: 100%;
  height: 100%;
}
.indexLive .indexLiveTist li a p {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  font-size: 18px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #90bf20;
  line-height: 32px;
  padding-top: 78px;
  -ms-transition-property: top;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  transition-property: top;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.indexLive .indexLiveTist li a p span {
  display: block;
}
.indexLive .indexLiveTist li a:hover p {
  top: 0;
}
.indexJournalism {
  width: 1200px;
  min-width: 1200px;
  overflow: hidden;
  margin: -52px auto 40px;
  height: 534px;
}
.indexJournalism .indexJournalismText {
  float: left;
  height: 100%;
  width: 1200px;
  margin-right: 14px;
  border-top: 1px solid #ddd;
}
.indexJournalism .indexJournalismText li {
  overflow: hidden;
  background-color: #f2f2f2;
  height: 148px;
}
.indexJournalism .indexJournalismText li .indexJournalismA {
  float: left;
  display: block;
  border: 1px solid #fff;
  border-width: 6px;
  width: 227px;
  height: 124px;
  margin: 11px 30px 24px 7px;
}
.indexJournalism .indexJournalismText li .indexJournalismA img {
  width: 100%;
  height: 100%;
}
.indexJournalism .indexJournalismText li .indexJournaLismDetails {
  float: left;
  height: 100%;
  border-bottom: 1px solid #ddd;
  width: 316px;
}
.indexJournalism .indexJournalismText li .indexJournaLismDetails a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #333;
  line-height: 20px;
  padding: 26px 0 14px 0;
}
.indexJournalism .indexJournalismText li .indexJournaLismDetails a:hover {
  color: #ed6c00;
}
.indexJournalism .indexJournalismText li .indexJournaLismDetails p {
  font-size: 14px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  height: 72px;
  text-align: justify;
  word-break: break-all;
}
.pageError {
  position: relative;
  width: 1200px;
  text-align: center;
  font-size: 24px;
  color: #666;
  margin: 40px auto 0;
  height: 458px;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #f8f8f8;
}
.pageError img,
.pageError span {
  position: relative;
  vertical-align: middle;
}
.pageError .floatDialog {
  left: 20px;
  animation: myLeft 2s 2s both;
}
.pageError .surprisePanda {
  margin-top: 142px;
  animation: myDown 1.5s;
}
.pageError span {
  top: 70px;
  left: 10px;
  animation: myRight 2s 2.5s both;
}
.pageErrorNews {
  height: 420px;
}
.pageErrorNews .moreA {
  float: right;
}
.pageErrorNews .newsList {
  margin: 0 0 0 -10px;
  width: 1210px;
  height: 295px;
  background: #f2f2f2;
  overflow: hidden;
}
.pageErrorNews .newsList li {
  float: left;
  margin-left: 10px;
  width: 590px;
}
@keyframes myDown {
  from {
    top: -210px;
  }
  to {
    top: 0;
  }
}
@keyframes myLeft {
  from {
    left: 100px;
    opacity: 0;
  }
  to {
    left: 20px;
    opacity: 1;
  }
}
@keyframes myRight {
  from {
    left: 300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.we {
  margin-top: 42px;
}
.we .newsNew p {
  margin-bottom: 12px;
  text-indent: 2em;
}
.invest {
  overflow: hidden;
  margin-bottom: 68px;
}
.investBanner {
  width: 100%;
  height: 450px;
  background: url(../images/banner.jpg) no-repeat center center;
  margin-bottom: 40px;
}
.invest .investMan {
  margin-bottom: 24px;
}
.invest p {
  color: #666;
  text-align: justify;
  text-justify: distribute-all-lines;
  margin-bottom: 20px;
  line-height: 22px;
}
.invest p.invest2em {
  text-indent: 2em;
}
.invest h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 22px;
}
.invest h6 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #ffa31f;
  margin-bottom: 4px;
}
.invest ul {
  overflow: hidden;
}
.invest li {
  overflow: hidden;
  margin-bottom: 12px;
  margin-right: 12px;
  float: left;
  width: 291px;
  height: 291px;
}
.activity {
  overflow: hidden;
  width: 100%;
}
.activity .activityDiv {
  position: relative;
  display: block;
  overflow: hidden;
}
.activity .activityHome {
  position: absolute;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  font-size: 18px;
  width: 300px;
  height: 60px;
  line-height: 60px;
  left: 0;
  right: 0;
  bottom: 20px;
  background: rgba(240, 131, 0, 0.8);
}
.activity .activityHome:hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.activity .activityAbout {
  overflow: hidden;
  width: 100%;
  background-color: #fff !important;
  height: 120px;
}
.activity .activityAbout .width1200 {
  overflow: hidden;
  padding: 35px 165px 0;
}
.activity .activityAbout input {
  display: block;
  float: left;
  border-radius: 6px;
  border: 1px solid #090204;
  width: 240px;
  height: 50px;
  line-height: 50px;
  padding: 0 24px;
  margin-right: 16px;
  color: #000;
}
.activity .activityAbout input[type="button"] {
  background-color: #ffa31f !important;
  color: #fff;
  cursor: pointer;
  margin-right: 0 !important;
  border: none;
  width: 102px;
  padding: 0;
}
.activity .activityAbout input::-webkit-input-placeholder {
  color: #000;
}
.activity .activityAbout input:-moz-placeholder {
  color: #000;
}
.activity .activityAbout input::-moz-placeholder {
  color: #000;
}
.activity .activityAbout input:-ms-input-placeholder {
  color: #000;
}
.activity .activityAbout select {
  display: block;
  float: left;
  border: none;
  border-radius: 6px;
  color: #000;
  border: 1px solid #090204;
  width: 240px;
  height: 50px;
  line-height: 50px;
  padding: 0 24px;
  margin-right: 16px;
  background: url(../images/select.png) no-repeat 210px center #fff;
}
.activity .activityAbout select option {
  display: block;
  color: #000;
}
.activity .activityAbout select option:first-child {
  color: #000;
}
.activity .activityAbout i.error {
  font-size: 14px;
  margin-top: 10px;
}
.privilege .banner {
  min-width: 1200px;
  height: 450px;
  background: url("../images/banner.jpg") no-repeat center center;
}
.privilege .serviceImg {
  float: left;
}
.privilege .orderVisit {
  float: right;
  margin-top: 65px;
  padding-top: 0;
  width: 300px;
  height: 334px;
  background: #fff2c5!important;
}
.privilege .orderVisit h3 {
  font-size: 32px;
  color: #333;
  margin-bottom: 15px;
  letter-spacing: 2px;
}
.privilege .orderVisit p {
  position: relative;
}
.privilege .orderVisit .yzCode {
  border: none;
  color: #ffa31f;
  position: absolute;
  right: 15px;
  width: auto;
  background: none!important;
  text-decoration: underline;
  outline: 0;
}
.privilege .orderVisit .yzCode:disabled {
  color: #666;
}
.privilege .orderVisit select {
  background: url("../images/selectbg.png") no-repeat 215px center #fff;
}
@media screen and (min-width: 1921px) and (max-width: 10000px) {
  .privilege .banner {
    background-size: 100%!important;
  }
}
.dvd {
  overflow: hidden;
  width: 100%;
}
.dvd_text {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.dvd_nav {
  position: relative;
  background: #f4f3f1;
  height: 120px;
  width: 100%;
  top: 0;
}
.dvd_nav h1 {
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  float: left;
  line-height: 120px;
  width: 200px;
}
.dvd_nav ul {
  float: right;
}
.dvd_nav ul li {
  float: left;
  font-size: 16px;
  line-height: 120px;
  margin: 0 3px 0  60px;
}
.dvd_nav ul li a {
  cursor: pointer;
  color: #020207;
}
.dvd_nav ul li a:hover,
.dvd_nav ul li a.ahr {
  color: #ffa31f;
  border: 1px solid #f08300;
  border-top: none;
  border-right: none;
  border-left: none;
}
.dvd_1 {
  overflow: hidden;
  height: 600px;
  background: #dfe6eb;
}
.dvd_tv {
  float: left;
  cursor: pointer;
  width: 675px;
  height: 465px;
  border: 6px solid #000;
  margin: 60px 118px 0 82px;
}
.dvd_youku {
  width: 663px;
  height: 453px;
}
.dvd_deta {
  float: left;
  width: 310px;
  margin-top: 63px;
}
.dvd_deta h1 {
  font-size: 36px;
  font-style: normal;
  font-weight: normal;
  border-bottom: 3px solid #000;
  width: 148px;
  padding-bottom: 7px;
  margin-bottom: 36px;
}
.dvd_deta strong {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  display: block;
  padding-bottom: 20px;
}
.dvd_deta p {
  line-height: 24px;
}
.dvd_deta1 {
  width: 300px;
  margin: 63px 150px 0 65px;
}
.dvd_deta1 h1,
.dvd_deta2 h1 {
  width: 259px;
}
.dvd_0,
.dvd_2 {
  background-color: #fff !important;
  height: 600px;
}
.dvd_3 {
  height: 600px;
  background: #ebefe1;
}
.dvd_tv1 {
  margin: 60px 0 0 0;
}
.local {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  margin-top: 40px;
  padding-bottom: 45px;
  margin-bottom: 80px;
}
.local h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  background-color: #dbdbdb !important;
  height: 45px;
  line-height: 45px;
  padding: 0 35px;
  margin-bottom: 35px;
}
.local p {
  position: relative;
  margin: 0 auto;
  margin-bottom: 12px;
  overflow: hidden;
  width: 680px;
  line-height: 40px;
}
.local p span {
  display: block;
  float: left;
  text-align: right;
  margin-right: 16px;
  width: 153px;
}
.local p input {
  display: block;
  float: left;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  width: 446px;
}
.local p input[type=checkbox] {
  display: none;
  width: 10px;
  height: 10px;
}
.local p b {
  float: left;
  display: block;
  font-style: normal;
  font-weight: normal;
  width: 446px;
}
.local p label {
  float: left;
  cursor: pointer;
  margin-right: 20px;
  padding-left: 25px;
  background: url('../images/checked.png') no-repeat left center;
}
.local p label.hover {
  background: url(../images/checked_over.png) no-repeat left center;
}
.local p a {
  position: absolute;
  color: #ffa31f;
  cursor: pointer;
  left: 532px;
}
.local input.localClick {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: #ffa31f !important;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  width: 260px;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  margin-bottom: 30px;
}
.local em {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  display: block;
  color: #999;
}
.miniContent .miniBanner {
  overflow: hidden;
  height: 450px;
  background: url("../images/minbanner.jpg") no-repeat top center;
}
.miniContent .miniFocusBox {
  margin: 39px 0 0 5px;
  width: 628px;
  height: 410px;
}
.miniContent .miniFocus {
  background-color: #fff !important;
  border: 1px solid #fff;
  overflow: hidden;
  width: 630px;
  height: 360px;
}
.miniContent .miniFocus li {
  float: left;
  width: 628px;
  height: 358px;
}
.miniContent .miniFocusBox .Number {
  width: 630px;
  bottom: 20px;
}
.miniContent strong {
  display: block;
  text-align: center;
  font-size: 24px;
  margin: 40px 0 45px;
}
.miniContent .btn {
  display: block;
  color: #fff;
  text-align: center;
  background: #82b700;
  margin: 20px auto 100px;
  border: 3px solid #82b700;
  width: 446px;
  height: 60px;
  border-radius: 60px;
  font-size: 40px;
  line-height: 52px;
}
.miniContent .btn:hover {
  background-color: #fff !important;
  color: #82b700;
}
.recruitBanner {
  overflow: hidden;
  height: 450px;
  background: url(../images/recruit.jpg) no-repeat center center;
}
.recruit {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 80px;
  padding-top: 40px;
}
.recruit .recruitLeft {
  float: left;
  margin-right: 12px;
  width: 868px;
}
.recruit .recruitLeft h2 {
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 30px;
  height: 52px;
  line-height: 52px;
}
.recruit .recruitForm {
  width: 100%;
  height: 36px;
  margin-bottom: 20px;
}
.recruit .recruitForm select {
  float: left;
  color: #999;
  width: 180px;
  margin-right: 10px;
  line-height: 34px;
  border: 1px solid #999;
  border-radius: 3px;
  background: url(../images/form0.png) no-repeat 165px center;
  padding: 0 16px;
}
.recruit .recruitForm input {
  float: left;
  width: 360px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 0 16px;
  margin-right: 10px;
}
.recruit .recruitForm input[type=button] {
  border: none;
  margin-right: 0 !important;
  border: 1px solid #f08300;
  background-color: #ffa31f !important;
  color: #fff;
  text-align: left;
  cursor: pointer;
  width: 118px;
  background: url(../images/form1.png) no-repeat 17px center;
  padding: 0 0 0 40px;
}
.recruit .recruitTable {
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
.recruit .recruitTable th {
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  color: #fff;
  height: 55px;
  background: #c2c2c2;
}
.recruit .recruitTable td {
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  background-color: #f7f7f7 !important;
  text-align: center;
  color: #020207;
  height: 50px;
}
.recruit .recruitTable td a {
  color: #ffa31f;
}
.recruit .recruitTable th:last-child,
.recruit .recruitTable td:last-child {
  border-right: none;
}
.recruit .recruitWen {
  overflow: hidden;
  width: 100%;
}
.recruit .recruitWen h1 {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 30px;
}
.recruit .recruitWen .recruitWenBlack {
  position: relative;
  overflow: hidden;
  margin-bottom: 72px;
  min-height: 230px;
}
.recruit .recruitWen h2 {
  font-style: normal;
  font-weight: normal;
  color: #020207;
  font-size: 18px;
  width: 868px;
  margin-bottom: 25px;
}
.recruit .recruitWen p {
  color: #666;
  width: 868px;
  line-height: 20px;
  margin-bottom: 22px;
}
.recruit .recruitWen strong {
  font-style: normal;
  font-weight: normal;
  text-align: center;
  display: block;
  font-size: 16px;
  color: #ffa31f;
  line-height: 22px;
  margin: 100px 0 20px;
}
.recruit .recruitWen strong span {
  margin: 0 18px;
}
.recruit .recruitThis {
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  height: 230px;
  background: #f6f6f6;
  padding: 20px;
}
.recruit .recruitThis h3 {
  font-style: normal;
  font-weight: normal;
  color: #ffa31f;
  font-size: 16px;
  line-height: 22px;
  background: url(../images/dingw.png) no-repeat left center;
  padding-left: 24px;
  margin-bottom: 20px;
}
.recruit .recruitThis p {
  line-height: 38px;
  width: auto;
}
.recruit .recruitWenClick {
  margin: 0 auto;
  overflow: hidden;
  width: 500px;
  margin-bottom: 74px;
}
.recruit .recruitWenClick a {
  display: block;
  float: left;
  background-color: #ffa31f !important;
  color: #fff;
  text-align: center;
  width: 230px;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
}
.recruit .diaryJiathis {
  margin: 0 auto;
  float: none;
  width: 352px;
}
.recruit .diaryJiathis span.fl {
  font-size: 14px;
  margin-right: 20px;
  color: #000;
}
@media screen and (min-width: 1921px) and (max-width: 10000px) {
  .recruitBanner {
    background-size: 100%!important;
  }
}
.reform {
  overflow: hidden;
  min-width: 1200px;
  background: #010101;
}
.reform div {
  overflow: hidden;
  float: left;
  width: 100%;
  vertical-align: 0;
}
.reform div h1,
.reform div p,
.reform div h2,
.reform div h3 {
  overflow: hidden;
  display: none;
}
.reform .reformCctv2 {
  height: 329px;
  background: url(../images/1_01.jpg) no-repeat center center;
}
.reform .reformBanner {
  height: 556px;
  background: url(../images/1_02.jpg) no-repeat center center;
}
.reform .reformUi {
  height: 558px;
  background: url(../images/1_03.jpg) no-repeat center center;
}
.reform .reformTema {
  height: 342px;
  background: url(../images/1_04.jpg) no-repeat center center;
}
.reform .reformForm {
  position: relative;
  height: 456px;
  background: url(../images/1_05.jpg) no-repeat center center;
}
.reform .reformForm .reformClick {
  border: none;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  background: url(../images/4_4.png) no-repeat center center;
  width: 479px;
  height: 150px;
}
.reform .reformForm p {
  display: block;
  margin: 0 auto;
  width: 472px;
  margin-bottom: 30px;
}
.reform .reformForm p img {
  float: left;
  margin: 11px 23px 0 0;
}
.reform .reformForm p input {
  float: left;
  display: block;
  border: none;
  font-size: 20px;
  font-weight: bold;
  background: url(../images/4_3.png) no-repeat;
  width: 366px;
  height: 59px;
  padding: 0 24px;
  color: #edcf7e;
}
.reform .reformForm p input:-moz-placeholder {
  color: #edcf7e;
  opacity: 1;
}
.reform .reformForm p input::-moz-placeholder {
  color: #edcf7e;
  opacity: 1;
}
.reform .reformForm p input:-ms-input-placeholder {
  color: #edcf7e;
  opacity: 1;
}
.reform .reformForm p input::-webkit-input-placeholder {
  color: #edcf7e;
  opacity: 1;
}
.reform .reformForm i.error {
  position: absolute;
  width: 100%;
  font-size: 14px;
  bottom: 246px;
}
.reform .reform14 {
  height: 680px;
  background: url(../images/1_06.jpg) no-repeat top center, url(../img/reform/1_07.jpg) no-repeat center 340px;
}
.reform .reformList {
  float: left;
  overflow: hidden;
  width: 100%;
}
.reform .reformList li {
  overflow: hidden;
  height: 1004px;
}
.reform .reformList li i {
  position: relative;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  width: 1182px;
  margin-top: 11px;
}
.reform .reformList li i.reformImg0 {
  height: 471px;
}
.reform .reformList li i.reformImg1 {
  height: 477px;
}
.reform .reformList li i img {
  height: 100%;
}
.reform .reformList li i img.reformIco {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
}
.reform .reformList1 {
  background: url(../images/1_08.jpg) no-repeat center center;
}
.reform .reformList2 {
  background: url(../images/1_09.jpg) no-repeat center center;
}
.reform .reformList3 {
  background: url(../images/1_10.jpg) no-repeat center center;
}
.reform .reformList4 {
  background: url(../images/1_11.jpg) no-repeat center center;
}
.reform .reformIkj {
  height: 257px;
  background: url(../images/1_12.jpg) no-repeat center center;
}
.reform .reformStandard {
  height: 554px;
  background: url(../images/1_13.jpg) no-repeat center top, url(../img/reform/1_14.jpg) no-repeat center 304px;
}
.reform .reformIkjFlow {
  height: 831px;
  background: url(../images/1_15.jpg) no-repeat center top, url(../img/reform/1_16.jpg) no-repeat center 243px, url(../img/reform/1_17.jpg) no-repeat center 442px, url(../img/reform/1_18.jpg) no-repeat center 640px;
}
.reform .reformFuture {
  height: 338px;
  background: url(../images/1_19.jpg) no-repeat center center;
}
.contactUs .banner {
  height: 390px;
  background: url("../images/banner.jpg") no-repeat top center;
}
.contactUs .cooperate {
  margin: 0 auto 85px;
  width: 705px;
}
.contactUs h3 {
  margin: 48px 0 38px;
  text-align: center;
  font-size: 42px;
  font-weight: normal;
  line-height: 1;
}
.contactUs h3 span {
  display: inline-block;
  margin: 0 35px;
  width: 70px;
  height: 0;
  border-top: 1px solid #d9d9d9;
  vertical-align: middle;
}
.contactUs .cooperate p {
  margin-bottom: 40px;
  border-left: 5px solid #f08300;
  padding-left: 10px;
  color: #f08300;
  font-size: 28px;
  font-weight: bolder;
  line-height: 1;
}
.contactUs .cooperate .group {
  position: relative;
  margin-bottom: 15px;
}
.contactUs .cooperate .group span {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.contactUs .cooperate .group span i {
  font-style: normal;
}
.contactUs .cooperate label {
  display: inline-block;
  float: left;
  width: 85px;
  padding-right: 15px;
  line-height: 50px;
  text-align: right;
}
.contactUs .cooperate input,
.contactUs .cooperate textarea,
.contactUs .cooperate select {
  padding: 10px;
  width: 620px;
  height: 50px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #d1cfcf;
  background: #fffdfd;
}
.contactUs .cooperate select {
  background: url("../images/select.png") no-repeat 590px center #fffdfd;
}
.contactUs .cooperate textarea {
  height: 100px;
  font-family: "Microsoft YaHei", "微软雅黑";
}
.contactUs .cooperate button {
  margin-top: 20px;
  width: 620px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  background: #ffa31f;
  border: 1px solid #f08300;
  color: #fff;
  font-size: 20px;
}
.contactUs .brandPower {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 35px;
  overflow: hidden;
}
.contactUs .brandPower h4 {
  margin-bottom: 40px;
  text-align: center;
}
.contactUs .brandPower h4 span {
  display: inline-block;
  border-left: 5px solid #f08300;
  padding-left: 10px;
  color: #f08300;
  font-size: 28px;
  line-height: 1;
}
.contactUs .brandPower p {
  font-size: 16px;
  line-height: 30px;
}
.contactUs .brandPower ul {
  margin: 35px -106px 0 0;
  padding-top: 155px;
  background: url("../images/power_icon.png") no-repeat top left;
}
.contactUs .brandPower ul li {
  float: left;
  margin-right: 106px;
  width: 155px;
  text-align: center;
  color: #666;
}
.contactUs .brandPower ul li h5 {
  font-weight: normal;
  font-size: 20px;
  color: #333;
  line-height: 40px;
}
.contactUs .brandPower ul li p {
  line-height: 20px;
}
.contactUs .branchAdd {
  padding: 35px 0 90px;
  background: #f4f1ef;
}
.contactUs .branchAdd h3 {
  margin: 0 0 48px;
}
.contactUs .branchAdd h3 strong {
  margin: 0 20px;
  color: #f08300;
  font-size: 60px;
}
.contactUs .branchAdd .allBranch {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 882px;
  background: url("../images/map.png") no-repeat top center;
}
.contactUs .hotLine {
  margin-left: 10px;
  padding: 20px 0 0 60px;
  background: url("../images/tel.png") no-repeat 0 20px;
  font-size: 20px;
  line-height: 34px;
}
.contactUs .hotLine p {
  margin-bottom: 10px;
}
.contactUs .hotLine img {
  margin-right: 10px;
}
.contactUs .hotLine p a {
  color: #f08300;
}
.allBranch ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 882px;
  z-index: 1;
}
.allBranch ul li {
  position: absolute;
}
.allBranch ul li span {
  color: #333;
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: 600;
}
.allBranch ul li i {
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  background: url("../images/point.png") no-repeat;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -ms-transition: -ms-transform 0.5s;
  transition: transform 0.5s;
}
.allBranch ul li:hover i {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.allBranch ul li.heb {
  top: 123px;
  left: 1022px;
}
.allBranch ul li.heb i {
  top: 28px;
  left: 10px;
}
.allBranch ul li.bj {
  top: 303px;
  left: 885px;
}
.allBranch ul li.bj i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.lf {
  top: 322px;
  left: 939px;
}
.allBranch ul li.lf i {
  top: 12px;
  left: -28px;
}
.allBranch ul li.yc {
  top: 355px;
  left: 665px;
}
.allBranch ul li.yc i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.ty {
  top: 362px;
  left: 810px;
}
.allBranch ul li.ty i {
  top: 22px;
  left: 3px;
}
.allBranch ul li.tj {
  top: 355px;
  left: 938px;
}
.allBranch ul li.tj i {
  top: 0px;
  left: -30px;
}
.allBranch ul li.jn {
  top: 390px;
  left: 918px;
}
.allBranch ul li.jn i {
  top: 20px;
  left: 3px;
}
.allBranch ul li.xa {
  top: 450px;
  left: 755px;
}
.allBranch ul li.xa i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.zz {
  top: 440px;
  left: 838px;
}
.allBranch ul li.zz i {
  top: 28px;
  left: 3px;
}
.allBranch ul li.ha {
  top: 450px;
  left: 950px;
}
.allBranch ul li.ha i {
  top: 16px;
  left: -21px;
}
.allBranch ul li.cd {
  top: 520px;
  left: 695px;
}
.allBranch ul li.cd i {
  top: 32px;
  left: 3px;
}
.allBranch ul li.cq {
  top: 590px;
  left: 755px;
}
.allBranch ul li.cq i {
  top: -34px;
  left: 3px;
}
.allBranch ul li.hf {
  top: 540px;
  left: 858px;
}
.allBranch ul li.hf i {
  top: 10px;
  left: 43px;
}
.allBranch ul li.wh {
  top: 596px;
  left: 875px;
}
.allBranch ul li.wh i {
  top: -32px;
  left: 3px;
}
.allBranch ul li.nj {
  top: 490px;
  left: 948px;
}
.allBranch ul li.nj i {
  top: 20px;
  left: 14px;
}
.allBranch ul li.suz {
  top: 505px;
  left: 994px;
}
.allBranch ul li.suz i {
  top: 18px;
  left: -16px;
}
.allBranch ul li.sh {
  top: 555px;
  left: 1038px;
}
.allBranch ul li.sh i {
  top: -30px;
  left: -20px;
}
.allBranch ul li.hz {
  top: 598px;
  left: 989px;
}
.allBranch ul li.hz i {
  top: -36px;
  left: 3px;
}
.allBranch ul li.gy {
  top: 633px;
  left: 734px;
}
.allBranch ul li.gy i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.cs {
  top: 680px;
  left: 788px;
}
.allBranch ul li.cs i {
  top: -32px;
  left: 10px;
}
.allBranch ul li.nc {
  top: 640px;
  left: 907px;
}
.allBranch ul li.nc i {
  top: -36px;
  left: 3px;
}
.allBranch ul li.km {
  top: 684px;
  left: 636px;
}
.allBranch ul li.km i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.gz {
  top: 700px;
  left: 875px;
}
.allBranch ul li.gz i {
  top: 24px;
  left: 3px;
}
.allBranch ul li.sz {
  top: 778px;
  left: 865px;
}
.allBranch ul li.sz i {
  top: -32px;
  left: 32px;
}
.allBranch .tyg {
  position: absolute;
  z-index: 2;
  padding: 15px 20px 10px 12px;
  width: 576px;
  background: #ffa31f;
  border: 1px solid #f08300;
  color: #fff;
}
.allBranch .tyg h6 {
  font-size: 16px;
  padding-left: 24px;
  background: url("../images/position.png") no-repeat left center;
}
.allBranch .tyg dl {
  padding-top: 5px;
}
.allBranch .tyg dt {
  float: left;
}
.allBranch .tyg dd {
  padding: 0 0 5px 70px;
}
.allBranch .tyg span {
  position: absolute;
  right: 90px;
  bottom: -15px;
  z-index: 3;
  width: 24px;
  height: 16px;
  background: url("../images/triangle.png") no-repeat;
  cursor: default;
}
.webMap {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.webMap .trunk {
  margin-top: 30px;
}
.webMap .trunk h3 {
  border: 1px solid #f08300;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 20px;
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  line-height: 44px;
}
.webMap .trunk .branch {
  margin: 0 0 18px -22.22px;
  overflow: hidden;
}
.webMap .trunk .branch p {
  overflow: hidden;
}
.webMap .trunk .branch a {
  float: left;
  position: relative;
  display: inline-block;
  margin: 18px 0 6px 22.22px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  background: #f2f2f2;
  color: #666;
  text-align: center;
  font-size: 16px;
}
.webMap .trunk .branch a:hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.webMap .trunk .branch a .tag {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background-color: #ffa31f !important;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.webMap .trunk hr {
  border: 1px solid #f08300;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 4px;
  margin-bottom: 32px;
  height: 0;
}
.webMap .wordLst {
  margin: 36px auto 0;
  padding: 28px 0 4px;
  width: 1050px;
  height: 60px;
  text-align: center;
}
.webMap .wordLst a {
  display: inline-block;
  font-size: 18px;
  color: #666;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.webMap .wordLst a:hover,
.webMap .wordLst a:active {
  margin: 0 15px;
  background-color: #ffa31f !important;
  border-radius: 50%;
  color: #fff;
  transform: scale(1.65, 1.65) translateY(-4px);
  -moz-transform: scale(1.65, 1.65) translateY(-4px);
  -webkit-transform: scale(1.65, 1.65) translateY(-4px);
  -ms-transform: scale(1.65, 1.65) translateY(-4px);
  transition: transform 1s, margin-left 1s, margin-right 1s;
  -webkit-transition: -webkit-transform 1s, margin-left 1s, margin-right 1s;
  -moz-transition: -moz-transform 1s, margin-left 1s, margin-right 1s;
  -ms-transition: -ms-transform 1s, margin-left 1s, margin-right 1s;
}
.webMap .trunk .newsList {
  margin: 24px 0 90px -15px;
  height: 256px;
  overflow: hidden;
}
.webMap .trunk .newsList li {
  position: relative;
  float: left;
  width: 390px;
  margin: 0 0 10px 15px;
  padding-left: 20px;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.webMap .trunk .newsList li:before {
  position: absolute;
  top: -17px;
  left: 1px;
  content: ".";
  color: #666;
  font-size: 50px;
}
.webMap .trunk .newsList a {
  color: #666;
}
.webMap .trunk .newsList a:hover {
  color: #ffa31f;
}
.webMap .trunk .Paging {
  margin-bottom: 124px;
}
.worker {
  width: 1200px;
  margin: 0 auto;
  display: table;
  margin-top: 40px;
}
.workerList {
  width: 868px;
  display: table-cell;
}
.workerList .workerSoso {
  position: relative;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  margin: 0 auto;
  height: 60px;
  width: 868px;
  margin-bottom: 36px;
}
.workerList .workerSoso .workerCity,
.workerList .workerSoso input {
  float: left;
  display: block;
  border: none;
  height: 58px;
  line-height: 58px;
}
.workerList .workerSoso .workerCity {
  position: relative;
  text-align: center;
  font-size: 16px;
  color: #999;
  width: 112px;
}
.workerList .workerSoso .workerCity span {
  cursor: pointer;
  background: url(../images/selectbg.png) no-repeat right center;
  padding: 0 15px 0 0;
}
.workerList .workerSoso .workerCity ul {
  position: absolute;
  background-color: #fff !important;
  border: 1px solid #dbdbdb;
  border-top: none;
  display: none;
  width: 114px;
  z-index: 2;
  top: 47px;
  left: -1px;
}
.workerList .workerSoso .workerCity ul li {
  height: 34px;
  line-height: 34px;
}
.workerList .workerSoso .workerCity ul li span {
  background: none;
}
.workerList .workerSoso hr {
  display: block;
  float: left;
  border: none;
  background-color: #dbdbdb !important;
  width: 1px;
  height: 34px;
  margin-top: 13px;
}
.workerList .workerSoso input[type='text'] {
  font-size: 14px;
  width: 636px;
  padding: 0 34px;
}
.workerList .workerSoso input[type='button'] {
  position: absolute;
  font-size: 16px;
  background-color: #ffa31f !important;
  cursor: pointer;
  color: #fff;
  text-align: left;
  width: 118px;
  height: 60px;
  right: -1px;
  top: -1px;
  border-radius: 0 6px 6px 0;
  background: url(../images/search.png) no-repeat 22px center;
  padding-left: 54px;
}
.workerList .workerNoList {
  overflow: hidden;
  width: 100%;
  margin: 0 0 80px;
  padding-top: 90px;
}
.workerList .workerNoList img {
  display: block;
  margin: 0 auto;
  vertical-align: top;
  margin-bottom: 80px;
  width: 300px;
}
.workerList .workerNoList span {
  font-size: 18px;
  text-align: center;
  display: block;
  color: #A7A7AE;
}
.workerList .workerTable {
  width: 100%;
}
.workerList .workerTable th {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  background-color: #f7f7f7 !important;
  height: 60px;
  line-height: 60px;
  border-bottom: 14px solid #fff;
}
.workerList .workerTable th a {
  cursor: pointer;
  background: url(../images/up_no.png) no-repeat right center;
  padding: 0 28px;
}
.workerList .workerTable th a.workerTableUp {
  color: #ffa31f;
  background: url(../images/up.png) no-repeat right center;
}
.workerList .workerTable th .workerScroll {
  position: absolute;
  width: 100%;
  background-color: #f7f7f7 !important;
  height: auto;
  max-height: 480px;
  top: 60px;
  left: 0;
  z-index: 2;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.workerList .workerTable th .workerScroll .div_scroll {
  width: 100%;
  float: left;
  overflow: auto;
  height: auto;
  max-height: 480px;
}
.workerList .workerTable th .workerScroll .scroll_container {
  overflow: hidden;
  position: relative;
}
.workerList .workerTable th .workerScroll .scroll_absolute {
  position: absolute;
  width: 100% !important;
}
.workerList .workerTable th .workerScroll .scroll_vertical_bar {
  position: absolute;
  top: 0;
  right: 4px;
  width: 8px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}
.workerScroll .scroll_drag {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  top: 0;
  left: 0;
  background-color: #999;
}
.workerList .workerTable th ul {
  width: 100% !important;
}
.workerList .workerTable th ul li {
  text-align: center;
  cursor: pointer;
  height: 60px;
  line-height: 60px;
}
.workerList .workerTable th ul li:hover,
.workerList .workerTable th ul li.hover {
  background-color: #dbdbdb !important;
}
.workerList .workerTable td {
  position: relative;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 1px solid #f2f2f2;
  height: 88px;
}
.workerList .workerTable td img {
  width: 18px;
}
.workerList .workerTable td img.workerPhoto {
  position: absolute;
  float: left;
  width: 60px;
  height: 60px;
  left: 0;
  top: 14px;
}
.workerList strong {
  display: block;
  font-style: normal;
  font-weight: normal;
  width: 100%;
  margin: 22px 0 25px;
  color: #020206;
}
.workerList strong span {
  color: #999;
  padding-left: 5px;
}
.workerList .Paging {
  margin-bottom: 28px;
}
.workerOwn {
  display: table-cell;
  padding-left: 32px;
  vertical-align: top;
}
.workerOwn .workerOwnBack {
  background-color: #f7f7f7 !important;
  margin-top: 97px;
  padding: 22px;
}
.workerOwn p {
  font-size: 18px;
  overflow: hidden;
  height: auto;
  margin-bottom: 12px;
  line-height: 22px;
}
.workerOwn p span {
  color: #666;
  display: block;
  float: left;
  width: 90px;
  margin-right: 39px;
}
.workerOwn p i {
  display: block;
  float: left;
  font-style: normal;
  font-weight: normal;
}
.workerOwn p i img {
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.workerOwn p.workerOwnPhoto {
  margin-bottom: 28px;
}
.workerOwn p.workerOwnPhoto img {
  float: left;
  width: 135px;
  height: 189px;
  vertical-align: top;
  margin-right: 18px;
}
.workerOwn p.workerOwnPhoto span {
  margin: 51px 0 22px;
}
.workerOwn p.workerOwnPhoto i {
  width: 103px;
}
.hotArea {
  width: 100%;
  overflow: hidden;
}
.hotArea .hotAreaBanner {
  position: relative;
  width: 100%;
  height: 560px;
  background: url(../images/banner.jpg) no-repeat center center;
}
.hotArea .hotAreaHot {
  width: 100%;
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  height: 90px;
  background: rgba(34, 34, 34, 0.7);
}
.hotArea .hotAreaHot p {
  margin: 0 auto;
  width: 760px;
  padding-top: 29px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hotArea .hotAreaHot p span {
  display: block;
  float: left;
  text-align: center;
  background-color: #ffa31f !important;
  font-weight: bold;
  width: 100px;
  height: 35px;
  line-height: 35px;
  border-radius: 17.5px;
  margin-right: 8px;
}
.hotArea .hotAreaHot p a {
  color: #fff;
  line-height: 35px;
  margin: 0 8px;
}
.hotArea .hotAreaHot p a:hover {
  color: #ffa31f;
  text-decoration: underline;
}
.hotArea .hotAreaAbout {
  padding-top: 57px;
  height: 240px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 50px;
}
.hotArea .hotAreaAbout h2 {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 34px;
}
.hotArea .hotAreaAbout strong {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  color: #555;
  margin-bottom: 34px;
}
.hotArea .hotAreaAbout p {
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 20px;
}
.hotArea .hotAreaAbout p span {
  display: block;
  float: left;
  margin-right: 10px;
}
.hotArea .hotAreaAbout p input,
.hotArea .hotAreaAbout p select {
  display: block;
  float: left;
  border-radius: 6px;
  border: none;
  width: 175px;
  height: 50px;
  background: #e7e7e7;
  padding: 0 15px;
}
.hotArea .hotAreaAbout p select {
  background: url(../images/xl.png) no-repeat 150px center #e7e7e7;
  width: 175px;
}
.hotArea .hotAreaAbout input[type=button] {
  border: none;
  background-color: #ffa31f !important;
  color: #fff;
  display: block;
  border-radius: 6px;
  float: left;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  width: 190px;
  height: 50px;
  margin-left: 13px;
}
.hotArea .hotAreaAbout_2 {
  margin-bottom: 0 !important;
  height: auto;
}
.hotArea .hotAreaAbout_2 h2 {
  color: #ffa31f;
  text-align: left;
  float: left;
  margin-bottom: 18px;
}
.hotArea .hotAreaAbout_2 strong {
  float: left;
  text-align: left;
  width: 820px;
  padding-left: 10px;
  line-height: 42px;
  margin-bottom: 18px;
}
.hotArea .hotAreaAbout_2 .back {
  background: #e9e9e9;
  height: 110px;
  padding-top: 30px;
}
.hotArea .hotAreaAbout_2 p select,
.hotArea .hotAreaAbout_2 p input {
  background-color: #fff;
}
.hotArea .hotAreaRoom {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 70px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList {
  width: 1200px;
  margin: 0 auto;
  height: 1928px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li {
  float: left;
  width: 580px;
  height: 435px;
  margin-right: 40px;
  margin-bottom: 47px;
  border: 1px solid #e9e9e9;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li:nth-child(2n) {
  margin-right: 0 !important;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li:hover {
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.3);
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li i.hotAreaRoomImg {
  position: relative;
  display: block;
  width: 100%;
  height: 342px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li i.hotAreaRoomImg img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li i.hotAreaRoomImg b {
  position: absolute;
  color: #fff;
  top: 0;
  left: 20px;
  z-index: 1;
  background: url(../images/icon_1.png) no-repeat center center;
  width: 100px;
  height: 96px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li i.hotAreaRoomImg b span {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  padding-top: 16px;
  line-height: 18px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li i.hotAreaRoomImg b em {
  display: block;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  vertical-align: 1px;
  line-height: 30px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomText {
  height: 93px;
  padding: 19px 15px 0;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomMing {
  float: left;
  display: block;
  width: 240px;
  margin-right: 12px;
  margin-top: 8px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomMing p {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  line-height: 26px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomMing span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
  margin-top: 2px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomYue {
  float: left;
  color: #ffa31f;
  text-align: right;
  width: 126px;
  padding-right: 10px;
  margin-top: 12px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomYue span {
  display: block;
  line-height: 16px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomYue em {
  font-style: normal;
  font-weight: normal;
  display: block;
  line-height: 24px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomYue em b {
  font-size: 24px;
  vertical-align: -2px;
  margin-right: 4px;
}
.hotArea .hotAreaRoom ul.hotAreaRoomList li .hotAreaRoomBao {
  display: block;
  cursor: pointer;
  float: right;
  background-color: #ffa31f !important;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 6px;
  line-height: 55px;
  width: 170px;
  height: 55px;
}
.hotArea .Paging {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.hotArea .hotAreaXuan {
  width: 1200px;
  margin: 0 auto;
  height: 307px;
  padding: 0 10px;
  margin-bottom: 48px;
}
.hotArea .hotAreaXuan li {
  position: relative;
  float: left;
  border-radius: 50%;
  overflow: hidden;
  width: 307px;
  height: 307px;
  margin-right: 129px;
  z-index: 1;
}
.hotArea .hotAreaXuan li:last-child {
  margin-right: 0 !important;
}
.hotArea .hotAreaXuan li img {
  overflow: hidden;
  vertical-align: top;
}
.hotArea .hotAreaXuan li img.img1 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hotArea .hotAreaXuan li img.img2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.hotArea .hotAreaXuan li:hover img.img1 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.hotArea .hotAreaXuan li:hover img.img2 {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotate(0deg);
  z-index: 1;
}
.hotArea .hotAreaShuo {
  width: 1200px;
  margin: 0 auto;
  height: 210px;
  margin-bottom: 120px;
}
.hotArea .hotAreaShuo h6 {
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 20px;
}
.hotArea .hotAreaShuo .hotAreaShuoBorder {
  position: relative;
  border-radius: 6px;
  height: 161px;
  width: 1199px;
  background: url(../images/border.jpg) no-repeat center center;
  padding: 12px 1px 1px;
}
.hotArea .hotAreaShuo .hotAreaShuoBanner {
  min-width: 1199px;
  height: 148px;
}
.hotArea .hotAreaShuo .hotAreaShuoBanner li {
  font-size: 16px;
  background: url(../images/lb.png) no-repeat center 29px;
  padding: 43px 100px 0;
  line-height: 30px;
  height: 100% !important;
  width: 100% !important;
}
.hotArea .hotAreaShuo .hotAreaShuoBanner li span {
  float: right;
  font-size: 14px;
}
.hotArea .hotAreaJs {
  position: relative;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  height: 413px;
  background: #f3f3f3;
  margin-top: 16px;
}
.hotArea .hotAreaJs .hotAreaJs_img {
  display: block;
  float: left;
  width: 700px;
  height: 413px;
  vertical-align: top;
  margin-right: 30px;
}
.hotArea .hotAreaJs h3 {
  font-size: 28px;
  line-height: 32px;
  margin-top: 50px;
  margin-bottom: 18px;
}
.hotArea .hotAreaJs strong {
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-size: 16px;
  display: block;
  text-align: center;
  background-color: #ffa31f !important;
  float: left;
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  margin-bottom: 8px;
}
.hotArea .hotAreaJs p {
  float: left;
  overflow: hidden;
  width: 422px;
  line-height: 18px;
  margin-bottom: 22px;
  padding-left: 13px;
  max-height: 54px;
}
.hotArea .hotAreaYh_Bm {
  width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  height: 345px;
}
.hotArea .hotAreaYh {
  float: left;
  overflow: hidden;
  width: 700px;
  margin-right: 20px;
  border: 1px solid #e7e7e7;
  height: 100%;
  padding: 22px 30px 0;
}
.hotArea .hotAreaYh .hotAreaTitle {
  margin-bottom: 14px;
  padding: 0;
}
.hotArea .hotAreaYh p {
  font-size: 16px;
  line-height: 36px;
}
.hotArea .hotAreaBm {
  float: right;
  width: 480px;
  height: 345px;
  border: 1px solid #e7e7e7;
}
.hotArea .hotAreaBm h2 {
  font-size: 24px;
  text-align: center;
  background-color: #ffa31f !important;
  color: #fff;
  line-height: 28px;
  height: 76px;
  padding-top: 16px;
  margin-bottom: 20px;
}
.hotArea .hotAreaBm h2 span {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin-top: 6px;
}
.hotArea .hotAreaBm p {
  margin: 0 auto;
  width: 338px;
  margin-bottom: 10px;
  height: 50px;
  line-height: 50px;
}
.hotArea .hotAreaBm p span {
  display: block;
  float: left;
  font-weight: bold;
  width: 38px;
}
.hotArea .hotAreaBm p input,
.hotArea .hotAreaBm p select {
  display: block;
  float: left;
  border-radius: 6px;
  padding: 0 15px;
  height: 50px;
  line-height: 48px;
  border: 1px solid #ccc;
  width: 300px;
}
.hotArea .hotAreaBm p input[type=button] {
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #888888;
  border: none;
  line-height: 50px;
}
.hotArea .hotAreaBm p input[type=button]:hover {
  background-color: #ffa31f !important;
}
.hotArea .hotAreaBm p select {
  background: url(../images/xl.png) no-repeat 279px center;
}
.hotArea .hotAreaTitle {
  display: block;
  font-size: 24px;
  color: #ffa31f;
  padding-left: 10px;
  line-height: 28px;
  margin-bottom: 15px;
}
.hotArea .hotAreaTitle span {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #555;
  padding-left: 10px;
}
.hotArea .hotAreaUl {
  width: 1200px;
  margin: 0 auto;
  padding-top: 56px;
}
.hotArea .hotAreaUl ul {
  display: inline-block;
}
.hotArea .hotAreaUl_Ui li {
  cursor: pointer;
}
.hotArea .hotAreaUl li {
  position: relative;
  float: left;
  background-color: #fff !important;
  border: 1px solid #eaeaea;
  height: 303px;
  width: 383px;
  margin-right: 25px;
}
.hotArea .hotAreaUl li:last-child {
  margin-right: 0 !important;
}
.hotArea .hotAreaUl li:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.hotArea .hotAreaUl li img.hotAreaUlImg {
  display: block;
  width: 100%;
  vertical-align: top;
  height: 224px;
  transition: all 0.1s ease-out;
}
.hotArea .hotAreaUl li p {
  height: 77px;
  padding: 11px 20px 0;
  color: #333;
}
.hotArea .hotAreaUl li p i {
  display: block;
  float: left;
  border-radius: 50%;
  overflow: hidden;
  width: 55px;
  height: 55px;
  margin-right: 15px;
}
.hotArea .hotAreaUl li p i img {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
}
.hotArea .hotAreaUl li p b {
  display: block;
  float: left;
  font-size: 18px;
  width: 270px;
  line-height: 22px;
  margin-top: 7px;
}
.hotArea .hotAreaUl li p span {
  display: block;
  float: left;
  width: 270px;
  line-height: 18px;
  margin-top: 5px;
  color: #555555;
}
.hotArea .hotAreaUl_Jl li div {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.1s ease-out;
}
.hotArea .hotAreaUl_Jl li div i {
  display: block;
  margin: 0 auto;
  width: 84px;
  height: 84px;
}
.hotArea .hotAreaUl_Jl li div i img {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin-top: 30px;
  margin-bottom: 2px;
}
.hotArea .hotAreaUl_Jl li div b {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 17px;
}
.hotArea .hotAreaUl_Jl li div span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 34px;
  line-height: 20px;
}
.hotArea .hotAreaUl_Jl li div span b {
  font-size: 14px;
  display: initial;
  width: auto;
}
.hotArea .hotAreaUl_Jl li:hover img.hotAreaUlImg {
  filter: url(blur.svg#blur);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false);
}
.hotArea .hotAreaUl_Jl li:hover div {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.hotArea .hotAreaHx {
  margin: 0 auto;
  width: 1200px;
  padding-top: 56px;
}
.hotArea .hotAreaHxTab {
  height: 62px;
}
.hotArea .hotAreaHxTab p {
  float: left;
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  background: #e9e9e9;
  width: 398px;
  height: 62px;
  line-height: 62px;
  margin-right: 3px;
}
.hotArea .hotAreaHxTab p:last-child {
  margin-right: 0 !important;
}
.hotArea .hotAreaHxTab p.hover,
.hotArea .hotAreaHxTab p:hover {
  background-color: #ffa31f !important;
  color: #fff;
}
.hotArea .hotAreaHxTab p.hover:before,
.hotArea .hotAreaHxTab p:hover:before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 193px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #ffa31f;
}
.hotArea .hotAreaHxImg {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 30px;
}
.hotArea .hotAreaHxImg img {
  display: block;
  margin: 0 auto;
  width: 1138px;
  height: 430px;
  margin-bottom: 16px;
  vertical-align: top;
}
.hotArea .hotAreaHxImg b {
  display: block;
  margin: 0 auto;
  width: 1138px;
  padding: 0 28px;
  line-height: 18px;
  margin-bottom: 11px;
}
.hotArea .hotAreaHxImg p {
  margin: 0 auto;
  width: 1138px;
  padding: 0 28px;
}
.hotArea .hotAreaHxImg p span {
  margin-right: 10px;
}
.hotArea .hotAreaIaj {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 56px;
  padding-bottom: 52px;
}
.hotArea .hotAreaIaj ul li {
  position: relative;
  float: left;
  text-align: center;
  width: 240px;
}
.hotArea .hotAreaIaj ul li img {
  display: block;
  margin: 0 auto;
  vertical-align: top;
  margin-bottom: 12px;
}
.hotArea .hotAreaIaj ul li h6 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 12px;
}
.hotArea .hotAreaIaj ul li p {
  line-height: 18px;
  color: #555;
}
.hotArea .hotAreaIaj ul li hr {
  position: absolute;
  border: none;
  right: 0;
  top: 16px;
  height: 196px;
  width: 1px;
  border-left: 1px dashed #d3d3d3;
}
.hotArea .hotAreaHz {
  width: 1200px;
  margin: 0 auto;
  height: 235px;
  padding-bottom: 23px;
}
.hotArea .hotAreaHz hr {
  display: block;
  width: 100%;
  border: none;
  background: #e9e9e9;
  height: 2px;
  margin-bottom: 18px;
}
.hotArea .hotAreaHz_banner {
  width: 100%;
  height: 169px;
}
.hotArea .hotAreaHz_banner li i {
  display: block;
  float: left;
  text-align: center;
  width: 14%;
}
.hotArea .hotAreaHz_banner li p {
  float: left;
  color: #555;
  line-height: 20px;
  width: 86%;
  padding-right: 20px;
  padding-top: 3px;
}
.hotArea .hotAreaHz_banner li b {
  display: block;
  float: left;
  width: 8%;
}
.hotArea .hotAreaHz_banner li span {
  display: block;
  float: left;
  width: 92%;
}
.hotArea .hotAreaHz_banner .hotAreaHzA {
  display: block;
  position: absolute;
  top: -66px;
  width: 41px;
  height: 41px;
}
.hotArea .hotAreaHz_banner .hotAreaHzPrev {
  background: url(../images/prev.png) no-repeat center center;
  right: 45px;
}
.hotArea .hotAreaHz_banner .hotAreaHzPrev:hover {
  background: url(../images/prev_1.png) no-repeat center center;
}
.hotArea .hotAreaHz_banner .hotAreaHzNext {
  background: url(../images/next.png) no-repeat center center;
  right: 0px;
}
.hotArea .hotAreaHz_banner .hotAreaHzNext:hover {
  background: url(../images/next_1.png) no-repeat center center;
}
.hotArea .hotAreaPop {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 12;
}
.hotArea .hotAreaPopEsc {
  position: absolute;
  cursor: pointer;
  top: -21px;
  right: -21px;
}
.hotArea .hotAreaPopUi {
  background-color: #fff !important;
  margin: 0 auto;
  position: relative;
  display: none;
  top: 50%;
  width: 840px;
  height: 580px;
  margin-top: -290px;
  padding: 22px;
}
.hotArea .hotAreaPopUi .hotAreaAbout {
  border: none;
  padding: 0;
  height: auto;
}
.hotArea .hotAreaPopUi .hotAreaAbout p {
  width: auto;
  margin-bottom: 0;
}
.hotArea .hotAreaPopUi .hotAreaAbout p span {
  width: auto;
}
.hotArea .hotAreaPopUi .hotAreaAbout p input {
  width: 216px;
}
.hotArea .hotAreaPopUi .hotAreaAbout input[type=button] {
  width: 216px;
  margin-left: 14px;
}
.hotArea .hotAreaPopUi_banner {
  width: 100%;
  height: 468px;
  min-width: 100%;
  margin-bottom: 20px;
}
.hotArea .hotAreaPopUi_banner li {
  position: relative;
  width: 796px;
  height: 468px;
}
.hotArea .hotAreaPopUi_banner li img {
  width: 100%;
  height: 100%;
}
.hotArea .hotAreaPopUi_banner li em {
  position: absolute;
  display: block;
  background-color: #ffa31f !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  text-align: center;
  top: 20px;
  left: 20px;
  width: 180px;
  height: 50px;
  line-height: 50px;
}
.hotArea .hotAreaPopUi_banner li p {
  position: absolute;
  width: 100%;
  overflow: hidden;
  color: #fff;
  height: 70px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.78);
  padding: 13px 15px;
  line-height: 22px;
}
.hotArea .hotAreaPopUi_banner li p b {
  display: block;
  float: left;
  font-style: normal;
  font-weight: normal;
  width: 76px;
}
.hotArea .hotAreaPopUi_banner li p span {
  display: block;
  float: left;
  width: 686px;
}
.hotArea .hotAreaPopUi_banner .hotAreaPopUiA {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  z-index: 200;
}
.hotArea .hotAreaPopUi_banner .hotAreaPopUiPrev {
  left: 0;
  cursor: url(../img/hot_area/cul.png), auto !important;
}
.hotArea .hotAreaPopUi_banner .hotAreaPopUiNext {
  right: 0;
  cursor: url(../img/hot_area/cur.png), auto !important;
}
.hotArea .hotAreaPopAbout {
  position: relative;
  margin: 0 auto;
  background-color: #fff !important;
  border-radius: 6px;
  display: none;
  top: 50%;
  width: 550px;
  height: 460px;
  margin-top: -207.5px;
}
.hotArea .hotAreaPopAbout .hotAreaPopEsc {
  top: -17px;
  right: -17px;
}
.hotArea .hotAreaPopAbout h2 {
  font-size: 28px;
  text-align: center;
  color: #fff;
  background-color: #ffa31f !important;
  font-style: normal;
  font-weight: normal;
  height: 90px;
  line-height: 32px;
  padding-top: 24px;
  border-radius: 6px 6px 0 0;
}
.hotArea .hotAreaPopAbout h2 span {
  display: block;
  font-size: 14px;
  margin-top: 3px;
  line-height: 18px;
}
.hotArea .hotAreaPopAbout strong {
  font-style: normal;
  font-weight: normal;
  display: block;
  text-align: center;
  font-size: 16px;
  height: 55px;
  padding-top: 15px;
}
.hotArea .hotAreaPopAbout strong em {
  color: #ffa31f;
  font-style: normal;
  font-weight: normal;
  font-weight: bold;
  font-size: 20px;
  vertical-align: 0px;
}
.hotArea .hotAreaPopAbout p {
  margin: 0 auto;
  width: 385px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
}
.hotArea .hotAreaPopAbout p span {
  display: block;
  float: left;
  text-align: right;
  width: 75px;
  padding-right: 18px;
}
.hotArea .hotAreaPopAbout p input,
.hotArea .hotAreaPopAbout p select {
  border: none;
  display: block;
  float: left;
  border-radius: 6px;
  background: #e7e7e7;
  width: 310px;
  height: 50px;
  padding: 0 25px;
}
.hotArea .hotAreaPopAbout p input[type=button] {
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.hotArea .hotAreaPopAbout p select {
  background: url(../images/xl.png) no-repeat 283px center #e7e7e7;
}
.hotArea .hotAreaRight {
  position: fixed;
  right: 40px;
  top: 40%;
  width: 71px;
}
.hotArea .hotAreaRight a {
  cursor: pointer;
  display: block;
  margin-bottom: 2px;
}
.hotArea .hotAreaRight a.hotAreaRightAbout {
  overflow: hidden;
  height: 237px;
  background: url(../images/r2.png) no-repeat center center;
}
.hotArea .hotAreaRight a.hotAreaRightAbout img {
  display: block;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}
.hotArea .hotAreaRight a img {
  vertical-align: top;
}
@media screen and (min-width: 1921px) and (max-width: 10000px) {
  .hotAreaBanner {
    background-size: 100%!important;
  }
}
.feedback {
  width: 1200px;
  margin: 0 auto;
}
.feedback .hd {
  padding-top: 40px;
  line-height: 36px;
}
.feedback .hd h2 {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  font-weight: normal;
}
.feedback .hd h2,
.feedback .hd p {
  padding-left: 12px;
}
.feedbackForm {
  padding: 30px 12px 85px;
}
.feedbackForm p {
  margin-bottom: 10px;
}
.feedbackForm p label {
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 15px;
  line-height: 50px;
}
.feedbackForm p select,
.feedbackForm p input,
.feedbackForm p textarea {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 10px 8px;
  line-height: 30px;
  vertical-align: top;
  font-family: "Microsoft YaHei", "微软雅黑";
}
.feedbackForm p select,
.feedbackForm p input {
  height: 50px;
  width: 255px;
}
.feedbackForm p select {
  height: 50px;
  width: 255px;
  background: url("../images/jsq_icon.png") no-repeat 230px center;
}
.feedbackForm p textarea {
  width: 770px;
  height: 200px;
}
.feedbackForm p i {
  margin-left: 6px;
  font-style: normal;
  font-size: 12px;
  color: #ffa31f;
  line-height: 55px;
}
.feedbackForm p .yzm {
  margin-left: 10px;
  width: 160px;
  height: 50px;
}
.feedbackForm p button {
  border: 0;
  width: 258px;
  height: 55px;
  border-radius: 3px;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
}
.feedbackPop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #020207 !important;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 99;
}
.feedbackPopBox {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin: -100px 0 0 -305px;
  min-width: 610px;
}
.feedbackPopBox .title {
  background-color: #ffa31f !important;
  font-size: 28px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  text-align: center;
  line-height: 80px;
}
.feedbackPopBox .close {
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 41px;
  height: 41px;
  background: url("../images/close.png") no-repeat 0 0;
  text-indent: -99999px;
}
.feedbackPopBox .con {
  background-color: #fff !important;
  border-radius: 0 0 5px 5px;
  min-height: 100px;
  padding: 35px;
  line-height: 28px;
  text-align: center;
}
.afterMarket {
  background: url("../images/sh_service.jpg") no-repeat center 80px #f1f1f2;
}
.afterMarket .afterMarketCon {
  width: 1200px;
  margin: 0 auto;
}
.afterMarket .hd {
  position: relative;
}
.afterMarket .hd h2 {
  margin-bottom: 15px;
  line-height: 1;
  font-size: 18px;
  font-weight: normal;
}
.afterMarket .hd p {
  padding: 6px 0 50px;
  font-size: 16px;
  line-height: 24px;
  color: #646464;
}
.afterMarket .hd a {
  position: absolute;
  top: 40px;
  right: 46px;
  display: block;
  width: 160px;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  background: #ffa31f;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.afterMarket .backTop {
  display: none;
  position: fixed;
  bottom: 378px;
}
.afterMarketCon {
  min-height: 800px;
  padding-top: 390px;
  overflow: hidden;
}
.afterMarketCon .tab {
  padding: 40px 0 0 40px;
  width: 100%;
  height: 100px;
  text-align: center;
}
.afterMarketCon .tab li {
  float: left;
  margin-right: 70px;
  width: 150px;
  height: 60px;
  line-height: 57px;
  color: #555;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}
.afterMarketCon .tab li span {
  display: inline-block;
  border-bottom: 3px solid transparent;
}
.afterMarketCon .tab li.active {
  color: #ffa31f;
}
.afterMarketCon .tab li.active span {
  border-bottom-color: #ffa31f;
}
.afterMarketCon .table {
  margin-bottom: 80px;
  padding: 40px;
  background: #fff;
}
.afterMarketCon .serviceOrder {
  padding: 30px;
}
.afterMarketCon .order {
  float: right;
  width: 410px;
}
.afterMarketCon .order h2 {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
  line-height: 70px;
  text-align: center;
}
.afterMarketCon .order input {
  margin-bottom: 10px;
  padding: 10px 30px;
  width: 410px;
  height: 50px;
  line-height: 30px;
  background: #f4f4f4;
}
.afterMarketCon .order button {
  width: 410px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background: #ffa31f;
}
.afterMarketCon .order .tips {
  padding-top: 15px;
  text-align: center;
  color: #888;
}
.afterMarketCon table {
  margin-bottom: 50px;
  border-collapse: collapse;
  text-align: center;
  background: #fff;
}
.afterMarketCon table,
.afterMarketCon table td {
  border: 1px solid #dbdbdb;
}
.afterMarketCon table caption {
  border: 1px solid #dbdbdb;
  border-bottom: 0;
  height: 58px;
  line-height: 58px;
  font-size: 24px;
  font-weight: bolder;
  color: #ffa31f;
}
.afterMarketCon table td {
  height: 100px;
}
.afterMarketCon table thead td {
  padding: 0;
  color: #333;
  background: #f5f5f6;
  height: 50px;
}
.afterMarketCon table,
.afterMarketCon table thead td {
  border-top-width: 0;
  border-bottom-width: 0;
}
.afterMarketCon table tbody tr:first-child td {
  border-top-width: 0;
}
.afterMarketCon table ol,
.afterMarketCon table p {
  padding: 0 20px 0 30px;
  text-align: left;
}
.afterMarketCon table ol {
  padding: 0 20px 0 45px;
}
.afterMarketCon table ol li {
  list-style: decimal outside;
}
.afterMarketCon table .even td {
  background: #fcfcfc;
}
.afterMarketCon table td img {
  margin: 0 25px;
}
/*甄选套餐2018*/
.iconPg {
  display: inline-block;
  background: url("../images/house_icon.png") no-repeat;
}
.iconPgDown {
  width: 48px;
  height: 23px;
  background-position: -100px -100px;
}
.iconPgCC {
  width: 27px;
  height: 25px;
  background-position: 0 -600px;
  margin-right: 5px;
  vertical-align: middle;
}
.iconPgPrev {
  background-position: 0 -700px;
}
.iconPgNext {
  background-position: -100px -700px;
}
.iconPgMoney {
  width: 31px;
  height: 31px;
  background-position: 0 -800px;
}
.iconPgConsult {
  width: 31px;
  height: 31px;
  background-position: -200px -800px;
}
.iconPgBrand {
  width: 28px;
  height: 29px;
  background-position: -100px -800px;
}
.iconPgArrow {
  width: 15px;
  height: 14px;
  background-position: -300px -800px;
}
.iconPgXsp {
  width: 70px;
  height: 70px;
  background-position: -200px 0;
}
.iconPgXyj {
  width: 80px;
  height: 80px;
  background-position: -200px -100px;
}
.iconPgMt {
  width: 70px;
  height: 70px;
  background-position: -200px -200px;
}
.iconPgFs {
  width: 80px;
  height: 80px;
  background-position: -200px -300px;
}
.iconPgPfk {
  width: 65px;
  height: 65px;
  background-position: -200px -400px;
}
.iconPgLyj {
  width: 65px;
  height: 65px;
  background-position: -200px -500px;
}
.iconClose {
  width: 32px;
  height: 32px;
  background-position: -300px 0;
}
.iconClose:hover {
  background-position: -300px -100px;
}
.packageBanner {
  position: relative;
  /* padding-top: 160px; */
  height: 600px;
  text-align: center;
  background-size: auto 100%;
  overflow: hidden;
}
.packageBanner .pkBanner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
  background: url("../images/7.19.jpg") no-repeat center center;
  transition: all 5s linear;
}
.packageBannerBj {
  background: url(../images/7.19.jpg) center no-repeat;
}
.packageBanner.active .pkBanner {
  transform: scale(1.1);
}
.packageBanner .text {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin-top: 20px;
  transition: all 0.8s;
}
.packageBanner .text.active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin-top: 0;
}
.packageBanner p {
  margin-top: 25px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 300;
}
.packageBanner p strong {
  margin: 0 10px;
  font-weight: lighter;
}
.packageBanner .price {
  margin-top: -15px;
  font-size: 24px;
}
.packageBanner .price span {
  display: inline-block;
  margin-right: 5px;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  background: #feb300;
  color: #fff;
  font-size: 26px;
  line-height: 42px;
  font-weight: bold;
  vertical-align: text-bottom;
}
.packageBanner .price i {
  font: normal 110px SOLOMON-LIGHT;
}
.packageSix {
  border-bottom: 1px solid #e9e9e9;
}
.packageSix ul {
  width: 1200px;
  margin: 0 auto;
  padding: 5px 0 80px;
  color: #111;
  overflow: hidden;
}
.packageSix ul li {
  float: left;
  margin: 55px 0 0 ;
  width: 400px;
  height: 78px;
  border-right: 1px dashed #efe0d7;
}
.packageSix ul .two,
.packageSix ul .five {
  padding-left: 70px;
}
.packageSix ul .three,
.packageSix ul .six {
  padding-left: 70px;
  border-right: 0;
}
.packageSix ul i {
  float: left;
  margin: 0 20px;
  width: 78px;
  height: 78px;
}
.packageSix ul .one i {
  background-position: 0 0;
}
.packageSix ul .two i {
  background-position: 0 -100px;
}
.packageSix ul .three i {
  background-position: 0 -200px;
}
.packageSix ul .four i {
  background-position: 0 -300px;
}
.packageSix ul .five i {
  background-position: 0 -400px;
}
.packageSix ul .six i {
  background-position: 0 -500px;
}
.packageSix ul h3 {
  margin-top: 20px;
  color: #fea700;
  font-size: 20px;
}
.packageSecTit {
  padding: 85px 0 40px;
  font-size: 16px;
  color: #888;
  text-align: center;
}
.packageSecTit h3 {
  font-size: 36px;
  color: #222;
}
.topDesigner {
  width: 1200px;
  margin: 0 auto;
  padding-top: 75px;
  height: 427px;
  font-size: 16px;
}
.topDesigner img {
  float: left;
  margin: -75px 35px 0 0;
}
.topDesigner h4 {
  padding-bottom: 40px;
  font-size: 30px;
  font-weight: lighter;
  color: #ffa200;
}
.topDesigner hr {
  margin-bottom: 20px;
  width: 50px;
  height: 5px;
  background: #ffa200;
  border: 0;
}
.topDesigner p {
  color: #333;
  line-height: 34px;
  font-size: 18px;
  word-break: break-all;
}
.designCase {
  width: 1200px;
  margin: 0 auto;
  height: 712px;
  background: #fff;
}
.designBigPic {
  overflow: hidden;
}
.designBigPic .bigPic {
  height: 554px;
  overflow: hidden;
}
.designBigPic .bigPic li {
  float: left;
  color: #222;
  padding: 28px;
  width: 1200px;
  background: #f3f3f3;
  font-size: 18px;
}
.designBigPic .bigPic li .pic {
  float: left;
  margin-right: 60px;
}
.designBigPic .bigPic li h3 {
  font-size: 34px;
  font-weight: normal;
}
.designBigPic .bigPic li h3 span {
  display: block;
  font-size: 16px;
  color: #d7d7d7;
}
.designBigPic .bigPic li hr {
  margin: 29px 0 23px;
  width: 42px;
  height: 3px;
  background: #d9d9d9;
}
.designBigPic .bigPic li p {
  margin-bottom: 35px;
  line-height: 26px;
  font-weight: bold;
}
.designBigPic .bigPic li dd {
  margin: 5px 0 32px;
  line-height: 26px;
}
.designBigPic .smallPic {
  position: relative;
  padding: 18px 110px 18px 130px;
  height: 126px;
  background: #222222;
}
.designBigPic .smallPic ul {
  height: 89px;
}
.designBigPic .smallPic li {
  position: relative;
  margin-right: 20px;
  width: 140px;
  height: 85px;
}
.designBigPic .smallPic li img {
  border: 2px solid #eee;
}
.designBigPic .smallPic li span {
  display: block;
  width: 140px;
  height: 85px;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.designBigPic .smallPic li p {
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
  height: 85px;
  width: 140px;
  line-height: 85px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.designBigPic .smallPic li.on p {
  color: #fcbc2e;
}
.designBigPic .smallPic li.on img {
  border-color: #fcbc2e;
}
.smallPic .designPrev,
.smallPic .designNext {
  position: absolute;
  top: 42px;
  z-index: 1;
  cursor: pointer;
}
.smallPic .designPrev {
  left: 42px;
}
.smallPic .designNext {
  right: 42px;
}
.packageSpace {
  position: relative;
  text-align: center;
}
.packageSpace .anchor {
  position: absolute;
  left: 0;
  top: -50px;
}
.packageSpace .spaceBox {
  position: relative;
  margin: 0 auto;
  padding-top: 72px;
  width: 100%;
  max-width: 1920px;
  height: 686px;
  overflow: hidden;
}
.packageSpace .spaceBox .spaceThumb {
  position: absolute;
  left: 50%;
  top: 4px;
  z-index: 1;
  margin-left: -600px;
  width: 1200px;
  height: 72px;
}
.packageSpace .spaceBox .spaceThumb li {
  float: left;
  width: 240px;
  height: 72px;
  border-bottom: 4px solid transparent;
  font-size: 22px;
  text-align: center;
  transition: all 0.5s;
}
.packageSpace .spaceBox .spaceThumb li.activeSlide {
  padding-top: 5px;
  border-bottom-color: #ffa320;
  /*color: #feb300;*/
  color:#ffa320;
}
.packageSpace .spaceBox .spaceThumb li span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
}
.packageSpace .spaceBox ol {
  width: 100%;
  height: 614px;
  border-top: 4px solid #333;
}
.packageSpace .spaceBox ol li {
  width: 100%;
  height: 610px;
}
.packageSpace .spaceBox .space {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  opacity: 0;
  padding-top: 220px;
  text-align: left;
}
.packageSpace .spaceBox .inner {
  position: relative;
  z-index: 1;
  padding: 22px 25px 0 30px;
  width: 400px;
  height: 170px;
}
.packageSpace .spaceBox .maskBg {
  position: absolute;
  top: 220px;
  left: 0;
  z-index: 0;
  width: 400px;
  height: 170px;
  background: #feb300;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.packageSpace .spaceBox .inner h4 {
  font-weight: normal;
  font-size: 48px;
}
.packageSpace .spaceBox .inner span {
  font-weight: bold;
}
.packageSpace .spaceBox .inner p {
  font-size: 18px;
}
.packageSpace .spaceBox .btMaskBg {
  position: absolute;
  bottom: -110px;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 1;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.packageSpace .spaceBox .configure {
  position: absolute;
  display: block !important;
  bottom: -110px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 150px;
  color: #fff;
}
.packageSpace .spaceBox .detailBox {
  margin: 0 auto;
  width: 1200px;
  height: 120px;
  overflow: hidden;
  text-align: left;
}
.packageSpace .spaceBox .detailBox span {
  float: left;
  display: block;
  padding-right: 30px;
  margin-top: 38px;
  font-size: 24px;
  color: #fab81e;
  font-weight: bold;
  background: url("../images/icon_r_arrow.png") no-repeat right center;
}
.packageSpace .spaceBox .detail {
  float: left;
  display: table;
  margin-left: 30px;
  width: 1067px;
  height: 120px;
}
.packageSpace .spaceBox .detailInner {
  /*display: table-cell;*/
    vertical-align: middle;
    padding-top: 40px;
   /* border-bottom: 1px solid;*/
    padding-bottom: 10px;
}
.packageSpace .spaceBox .detailInnerzs {
   padding-top: 10px;
}
.packageSpace .spaceBox p em{
  font-size:16px;
  color: #fab81e;

}
.packageSpace .spaceBox .detail p {
  display: inline-block;
  margin-right: 6px;
  white-space: nowrap;
  line-height: 22px;
}
.packageSpace .spaceBox .thumb,
.packageSpace .spaceBox .prevView,
.packageSpace .spaceBox .nextView {
  display: block;
  position: absolute;
  top: 76px;
  width: 100%;
  height: 610px;
  z-index: 10;
}
.packageSpace .spaceBox .prevView,
.packageSpace .spaceBox .nextView {
  background-position: right center;
}
.packageSpace .spaceBox .thumb span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 610px;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.packageSpace .spaceBox .spacePrev,
.packageSpace .spaceBox .prevView {
  left: -100%;
  margin-left: 320px;
}
.packageSpace .spaceBox .spaceNext,
.packageSpace .spaceBox .nextView {
  right: -100%;
  margin-right: 320px;
}
.packageSpace .spaceBox .thumb i {
  position: relative;
  z-index: 11;
  display: block;
  margin-top: 257px;
  width: 51px;
  height: 95px;
}
.packageSpace .spaceBox .iconPgPrev {
  float: right;
  margin-right: 135px;
  background: url("../images/arrow_left.png") no-repeat;
}
.packageSpace .spaceBox .iconPgNext {
  margin-left: 135px;
  background: url("../images/arrow_right.png") no-repeat;
}
@media screen and (max-width: 1920px) {
  .packageSpace .spaceBox .prevView,
  .packageSpace .spaceBox .spacePrev,
  .packageSpace .spaceBox .prevView {
    margin-left: 200px;
  }
  .packageSpace .spaceBox .nextView,
  .packageSpace .spaceBox .spaceNext,
  .packageSpace .spaceBox .nextView {
    margin-right: 200px;
  }
  .packageSpace .spaceBox .iconPgNext {
    margin-left: 75px;
  }
  .packageSpace .spaceBox .iconPgPrev {
    margin-right: 75px;
  }
}
@media screen and (max-width: 1600px) {
  .packageSpace .spaceBox .prevView,
  .packageSpace .spaceBox .spacePrev,
  .packageSpace .spaceBox .prevView {
    margin-left: 140px;
  }
  .packageSpace .spaceBox .nextView,
  .packageSpace .spaceBox .spaceNext,
  .packageSpace .spaceBox .nextView {
    margin-right: 140px;
  }
  .packageSpace .spaceBox .iconPgNext {
    margin-left: 45px;
  }
  .packageSpace .spaceBox .iconPgPrev {
    margin-right: 45px;
  }
}
@media screen and (max-width: 1440px) {
  .packageSpace .spaceBox .prevView,
  .packageSpace .spaceBox .nextView {
    display: none;
  }
  .packageSpace .spaceBox .thumb span {
    display: none;
  }
}
.packageMaterials {
  position: relative;
}
.packageMaterials .anchor {
  position: absolute;
  left: 0;
  top: -50px;
}
.materialsLogo {
  position: relative;
  padding-bottom: 70px;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.materialsLogo li {
  float: left;
  margin-bottom: 10px;
  width: 300px;
  height: 76px;
  line-height: 76px;
  text-align: center;
}
.materialsLogo li img {
  max-height: 76px;
}
.materialsLogo li.middle {
  width: 330px;
}
.materialsLogo .alignLt {
  width: 270px;
  text-align: left;
}
.materialsLogo .alignRt {
  width: 270px;
  text-align: right;
}
.materialsLogo .pdr20 {
  padding-right: 20px;
}
.materialsLogo span {
  position: absolute;
  left: 50%;
  top: 180px;
  margin-left: -24px;
  -webkit-animation: moveTop 0.5s linear infinite alternate;
  -moz-animation: moveTop 0.5s linear infinite alternate;
  -ms-animation: moveTop 0.5s linear infinite alternate;
  animation: moveTop 0.5s linear infinite alternate;
}
.packageMt {
  height: 1000px;
  background: url("../images/o1cn01efg3kb1yglybb8ted_!!666763088.jpg") no-repeat center center;
}
.packageKbDoor {
  height: 1000px;
  background: url("../images/o1cn0159mopc1yglyh7ygog_!!666763088.jpg") no-repeat center center;
}
.packageMkbl {
  height: 1120px;
  background: url("../images/o1cn01yh3kn01yglyivivux_!!666763088.jpg") no-repeat center center;
}
.packageKeBao {
  height: 1120px;
  background: url("../images/o1cn01wxgry81yglykx9quj_!!666763088.jpg") no-repeat center center;
}
.packageMoen {
  height: 1000px;
  background: url("../images/o1cn01pvww2f1yglyjdagq6_!!666763088.jpg") no-repeat center center;
}
.packageLevis {
  height: 1000px;
  background: url("../images/o1cn01zlfbth1yglyjkcska_!!666763088.jpg") no-repeat center center;
}
.packageNature {
  height: 1000px;
  background: url("../images/o1cn012nr0u51yglyhtdnd9_!!666763088.jpg") no-repeat center center;
}
.packageRobam {
  height: 975px;
  background: url("../images/o1cn01s5nfnl1yglyi5rdvs_!!666763088.jpg") no-repeat center center;
}
.packageKohler {
  height: 1000px;
  background: url("../images/o1cn01hjclru1yglyiv9eio_!!666763088.jpg") no-repeat center center;
}
.packageBrand {
  margin: 0 auto;
  width: 1200px;
  font-family: "PingFangSC-Medium", "苹方 中等";
  color: #111;
}
.packageBrand .brandTtile {
  margin-bottom: 40px;
}
.packageBrand p {
  font-size: 18px;
  line-height: 30px;
}
.peculiarity {
  padding-top: 90px;
}
.peculiarity span {
  display: inline-block;
  margin-right: 15px;
  height: 48px;
  min-width: 150px;
  border-radius: 3px;
  padding: 0 15px;
  border: 1px solid #111;
  font: normal 16px/48px "PingFangSC-Blod", "苹方 粗体";
  white-space: nowrap;
  text-align: center;
}
.packageMt .packageBrand,
.packageKbDoor .packageBrand {
  padding: 310px 0 0 600px;
}
.packageMkbl .packageBrand {
  padding: 180px 0 0 10px;
  color: #fff;
}
.packageKeBao .packageBrand {
  padding-top: 205px;
  text-align: center;
  color: #fff;
}
.packageMoen .packageBrand {
  padding: 255px 0 0 540px;
}
.packageLevis .packageBrand {
  padding-top: 270px;
  color: #fff;
}
.packageNature .packageBrand {
  padding-top: 230px;
  text-align: center;
}
.packageRobam .packageBrand {
  padding-top: 385px;
  text-align: center;
}
.packageKohler .packageBrand {
  padding: 245px 0 0 705px;
}
.packageNature .packageBrand h4,
.packageNature .packageBrand h5 {
  color: #553c33;
}
.packageKohler .packageBrand h4,
.packageKohler .packageBrand h5 {
  color: #563021;
}
.packageMkbl .peculiarity,
.packageNature .peculiarity,
.packageRobam .peculiarity {
  padding-top: 55px;
}
.packageMt .peculiarity span,
.packageKbDoor .peculiarity span,
.packageRobam .peculiarity span {
  border-color: #ff7200;
  color: #ff7200;
}
.packageMkbl .peculiarity span,
.packageKeBao .peculiarity span {
  border-color: #ff9600;
  color: #ff9600;
}
.packageKohler .peculiarity,
.packageMoen .peculiarity {
  padding-top: 70px;
}
.packageTK {
  height: 1805px;
  background: url(../images/o1cn01eqdddj1yglyivl0qs_!!666763088.jpg) no-repeat center bottom;
}
.packageTK .toilet,
.packageTK .kitchen {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}
.packageTK .toilet {
  padding-top: 708px;
  height: 815px;
}
.packageTK .toilet li {
  position: absolute;
  font-size: 16px;
  color: #333;
  margin-top: 10px;
  text-align: center;
  transition: all 0.5s;
}
.packageTK .toilet li i {
  transform: scale(1);
  transition: all 0.5s ease-in;
}
.packageTK .toilet li:hover {
  margin-top: -5px;
}
.packageTK .toilet li:hover i {
  transform: scale(1.1);
}
.packageTK .toilet .one {
  left: 140px;
  top: 220px;
}
.packageTK .toilet .two {
  left: 24px;
  top: 350px;
}
.packageTK .toilet .three {
  left: 120px;
  top: 514px;
}
.packageTK .toilet .four {
  left: 1014px;
  top: 202px;
}
.packageTK .toilet .five {
  left: 1060px;
  top: 348px;
}
.packageTK .toilet .six {
  left: 978px;
  top: 494px;
}
.packageTK .toilet .stink {
  position: relative;
  height: 80px;
}
.packageTK .toilet .stink .one {
  position: absolute;
  top: 20px;
  left: 245px;
  z-index: 1;
}
.packageTK .toilet .stink .two {
  position: absolute;
  top: 10px;
  left: 200px;
  z-index: 0;
}
.packageTK .toilet .stink .three {
  position: absolute;
  top: 0;
  left: 0;
}
.packageTK .toilet .stink .three {
  position: absolute;
  top: 5px;
  left: 115px;
}
.packageTK .toilet .stink.active img {
  -webkit-animation: moveTop 0.5s linear;
  -ms-animation: moveTop 0.5s linear;
  -moz-animation: moveTop 0.5s linear;
  animation: moveTop 0.5s linear;
}
.packageTK .toilet .stink.active .one {
  -webkit-animation: flicker1 1s 1s linear infinite alternate, scale9 1s 0.5s linear infinite alternate;
  -ms-animation: flicker1 1s 0.5s linear infinite alternate, scale9 1s 0.5s linear infinite alternate;
  -moz-animation: flicker1 1s 0.5s linear infinite alternate, scale9 1s 0.5s linear infinite alternate;
  animation: flicker1 1s 0.5s linear infinite alternate, scale9 1s 0.5s linear infinite alternate;
}
.packageTK .toilet .stink.active .two {
  -webkit-animation: flicker1 1s 1s linear infinite alternate, scale9 1s 1s linear infinite alternate;
  -ms-animation: flicker1 1s 1s linear infinite alternate, scale9 1s 1s linear infinite alternate;
  -moz-animation: flicker1 1s 1s linear infinite alternate, scale9 1s 1s linear infinite alternate;
  animation: flicker1 1s 1s linear infinite alternate, scale9 1s 1s linear infinite alternate;
}
.packageTK .toilet .stink.active .three {
  -webkit-animation: flicker1 1s 1.5s linear infinite alternate, scale9 1s 1.5s linear infinite alternate;
  -ms-animation: flicker1 1s 1.5s linear infinite alternate, scale9 1s 1.5s linear infinite alternate;
  -moz-animation: flicker1 1s 1.5s linear infinite alternate, scale9 1s 1.5s linear infinite alternate;
  animation: flicker1 1s 1.5s linear infinite alternate, scale9 1s 1.5s linear infinite alternate;
}
.packageTK .toilet .airflow {
  position: absolute;
  top: 704px;
  left: 0;
  z-index: 5;
  width: 1200px;
}
.packageTK .toilet .airflow .left {
  position: absolute;
  top: 26px;
  left: 393px;
}
.packageTK .toilet .airflow .left2 {
  position: absolute;
  top: 5px;
  left: 324px;
}
.packageTK .toilet .airflow .left3 {
  position: absolute;
  top: 24px;
  left: 265px;
}
.packageTK .toilet .airflow .right {
  position: absolute;
  top: 26px;
  left: 672px;
}
.packageTK .toilet .airflow .right2 {
  position: absolute;
  top: 5px;
  left: 720px;
}
.packageTK .toilet .airflow .right3 {
  position: absolute;
  top: 24px;
  left: 775px;
}
.packageTK .toilet .airflow img {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  margin-top: 10px;
}
.packageTK .toilet .airflow .left {
  animation: airflowL1 1s linear infinite;
}
.packageTK .toilet .airflow .left2 {
  animation: airflowL2 1s linear  infinite;
}
.packageTK .toilet .airflow .left3 {
  animation: airflowL3 1s linear infinite;
}
.packageTK .toilet .airflow .right {
  animation: airflowR1 1s linear infinite;
}
.packageTK .toilet .airflow .right2 {
  animation: airflowR2 1s linear  infinite;
}
.packageTK .toilet .airflow .right3 {
  animation: airflowR3 1s linear infinite;
}
@keyframes airflowL1 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: 0;
    transform: rotate(0);
  }
  75% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-top: -10px;
    transform: rotate(-10deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: -10px;
    transform: rotate(-10deg);
  }
}
@keyframes airflowL2 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0 0 0 10px;
    transform: rotate(0);
  }
  50% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin: -3px 0 0 0;
    transform: rotate(-10deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: -3px 0 0 0;
    transform: rotate(-10deg);
  }
}
@keyframes airflowL3 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: -10px 0 0 15px;
    transform: rotate(-15deg);
  }
  75% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin: 3px 0 0 10px;
    transform: rotate(-15deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 3px 0 0 10px;
    transform: rotate(-15deg);
  }
}
@keyframes airflowR1 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: 0;
    transform: rotate(0);
  }
  75% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin-top: -10px;
    transform: rotate(10deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin-top: -10px;
    transform: rotate(10deg);
  }
}
@keyframes airflowR2 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0 10px 0 0;
    transform: rotate(0);
  }
  50% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin: -3px 0 0 0;
    transform: rotate(10deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: -3px 0 0 0;
    transform: rotate(10deg);
  }
}
@keyframes airflowR3 {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: -10px 15px 0 0;
    transform: rotate(15deg);
  }
  75% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    margin: 3px 10px 0 0;
    transform: rotate(15deg);
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 3px 10px 0 0;
    transform: rotate(15deg);
  }
}
.packageTK .kitchen {
  position: relative;
  height: 670px;
}
.packageTK .kitchen li {
  position: absolute;
  color: #111;
}
.packageTK .kitchen li img {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
}
.packageTK .kitchen.active li img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.packageTK .kitchen .text {
  position: absolute;
  z-index: 1;
  margin-top: 20px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.packageTK .kitchen .text h4 {
  font-size: 19px;
}
.packageTK .kitchen .text span {
  display: block;
  font-size: 44px;
}
.packageTK .kitchen .text p {
  font-weight: lighter;
}
.packageTK .kitchen li.one {
  top: 263px;
  left: 35px;
  width: 257px;
  height: 180px;
}
.packageTK .kitchen li.one .text {
  top: 75px;
  left: 40px;
}
.packageTK .kitchen li.two {
  top: 245px;
  left: 380px;
  width: 238px;
  height: 180px;
}
.packageTK .kitchen li.two .text {
  top: 65px;
  left: 125px;
}
.packageTK .kitchen li.three {
  top: 200px;
  left: 655px;
  width: 203px;
  height: 119px;
}
.packageTK .kitchen li.three .text {
  top: 45px;
  right: 15px;
  text-align: right;
}
.packageTK .kitchen li.four {
  top: 225px;
  left: 840px;
  width: 356px;
  height: 246px;
}
.packageTK .kitchen li.four .text {
  top: 40px;
  left: 180px;
}
.packageTK .kitchen.active li.one img {
  transition: all 1s 1s;
}
.packageTK .kitchen.active li.one .text {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin: 0;
  transition: all 0.5s 1.5s;
}
.packageTK .kitchen.active li.two img {
  transition: all 1s 2s;
}
.packageTK .kitchen.active li.two .text {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin: 0;
  transition: all 0.5s 2.5s;
}
.packageTK .kitchen.active li.three img {
  left: 0;
  transition: all 1s 3s;
}
.packageTK .kitchen.active li.three .text {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin: 0;
  transition: all 0.5s 3.5s;
}
.packageTK .kitchen.active li.four img {
  left: 0;
  transition: all 1s 4s;
}
.packageTK .kitchen.active li.four .text {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  margin: 0;
  transition: all 0.5s 4.5s;
}
.packageTK .kitchen.active .point i {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background: url("../images/point.png") no-repeat;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-animation: flicker 1s ease-in-out 5 forwards;
  -moz-animation: flicker 1s ease-in-out 5 forwards;
  -ms-animation: flicker 1s ease-in-out 5 forwards;
  animation: flicker 1s ease-in-out 5 forwards;
}
.packageTK .point i.one {
  left: 265px;
  top: 470px;
}
.packageTK .point i.two {
  left: 423px;
  top: 450px;
}
.packageTK .point i.three {
  left: 685px;
  top: 330px;
}
.packageTK .point i.four {
  left: 888px;
  top: 480px;
}
.packageAMaterials {
  height: 700px;
  background: url("../images/o1cn010zhv7d1yglykitipd_!!666763088.jpg") no-repeat center center;
}
.packageAMaterials .packageSecTit p {
  color: #111;
}
.packageAMaterials .auxLogo {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}
.packageAMaterials .auxLogo ul {
  margin-left: -200px;
  width: 1400px;
}
.packageAMaterials .auxLogo li {
  float: left;
  position: relative;
  display: table;
  margin: 50px 0 0 200px;
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.packageAMaterials .auxLogo .active .logoText {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotateY(0);
}
.packageAMaterials .auxLogo .active .logo {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transform: rotateY(90deg);
}
.packageAMaterials .auxLogo .logo {
  display: table-cell;
  width: 150px;
  height: 150px;
  text-align: center;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: ease 0.5s;
  vertical-align: middle;
}
.packageAMaterials .auxLogo .outer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #fff;
  border-radius: 150px;
  width: 150px;
  height: 150px;
  opacity: 0.08;
  filter: alpha(opacity=8);
}
.packageAMaterials .auxLogo .inner {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 2;
  background: #fff;
  border-radius: 140px;
  width: 140px;
  height: 140px;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.packageAMaterials .auxLogo img {
  position: relative;
  display: block;
  max-width: 130px;
  z-index: 3;
  margin: 0 auto;
}
.packageAMaterials .auxLogo li:nth-child(2) img {
  margin-top: -8px;
}
.packageAMaterials .auxLogo .logoText {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  padding-top: 50px;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  background: #ffb400;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transform: rotateY(90deg);
  transition: ease 0.5s 0.25s;
}
.packageAMaterials .auxLogo .logoText2 {
  padding-top: 40px;
}
.packageEV {
  position: relative;
}
.packageEV .anchor {
  position: absolute;
  left: 0;
  top: -50px;
}
.packageEV .childEv {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
.packageEV .standardHCHO {
  position: absolute;
  top: 48px;
  left: 590px;
  z-index: 1;
}
.packageEV .standardHCHO img {
  margin-left: 5px;
}
.packageEV .standardHCHO span {
  display: block;
  margin-top: 5px;
  padding: 8px 20px;
  width: 208px;
  height: 60px;
  border: 1px solid #b6b6b6;
  color: #a59999;
  border-radius: 30px;
  font-size: 16px;
}
.packageEV .childEv ul li {
  position: absolute;
  padding: 10px 20px;
  z-index: 1;
  border: 1px dashed #b7793e;
  border-radius: 15px;
  color: #444;
  transition: all 0.5s;
}
.packageEV .childEv ul li.active {
  margin: -5px 0 0 -5px;
}
.packageEV .childEv li strong {
  display: block;
  color: #c9925e;
  font-size: 20px;
}
.packageEV .childEv .one {
  top: 48px;
  left: 198px;
}
.packageEV .childEv .two {
  top: 248px;
  left: 95px;
}
.packageEV .childEv .three {
  top: 420px;
  left: 95px;
}
.packageEV .childEv .four {
  top: 72px;
  left: 970px;
}
.packageEV .childEv .five {
  top: 265px;
  left: 1030px;
  text-align: center;
}
.packageEV .childEv .six {
  top: 522px;
  left: 900px;
}
.packageVideo {
  position: relative;
}
.packageVideo .anchor {
  position: absolute;
  left: 0;
  top: -50px;
}
.packageVideo .videoBox {
  position: relative;
  height: 566px;
  background: url("../images/video_img.jpg") no-repeat center center;
}
.packageVideo .videoBox .play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -68px 0 0 -68px;
}
.packageVideo .videoBox iframe {
  display: none;
}
.packageCompare {
  height: 650px;
  background: url("../images/compare.jpg") no-repeat center center;
}
.packagePower {
  background: #fff;
}
.packagePower .power {
  margin: 0 auto;
  padding-bottom: 100px;
  width: 1200px;
  overflow: hidden;
}
.packagePower .power p {
  margin-left: -75px;
  width: 1275px;
  overflow: hidden;
}
.packagePower .power img {
  float: left;
  margin-left: 75px;
  width: 350px;
  height: 390px;
}
.packagePower .power .btnBox {
  margin: 30px auto 0;
  width: 520px;
}
.packagePower .power .btnBox a {
  display: inline-block;
  float: left;
  height: 70px;
  text-align: center;
  line-height: 70px;
}
.packagePower .btnBox .consult {
  width: 145px;
  background: #ebebeb;
  color: #333;
  font-size: 16px;
  border-radius: 3px 0 0 3px;
}
.packagePower .btnBox .order {
  width: 375px;
  color: #fff;
  font-size: 24px;
  background: #ffa200;
  border-radius: 0 3px 3px 0;
  overflow: hidden;
}
.packagePower .btnBox .order span {
  display: block;
  width: 375px;
  height: 70px;
  transform: scale(1);
  transition: all 0.8s;
}
.packagePower .btnBox .order:hover span {
  transform: scale(1.1);
}
.packageTenSKU ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 18px;
}
.packageTenSKU ul li {
  float: left;
  margin-bottom: 20px;
  width: 240px;
  text-align: center;
  line-height: 60px;
}
.packageTenSKU ul li img {
  width: 240px;
  height: 273px;
  vertical-align: top;
}
.packageDiyRebuild {
  padding: 65px 0 35px;
  background: #f5f5f5;
  overflow: hidden;
}
.packageDiyRebuild .diyRebuild {
  margin: 0 auto;
  width: 1200px;
}
.packageDiyRebuild .packageDiy,
.packageDiyRebuild .packageRebuild {
  float: left;
  width: 560px;
}
.packageDiyRebuild .packageRebuild {
  margin-left: 80px;
}
.packageDiyRebuild .hd {
  position: relative;
  height: 75px;
  color: #555;
}
.packageDiyRebuild .hd h4 {
  color: #ffa200;
  font-size: 30px;
  line-height: 40px;
}
.packageDiyRebuild .hd span {
  display: inline-block;
  margin-right: 8px;
  width: 7px;
  height: 30px;
  background: #ffa200;
  vertical-align: middle;
  margin-top: -3px;
}
.packageDiyRebuild .hd p {
  padding-left: 15px;
}
.packageDiyRebuild .hd a {
  position: absolute;
  top: 40px;
  right: 0;
  color: #222;
  font-weight: bold;
}
.packageDiyRebuild .banner {
  width: 560px;
  min-width: 560px;
  height: 405px;
}
.packageDiyRebuild .banner img {
  vertical-align: middle;
}
.packageDiyRebuild .banner p {
  padding: 15px 30px 0;
  height: 65px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
}
.packageDiyRebuild .rebuildBanner p {
  text-align: left;
  font-weight: normal;
}
.packageDiyRebuild .rebuildBanner p span {
  font-weight: bold;
}
.packageDiyRebuild .rebuildBanner p {
  font-size: 13px;
}
.packageDiyRebuild .banner .thumb,
.packageDiyRebuild .banner .thumb span {
  position: absolute;
  display: inline-block;
  width: 45px;
  height: 80px;
}
.packageDiyRebuild .banner .thumb {
  top: 120px;
  z-index: 10;
}
.packageDiyRebuild .banner .prev {
  left: 0;
}
.packageDiyRebuild .banner .next {
  right: 0;
}
.packageDiyRebuild .banner .thumb i {
  position: absolute;
  z-index: 2;
  margin: 22px 0 0 8px;
  width: 19px;
  height: 35px;
}
.packageDiyRebuild .banner .next i {
  margin-left: 14px;
}
.packageDiyRebuild .banner .thumb span {
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.packageDiyRebuild .banner .thumb:hover span {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.packageService {
  padding-bottom: 80px;
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}
.packageService .cityInfo {
  position: relative;
  float: left;
  width: 850px;
}
.packageService .cityInfo .cityTyd {
  position: relative;
  margin-bottom: 13px;
  padding-left: 8px;
  font-size: 16px;
  color: #555;
}
.packageService .cityInfo .cityTyd .curCity {
  display: inline-block;
  padding-right: 18px;
  min-width: 50px;
  font-weight: bold;
  background: url("../images/select.png") no-repeat right center;
  cursor: pointer;
}
.packageService .cityInfo .citySelect {
  display: none;
  position: absolute;
  top: 30px;
  left: 175px;
  z-index: 2;
  background: #fff;
  border: 1px solid #e7e7e7;
  width: 140px;
  height: 130px;
  line-height: 30px;
}
.packageService .cityInfo .citySelect .div_scroll {
  width: 100%;
  height: 128px;
  overflow: auto;
}
.packageService .cityInfo .citySelect span {
  display: inline-block;
  padding: 0 15px;
  white-space: nowrap;
}
.packageService .cityInfo .citySelect span:hover,
.packageService .cityInfo .citySelect span:hover {
  background: #f5f5f5;
}
.packageService .tydInfo {
  position: relative;
}
.packageService .tydInfo p {
  float: left;
  width: 400px;
  height: 280px;
  overflow: hidden;
}
.packageService .tydInfo p img {
  width: 100%;
}
.packageService .tydInfo ul {
  float: left;
  padding: 30px 45px 0 35px;
  width: 450px;
  color: #222;
}
.packageService .tydInfo li {
  margin-bottom: 20px;
  line-height: 22px;
}
.packageService .tydInfo li span {
  display: block;
  font-weight: bold;
}
.packageService .tydInfo a {
  margin-left: 35px;
  color: #ffa200;
  text-decoration: underline;
}
.packageService .servicePop {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 400px;
  z-index: 2;
  width: 732px;
  height: 383px;
  padding: 40px 40px 0 70px;
  background: url("../images/sevice_pop.png") no-repeat top center;
  overflow: hidden;
}
.packageService .servicePopBox {
  width: 622px;
  height: 273px;
  line-height: 24px;
}
.packageService .servicePopBox .div_scroll {
  height: 273px;
  margin-bottom: 0!important;
}
.packageService .servicePop .iconClose {
  position: absolute;
  top: 0;
  right: 20px;
}
.packageService .servicePopBox h4 {
  margin-bottom: 15px;
  font-size: 24px;
}
.packageService .servicePopBox p {
  margin-bottom: 10px;
}
.packageService .servicePopBox div span {
  font-weight: bold;
}
.packageService .order {
  float: left;
  /* padding-top: 30px; */
  width: 350px;
}
.packageService .order h4 {
  padding-bottom: 15px;
  color: #ffa200;
  font-size: 24px;
}
.packageService .order input {
  border: 0;
  margin-bottom: 10px;
  padding: 15px 10px;
  width: 350px;
  height: 65px;
  line-height: 45px;
  border-radius: 3px;
  background: #e7e7e7;
}
.packageService .order button {
  border: 0;
  border-radius: 3px;
  width: 350px;
  height: 65px;
  font-size: 24px;
  color: #fff;
  line-height: 65px;
  background: #ffa200;
  cursor: pointer;
}
.packageService .order button:hover {
  background: #f59c00;
}

.houce .box10 {
	min-width: 1200px;
	height: 408px;
	margin-bottom: -40px;
	background: no-repeat center #201a18
}
.houce .box10 .pr {
    position: relative;
}
.houce .box10 .container {
    width: 1200px;
    margin: 0 auto;
}
.houce .box10 .f36 {
    font-size: 36px !important;
}
.houce .box10 .pa {
    position: absolute;
}
.houce .box10 .text-white {
    color: #fff !important;
}
.houce .box10 form {
	width: 1080px;
	margin: auto;
	padding-top: 202px
}

.houce .box10 form .a {
	width: 240px;
	height: 40px;
	display: block;
	padding-left: 20px;
	float: left;
	margin-right: 10px
}
.houce .box10 .button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 2px;
}
.houce .box10 .button-primary {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
}
.houce .box10 .tc {
    text-align: center;
}
.houce .box10 .mt50 {
    margin-top: 50px !important;
}
.houce .box10 .animate-active .ani-3 {
    transform: translate(0);
    opacity: 1;
    filter: alpha(opacity=100);
}

.packBtLink {
  height: 130px;
  background: #f5f5f5;
}
.packBtLink .btLink {
  margin: 0 auto;
  width: 1200px;
}
.packBtLink .btLink a {
  float: left;
  display: block;
  width: 400px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  color: #222;
  font-size: 24px;
  font-weight: bold;
}
.packBtLink .btLink .money {
  background: #e9e9e9;
}
.packBtLink .btLink .consult {
  background: #f7f7f7;
}
.packBtLink .btLink .brand {
  background: #efefef;
}
.packBtLink .btLink a i {
  vertical-align: middle;
  margin: -3px 8px 0;
  transition: all 0.5s ease-out;
}
.packBtLink .btLink a:hover .iconPgArrow {
  margin-right: -5px;
}
.easeIn {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 35px, 0);
  transform: translate3d(0, 35px, 0);
  transition: all 0.8s;
}
.easeIn.active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*moveTop ani*/
@-moz-keyframes moveTop {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@-webkit-keyframes moveTop {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@-ms-keyframes moveTop {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes moveTop {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
/*scale9 ani*/
@-moz-keyframes scale9 {
  from {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(0.98);
  }
}
@-webkit-keyframes scale9 {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.98);
  }
}
@-ms-keyframes scale9 {
  from {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(0.98);
  }
}
@keyframes scale9 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.98);
  }
}
/*scal15 ani*/
@-moz-keyframes scale15 {
  from {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(1.5);
  }
}
@-webkit-keyframes scale15 {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.5);
  }
}
@-ms-keyframes scale15 {
  from {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(1.5);
  }
}
@keyframes scale15 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
/*flicker ani*/
@-moz-keyframes flicker {
  from {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes flicker {
  from {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@-ms-keyframes flicker {
  from {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes flicker {
  from {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
/*flicker ani*/
@-moz-keyframes flicker1 {
  from {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  to {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
}
@-webkit-keyframes flicker1 {
  from {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  to {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
}
@-ms-keyframes flicker1 {
  from {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  to {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
}
@keyframes flicker1 {
  from {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  to {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
}
/*flicker ani*/
@-moz-keyframes flicker2 {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes flicker2 {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-ms-keyframes flicker2 {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@keyframes flicker2 {
  0% {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
/*滴滴专车*/
.ikjDidi {
  background: url("../images/banner.jpg") no-repeat top center;
}
.ikjDidi .top {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 610px;
}
.ikjDidi .top a.ruleBtn {
  position: absolute;
  left: 87px;
  top: 430px;
  display: block;
  width: 98px;
  height: 22px;
}
.ikjDidi .rule {
  display: none;
  position: absolute;
  top: 472px;
  left: 86px;
  width: 430px;
  padding: 15px 30px 10px;
  color: #333;
}
.ikjDidi .rule img {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}
.ikjDidi .rule .mask_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: url("../images/rule_bg.png") no-repeat -9px -23px;
}
.ikjDidi .rule .mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #faedd5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  border-radius: 5px;
  box-shadow: 5px 5px 0 rgba(125, 54, 6, 0.1);
}
.ikjDidi .rule dl {
  position: relative;
  z-index: 2;
}
.ikjDidi .rule dt {
  font-weight: bold;
}
.ikjDidi .rule:before {
  content: "";
  display: block;
  position: absolute;
  top: -31px;
  left: 55px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom: 16px solid #faedd5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ikjDidi .step,
.ikjDidi .group {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 105px;
}
.ikjDidi .step {
  padding-bottom: 105px;
  border-bottom: 1px solid #eaeaea;
}
.ikjDidi .title {
  padding: 60px 0 40px;
  text-align: center;
  color: #888;
}
.ikjDidi .title h2 {
  font-size: 42px;
  color: #333;
  font-weight: normal;
}
.ikjDidi .group img {
  margin-bottom: 10px;
  vertical-align: middle;
}
/*404*/
.page-404-wrapper {
  width: 100%;
  height: 500px;
  background: #f2f9fe url('../images/pc_404_bg.jpg') no-repeat center center;
}
.page-404-wrapper .page-404 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.page-404-wrapper .page-404 .bear {
  position: absolute;
  bottom: 90px;
  left: 0;
}
.page-404-wrapper .page-404 .error-tips {
  position: absolute;
  bottom: 90px;
  right: 0;
}
.page-404-wrapper .page-404 .error-tips p {
  color: #feaf17;
  font-size: 20px;
}
.page-404-wrapper .page-404 .error-tips .title {
  font-size: 28px;
  margin-bottom: 54px;
}
.page-404-wrapper .page-404 .error-tips .back-btn {
  margin-top: 58px;
  background: #feaf17;
  color: #fff;
  font-size: 20px;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.fitment-info-wrapper {
  padding: 45px 0 105px;
}
.fitment-info-wrapper .homeLinkTab {
  margin-bottom: 32px;
}
.fitment-info-wrapper .fitment-info-title {
  width: 1248px;
}
.fitment-info-wrapper .fitment-info-title ul li {
  width: 260px;
  display: inline-block;
  margin: 0 74px;
  float: left;
}
.fitment-info-wrapper .fitment-info-title ul li a {
  width: 82px;
  margin-right: 0;
  text-align: left;
}
.fitment-info-wrapper .fitment-info {
  width: 1248px;
}
.fitment-info-wrapper .fitment-info ul li {
  width: 260px;
  margin: 0 74px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}
.fixeRight{
	display: none !important;
}