@font-face {
  font-family: BookmanOldStyle;
  src: url("../font/Vani.ttf");
}
#banner {
  min-width: 1200px;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.location .location-title .div1{
    height: 36px;
    width: 210px;
    line-height: 36px;
    background: url(../images/location.png) no-repeat 35px 11px;
    border-bottom: 8px solid #D80F20;
    cursor: pointer;
}
.location .location-title .div1 span{
  position: relative;
}
.location .location-title .div1 span::before{
  content: "";
  display: block;
  background: url(../images/icon.png) no-repeat center;
    margin-right: 5px;
    height: 30px;
    width: 9px;
    position: absolute;
    right: -20px;
    top: -5px;
}
.location .location-title >ul{
  display: none;
}
.location .location-title >ul li{
  line-height: 33px;
  height: 33px;
  border-bottom: 1px solid #ddd;
}
.location .location-title >ul li a{
  display: block;
}
.location .location-title >ul li:hover a{
  background-color: #D80F20;
  color: #fff;
}
.location .location-title >ul li.current a{
  background-color: #D80F20;
  color: #fff;
}
.selectpick_div {
  border: none;
  border-radius: 0;
  padding-left: 0px;
  line-height: 36px;
}
.selectpick_div:hover {
  border: none;
  border-bottom: 8px solid #D80F20;
}
.selectpick_div_box {
  margin: 0;
}
.selectpick_icon {
  position: absolute;
  right: 35px;
  top: 3px;
}
.selectpick_div {
  background: url(../images/location.png) no-repeat 40px 10px;
  border-bottom: 8px solid #D80F20;
}
.selectpick_options ul li.selectpick_options_selected {
  background-color: #D80F20;
}
.selectpick_options li:hover {
  background-color: #D80F20;
  color: #fff;
}
.selectpick_options {
  border: none;
}
.selectpick_options {
  width: 210px !important;
}
#header .header-top {
  height: 68px;
  padding-top: 10px;
  background-color: #232323;
  border-bottom: 3px solid #D80F20;
}
#header .header-top .container {
  position: relative;
}
#header .header-top .container .logoBox {
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 1000;
}
#header .header-top .container .logoBox .logo {
  height: 232px;
}
#header .header-top .container .logoBox .location {
  background: url(../images/loactionBg.png) repeat;
}
#header .header-top .container .logoBox .location .location-title {
  text-align: center;
}
#header .header-top .contact-text {
  color: #b2b2b2;
  margin-left: 235px;
  float: left;
}
#header .header-top .contact-text > p {
  line-height: 28px;
}
#header .header-top .contact-text > p .span2 {
  font-size: 22px;
  color: #ffe400;
  padding-right: 15px;
  margin-right: 15px;
  background: url(../images/line.png) no-repeat right top;
}
#header .header-top .contact-text > p .span1,
#header .header-top .contact-text > p .span3 {
  position: relative;
  top: -3px;
}
#header .header-top .search {
  float: right;
  height: 40px;
  width: 280px;
  border-radius: 8px;
  background-color: #CCCCCC;
  margin-top: 10px;
}
#header .header-top .search input {
  border: none;
  outline: none;
}
#header .header-top .search input.text {
  line-height: 24px;
  width: 210px;
  padding-left: 20px;
  border-right: 1px solid #7D7D7D;
  background-color: transparent;
  margin-top: 8px;
}
#header .header-top .search input.submit {
  width: 22px;
  height: 22px;
  background: url(../images/fdj.png) no-repeat;
  position: relative;
  top: 5px;
  left: 8px;
  cursor: pointer;
}
#header .header-middle .menu {
  float: right;
}
#header .header-middle .menu > li {
  height: 80px;
  float: left;
  width: 110px;
  text-align: center;
  position: relative;
  z-index: 100;
}
#header .header-middle .menu > li > a {
  display: block;
  height: 60px;
  padding-top: 20px;
}
#header .header-middle .menu > li > a .p1 {
  color: #000;
  font-size: 16px;
}
#header .header-middle .menu > li > a .p2 {
  font-size: 12px;
  color: #8d8d8d;
  margin-top: 3px;
}
#header .header-middle .menu > li > a .p3 {
  position: relative;
  top: 0;
  z-index: 100;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
#header .header-middle .menu > li.current a{
  background-color: #D80F20;
}
#header .header-middle .menu > li.current a .p1,#header .header-middle .menu > li.current a .p2{
  color: #fff;
}
#header .header-middle .menu > li > a:hover {
  background-color: #D80F20;
}
#header .header-middle .menu > li > a:hover .p1,
#header .header-middle .menu > li > a:hover .p2 {
  color: #fff;
}
#header .header-middle .menu > li > a:hover .p3 {
  top: 5px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}
#header .header-middle .menu > li .menu2 {
  position: absolute;
  width: 100%;
  top: 80px;
  left: 0;
  background-color: #D80F20;
  padding: 10px 0;
  text-align: center;
  display: none;
}
#header .header-middle .menu > li .menu2 li a {
  color: #fff;
  display: block;
  line-height: 28px;
}
#header .header-middle .menu > li .menu2 li a:hover {
  text-decoration: underline;
}
.content .index-title {
  text-align: center;
  margin: 40px 0 50px;
}
.content .index-title .p1 .span1 {
  font-family: BookmanOldStyle;
  font-size: 33px;
  display: inline-block;
  color: #999999;
  position: relative;
  top: 2px;
  height: 50px;
}
.content .index-title .p1 .span2 {
  font-size: 26px;
  color: #000000;
}
.content .index-title .p2 {
  width: 360px;
  height: 1px;
  background-color: #C2C2C2;
  margin: 0 auto 15px;
  position: relative;
}
.content .index-title .p2:after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #D80F20;
  position: absolute;
  top: -1px;
  left: 150px;
}
.content .index-title .p3 {
  color: #999999;
}
.content .case .case-list .type li {
  float: left;
  width: 108px;
  height: 43px;
  border: 1px solid #C2C2C2;
  margin:5px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
}
.content .case .case-list .type li a {
  color: #363636;
  display: block;
}
.content .case .case-list .type li.all {
  border-color: #D80F20;
  background-color: #D80F20;
}
.content .case .case-list .type li.all a {
  color: #fff;
}
.content .case .case-list .type li.current {
  border-color: #D80F20;
}
.content .case .case-list .type li.current a {
  color: #d81020;
}
.content .case .case-list .type li:hover {
  border-color: #D80F20;
}
.content .case .case-list .type li:hover a {
  color: #d81020;
}
.content .case .case-list .type li:last-child {
  margin-right: 0;
}
.content .case .case-list .case-main {
  margin: 33px 0 50px;
}
.content .case .case-list .case-main li {
  float: left;
  width: 24.7%;
  margin-right: 0.4%;
}
.content .case .case-list .more {
  width: 298px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #C2C2C2;
  margin: 0 auto;
}
.content .case .case-list .more a {
  display: block;
  font-size: 16px;
  color: #000;
}
.content .case .case-list .more a:hover {
  border-color: #D80F20;
  background-color: #D80F20;
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.content .choose {
  height: 494px;
  margin-top: 50px;
  overflow: hidden;
  background: url(../images/index_05.jpg) no-repeat center;
}
.content .inter .case-list .type {
  width: 957px;
  margin: 0 auto;
}
.content .inter .case-list .type li {
  float: left;
  width: 108px;
  height: 43px;
  border: 1px solid #C2C2C2;
  margin-right: 11px;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
}
.content .inter .case-list .type li a {
  color: #363636;
  display: block;
}
.content .inter .case-list .type li.current {
  border-color: #D80F20;
}
.content .inter .case-list .type li.current a {
  color: #d81020;
}
.content .inter .case-list .type li:hover {
  border-color: #D80F20;
}
.content .inter .case-list .type li:hover a {
  color: #d81020;
}
.content .inter .case-list .type li:last-child {
  margin-right: 0;
}
.content .inter > .container {
  margin: 40px auto 70px;
}
.content .inter > .container li {
  float: left;
  width: 290px;
  margin-right: 20px;
}
.content .inter > .container li div {
  overflow: hidden;
  position: relative;
}
.content .inter > .container li div .pop {
  color: #fff;
  font-size: 16px;
  background: url(../images/redBg.png) repeat;
  height: 0;
  line-height: 60px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-left: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.content .inter > .container li div:hover .pop {
  height: 60px;
  line-height: 60px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.content .inter > .container li + li > div:first-child {
  height: 380px;
}
.content .inter > .container li + li > div:first-child img {
  height: 380px;
  max-width: none;
  position: relative;
  left: 0;
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}
.content .inter > .container li + li > div:first-child:hover img {
  left: -94%;
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}
.content .inter > .container li + li > div:last-child {
  margin-top: 20px;
  height: 183px;
}
.content .inter > .container li + li > div:last-child img {
  width: 380px;
  height: 183px;
}
.content .inter > .container li:first-child {
  width: 580px;
}
.content .inter > .container li:first-child > div {
  float: left;
  width: 280px;
  height: 183px;
  margin-top: 20px;
}
.content .inter > .container li:first-child > div:first-child {
  width: 580px;
  height: 380px;
  margin-top: 0;
}
.content .inter > .container li:first-child > div:last-child {
  margin-left: 20px;
}
.content .inter > .container li:last-child {
  margin-right: 0;
}
.content .inter > .container li:last-child > div:first-child {
  height: 183px;
}
.content .inter > .container li:last-child > div:first-child img {
  height: 183px;
  width: 290px;
}
.content .inter > .container li:last-child > div:last-child {
  height: 380px;
}
.content .inter > .container li:last-child > div:last-child img {
  height: 380px;
  max-width: none;
  width: auto;
  position: relative;
  left: 0;
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}
.content .inter > .container li:last-child > div:last-child:hover img {
  left: -94%;
  transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
}
.content .inter > .container li:last-child > div:first-child:hover img {
  left: 0;
}
.content .design {
  height: 900px;
  background: url(../images/bg2.png) no-repeat center;
}
.content .design .container {
  position: relative;
}
.content .design .design-left {
  width: 600px;
  float: left;
}
.content .design .design-left .index-title {
  text-align: left;
  margin: 70px 0 45px;
}
.content .design .design-left .index-title .p2 {
  margin: 0 0 15px;
  width: 570px;
}
.content .design .design-left .index-title .p2:after {
  left: 0;
}
.content .design .design-left .index-title .p3 {
  margin-top: 20px;
  color: #4c4c4c;
  padding-right: 40px;
  line-height: 26px;
}
.content .design .design-left .images li {
  float: left;
  width: 150px;
  height: 180px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.content .design .design-left .images li p {
  background: url(../images/designBg.png) no-repeat;
  width: 150px;
  height: 180px;
  position: absolute;
  left: -150px;
  top: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.content .design .design-left .images li.current p {
  left: 0;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.content .design .imageText {
  width: 600px;
  float: left;
  margin-top: 56px;
}
.content .design .imageText > li.current {
  display: block;
}
.content .design .imageText > li {
  position: relative;
  display: none;
}
.content .design .imageText > li img {
  width: 100%;
}
.content .design .imageText > li .pop-text {
  background: url(../images/opacity0.7.png) repeat;
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 540px;
  padding: 25px 30px;
}
.content .design .imageText > li .pop-text .title {
  text-align: center;
}
.content .design .imageText > li .pop-text .title p {
  color: #ccc;
  font-size: 16px;
}
.content .design .imageText > li .pop-text .title .p1 span {
  color: #fff;
  font-size: 24px;
}
.content .design .imageText > li .pop-text .title .p2 {
  padding: 10px 0 15px;
  border-bottom: 1px dashed #5C5C5C;
}
.content .design .imageText > li .pop-text .meassage-list {
  color: #CCC;
  font-size: 14px;
  margin-top: 15px;
}
.content .design .imageText > li .pop-text .meassage-list li {
  line-height: 26px;
}
.content .design .imageText > li .pop-text .button {
  text-align: center;
  margin-top: 25px;
}
.content .design .imageText > li .pop-text .button a {
  display: inline-block;
  width: 140px;
  height: 45px;
  background-color: #D80F20;
  color: #fff;
  text-align: center;
  line-height: 45px;
  margin-right: 15px;
  border-radius: 8px;
}
.content .design .imageText > li .pop-text .button a:last-child {
  margin-right: 0;
  background-color: #FFE400;
  color: #000;
}
.content .design .more-design {
  text-align: center;
  margin-top: 30px;
}
.content .design .more-design a {
  display: inline-block;
  width: 298px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #4F4F4F;
  font-size: 16px;
  color: #000000;
}
.content .dtBox .dt {
  width: 585px;
  float: left;
  margin-right: 30px;
}
.content .dtBox .index-title {
  text-align: left;
  margin: 45px 0 30px;
}
.content .dtBox .index-title .p2 {
  margin: 0 0 15px;
  width: 585px;
}
.content .dtBox .index-title .p2:after {
  left: 0;
}
.content .dtBox .news-list li {
  margin-top: 20px;
}
.content .dtBox .news-list li .date {
  width: 90px;
  height: 90px;
  float: left;
  background-color: #D80F20;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.content .dtBox .news-list li .date .p1 {
  font-size: 34px;
  margin: 20px 0 15px;
}
.content .dtBox .news-list li .text {
  float: left;
  width: 480px;
  height: 90px;
  padding-left: 15px;
  background-color: #EDEDED;
}
.content .dtBox .news-list li .text a:hover {
  text-decoration: underline;
}
.content .dtBox .news-list li .text .p1 {
  margin: 20px 0 5px;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.content .dtBox .news-list li .text .p1 a {
  color: #333333;
}
.content .dtBox .news-list li .text .p2 {
  line-height: 26px;
  height: 26px;
  overflow: hidden;
}
.content .dtBox .news-list li .text .p2 a {
  color: #666666;
}
.content .dtBox .bk {
  width: 585px;
  float: left;
}
.content .dtBox .bk .sx > p {
  width: 585px;
  height: 125px;
}
.content .dtBox .bk .sx .sx-type {
  height: 45px;
  background-color: #D80F20;
  text-align: center;
}
.content .dtBox .bk .sx .sx-type li {
  display: inline-block;
  width: 126px;
  line-height: 45px;
  position: relative;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.content .dtBox .bk .sx .sx-type li:after {
  content: "";
  display: block;
  width: 2px;
  height: 17px;
  background-color: #fff;
  position: absolute;
  right: -1px;
  top: 14px;
}
.content .dtBox .bk .sx .sx-type li::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #D80F20;
  position: absolute;
  left: 60px;
  top: 40px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
.content .dtBox .bk .sx .sx-type li.current {
  color: #FFE400;
}
.content .dtBox .bk .sx .sx-type li.current::before {
  top: 45px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}
.content .dtBox .bk .sx .sx-type li:last-child:after {
  display: none;
}
.content .dtBox .bk .bk-listBox .bk-list {
  display: none;
}
.content .dtBox .bk .bk-listBox .bk-list > li {
  padding: 18px 0 18px 5px;
  border-bottom: 1px solid #DBDBDB;
}
.content .dtBox .bk .bk-listBox .bk-list > li .list1 {
  cursor: pointer;
}
.content .dtBox .bk .bk-listBox .bk-list > li .list1 span {
  width: 550px;
  line-height: 24px;
  color: #333333;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.content .dtBox .bk .bk-listBox .bk-list > li .list1 i {
  width: 15px;
  height: 24px;
  background: url(../images/add.png) no-repeat center;
  margin-right: 5px;
}
.content .dtBox .bk .bk-listBox .bk-list > li .list2 {
  color: #666;
  line-height: 22px;
  margin-top: 10px;
  display: none;
  height: 44px;
  overflow: hidden;
}
.content .dtBox .bk .bk-listBox .bk-list > li:first-child .list2 {
  display: block;
}
.content .dtBox .bk .bk-listBox .bk-list > li.current .list1 i {
  background: url(../images/meus.png) no-repeat center;
}
.content .dtBox .bk .bk-listBox .bk-list:first-child {
  display: block;
}
.content .gd {
  height: 598px;
  background: url(../images/bg_09.jpg) no-repeat center;
  margin-top: 50px;
  overflow: hidden;
}
.content .gd .gd-list li {
  float: left;
  width: 285px;
  margin-right: 20px;
}
.content .gd .gd-list li .gd-text .p1 {
  font-size: 16px;
  color: #e5e5e5;
  margin: 10px 0 8px;
}
.content .gd .gd-list li .gd-text .p2 {
  padding-bottom: 11px;
  border-bottom: 2px solid #666;
  position: relative;
}
.content .gd .gd-list li .gd-text .p2 span {
  margin-left: 5px;
  color: #FFE400;
}
.content .gd .gd-list li .gd-text .p2:after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background-color: #D80F20;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
}
.content .gd .gd-list li:hover .gd-text .p2:after {
  width: 100%;
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
}
.content .gd .gd-list li:last-child {
  margin-right: 0;
}
.content .gd .gd-more {
  font-size: 16px;
  text-align: center;
  margin-top: 55px;
}
.content .gd .gd-more a {
  color: #e5e5e5;
}
.content .about .title {
  font-size: 26px;
  color: #000;
  line-height: 54px;
  height: 54px;
  border-bottom: 1px solid #C2C2C2;
  padding-left: 15px;
  margin-top: 20px;
  position: relative;
}
.content .about .title:before {
  content: "";
  display: block;
  width: 2px;
  height: 28px;
  background-color: #D80F20;
  position: absolute;
  left: 3px;
  top: 15px;
}
.content .about .title:after {
  content: "";
  display: block;
  width: 300px;
  height: 3px;
  background-color: #D80F20;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.content .about .about-main {
  padding: 40px 0;
}
.content .fzlc {
  background: url(../images/aa_06.jpg) no-repeat center;
  height: 500px;
}
.content .fzlc .tempWrap {
  width: 1200px !important;
}
.content .fzlc .picScroll-left {
  margin-top: 50px;
}
.content .fzlc .picScroll-left .hd {
  text-align: center;
  margin-top: 35px;
}
.content .fzlc .picScroll-left .hd a {
  display: inline-block;
  width: 45px;
  height: 25px;
  background-color: #BFBFBF;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.content .fzlc .picScroll-left .hd a:hover {
  background-color: #D80F20;
}
.content .fzlc .picScroll-left .hd .prev {
  background-image: url(../images/left.png);
  margin-right: 15px;
}
.content .fzlc .picScroll-left .hd .next {
  background-image: url(../images/right.png);
}
.content .fzlc .picScroll-left .picList li {
  width: 280px;
  float: left;
  background: url(../images/border.png) no-repeat center bottom;
  height: 220px;
  margin-right: 25px;
}
.content .fzlc .picScroll-left .picList li .year {
  font-size: 38px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  position: relative;
}
.content .fzlc .picScroll-left .picList li .year:after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #D80F20;
  position: absolute;
  left: 75px;
  bottom: -20px;
}
.content .fzlc .picScroll-left .picList li .js {
  color: #fff;
  margin: 50px 28px 0 28px;
  line-height: 24px;
}
.content .about-title {
  text-align: center;
  padding: 45px 0 30px;
  border-bottom: 1px solid #4D4C4A;
}
.content .about-title span {
  font-size: 26px;
  color: #fff;
  position: relative;
}
.content .about-title span:after,
.content .about-title span:before {
  content: "";
  display: block;
  width: 55px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 19px;
}
.content .about-title span:before {
  left: -70px;
}
.content .about-title span:after {
  right: -70px;
}
.content .sxry .about-title {
  border-bottom-color: #C9C9C9;
  padding: 35px 0 25px;
  position: relative;
}
.content .sxry .about-title span {
  color: #333;
}
.content .sxry .about-title span:after,
.content .sxry .about-title span:before {
  background-color: #444444;
}
.content .sxry .about-title:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  left: 570px;
  bottom: -2px;
  background-color: #D80F20;
}
.content .sxry .picMarquee-left {
  margin: 50px 0 60px;
}
.content .sxry .picMarquee-left .picList li {
  float: left;
  width: 279px;
  margin-right: 26px;
}
.content .sxys {
  height: 480px;
  background: url(../images/bb_02.jpg) no-repeat center;
}
.content .sxqy .about-title {
  border-bottom: none;
  padding: 35px 0 25px;
  position: relative;
}
.content .sxqy .about-title span {
  color: #333;
}
.content .sxqy .about-title span:after,
.content .sxqy .about-title span:before {
  background-color: #444444;
}
.content .sxqy .about-title:after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 3px;
  background-color: #D80F20;
  left: 570px;
  bottom: 0px;
}
.content .sxqy .map {
  margin: 40px 0 20px;
}
#header .header-top .contact-text > p .span3 a{
  color: #b2b2b2;
}
.content .sxqy .map-text {
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 65px;
}
.content .case>li {
  float: left;
  width: 583px;
  border: 1px solid #DCDCDC;
  margin-right: 30px;
  margin-top: 30px;
}
.content .case>li .case-text {
  padding: 18px 20px;
}
.content .case>li .case-text .p1 {
  height: 25px;
  width: 5px;
  background-color: #D80F20;
  border-radius: 4px;
  float: left;
  margin-top: -2px;
}
.content .case>li .case-text .p2 {
  font-size: 18px;
  color: #333;
  margin-left: 12px;
  float: left;
  width: 425px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.content .case>li .case-text .p3 {
  float: right;
  font-size: 16px;
  color: #333;
}
.content .case>li .case-image {
  position: relative;
  height: 398px;
  overflow: hidden;
}
.content .case>li .case-image .pop-design {
  background: url(../images/bg0.4.png) repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-398px);
      -ms-transform: translateY(-398px);
          transform: translateY(-398px);
  transition: all .4s linear;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
}
.content .case>li .case-image .pop-design .pop-box {
  width: 430px;
  margin: 125px auto 0;
  background-color: #CC1421;
  color: #fff;
  position: relative;
  padding-top: 80px;
  padding-bottom: 20px;
}
.content .case>li .case-image .pop-design .pop-box .design-image {
  width: 110px;
  height: 110px;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 160px;
  top: -55px;
}
.content .case>li .case-image .pop-design .pop-box .design-name {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.content .case>li .case-image .pop-design .pop-box .design-text {
  padding: 12px 20px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.content .case>li .case-image .pop-design .pop-box .right-arrow {
  float: right;
  margin: 5px 30px 0 0;
}
.content .case>li:hover .case-image .pop-design {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  transition: all .4s linear;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
}
.content .design-meassage {
  padding: 52px 0 42px;
  background: url(../images/case-con_02.jpg) repeat-y center top;
}
.content .design-meassage .design-image {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 3px solid #ADADAD;
  float: left;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5);
}
.content .design-meassage .design-introduce {
  float: left;
  margin-left: 40px;
  width: 637px;
}
.content .design-meassage .design-introduce .p1 {
  padding: 35px 0 20px;
  border-bottom: 1px dashed #545454;
  color: #b2b2b2;
  font-size: 16px;
}
.content .design-meassage .design-introduce .p1 span {
  font-size: 24px;
  color: #fff;
  margin-right: 10px;
}
.content .design-meassage .design-introduce > ul {
  margin-top: 15px;
}
.content .design-meassage .design-introduce > ul li {
  color: #ccc;
  line-height: 26px;
}
.content .design-meassage .design-introduce .design-more {
  margin-top: 45px;
}
.content .design-meassage .design-introduce .design-more a {
  display: inline-block;
  width: 123px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  background-color: #D80F20;
  color: #fff;
}
.content .design-meassage .design-introduce .design-more a:first-child {
  background-color: #fff;
  color: #000;
  margin-right: 10px;
}
.content .design-meassage .page {
  float: left;
  margin-left: 107px;
  margin-top: 120px;
}
.content .design-meassage .page p:first-child {
  margin-bottom: 55px;
}
.content .design-show .title {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 40px 0 20px;
  border-bottom: 1px solid #CFCFCF;
}
.content .design-show .lp {
  padding: 15px 5px;
}
.content .design-show .lp span {
  margin-right: 40px;
  color: #333;
}
.content .design-show .lp span:last-child {
  margin-right: 0;
}
.content .design-show .show-list #demo1 .bd {
  width: 970px;
  float: left;
}
.content .design-show .show-list #demo1 .bd li {
  height: 655px;
}
.content .design-show .show-list #demo1 .hd {
  float: left;
  width: 210px;
  margin-left: 20px;
}
.content .design-show .show-list #demo1 .hd .ulBox {
  height: 459px;
  overflow: hidden;
}
.content .design-show .show-list #demo1 .hd .ulBox ul {
  position: relative;
}
.content .design-show .show-list #demo1 .hd .ulBox ul li {
  cursor: pointer;
  margin-top: 10px;
  height: 143px;
}
.content .design-show .show-list #demo1 .hd .ulBox ul li img {
  border: 2px solid #ccc;
  width: 206px;
}
.content .design-show .show-list #demo1 .hd .ulBox ul li.current img {
  border-color: #D80F20;
}
.content .design-show .show-list #demo1 .hd > p {
  height: 32px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.content .design-show .show-list #demo1 .hd p.prevs {
  background: url(../images/c-top.png) no-repeat center;
  margin-bottom: 3px;
}
.content .design-show .show-list #demo1 .hd p.nexts {
  background: url(../images/c-down.png) no-repeat center;
  margin-top: 15px;
}
.content .design-show .show-list #demo1 .hd p.prevs:hover {
  background: url(../images/c-top-hover.png) no-repeat center;
}
.content .design-show .show-list #demo1 .hd p.nexts:hover {
  background: url(../images/c-down-hover.png) no-repeat center;
}
.content .design-show .show-list #demo1 .hd .prev-case,
.content .design-show .show-list #demo1 .hd .next-case {
  margin-top: 5px;
}
.content .design-show .show-list #demo1 .hd .prev-case a,
.content .design-show .show-list #demo1 .hd .next-case a {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background-color: #B3B3B3;
}
.content .design-show .show-list #demo1 .hd .prev-case a:hover,
.content .design-show .show-list #demo1 .hd .next-case a:hover {
  background-color: #D80F20;
}
.content .design-show .show-list #demo1 .hd .prev-case {
  margin-top: 17px;
}
.content .design-show .show-list .show-text {
  color: #333;
  line-height: 24px;
  padding: 24px 0;
}
.content .design-show .xm .show-content {
  padding: 30px 0;
}
.content .design-show .title2 {
  color: #d81020;
  font-size: 20px;
  padding: 20px 0 15px;
  border-bottom: 1px solid #D0D0D0;
}
.content .tj-list {
  margin: 15px 0 80px;
}
.content .tj-list dl {
  text-align: center;
  float: left;
  width: 283px;
  border: 1px solid #D9D9D9;
  margin-right: 20px;
  margin-top: 20px;
}
.content .tj-list dl dd {
  line-height: 48px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.content .tj-list dl:hover {
  border-color: #D80F20;
}
.content .tj-list dl:hover dd {
  color: #D80F20;
}
.content .team dl {
  width: 278px;
  float: left;
  border: 1px solid #D9D9D9;
  margin: 27px 26px 0 0;
  overflow: hidden;
}
.content .team dl dt {
  position: relative;
}
.content .team dl dt .number {
  width: 65px;
  height: 65px;
  background-color: #5D5B5C;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 5px;
}
.content .team dl dt .number .p1 {
  font-size: 26px;
  font-weight: bold;
}
.content .team dl dd {
  margin: 0 10px;
  overflow: hidden;
}
.content .team dl dd .div1 {
  line-height: 42px;
  border-bottom: 1px solid #D9D9D9;
}
.content .team dl dd .div1 .span1 {
  font-size: 18px;
  margin: 2px;
}
.content .team dl dd .div1 .span2 {
  color: #d81020;
}
.content .team dl dd .div2 {
  width: 516px;
  -ms-transform: translateX(-258px);
      transform: translateX(-258px);
  -webkit-transform: translateX(-258px);
  -moz-transform: translateX(-258px);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  height: 70px;
  overflow: hidden;
}
.content .team dl dd .div2 .div21 {
  width: 258px;
  padding: 12px 0;
  text-align: center;
  float: left;
}
.content .team dl dd .div2 .div21 > p {
  display: inline-block;
  width: 220px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #D80F20;
  border-radius: 8px;
}
.content .team dl dd .div2 .div22 {
  padding: 12px 0;
  float: left;
  height: 46px;
  overflow: hidden;
  width: 255px;
}
.content .team dl dd .div2 .div22 .p1 {
  color: #000;
  margin-bottom: 8px;
}
.content .team dl dd .div2 .div22 .p2 {
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .team dl:hover dt .number {
  background-color: #BA1C2C;
}
.content .team dl:hover dd .div2 {
  -ms-transform: translateX(0);
      transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.content .lcBox {
  background: url(../images/team-con_02.jpg) repeat-y top left;
  padding-bottom: 50px;
}
.content .lcBox .title {
  text-align: center;
  font-size: 26px;
  padding: 80px 0 20px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #4B4B4B;
}
.content .lcBox .lc {
  margin-top: 50px;
}
.content .lcBox .lc .lc-image {
  float: left;
  width: 420px;
}
.content .lcBox .lc .lc-image img {
  width: 100%;
}
.content .lcBox .lc .lc-text {
  float: left;
  margin-left: 40px;
  width: 730px;
  color: #e5e5e5;
}
.content .lcBox .lc .lc-text .div1 {
  color: #b2b2b2;
  font-size: 16px;
  padding: 30px 0 15px;
  border-bottom: 1px dashed #787878;
}
.content .lcBox .lc .lc-text .div1 span {
  font-size: 24px;
  color: #fff;
  margin-right: 8px;
}
.content .lcBox .lc .lc-text > ul {
  padding: 25px 0 75px;
}
.content .lcBox .lc .lc-text > ul li {
  font-size: 14px;
  color: #e5e5e5;
  line-height: 26px;
}
.content .lcBox .lc .lc-text .red-text {
  color: #f80619;
}
.content .lcBox .lc .lc-text .yysj {
  margin-top: 35px;
}
.content .lcBox .lc .lc-text .yysj a {
  display: inline-block;
  height: 48px;
  width: 180px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  background-color: #D80F20;
  border-radius: 10px;
}
.content .caseItem-show .title {
  padding: 35px 0 25px;
  border-bottom: 1px solid #A4A4A4;
  font-size: 26px;
  color: #000;
  text-align: center;
}
.content .caseItem-show .tj-list {
  margin-bottom: 20px;
}
.table .table-head {
  padding: 17px 0;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 20px;
}
.table .table-head li {
  color: #000;
  width: 19.8%;
  float: left;
  font-size: 16px;
  border-right: 1px solid #454545;
}
.table .table-head li:last-child {
  border-right: none;
}
.table .txtMarquee-top .infoList li {
  line-height: 45px;
}
.table .txtMarquee-top .infoList li p {
  float: left;
  width: 20%;
}
.table .txtMarquee-top .infoList li:hover p {
  color: #d81020;
}
.table .txtMarquee-top .infoList li:hover p:last-child {
  text-decoration: underline;
}
.step_one .bd li{
  border: none !important;
}
#mainForm2 .text {
  font-size: 12px;
  color: #e60012;
  text-align: left;
}
.step_three .from_info dl dd span.title {
  margin: 0px 0 17px 0;
}
#footer .footer-top {
  height: 160px;
  padding: 20px 0;
  background-color: #E6E6E6;
}
#footer .footer-top .link {
  float: left;
  width: 420px;
  border-right: 1px solid #B3B3B3;
}
#footer .footer-top .link ul {
  width: 123px;
  float: left;
}
#footer .footer-top .link ul li:first-child {
  padding-bottom: 10px;
  padding-top: 5px;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #737373;
  margin-bottom: 10px;
  width: 90px;
}
#footer .footer-top .link ul li {
  line-height: 28px;
}
#footer .footer-top .link ul li a {
  color: #666666;
}
#footer .footer-top .link ul li a:hover {
  color: #D80F20;
  text-decoration: underline;
}
#footer .footer-top .hot-tel {
  width: 408px;
  float: left;
  border-right: 1px solid #bbb;
  padding: 25px 0;
}
#footer .footer-top .hot-tel .tel {
  text-align: center;
  font-size: 22px;
  color: #d81020;
  line-height: 26px;
}
#footer .footer-top .hot-tel .tel span {
  font-size: 16px;
  color: #000;
}
#footer .footer-top .hot-tel .tel > ul {
  display: inline-block;
  margin-top: 15px;
}
#footer .footer-top .hot-tel .tel > ul li {
  margin-right: 30px;
  float: left;
}
#footer .footer-top .hot-tel .tel > ul li:last-child {
  margin-right: 0;
}
#footer .footer-top .ewmBox {
  float: left;
  width: 370px;
  text-align: right;
  padding-top: 18px;
}
#footer .footer-top .ewmBox .ewm {
  display: inline-block;
}
#footer .footer-top .ewmBox .ewm > div {
  float: left;
}
#footer .footer-top .ewmBox .ewm .text {
  width: 158px;
  font-size: 20px;
  text-align: left;
}
#footer .footer-top .ewmBox .ewm .text .p1 {
  color: #000;
  margin: 35px 0 5px;
}
#footer .footer-top .ewmBox .ewm .text .p2 {
  color: #d81020;
  width: 125px;
}
#footer .footer-bottom {
  padding: 25px 0;
  height: 110px;
  background-color: #232323;
}
#footer .footer-bottom .footer-logo {
  float: left;
  width: 295px;
  border-right: 1px solid #6B6B6B;
}
#footer .footer-bottom .footer-text {
  float: left;
  width: 870px;
  padding-left: 34px;
}
#footer .footer-bottom .footer-text .p1 {
  font-size: 16px;
  color: #fff;
  margin: 15px 0 8px;
}
#footer .footer-bottom .footer-text .p2 {
  color: #b2b2b2;
  font-size: 14px;
  line-height: 26px;
}
#footer .footer-bottom .footer-text .p2 a{
  color: #b2b2b2;
}

/*xx一级分类公用样式*/
.xx_aside{ border-bottom:solid 1px #d9d9d9; padding:40px 0 30px 0}
.xx_aside ul { text-align:center;}
.xx_aside ul li{ display:inline-block; margin:0 6px;}
.xx_aside ul li a{ display:block; font-size:16px; padding:0 28px; height:45px; line-height:45px; border:solid 1px #c2c2c2;}
.xx_aside ul li.current a{ background:#d81020; border-color:#d81020; color:#fff}
.xx_aside ul li:hover a{ border-color:#d81020; color:#d81020}

/*样板体验间的样式*/
.xx_clzt_yb ul{ margin-top:30px}
.xx_clzt_yb ul li{ float:left; width:585px; margin:0 15px; margin-bottom:30px;}
.xx_clzt_yb ul li .pic{width:585px; height:400px; position:relative; overflow:hidden;background:#ededed }
.xx_clzt_yb ul li .pic img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.xx_clzt_yb ul li .txt{ margin:auto; border:solid 1px #d9d9d9;padding:0 18px; }
.xx_clzt_yb ul li .txt a{ display:block; height:55px; line-height:55px; border-bottom:solid 1px #c2c2c2; font-size:18px; background:url(../images/xx_clzt_ico.jpg)  no-repeat left 18px; padding-left:18px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.xx_clzt_yb ul li .txt p{ line-height:24px; height:48px; overflow:hidden; font-size:14px; margin:12px 0 10px 0}
.xx_clzt_yb ul li:hover .pic img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}

/*品牌主材馆的样式*/
.xx_clzt_pp ul{ margin-top:30px}
.xx_clzt_pp ul li{ float:left; width:385px; margin:0 10px; margin-bottom:20px;}
.xx_clzt_pp ul li .pic{width:385px; height:260px; position:relative; overflow:hidden;background:#ededed }
.xx_clzt_pp ul li .pic img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.xx_clzt_pp ul li .txt{ margin:auto; border:solid 1px #d9d9d9;padding:0 18px; }
.xx_clzt_pp ul li .txt a{ display:block; height:55px; line-height:55px; border-bottom:solid 1px #c2c2c2; font-size:18px; background:url(../images/xx_clzt_ico.jpg)  no-repeat left 18px; padding-left:18px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.xx_clzt_pp ul li .txt p{ line-height:24px; height:96px; overflow:hidden; font-size:14px; margin:12px 0 10px 0}
.xx_clzt_pp ul li:hover .pic img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}


/*样板体验间详情页*/
.xx_content1{ margin-top:30px; border-bottom:solid 1px #d9d9d9}

.xx_conleft{ float:left; width:890px; margin-bottom:30px;}
.xx_conleft .title h3{ text-align:center; font-size:26px; font-weight:normal; padding:15px 0}
.xx_conleft .title p{ font-size:14px; text-align:center; color:#999; padding-bottom:20px; border-bottom:dashed 1px #b3b3b3}
.xx_conleft .inner{ margin-top:25px;}
.xx_conleft .zxbk_dd{ background:#f0f0f0; height:90px; margin-top:25px;}
.xx_conleft .zxbk_dd b{ float:left; width:90px; background:#d81020; font-size:28px; color:#fff; line-height:90px; text-align:center}
.xx_conleft .zxbk_dd p{ float:left; width:760px; padding:0 20px;display: table; height:90px;}
.xx_conleft .zxbk_dd p span{vertical-align: middle;display: table-cell; line-height:24px;}
.xx_conright{ float:right; width:280px; margin-bottom:30px;}
.xx_conright .xx_cr_ad{ width:280px; height:160px; margin-bottom:10px;}
.xx_conright .xx_cr_sq{ background:#f0f0f0; padding:18px 12px 12px 12px;margin-bottom:10px;}
.xx_conright .xx_cr_sq .title{ font-size:18px; color:#000; text-align:center; font-weight:bold; margin-bottom:15px;}
.xx_conright .xx_cr_sq .inner ul li{ margin-bottom:10px;}
.xx_conright .xx_cr_sq .inner ul li .xx_cr_input {width: 230px;border: 1px solid #ddd;height: 32px;line-height: 32px;padding: 0 10px;font-size: 14px;}
.xx_conright .xx_cr_sq .inner ul li .xx_cr_select{width: 250px;border: 1px solid #ddd;height: 32px;line-height: 32px;padding: 0 10px;font-size: 14px;}
.xx_conright .xx_cr_sq .inner ul li .xx_cr_input1 {width: 130px;border: 1px solid #ddd;height: 32px;line-height: 32px;padding: 0 10px;font-size: 14px; float:left;}
.xx_conright .xx_cr_sq .inner ul li img{ float:left; margin:6px 0 0 10px;}
.xx_conright .xx_cr_sq .inner ul li .sub_info{font-size: 12px;color: #e60012;height: 30px;line-height: 30px;}
.xx_conright .xx_cr_sq .inner ul li .sub{ height:45px; line-height:45px; width:100%; background:#d81020; color:#fff; font-size:16px; border:none}

.xx_conright .xx_cr_case{background:#f0f0f0; padding:18px 12px 25px 12px;margin-bottom:10px;}
.xx_conright .xx_cr_case .title{ font-size:18px; font-weight:bold; color:#000; margin-bottom:3px;}
.xx_conright .xx_cr_case .title a{ color:#808080; font-size:14px; float:right; font-weight:normal; margin-top:3px;}
.xx_conright .xx_cr_case .inner ul{ width:250px; margin:auto}
.xx_conright .xx_cr_case .inner ul li{ margin-top:15px;}
.xx_conright .xx_cr_case .inner ul li .pic{ width:250px; height:171px; position:relative; overflow:hidden;margin-bottom:12px;}
.xx_conright .xx_cr_case .inner ul li .pic img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto; }
.xx_conright .xx_cr_case .inner ul li .txt{ padding-bottom:12px; border-bottom:solid 1px #b3b3b3}
.xx_conright .xx_cr_case .inner ul li .txt a{ font-size:16px;}
.xx_conright .xx_cr_case .inner ul li .txt p{ color:#666666; margin-top:5px;}

.xx_conright .xx_cr_sheji{background:#f0f0f0; padding:18px 12px 20px 12px;margin-bottom:10px;}
.xx_conright .xx_cr_sheji .title{ font-size:18px; font-weight:bold; color:#000; margin-bottom:15px;}
.xx_conright .xx_cr_sheji .title a{ color:#808080; font-size:14px; float:right; font-weight:normal; margin-top:3px;}
.xx_conright .xx_cr_sheji .inner{ width:250px;  overflow:hidden; position:relative; margin:auto;   }
.xx_conright .xx_cr_sheji .inner .hd{ overflow:hidden; text-align:center; margin-top:14px;  }
.xx_conright .xx_cr_sheji .inner .hd .prev,.xx_cr_sheji .inner .hd .next{ display:block;  width:45px; height:25px; display:inline-block;margin-right:5px;  overflow:hidden; cursor:pointer; background-size:auto 60%; background-repeat:no-repeat; background-color:#bfbfbf; background-position:center   }
.xx_conright .xx_cr_sheji .inner .hd .next{  background-image:url("../images/global/left_btn.png"); }
.xx_conright .xx_cr_sheji .inner .hd .prev{ background-image:url("../images/global/right_btn.png");}
.xx_conright .xx_cr_sheji .inner .hd .prev:hover,.xx_cr_sheji .inner .hd .next:hover{ background-color:#d81020;}
.xx_conright .xx_cr_sheji .inner .bd{  }
.xx_conright .xx_cr_sheji .inner .bd ul{ overflow:hidden; zoom:1; }
.xx_conright .xx_cr_sheji .inner .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.xx_conright .xx_cr_sheji .inner .bd ul li .pic{ width:250px; height:301px; position:relative; overflow:hidden;}
.xx_conright .xx_cr_sheji .inner .bd ul li .pic img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto; display:block}
.xx_conright .xx_cr_sheji .inner .bd ul li .text{ background:#fff; padding:10px; border:solid 1px #d9d9d9;text-align:left; }
.xx_conright .xx_cr_sheji .inner .bd ul li .text a{ display:block;background:url(../images/xx_sj_ico.jpg) no-repeat 5px 5px;  padding-left:25px; font-size:18px; color:#000; border-bottom:solid 1px #d9d9d9; padding-bottom:10px; margin-bottom:9px;}
.xx_conright .xx_cr_sheji .inner .bd ul li .text a span{ color:#d81020; font-size:14px; margin-left:5px; }
.xx_conright .xx_cr_sheji .inner .bd ul li .text b{line-height:25px; font-weight:normal; }
.xx_conright .xx_cr_sheji .inner .bd ul li .text p{ line-height:25px; color:#666}

.xx_conright .xx_cr_con{background:#f0f0f0; padding:15px;text-align:center}
.xx_conright .xx_cr_con .ad{ width:250px; height:165px;}
.xx_conright .xx_cr_con .title{ background:#d81020; font-size:20px; font-weight:bold; color:#fff; height:60px; line-height:60px; }
.xx_conright .xx_cr_con .inner p{ font-size:14px; color:#666; padding:20px 0 5px 0}
.xx_conright .xx_cr_con .inner b{ font-size:24px;}

.xx_bot_bj{ background:url(../images/xx_bj_bg.jpg) no-repeat top center; height:300px; margin-top:35px;}
.xx_bot_bj .title{ padding:35px 0 25px 100px; color:#d81020; font-size:18px; font-weight:bold}
.xx_bot_bj .inner{ width:1120px; margin:auto; margin-top:20px;}
.xx_bot_bj .inner ul{ width:740px; float:left;}
.xx_bot_bj .inner ul li{ margin-bottom:20px; float:left;line-height:38px; height:38px; margin-right:35px;}
.xx_bot_bj .inner ul li label{ float:left; width:55px; text-align:left; font-size:16px;}
.xx_bot_bj .inner ul li .xx_con2_input{ float:left; width:230px; height:38px; line-height:38px; border:solid 1px #d9d9d9; padding:0 10px;}
.xx_bot_bj .inner ul li .xx_con2_input1{ float:left; width:280px; height:38px; line-height:38px; border:solid 1px #d9d9d9; padding:0 10px;}
.xx_bot_bj .inner ul li .xx_con2_select{ float:left; height:38px; line-height:38px; border:solid 1px #d9d9d9; width:100px; padding:0 10px;}
.xx_bot_bj .inner .btn{ float:left; width:300px; margin-left:60px;}
.xx_bot_bj .inner .btn .sub{background:url(../images/xx_bj_btn.jpg) no-repeat top center; width:160px; height:80px; text-align:center; line-height:80px; font-size:18px; color:#fff; border:none; margin:20px auto; display:block;    cursor: pointer;}

.xx_bot_detail .xx_share{ padding:25px 0 25px 810px;}
.xx_bot_detail .xx_pageTurning{ background:#f0f0f0; padding:20px; margin-bottom:25px;}
.xx_bot_detail .xx_pageTurning .prevs,.xx_bot_detail .xx_pageTurning .nexts{ width:510px; float:left;}
.xx_bot_detail .xx_pageTurning .prevs{ border-right:solid 1px #777; text-align:right; padding-right:30px;}
.xx_bot_detail .xx_pageTurning .nexts{text-align:left; padding-left:30px;}

.xx_bot_news{ margin-bottom:60px;}
.xx_bot_news .title{ font-size:18px; color:#d81020; height:58px; line-height:58px; border-bottom:solid 1px #d9d9d9; padding:0 10px; font-weight:bold}
.xx_bot_news  .inner ul {float:left; width:585px; }
.xx_bot_news  .inner ul li{  border-bottom:solid 1px #d9d9d9;padding:15px 10px;}
.xx_bot_news  .inner ul li a{ font-size:16px; height:30px; line-height:30px;background:url(../images/xx_more1.jpg) no-repeat right center; display:block }
.xx_bot_news  .inner ul li p{ line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:5px; display:none;}
.xx_bot_news  .inner ul li a.hover{background:url(../images/xx_more.jpg) no-repeat right center;}

/*装修百科列表样式*/
.xx_conleft{ float:left; width:890px; margin-bottom:30px;}
.xx_conleft .title1 h3{ font-size:26px; font-weight:normal; padding:13px 0; border-bottom:solid 1px #d9d9d9;}
.xx_conleft .inner .list_img_text ul li{ padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #d9d9d9}
.xx_conleft .inner .list_img_text ul li .pic{ float:left; width:220px;}
.xx_conleft .inner .list_img_text ul li .text{ float:right; width:645px; margin-right:5px;}
.xx_conleft .inner .list_img_text ul li .text a{ font-size:16px; height:20px; line-height:20px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/xx_news_ico.jpg) no-repeat left center; padding-left:10px;}
.xx_conleft .inner .list_img_text ul li .text p{ color:#666; line-height:25px; height:50px; overflow:hidden; margin:8px 0 15px 0;font-size:14px;}
.xx_conleft .inner .list_img_text ul li .text span{ color:#808080; font-size:14px;}
.xx_conleft .inner .list_img_text ul li:hover a{ text-decoration:underline}

/*在建工地 详情页样式*/
.xx_content2{ margin-top:30px; }
.xx_zjgd_form{ background:#ededed; padding:20px; border:solid 1px #d9d9d9;  width:1160px; margin:auto;margin-top:40px; }
.xx_zjgd_form .pic{ float:left; width:285px;}
.xx_zjgd_form .text{ float:right; width:850px;}
.xx_zjgd_form .text b{ font-size:18px;background:url(../images/xx_clzt_ico.jpg) no-repeat left center; padding-left:20px; display:block; margin:20px 0 25px 0}
.xx_zjgd_form .text b span{ float:right; font-size:14px; color:#666; font-weight:normal}
.xx_zjgd_form .text p{ border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:30px;}
.xx_zjgd_form .text .btn .zjgd_input{ float:left; width:180px; height:45px; line-height:45px; border:solid 1px #b3b3b3; background:#fff; padding:0 10px; margin-right:10px;}
.xx_zjgd_form .text .btn .zjgd_input1{ float:left; width:220px; height:45px; line-height:45px; border:solid 1px #b3b3b3; background:#fff; padding:0 10px; margin-right:20px;}
.xx_zjgd_form .text .btn .zjgd_sub{ float:left; width:140px; height:45px; line-height:45px; background:#d81020; color:#fff; text-align:center; border:none; margin-right:10px;}
.xx_zjgd_form .text .btn .zjgd_kf{ float:left; width:140px; height:45px; line-height:45px; background:#fecd07; color:#333; text-align:center; border:none}

/*在建工地 列表页样式*/
.xx_select_box{width: 1198px;border: 1px solid #d9d9d9;margin: 20px auto 0px auto;}
.xx_select_box ul{display: block;height: auto;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.xx_select_box ul:last-child{border: none;}
.xx_select_box ul li:nth-child(12){margin-left: 109px;}
.xx_select_box ul li:first-child{width: 109px; background:#eee; color:#666}
.xx_select_box ul li {line-height: 55px;display: block;height: 55px;float: left;width: 100px;font-size: 14px;color: #999;text-align: center;}
.xx_select_box ul li a.on {background: #e3161e;color: white;}
.xx_select_box ul li a:hover{ color:#e3161e}
.xx_select_box ul li a {height: 26px;margin-top: 6px;line-height: 26px;padding: 5px 12px;}
.xx_zjgd_list{ margin-top:30px;}

.xx_zjgd_list ul li{ border:solid 1px #d9d9d9; margin-bottom:20px; padding:20px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.xx_zjgd_list ul li .pic{ float:left; width:285px;}
.xx_zjgd_list ul li .text{ float:right; width:850px; position:relative}
.xx_zjgd_list ul li .text b a{font-size:18px;background:url(../images/xx_clzt_ico.jpg) no-repeat left center; padding-left:20px; display:block; margin:20px 0 25px 0}
.xx_zjgd_list ul li .text p{ margin-bottom:35px;}
.xx_zjgd_list ul li .text .btn{ position:absolute; right:25px; top:20px;}
.xx_zjgd_list ul li .text .btn a{ display:block; width:140px; height:45px; line-height:45px; text-align:center; color:#000; background:#ddd; margin-bottom:10px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.xx_zjgd_list ul li .text .btn span{ color:#999}
.xx_zjgd_list ul li:hover{box-shadow: 0px 0px 8px #888888;}
.xx_zjgd_list ul li:hover .text .btn a{ background:#d81020; color:#fff}

/*德标工艺*/
.xx_db_con1{ margin-top:45px; margin-bottom:50px;}
.xx_db_con1 ul li .pic{ float:left; width:600px;}
.xx_db_con1 ul li .pic img{ display:block}
.xx_db_con1 ul li .text{ float:left; width:508px; border:solid 1px #cccccc; height:228px; padding:70px 45px 0 45px; position:relative}
.xx_db_con1 ul li .text b{ font-size:26px; font-weight:normal; width:480px; margin:auto; text-align:center; display:block; padding-bottom:25px; border-bottom:dashed 1px #a3a3a3; margin-bottom:20px;}
.xx_db_con1 ul li .text p{ line-height:24px;}
.xx_db_con1 ul li .text i{ position:absolute; left:-1px;top:-1px; height:70px; width:70px; }
.xx_db_con1 ul li .pic.fr{ float:right}
.xx_db_con1 ul li .text.fl{ float:left}
.xx_db_con1 ul li .text.fl i{ right:-1px; left:inherit}

.xx_db_con2{background:url(../images/xx_db_ad.jpg) no-repeat center; height:320px; padding-top:100px; text-align:center; margin-bottom:30px; }
.xx_db_con2 b{ font-size:38px; color:#fff; font-weight:normal; position:relative}
.xx_db_con2 b:before{display:block; content:" "; position:absolute; bottom:-15px; left:50%; margin-left:-30px;width:60px; height:3px; background:#d81020}
.xx_db_con2 p{ line-height:24px; color:#fff; margin-top:45px;}
.xx_db_con2 a{ width:140px; height:45px; line-height:45px; text-align:center; color:#fff; margin:auto; background:#d81020; display:block; margin-top:40px;}

.xx_db_box .title{ font-size:26px; text-align:center; position:relative; margin-bottom:45px;}
.xx_db_box .title:before{display:block; content:" "; position:absolute; bottom:-15px; left:50%; margin-left:-30px;width:60px; height:3px; background:#d81020}

.xx_db_con3 { margin-bottom:40px; }
.xx_db_con3 ul li{ float:left; height:250px; padding-top:20px;}
.xx_db_con3 ul li .pic{ float:right; width:227px; margin-right:30px;}
.xx_db_con3 ul li .pic img{ display:block}
.xx_db_con3 ul li .text{ float:left; width:320px;}
.xx_db_con3 ul li .text b{  display:block; width:285px; font-size:18px; height:55px; line-height:55px; border-bottom:solid 1px #999; font-weight:normal; margin-bottom:15px;}
.xx_db_con3 ul li .text p{ color:#666; line-height:24px;}
.xx_db_con3 ul li .text p span{ color:#d81020; margin-right:8px;}
.xx_db_con3 ul li.xx_db_bz1{border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; width:599px; }
.xx_db_con3 ul li.xx_db_bz2{ border-bottom:solid 1px #ccc; width:600px; }
.xx_db_con3 ul li.xx_db_bz3{border-right:solid 1px #ccc;  width:599px; }
.xx_db_con3 ul li.xx_db_bz4{ width:600px; }
.xx_db_con3 ul li.xx_db_bz2 .pic,.xx_db_con3 ul li.xx_db_bz4 .pic{ float:left; margin-right:0px; margin-left:30px;}
.xx_db_con3 ul li.xx_db_bz2 .text,.xx_db_con3 ul li.xx_db_bz4 .text{ float:right; }
.xx_db_con3 ul li.xx_db_bz1 .text b{ text-align:right;background:url(../images/xx_db_bz1_1.jpg) no-repeat right center;padding-right:35px;}
.xx_db_con3 ul li.xx_db_bz2 .text b{ text-align:left;background:url(../images/xx_db_bz1_2.jpg) no-repeat left center;padding-left:35px;}
.xx_db_con3 ul li.xx_db_bz3 .text b{ text-align:right;background:url(../images/xx_db_bz1_3.jpg) no-repeat right center;padding-right:35px;}
.xx_db_con3 ul li.xx_db_bz4 .text b{ text-align:left;background:url(../images/xx_db_bz1_4.jpg) no-repeat left center;padding-left:35px;}

.xx_db_con4{ background:#f0f0f0; padding:40px 0; margin-bottom:35px;}
.xx_db_con4 .title{ margin-bottom:60px;}
.xx_db_con4 .inner .hd{ overflow:hidden; text-align:center; margin-top:25px;  }
.xx_db_con4 .inner .hd .prev,.xx_db_con4 .inner .hd .next{ display:block;  width:45px; height:25px; display:inline-block;margin-right:5px;  overflow:hidden; cursor:pointer; background-size:auto 60%; background-repeat:no-repeat; background-color:#bfbfbf; background-position:center   }
.xx_db_con4 .inner .hd .next{  background-image:url("../images/global/left_btn.png"); }
.xx_db_con4 .inner .hd .prev{ background-image:url("../images/global/right_btn.png");}
.xx_db_con4 .inner .hd .prev:hover,.xx_db_con4 .inner .hd .next:hover{ background-color:#d81020;}
.xx_db_con4 .inner .bd{  }
.xx_db_con4 .inner .bd ul{ overflow:hidden; zoom:1; }
.xx_db_con4 .inner .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width:1200px;  }

.xx_db_con5{ margin-bottom:35px;}
.xx_db_con5 .title{ margin-bottom:58px;}
.xx_db_con5 .inner ul li{ padding-bottom:13px; margin-bottom:17px; border-bottom:solid 1px #d9d9d9; width:585px; float:left; margin-right:30px;}
.xx_db_con5 .inner ul li .pic{ float:left; width:220px;}
.xx_db_con5 .inner ul li .text{ float:right; width:340px; margin-right:10px;}
.xx_db_con5 .inner ul li .text a{ font-size:16px; height:20px; line-height:20px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/xx_news_ico.jpg) no-repeat left center; padding-left:10px;}
.xx_db_con5 .inner ul li .text p{ color:#666; line-height:25px; height:125px; overflow:hidden; margin-top:8px;font-size:14px;}
.xx_db_con5 .inner ul li:hover a{ text-decoration:underline}