*, *::before, *::after {
  box-sizing: border-box; }

body {
  padding-bottom: 80px; }

.container {
  width: 1400px;
  margin: 0 auto; }

#section1 {height: 860px;background: url('/Public/zjw/newHouse/images/pc_01.jpg?v=1') center no-repeat;}
#section2 {height: 529px;background: url('/Public/zjw/newHouse/images/pc_02.jpg?v=1') center no-repeat;}
#section3 {height: 738px;background: url('/Public/zjw/newHouse/images/pc_03.jpg?v=1') center no-repeat;}
#section4 {height: 211px;background: url('/Public/zjw/newHouse/images/pc_04.jpg?v=1') center no-repeat;}
#section5 {height: 1075px;background: url('/Public/zjw/newHouse/images/pc_05.jpg?v=1') center no-repeat;}
#section6 {height: 969px;background: url('/Public/zjw/newHouse/images/pc_06.jpg?v=1') center no-repeat;}
#section7 {height: 4px;background: url('/Public/zjw/newHouse/images/pc_07.jpg?v=1') center no-repeat;}
#section8 {height: 116px;background: url('/Public/zjw/newHouse/images/pc_08.jpg?v=1') center no-repeat;}

#section9 {background: #FFF;}
#section10 {height: 1526px;background: url('/Public/zjw/newHouse/images/pc_10.jpg?v=1') center no-repeat;}

#section14 {height: 186px;background: url('/Public/zjw/newHouse/images/pc_14.jpg?v=1') center no-repeat;}
#section15 {height: 1369px;background: url('/Public/zjw/newHouse/images/pc_15.jpg?v=1') center no-repeat;}

#section17 {height: 814px;background: url('/Public/zjw/newHouse/images/pc_17.jpg?v=1') center no-repeat;}
#section18 {height: 617px;background: url('/Public/zjw/newHouse/images/pc_18.jpg?v=1') center no-repeat;}
#section19 {height: 592px;background: url('/Public/zjw/newHouse/images/pc_19.jpg?v=1') center no-repeat;}
#section20 {height: 717px;background: url('/Public/zjw/newHouse/images/pc_20.jpg?v=1') center no-repeat;}
#section17 h3{font-size: 24px;margin-bottom: 31px;padding-left: 65px;color: #191919;}
#section17 h3 span{color: #c21b19;}

#section2 .container {display: flex;justify-content: space-between;padding: 40px 60px;border-radius: 5px;box-shadow: 2px 2px 3px #999;position: relative;bottom:44px;z-index: 99;background: #FFF; }
#section2 .p1{font-size: 22px;padding-left: 16px;border-left: 10px solid #C2A374;}

#section2 .container input {flex: 1;background-color: transparent;padding: 15px;font-size: 18px;border: 1px solid #e1e1e1;width: 90%; }
#section2 .container button {background: #215295;color: #FFF;width: 90%;font-size: 18px;font-weight: bolder;border: 0;height: 53px;border-radius: 2px;cursor: pointer}

.show{display: block}
.hide{display: none}
#thumbs3 img,#thumbs4 img{height: 105px;width: 185px;}
#thumbs3 .imgbox,#thumbs4 .imgbox{width: 185px;display: block;margin-bottom: 7px;overflow: hidden;cursor: pointer;box-sizing: border-box;height: 100px;}
#thumbs3 .swiper-slide-thumb-active .imgbox,#thumbs4 .swiper-slide-thumb-active .imgbox{border: 5px solid #C6A47E; }
#section9 .swiper-slide-active{position: relative}
#thumbs3 .bg,#thumbs4 .bg{color: #FFF;position: absolute;top: 0;left: 0;width: 185px;height:100px;text-align: center;line-height: 100px;font-size: 18px;background: rgba(0,0,0,.3);}
.zjw_swiper_thumbs3 .swiper-slide{position: relative}
#thumbs3 .swiper-slide-thumb-active .bg,#thumbs4 .swiper-slide-thumb-active .bg{opacity: unset;font-weight: bold;font-size: 22px;top: 5px;left: 5px;width: 175px;height:90px;line-height: 90px;}
#gallery3 .pz,#gallery4 .pz{width: 185px;height: 185px;background: rgba(255,255,255,.85);padding: 5px;display: inline-block}
#gallery3 .pz p,#gallery4 .pz p{width: 100%;height: 100%;border:1px dashed #2b2b2b;text-align: center;font-size: 24px;padding-top: 50px;}
.pzBox{position: absolute;bottom: 0;left: 0;width: 1064px;height: 185px;background: rgba(0,0,0,.6)}
.pz_l{display: inline-block;padding: 15px 20px;color: #FFF;vertical-align: top;height: 185px;overflow-y: scroll;width: 874px;}
.pz_l p{margin-bottom: 15px;}
.ss{width: 100%;height: 60px;border-radius: 30px;color: #FFF;border: 1px solid #FFF;background: none;font-size: 24px;cursor: pointer}
.on{background: #E9C89D;color: #02497F;border: 1px solid #E9C89D;}

#section20 .container {width: 1240px;display: flex;justify-content: space-between;padding: 0 80px; }
.container .form {width: 460px;text-align: center; }
.container .form .form-group {display: flex;align-items: center;border: 1px solid #bcbcbc;background-color: #f6f6f6;margin-bottom: 15px;padding: 10px 20px;border-radius: 5px; }
.container .form .form-group > label {color: red; }
.container .form .form-group > input {flex: 1;border: 0;background-color: transparent;padding: 5px;font-size: 18px; }
.container .form .form-group .send-message {border: 0;background-color: transparent;color: #C78B43;font-size: 16px;cursor: pointer; }
.container .form .form-group .send-message:disabled {color: #999;cursor: auto; }
.container .form button[type=submit] {border: 0;font-size: 26px;color: #FFF;background: linear-gradient(to right,#E8B065,#C78B43) ;width: 460px;height: 60px;line-height: 1;cursor: pointer;text-align: center;text-shadow: 0 0 5px #666;border-radius: 0;animation: infinite 2s heartBeat;}


#section14 h1{font-size: 26px;font-weight: normal;}
#section14 h1 b{font-size: 40px;}
#section14 .line-s{width: 20px;height: 3px;background: #FFF;margin: 13px auto 16px;}
#section14 p{font-size: 20px;}
#section14 .bbbox{padding: 36px 0 0 0}
#section15 .se15Box{background: #e1e1e1;font-size: 20px;line-height: 78px;height: 78px;text-align: center}
#section15 .layui-col-md3 img{width: 100%}


@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }



#section9 .case-swiper-text {
  width: 550px;
  margin:0 auto 20px ; }
#section9 .case-swiper-text .swiper-slide {
  text-align: center;
  color: #333;
  line-height: 1;
  padding: 10px 0;
  cursor: pointer; }
#section9 .case-swiper-text .swiper-slide > span {
  display: block;
  font-size: 24px;
  padding: 10px; }
#section9 .case-swiper-text .swiper-slide.swiper-slide-thumb-active > span {
  font-weight: bolder }
#section9 .case-swiper-text .swiper-slide:last-child {
  border-right: 0; }
#section9 .case-swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap; }
#section9 .case-swiper .swiper-slide .col-3 {
  width: 30%; }
#section9 .case-swiper .swiper-slide .col-2 {
  width: 20%; }
#section9 .case-swiper .swiper-slide .col-3, #section9 .case-swiper .swiper-slide .col-2 {
  height: 380px;
  padding: 5px;
  overflow: hidden;
  position: relative; }
#section9 .case-swiper .swiper-slide .col-3 > img, #section9 .case-swiper .swiper-slide .col-2 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  position: relative; }
#section9 .case-swiper .swiper-slide .col-3 > span, #section9 .case-swiper .swiper-slide .col-2 > span {
  white-space: nowrap;
  z-index: 2;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 20px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(237, 75, 43, 0.8); }

.zmd4{width: 33.2%}
.zjmd4{width: 33.6%}
.case-swiper .layui-col-md4 p{position: absolute;width: 100%;text-align: center;color: #FFF;background: linear-gradient(to bottom,transparent,#000);bottom: 0;padding: 20px 0;}
.six_box{border: 2px solid #248fc3;height: 125px;border-radius: 6px;overflow: hidden;background: #FFF;}
.six-txt{writing-mode: vertical-lr;color: #FFF;background: #004580;height: 125px;font-size: 26px;padding-left: 10px;padding-top: 8px;}
.six_box img{margin-top: 10px;}
#section4 ul{width: 1143px;margin: 0 auto;padding-top: 143px;color: #FFF;font-size: 18px;}
#section4 ul li{float: left;text-align: center;width: 127px;position: relative}
.s5_tit_box{text-align: center;color: #FFF;padding-top: 86px;}
.s5_tit_box h2{font-size: 42px;font-weight: normal;margin-bottom: 13px;}
.s5_tit_box h4{font-size: 21px;font-weight: normal}

#section6 .des_box{width: 1267px;margin: 67px auto;}
#section6 .des_box .layui-row{width: 1237px;margin: 0 auto;}
#section6 .des_box .in1{background: #f1f1f1;border: 1px solid #d2d2d2;text-align: center;line-height: 30px;padding: 30px 0;}
#section6 .des_box .in1 h2{font-size: 40px;color: #212121;margin-bottom: 15px;}
#section6 .des_box .in1 p{font-size: 24px;color: #212121;}
#section6 .des_box .more{text-align: center;display: inline-block;width: 173px;height: 206px;border: 1px solid #d2d2d2;background: #FFF;font-size: 22px;padding-top: 22px;vertical-align: top;margin-left: 10px;}

#section3 .se3-box{width: 150px;height: 60px;border-radius: 30px;line-height: 60px;border: 2px solid #FFF;background: linear-gradient(to right,#fff,#cfb88f);text-align: center;font-size: 18px;box-shadow: 0 1px 1px #cbcbcb;position: absolute;}
.ec10-box1{margin-bottom: 22px;}
.ec10-box1 img{display: inline-block;}
.video_box_right{display: inline-block;position: relative;}
.video_box{position: relative;display: inline-block;margin-left: 10px;}
.video-btn{position: absolute;top: calc(50% - 40px);right: calc(50% - 40px);cursor: pointer;width: 80px;}

.video_box_right_info{text-align: right;position: absolute;right: 20px;top: 40px;width: 350px;}
.video_box_right_info div{background: linear-gradient(to right,#fce3c4,#e9c89d);color: #014886;display: inline-block;font-size: 25px;font-weight: bolder;border-radius: 30px;padding: 7px 16px 7px 60px;margin-bottom: 24px;}
.video_box_right_info p{color: #FFF;font-size: 21px;line-height: 34px;}
.gongyi .link-gy{font-size: 24px;position: absolute;right: 0;bottom: 0;color: #666}
#section10 .layui-col-md2{width: 20%;}
.gy_txt{position: absolute;bottom: 10px;right: 10px;min-width: 163px;height: 87px;padding-top: 19px;background: linear-gradient(to right,#e9c89d,#fae2c0,transparent);border-radius: 30px 0 0 0;padding-left: 10px;}
.gy_txt h3{font-size: 20px;margin-bottom: 5px;}
.gy_txt p{font-size: 16px;}