.sec1 {
  width: 100%;
  background: #f5f5f5;
  overflow: hidden; }
  .sec1 .top {
    width: 100%;
    padding: 0 8.33%;
    height: 85px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    position: relative; }
    .sec1 .top span {
      line-height: 85px; }
      .sec1 .top span i {
        padding: 2% 0 2% 7.8%; }
        .sec1 .top span i img {
          margin-top: -0.5%; }
      .sec1 .top span a {
        font-size: 16px;
        color: #333333;
        font-weight: 500;
        padding: 0 0.5%; }

.Box {
  width: 83.33%;
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
  margin-bottom: 5%; }
  .Box .pro {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .Box .pro .left {
      width: 47.31%;
      float: left;
      position: relative;
      overflow: hidden; }
      .Box .pro .left .contt {
        overflow: hidden;
        position: relative;
        margin: 0 5%; }
        .Box .pro .left .contt .big_img_in {
          margin: 10% 10% 5% 10%; }
          .Box .pro .left .contt .big_img_in img {
            width: 100%; }
        .Box .pro .left .contt .small_img_box {
          margin: 0 0;
          overflow: hidden; }
          .Box .pro .left .contt .small_img_box .small_image {
            margin: 1% 6%;
            overflow: unset; }
            .Box .pro .left .contt .small_img_box .small_image .small_img {
              width: 25%;
              padding: 1.5%; }
              .Box .pro .left .contt .small_img_box .small_image .small_img p {
                margin: 0;
                padding-left: 0.5px; }
                .Box .pro .left .contt .small_img_box .small_image .small_img p img {
                  width: 100%; }
    .Box .pro .right {
      width: 52.69%;
      float: right;
      text-align: left; }
      .Box .pro .right .tit {
        padding-top: 9%; }
        .Box .pro .right .tit h2 {
          font-size: 24px;
          color: #333333;
          line-height: 1;
          margin: 0; }
        .Box .pro .right .tit h3 {
          font-size: 36px;
          color: #333333;
          font-weight: bold;
          line-height: 1;
          margin: 1% 0 5% 0; }
        .Box .pro .right .tit p {
          font-size: 20px;
          color: #333333;
          line-height: 1.5;
          margin: 0;
          padding: 3% 0;
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc; }
        .Box .pro .right .tit .tit2 {
          margin: 6% 0; }
          .Box .pro .right .tit .tit2 h4 {
            font-size: 24px;
            color: #333333;
            line-height: 1.5;
            margin: 2% 0;
            word-wrap: break-word; }
            .Box .pro .right .tit .tit2 h4 i {
              color: #e6332b;
              padding-right: 1.5%;
              display: inline; }
    .Box .pro .btn-b .btn1 {
      padding: 3% 8%;
      border: 2px solid #e6332b;
      margin-right: 3.5%;
      width: 42%; }
      .Box .pro .btn-b .btn1 a {
        font-size: 20px;
        color: #e6332b;
        font-weight: bold;
        line-height: 1.3; }

#swi-prev {
  background-image: url(../images/le.png) !important;
  width: 30px;
  height: 45px;
  left: -30px; }

#swi-next {
  background-image: url(../images/ri.png) !important;
  width: 30px;
  height: 45px;
  right: -30px; }

.active2 p {
  border: 1px solid #e6332b; }

.btn-b .btn1:hover {
  border: none;
  background: #e6332b; }

.btn-b .btn1:hover a {
  color: #fff !important; }

.act4 {
  background: #e6332b !important;
  color: #fff !important; }

.btn-b .act4 a {
  color: #fff !important; }

.sec2 {
  width: 100%;
  overflow: hidden;
  height: 145px;
  box-shadow: 0 0 15px 15px #e4e1e1; }
  .sec2 .cont {
    padding: 0 19.5%;
    text-align: center; }
    .sec2 .cont a {
      font-size: 30px;
      color: #404142;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 145px;
      padding-bottom: 48px; }

.cont a:hover {
  color: #e6332b !important; }

.cont a:hover span {
  border-bottom: 2px solid #e6332b !important; }

.cur a {
  border-bottom: 2px solid #e6332b !important;
  color: #e6332b !important; }

.sec3 {
  width: 100%;
  overflow: hidden;
  background: #ffff; }
  .sec3 .cont1 {
    width: 83.33%;
    margin: 0 auto; }
    .sec3 .cont1 h3 {
      font-size: 30px;
      color: #404142;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 0.867; }
      .sec3 .cont1 h3 i {
        padding-right: 1%;
        border-right: 4px solid #e6332b;
        margin-right: 1%; }

.s1 {
  width: 100%;
  overflow: hidden; }
  .s1 .s1-des {
    width: 100%;
    margin: 5.5% 0 2.6% 0; }
    .s1 .s1-des #property {
      width: 100%;
      border: 2px solid #ececec; }
      .s1 .s1-des #property tr {
        border-bottom: 2px solid #ececec; }
        .s1 .s1-des #property tr th {
          font-size: 20px;
          color: #333333;
          line-height: 1.3;
          font-weight: 500;
          width: 50%;
          padding: 1% 7%; }
    .s1 .s1-des .btn3 {
      text-align: center;
      margin: 3.5% 0 0 0; }
      .s1 .s1-des .btn3 a {
        padding: 1% 3.8%;
        border: 2px solid #e6332b;
        font-size: 16px;
        line-height: 4.5;
        color: #e6332b; }

.btn3 a:hover {
  color: #fff !important;
  background: #e6332b; }

#property tr th:nth-child(1) {
  border-right: 2px solid #ececec; }

#property tr:nth-child(2n) {
  background: #f9f9f9; }

.s2 .s2-des img{max-width:100%;height:auto;}
.s2 .s2-des {
  width: 100%;
  margin: 5.5% 0; }
  .s2 .s2-des .pc {
    overflow: hidden;
    width: 100%;
    background: #f9f9f9; }
    .s2 .s2-des .pc h4 {
      font-size: 28px;
      color: #292929;
      font-weight: bold;
      line-height: 1.286;
      margin-bottom: 40px;
      word-wrap: break-word; }
    .s2 .s2-des .pc p {
      font-size: 24px;
      color: #333333;
      line-height: 1.5;
      font-size: 500; }
    .s2 .s2-des .pc .leftImg {
      padding: 0;
      float: left; }
      .s2 .s2-des .pc .leftImg img {
        width: 100%; }
    .s2 .s2-des .pc .rightCont {
      float: right;
      padding: 5.5% 3%; }
    .s2 .s2-des .pc .leftCont {
      float: left;
      padding: 5.5% 3%; }
    .s2 .s2-des .pc .rightImg {
      padding: 0;
      float: right; }
      .s2 .s2-des .pc .rightImg img {
        width: 100%; }

.s3 {
  width: 100%; }
  .s3 .s3-des {
    width: 100%; }
    .s3 .s3-des .pro-list1 {
      padding: 0;
      width: 23%;
      margin: 3.5% 1.6% 7.6% 1%;
      box-shadow: 0 0 15px 8px #dcd9d9; }
      .s3 .s3-des .pro-list1 .pro1 {
        padding: 5%;
        background: #fff; }
        .s3 .s3-des .pro-list1 .pro1 .tit1 {
          padding: 2%;
          border: 1px solid #999; }
          .s3 .s3-des .pro-list1 .pro1 .tit1 p img {
            width: 100%; }
          .s3 .s3-des .pro-list1 .pro1 .tit1 h5 {
            font-size: 28px;
            color: #424242;
            font-weight: bold;
            line-height: 2.571;
            text-align: center;
            margin: 0; }
          .s3 .s3-des .pro-list1 .pro1 .tit1 .btn2 {
            margin: 1.5% 0 7% 0;
            text-align: center; }
            .s3 .s3-des .pro-list1 .pro1 .tit1 .btn2 a {
              padding: 3.5% 14.6%;
              border: 2px solid #e6332b;
              font-size: 16px;
              line-height: 4.5;
              color: #e6332b; }

.btn2 a:hover {
  color: #fff !important;
  background: #e6332b; }

.s3-des .pro-list1:nth-child(1) {
  margin-left: 0; }

.s3-des .pro-list1:nth-child(4) {
  margin-right: 0; }

@media (min-width: 1601px) and (max-width: 1700px) {
  .Box .pro .btn-b .btn1 {
    padding: 3% 4%;
    width: 43%; } }
@media (min-width: 1365px) and (max-width: 1600px) {
  .sec2 .cont {
    padding: 0 8.5%; }

  .s2 .s2-des .pc h4 {
    font-size: 22px;
    margin-bottom: 15px; }
  .s2 .s2-des .pc p {
    font-size: 20px; }
  .s2 .s2-des .pc .leftCont {
    padding: 5% 3% 0 3%; }
  .s2 .s2-des .pc .rightCont {
    padding: 5% 3% 0 3%; }

  .Box .pro .btn-b .btn1 {
    padding: 3% 2%; } }
@media (min-width: 1024px) and (max-width: 1364px) {
  .s2 .s2-des .pc .leftCont {
    padding: 3%; }
  .s2 .s2-des .pc h4 {
    margin: 0;
    font-size: 24px; }
  .s2 .s2-des .pc p {
    font-size: 18px; }
  .s2 .s2-des .pc .rightCont {
    padding: 3%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  .sec1 .top {
    padding: 0 3%; }

  .Box {
    width: 88%; }
    .Box .pro .left {
      width: 100%; }
      .Box .pro .left .contt {
        margin: 0; }
        .Box .pro .left .contt .big_img_in {
          margin: 10% 0 0 0; }
        .Box .pro .left .contt .small_img_box {
          margin: 5% 0; }
    .Box .pro .right {
      width: 100%; }

  .sec2 {
    height: 105px; }
    .sec2 .cont {
      padding: 0 3%; }
      .sec2 .cont a {
        line-height: 105px; } }
@media (min-width: 0px) and (max-width: 767px) {
  .sec1 .top {
    padding: 0;
    height: 75px; }
    .sec1 .top span {
      line-height: 2;
      padding: 3%;
      position: absolute; }
      .sec1 .top span i {
        padding: 0 0 0 2%; }
      .sec1 .top span a {
        font-size: 12px; }

  .sec1 .top span > a:last-child {
    padding-left: 9%; }

  .Box {
    width: 88%; }
    .Box .pro .left {
      width: 100%; }
      .Box .pro .left .contt {
        margin: 0; }
        .Box .pro .left .contt .big_img_in {
          margin: 10% 0 0 0; }
        .Box .pro .left .contt .small_img_box {
          margin: 5% 0; }
    .Box .pro .right {
      width: 100%; }
      .Box .pro .right .tit h2 {
        font-size: 18px; }
      .Box .pro .right .tit h3 {
        font-size: 25px; }
      .Box .pro .right .tit p {
        font-size: 14px; }
      .Box .pro .right .tit .tit2 h4 {
        font-size: 15px;
        font-weight: 600; }
    .Box .pro .btn-b .btn1 {
      width: 100%;
      margin-bottom: 3.5%;
      text-align: center; }
      .Box .pro .btn-b .btn1 a {
        font-size: 14px; }

  .sec2 {
    height: 65px; }
    .sec2 .cont {
      padding: 0; }
      .sec2 .cont .item {
        height: 65px;
        padding: 22px 0; }
        .sec2 .cont .item a {
          font-size: 14px;
          line-height: 1.5;
          padding-bottom: 20px; }

  .sec3 .cont1 h3 {
    font-size: 20px; }
    .sec3 .cont1 h3 i {
      border-right: 2px solid #e6332b; }
      .sec3 .cont1 h3 i img {
        width: 30px; }

  .s1 .s1-des #property tr th {
    font-size: 14px; }
  .s1 .s1-des .btn3 a {
    font-size: 14px; }

  .s2 .s2-des .pc h4 {
    font-size: 22px;
    margin-bottom: 25px; }
  .s2 .s2-des .pc p {
    font-size: 14px; }

  .s3 .s3-des .pro-list1 {
    width: 100%; }
    .s3 .s3-des .pro-list1 .pro1 .tit1 h5 {
      font-size: 22px;
      line-height: 1.5; }
    .s3 .s3-des .pro-list1 .pro1 .tit1 .btn2 a {
      padding: 2.5% 10.6%;
      font-size: 14px; }

  #swi-next {
    width: 30px;
    height: 30px;
    right: -18px;
    top: 62%; }

  #swi-prev {
    width: 30px;
    height: 30px;
    left: -18px;
    top: 62%; } }


/*# sourceMappingURL=product_detail.css.map */


@media (max-width: 980px){
	.s1 .s1-des table{width:100%;}
	.s1 .s1-des table span{font-size:14px!important;}
	.s1 .s1-des table p{margin:0 0 1px!important;line-height:normal!important;text-indent:0!important}
	
}