@charset "utf-8";
.app{
  display: none;
}
.app2{
  display: none;
}
.content{
  margin-top: 100px;
  min-height: 500px;
  overflow: hidden;
}
.content_xl{margin-top: 0;}
.n_banner17 .rq2{
  display: none;
}

html,body {
  height: 100%;
}
#wrap {
  overflow: hidden;
  width: 100%;
}

#main {
  top: 0;
  position: relative;
}


.banner .swiper-slide img{
  transition: all 10s;
}
.banner .swiper-slide-active img{ 
   transform: scale(1.1);
}

/* banner */
.banner{
  width: 100%;
  height: 100%;
}
.banner .swiper-wrapper,
.banner .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.banner .swiper-slide{
  width: 100%;
  height: 100%;
  position: relative;
}
.banner .swiper-slide .ig1{
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
}
.banner .swiper-slide .ig2{
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
}
.yun1{
  position: absolute;
  left: 0;
  top: 90px;
  animation: yun 2s linear;
  z-index: 10;
}
@keyframes yun{
  0%{
    left: -50%;
  }
  100%{
    left: 0;
  }
}
 .yun2{
  position: absolute;
  right: 0;
  top: 110px;
  animation: yun2 2s linear;
  z-index: 10;
}
@keyframes yun2{
  0%{
    right: -50%;
  }
  100%{
    right: 0;
  }
}

.sb{
  animation: sb 2s infinite linear;
}
@keyframes sb{
  0%{
    bottom: 60px;
  }
  50%{
    bottom: 90px;
  }
  100%{
    bottom: 60px;
  }
}



/* content1 */
.content1{
  width: 100%;
  padding-top: 175px;
  padding-bottom: 110px;
}
/* .content1 .rq{
  width: auto;
  margin: 0 auto;
  display: table;
  margin-bottom: 90px;
} */
/* .content1 .rq div{
  float: left;
  margin-left: 70px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
} */
/* .content1 .rq div:nth-child(1){
  margin-left: 0;
} */
.content1 .sp {
  width: 100%;
  height: 78px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 90px;
}
.content1 .sp .xtb::before{
  content: '';
  width: 1px;
  height: 50px;
  background: rgb(204,204,204);
  position: absolute;
  top: 16px;
  right: -5px;
}
.content1 .sp .xtb{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.content1 .sp .xtb:nth-child(1){
  margin-left: 0;
}

.content1 .sp .xtb:nth-child(1){
  background-image: url(../images/img2.png);
}
.content1 .sp .xtb:nth-child(1).dtb{
  background-image: url(../images/img19.png);
}
.content1 .sp .xtb:nth-child(2){
  background-image: url(../images/img3.png);
}
.content1 .sp .xtb:nth-child(2).dtb{
  background-image: url(../images/img20.png);
}
.content1 .sp .xtb:nth-child(3){
  background-image: url(../images/img21.png);
}
.content1 .sp .xtb:nth-child(3).dtb{
  background-image: url(../images/img4.png);
}
.content1 .sp .xtb:nth-child(4){
  background-image: url(../images/img5.png);
}
.content1 .sp .xtb:nth-child(4).dtb{
  background-image: url(../images/img22.png);
}
.content1 .sp .xtb:nth-child(5){
  background-image: url(../images/img6.png);
}
.content1 .sp .xtb:nth-child(5).dtb{
  background-image: url(../images/img23.png);
}
.content1 .sp .xtb:nth-child(6){
  background-image: url(../images/img7.png);
}
.content1 .sp .xtb:nth-child(6).dtb{
  background-image: url(../images/img24.png);
}
.content1 .sp .xtb:nth-child(7){
  background-image: url(../images/img8.png);
}
.content1 .sp .xtb:nth-child(7).dtb{
  background-image: url(../images/img25.png);
}
.content1 .sp .xtb:nth-child(8){
  background-image: url(../images/img9.png);
}
.content1 .sp .xtb:nth-child(8).dtb{
  background-image: url(../images/img26.png);
}
.content1 .sp .xtb:nth-child(8)::before{
  content: none;
}



.content1 .sp1{
  position: relative;
  /* padding-bottom: 55px; */
}

.content1 .sp1 .swiper-button-prev{
  width: 100px;
  height: 28px;
  left: 9%;
  background-image: url(../images/img12.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: right;
  font-size: 13px;
  color: #333;
}
.content1 .sp1 .swiper-button-prev:hover{
  color: #1f524e;
}
.content1 .sp1 .swiper-button-next{
  width: 100px;
  height: 28px;
  right: 9%;
  background-image: url(../images/img11.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: left;
  font-size: 13px;
  color: #333;
  text-align: right;
}
.content1 .sp1 .swiper-button-next:hover{
  color: #1f524e;
}
.swiper-button-prev::after,
.swiper-button-next::after{
  content: none;
}
.content1 .sp1 .swiper-slide{
  position: relative;
  overflow: hidden;
}




.content1 .sp1 .swiper-slide .ig img{
  width: 100%;
  height: 100%;
}
.content1 .sp1 .swiper-slide .on2 img:hover{
    animation: ss 5s linear;
    transform: scale(1.08);
}
@keyframes ss{
  0%{
    transform: scale(1);
  }
  100%{
    transform: scale(1.08);
  }
}
.content1 .sp1 .swiper-slide::before{
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.content1 .sp1 .swiper-slide.swiper-slide-active::before{
  content: none;
}
.content1 .sp1 .swiper-slide .bj{
  width: 100%;
  height: 100%;
}
.content1 .sp1 .swiper-slide .ig{
  position: absolute;
  top: 0%;
  left:0%;
  opacity: 0;
  transition: all 3s;

  /* animation: oon 2s linear; */
}
/* @keyframes oon{
  0%{
    left: 200%;
  }
} */

.content1 .sp1 .swiper-slide .on2{
 left: 0;
 opacity: 1;
 top: 0;
}

.content1 .sp1 .swiper-slide .rq2{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 225px;
  border-right: 1px solid rgba(255,255,255,0.7);
  display: none;
}
.content1 .sp1 .swiper-slide.swiper-slide-active .rq2{
  display: block;
}
.content1 .sp1 .swiper-slide.swiper-slide-active .rq2 .rq2_1{
  width: 100%;
  height: 25%;
  border-bottom: 1px solid rgba(255,255,255,0.7);
  background: rgb(0,0,0,0.1);
  transition: all .5s;
}
.content1 .sp1 .swiper-slide.swiper-slide-active .rq2 .rq2_1.on3{
  background: rgba(40,85,82,0.9);
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div{
  position: relative;
  width: 100%;
  height: 100%;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
  font-family: "regular";
  background-image: url(../images/img17.png);
  padding-right: 20px;
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  line-height: 40px;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1:nth-child(1) div p img{
  margin-bottom: -7px;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div p img{
  margin-bottom: -3px;
  margin-right: 15px;
}

.content1 .sp1 .swiper-pagination-bullet{
  width: 14.2%;
  height: 1px;
  background: #000;
}




/* .content2 */
.content2{
  width: 100%;
}
.content2 .bj,.content2 .bj img{
  width: 100%;
  height: 100%;
}
.content2 .bj a img{
  animation: tt 4s linear infinite;
}
@keyframes tt{
  0%,100%{
  opacity: 1;
  }
  50%{
    opacity: 0.2;
  }
}
.content2 .bj{
  position: relative;
}
.content2 .bj a{
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%,-50%);
}
.content2 .zw {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%,0%);
  padding-top: 100px;
}
.content2 .zw .p1{
  font-size: 45px;
  color: #fff;
  font-family: "light";
  text-align: center;
  line-height: 57px;
  padding-bottom: 50px;
  position: relative;
}
.content2 .zw .p1::before{
  content: '';
  width: 46px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%,-50%);
}
.content2 .zw .p2{
  font-size: 16px;
  color: #fff;
  font-family: "light";
  text-align: center;
  width: 69%;
  margin: 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}



/* .content3 */
.content3{
  width: 100%;
  padding-top: 280px;
}
/* .content3 .bj,.content3 .bj img{
  width: 100%;
  height: 100%;
} */
.content3 .bj{
/* height: 1400px; */
height: 2371px;
}
.content3 .bj .gd{
  width: 100%;
  height: 820px;
  position: sticky;
  top: 55px;
}









.content3 .bj{
  position: relative;
}
.content3 .xzz{
  width: 100%;
   position: absolute;
  left: 50%;
  top:47%;
  transform: translate(-50%,-50%);
}
/* .content3 .foot-container{
  position: absolute;
  left: 50%;
  top:45%;
  transform: translate(-50%,-50%);
} */






.content3 .bj2,.content3 .bj2 img{width: 100%;height: 100%;}
.content3 .bj2{
  position: relative;
}
.content3 .zw{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top:0%;
  transform: translate(-50%,0%);
  padding-top: 138px;
  padding-left: 90px;
}
.content3 .zw .p1{
  color: #1f524e;
  font-size: 50px;
  font-family: "light";
}
.content3 .zw .p2{
  color: #1f524e;
  font-size: 26px;
  font-family: "light";
  text-transform: uppercase;
  letter-spacing:1px;
  margin-bottom: 54px;
}
.content3 .zw input{
  font-size: 18px;
  color: #333;
  font-family: "light";
  width: 290px;
  height: 50px;
  background: rgb(197,202,202);
  text-indent: 16px;
  margin-right: 20px;
}
.content3 .zw button{
  width: 200px;
  height: 50px;
  background: rgb(197,202,202);
  font-size: 18px;
  color: #333;
  font-family: "light";
  vertical-align: middle;
  transition: all .3s;
}
.content3 .zw button:hover{
  background: rgb(31,80,78);
  color: #fff;
}
.content3 input:-moz-placeholder, 
.content3 textarea:-moz-placeholder {  
     color: #333;   
}  
.content3 input:-ms-input-placeholder,
.content3 textarea:-ms-input-placeholder { 
    color: #333;   
} 
.content3 input::-webkit-input-placeholder, 
.content3 textarea::-webkit-input-placeholder { 
    color: #333;   
}
.content3 .zw .p3{
  font-size: 30px;
  color: #1f524e;
  font-family: "normal";
  margin-top: 180px;
}
.content3 .zw .p4{
  font-size: 16px;
  color: #666;
  font-family: "light";
  margin-bottom: 40px;
}
.content3 .zw a{
  display: block;
  width: 190px;
  height: 40px;
  background: rgb(31,80,78);
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-family: "regular";
  transition: all .5s;
}
.content3 .zw a:hover{
  background: rgb(32,52,71);
}

.content3 .zw a img{
  width: 19px;
  height: 14px;
  margin-right: 30px;
  margin-bottom: -3px;
}



/* content4 */
.content4{
  width: 100%;
  height: 720px;
  position: relative;
}
.content4 .foot-container{
  /* padding-top: 360px;
  padding-bottom: 225px; */

  padding-top: 240px;
  padding-bottom: 124px;
}
.content4 .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.content4 .rq::before{
  content: '';
  width: 1px;
  height: 280px;
  background: rgb(31,82,78);
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.content4 .rq .rq1{
  width: 50%;
  padding-left: 115px;
  float: left;
}
.content4 .rq .rq1:nth-child(2){
  padding-left: 315px;
}
.content4 .rq .rq1 .p1{
  font-size: 60px;
  color: #1f524e;
  font-family: "light";
}
.content4 .rq .rq1 .p2{
  color: #1f524e;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "light";
}
.content4 .rq .rq1 .p3{
  color: #1f524e;
  font-size: 22px;
  font-family: "light";
  margin-top: 60px;
  margin-bottom: 65px;
}
.content4 .rq .rq1 img{
  width: 26px;
  height: 8px;
}



/* content5 */
.content5{
  width: 100%;
  height: 100%;
}
.content5 .bj,.content5 .bj img{
  width: 100%;
  /* height: 100%; */
  vertical-align: middle;
}
.content5 .bj{
  position: relative;
}
.content5 .foot-container{
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%,0%);
  padding-top: 198px;
}
.content5 .rq{
  width: 1050px;
  margin: 0 auto;
}
.content5 .rq1{
  width: 33.33%;
  height: 215px;
  float: left;
  border-right: 1px solid rgb(239,240,241);
  position: relative;
}
.content5 .rq1:nth-child(1){
  border-bottom: 1px solid rgb(239,240,241);
}
.content5 .rq1:nth-child(2){
  border-bottom: 1px solid rgb(239,240,241);
}
.content5 .rq1:nth-child(3){
  border-bottom: 1px solid rgb(239,240,241);
}
.content5 .rq1:nth-child(3n){
  border-right: none;
}
.content5 .rq1 div{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.content5 .rq1 .p1{
  font-size: 24px;
  color: #fff;
  font-family: "bold";
  text-align: center;
}
.content5 .rq1 .p1 .sztd{
  font-size: 79px;
  color: #fff;
  font-family: "din";
  margin: 0 auto;
}
.content5 .rq1 .p2{
  font-size: 17px;
  color: #fff;
  font-family: "regular";
  text-align: center;
  margin: 0 auto;
}
.content5 .rq1:nth-child(6) .p1{
  font-size: 41px;
}


.content5 a{
  display: block;
  width: 180px;
  height: 50px;
  position: relative;
  line-height: 50px;
  margin: 0 auto;
  margin-top: 65px;
  overflow: hidden;
}
.content5 a::after{
  content: '';
   box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.content5 a::before{
  content: '';
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: rgb(31,80,78);
  position: absolute;
  left: -100%;
  top: 0;
  transition: all .5s;
}
.content5 a:hover::before{
  left: 0;background: rgb(31,80,78);
}

.content5 a p{
  width: 100%;
  height: 100%;
  color: #1f514c;
  font-size: 17px;
  text-align: center;
  position: relative;
  z-index: 1;
  transition: all .5s;
}
.content5 a:hover p{
  color: #fff;
}




/* content6 */
.content6{
  width: 100%;
  padding-top: 160px;
  padding-bottom: 110px;
  background: rgb(245,245,245);
  position: relative;
}
.content6 .p1{
  font-size: 60px;
  color: #1f524e;
  font-family: "light";
}
.content6 .p2{
  text-transform: uppercase;
  color: #1f524e;
  font-size: 30px;
  font-family: "light";
  position: relative;
  padding-bottom: 200px;
}
.content6 .p2::before{
  content: '';
  width: 26px;
  height: 8px;
  background-image: url(../images/img32.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
}
.content6 .swiper-slide{
  position: relative;
  height: 600px;
}
.content6 .swiper-slide img{
  opacity: 0;
  transition: all 1s;
}
.content6 .swiper-slide div{
  width: 100%;
  height: 300px;
  background: #fff;
  transition: all 1s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 60px 35px;
}
.content6 .swiper-slide:hover{
  position: static;
}
.content6 .swiper-slide:hover div{
  position: static;
  transform: translateY(0%);
}
.content6 .swiper-slide:hover img{
  opacity: 1;
}
/* .content6 .swiper-slide-active{
  position: static;
}
.content6 .swiper-slide-active div{
  position: static;
  transform: translateY(0%);
}
.content6 .swiper-slide-active img{
  opacity: 1;
} */
.content6 .swiper-slide div .p3{
  font-size: 34px;
  color: #1f524e;
  font-family: "din";
}
.content6 .swiper-slide div .p4{
  font-size: 16px;
  color: #1f524e;
  font-family: "light";
}
.content6 .swiper-slide div .p5{
  font-size: 16px;
  color: #666;
  font-family: "regular";
  position: relative;
  margin-top: 10px;
  padding-bottom: 80px;
}
.content6 .swiper-slide img{
  width: 100%;
}
.content6 .swiper-slide div .p5::before{
  content: '';
  width: 60px;
  height: 1px;
  background: rgb(31,81,76);
  position: absolute;
  bottom: 0;
}
.content6 .swiper-container{
  padding-bottom: 80px;
}
.content6 .swiper-pagination-bullet{
  background: rgb(210,210,210);
  opacity: 1;
}
.content6 .swiper-pagination-bullet-active{
  background: rgb(31,81,76);
}



/* content7 */
.content7{
  width: 100%;
}
.content7 .rq{
  width: 100%;
  padding-top: 130px;
  padding-bottom: 80px;
}
.content7 .rq1{
  width: 20%;
  float: left;
  position: relative;
}
.content7 .rq1 .p1{
  font-size: 17px;
  color: #1f514c;
  padding-top: 105px;
  text-align: center;
  margin-bottom: 10px;
}
.content7 .rq1 .p2{
  text-transform: uppercase;
  font-size: 12px;
  color: #1f514c;
  text-align: center;
}
.content7 .rq1 .tb{
  width: 82px;
  height: 82px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  transition: all .3s;
}
.content7 .rq1 .tb .tbrq{
  width: 100%;
  height: 100%;
  position: relative;
}
.content7 .tb1{
  width: 82px;
  height: 82px;
  background-image: url(../images/img35.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes tb1{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.content7 .tb2{
  width: 71px;
  height: 71px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.content7 .tb2 div{
  width: 100%;
  height: 100%;
  position: relative;
}
.content7 .tb2 div::before{
  content: '';
  width: 71px;
  height: 71px;
  background-image: url(../images/img36.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes tb2{
  0%{
    transform: rotate(-0deg);
  }
  100%{
    transform: rotate(-360deg);
  }
}
.content7 .rq1:nth-child(1)>.tb .tbrq .tb3{
  width: 100%;
  height: 100%;
  background-image: url(../images/img37.png);
  background-repeat: no-repeat;
  background-position: center;
}
.content7 .rq1:nth-child(2)>.tb .tbrq .tb3{
  width: 100%;
  height: 100%;
  background-image: url(../images/img38.png);
  background-repeat: no-repeat;
  background-position: center;
}
.content7 .rq1:nth-child(3)>.tb .tbrq .tb3{
  width: 100%;
  height: 100%;
  background-image: url(../images/img39.png);
  background-repeat: no-repeat;
  background-position: center;
}
.content7 .rq1:nth-child(4)>.tb .tbrq .tb3{
  width: 100%;
  height: 100%;
  background-image: url(../images/img40.png);
  background-repeat: no-repeat;
  background-position: center;
}
.content7 .rq1:nth-child(5)>.tb .tbrq .tb3{
  width: 100%;
  height: 100%;
  background-image: url(../images/img41.png);
  background-repeat: no-repeat;
  background-position: center;
}
.content7 .rq1:hover .tb{
  top: -10px;
}
.content7 .rq1:hover .tb1{
  animation: tb1 2s infinite linear;
}
.content7 .rq1:hover .tb2 div::before{
  animation: tb2 2s infinite linear;
}







/* 产品系列-A8 */
.n_banner{
  width: 100%;
  height: 100%;
}
.n_banner .bj{
  width: 100%;
  height: 100%;
  position: relative;
}
/* .n_banner .bj .tp{
  width: 100%;
  height: 100%;
} */
.n_banner .foot-container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 115px;
}
.n_banner .foot-container div{
  width: 100%;
  height: 100%;
  position: relative;
}
.n_banner .foot-container .ig1{
  display: block;
  margin: 0 auto;
}
.n_banner .foot-container .p1{
  color: #1f524e;
  font-size: 50px;
  font-family: "light";
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.n_banner .foot-container .p2{
  color: #333;
  font-size: 20px;
  font-family: "light";
  text-align: center;
}
.n_banner .foot-container .ig2{
  position: absolute;
  right: 300px;
  top: 20%;
  animation: yxz 30s linear infinite;
}
.n_banner .foot-container .ig3{
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
}


/* pro1_cont1 */
.pro1_cont1{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pro1_cont1 .top{
  width: 100%;
  padding: 120px 450px;
}
.pro1_cont1 .top p{
  font-size: 20px;
  color: #666;
  font-family: "light";
  text-align: center;
  display: none;
}
.pro1_cont1 .top div{
  width: 50px;
  height: 2px;
  background: rgb(76,117,113);
  margin: 0 auto;
  margin-bottom: 30px;
}
.pro1_cont1 .bot{
  width: 100%;
}
.pro1_cont1 .bot .rq1{
  /* width: 32.666%;
  margin-right: 1%; */
  float: left;
  position: relative;
}
.pro1_cont1 .bot .rq1:nth-child(3){
  margin-right: 0;
}
.pro1_cont1 .bot .rq1 img{
  width: 100%;
  height: 100%;
}
.pro1_cont1 .bot .rq1 div{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 90px;
}
.pro1_cont1 .bot .rq1 div p{
  color: #1f524e;
  font-size: 28px;
  font-family: "light";
  text-transform: uppercase;
  text-align: center;
}
.pro1_cont1 .bot .rq1 div button{
  width: 140px;
  height: 40px;
  background-image: url(../images/img47.png);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 18px;color: #fff;  font-family: "light";
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}



/* .pro1_cont2 */
.pro1_cont2,.pro1_cont3{
  width: 100%;
  height: 100%;
  position: relative;
}

.pro1_cont2 .foot-container,
.pro1_cont3 .foot-container
{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 90px;
}
.pro1_cont2 .foot-container img{
  display: block;
  margin: 0 auto;
}
.pro1_cont2 .p1{
  color: #1a4744;
  font-size: 50px;
  font-family: "light";
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
.pro1_cont2 .p2{
  color: #666666;
  font-size: 18px;
  font-family: "light";
  text-align: center;
  width: 54%;
  margin: 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* pro1_cont3 */
.pro1_cont3 .foot-container{
  padding-top: 175px;
  padding-left: 655px;
}
.xian{
  width: 50px;
  height: 2px;
  background: rgb(75,115,112);
  margin-bottom: 35px;
}
.pro1_cont3 .foot-container p{
  font-size: 20px;
  color: #444;
  font-family: "light";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.pro1_cont4{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pro1_cont4 .lef{
  float: left;
  position: relative;
  width: 60%;
}
.pro1_cont4 .bj{
  width: 100%;
  vertical-align: middle;
}
.pro1_cont4 .lef .bj{
  height: 980px;
}
.pro1_cont4 .lef .ig1{
  position: absolute;
  left: 85px;
  bottom: 35px;
}
.pro1_cont4 .lef .wz{
  width: 739px;
  position: absolute;
  top: 120px;
  left: 240px;
}
.pro1_cont4 .lef .wz p{
  font-size: 20px;
  color: #444444;
  font-family: "light";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.pro1_cont4 .rig{
  float: right;
  width: 40%;
  height: 100%;
}
.pro1_cont4 .rig .bj{
  height: 420px;
}
.pro1_cont4 .rig .bot{
  background: rgb(249,249,249);
  height: 560px;
  position: relative;
}
.pro1_cont4 .rig .bot div{
  width: 300px;
  height: 100px;
  border: 1px solid rgb(137,160,158);
  border-left: none;
  border-right: none;
  position: absolute;
  top: 50%;
  left: 120px;
  transform: translateY(-50%);
  padding: 17px 0;
}
.pro1_cont4 .rig .bot div .p1{
  font-size: 30px;
  color: #444;
  font-family: "light";
}
.pro1_cont4 .rig .bot div .p2{
  text-transform: uppercase;
  font-size: 14px;
  color: #999;
  font-family: "light";
}


.pro1_cont5{
  width: 100%;
  padding: 100px 0;
}
.pro1_cont5 div{
  width: 168px;
  height: 169px;
  margin: 0 auto;
  position: relative;
}
.pro1_cont5 div::before{
  content: '';
  width: 168px;
  height: 169px;
  background-image: url(../images/img55.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  animation: yxz 30s linear infinite;
}
@keyframes yxz{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.pro1_cont5 div p{
  font-size: 16px;
  color: #777;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-bottom: 1px solid rgb(204,204,204);
  padding-bottom: 5px;
}



/* 产品系列-DG */
/* n_banner2 */

.n_banner2 .foot-container{
  padding-top: 0;
}
.n_banner2 .ig1{
  display: block;margin: 0 auto;
  padding-top: 89px;
  padding-bottom: 49px;
}
.n_banner2 .dg_p1{
  font-size: 46px;
  color: #fff;
  font-family: "light";
  text-align: center;
  line-height: 55px;
  opacity: 0.9;
}
.n_banner2 .dg_p2{
  font-size: 20px;
  color: #fff;
  font-family: "light";
  text-align: center;
  opacity: 0.6;
  width: 30%;
  margin: 0 auto;
}
.n_banner2 .foot-container  .ig2{
  position: absolute;
  top: 256px;
  right: 360px;
}
.n_banner2 .dg_ig2{
  display: block;
  margin: 0 auto;
  margin-top: 28px;
}
.n_banner2 .dg_ig3{
  display: block;
  margin: 0 auto;
  margin-top: 90px;
  transform: translateX(15%);
}


/* pro2_cont1 */
.pro2_cont1{
  width: 100%;
  background-image: url(../images/img62.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.pro2_cont1 .foot-container{
  height: 1180px;
  position: relative;
  padding-top: 145px;
  padding-bottom: 100px;
}
.pro2_cont1 .p1{
  font-size: 115px;
  color: #4c1b1c;
  font-family: "bod";
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-57%,-50%);
  line-height: 110px;
  z-index: 10;
}
.pro2_cont1 .rq{
  float: left;
}
.pro2_cont1 .p2{
  font-size: 20px;
  color: #4c1b1c;
  font-family: "light";
}
.pro2_cont1 .xian{
  background: rgb(76,27,28);
}
.pro2_cont1 .ig1{
  float: right;
  margin-right: -30px;
}
.pro2_cont1 .ig2{
  position: absolute;
  left: 0;
  bottom: 100px;
}
.pro2_cont1 .ig3{
  position: absolute;
  top: 57%;
  left: 59%;
  animation: yxz 30s linear infinite;
}



/* pro2_cont2 */
.pro2_cont2{
  width: 100%;
  position: relative;
}
/* .pro2_cont2 .bj{
  width: 100%;
  height: 100%;
} */
.pro2_cont2 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro2_cont2 .ig1{
  display: block;
  margin: 0 auto;
  padding-top: 84px;
  padding-bottom: 20px;
}
.pro2_cont2 .p1{
  font-size: 50px;
  color: #94292b;
  text-align: center;
  font-family: "light";
}
.pro2_cont2 .p2{
  font-size: 18px;
  color: #fff;
  opacity: 0.5;
  text-align: center;
  font-family: "light";
  width: 54%;
  margin: 0 auto;
  margin-top: 20px;
}


/* pro2_cont2 */
.pro2_cont3{
  width: 100%;
  height: 980px;
  background-image: url(../images/img69.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.pro2_cont3 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 120px;
}
.pro2_cont3 .p1{
  font-size: 92px;
  color: #4c1b1c;
  font-family: "bod";
  text-transform: uppercase;
  line-height: 90px;
}
.pro2_cont3 .p1:nth-child(2){
  padding-left: 280px;
}
.pro2_cont3 .p2{
  font-size: 20px;
  color: #4c1b1c;
  font-family: "light";
  width: 48%;
  margin-top: 15px;
}
.pro2_cont3 .ig1{
  position: absolute;
  right: 0;
  bottom: -150px;
}
.pro2_cont3 .ig2{
  position: absolute;
  top: 48%;
  left: 65%;
  transform: translate(-50%,-50%);
}
.pro2_cont3 .ig3{
  position: absolute;
  top: -85px;
  right: 0;
}
.pro2_cont3 .ig4{
  position: absolute;
  bottom: -23px;
  left: 0;
}



/* pro2_cont4 */
.pro2_cont4{
  width: 100%;
  height: 980px;
}
.pro2_cont4 .lef{
  float: left;
  width: 63%;
  height: 100%;
  background: rgb(249,249,249);
  position: relative;
}
.pro2_cont4 .rig{
  float: right;
  width: 37%;
  height: 100%;
  background: rgb(237,237,237);
  position: relative;
}
.pro2_cont4 .lef .top{
  padding-left: 240px;
  padding-top: 130px;
}
.pro2_cont4 .lef .top .p1{
  font-size: 14px;
  color: #4c1b1c;
  font-family: "light";
  width: 76%;
}
.pro2_cont4 .ig1{
  position: absolute;
  bottom: 0;
  left: 0;
}
.pro2_cont4 .ig2{
  position: absolute;
  top: 0;
  right: 0;
}
.pro2_cont4 .ig3{
  position: absolute;
  top: 50%;
  left: -7%;
  animation: yxz 30s linear infinite;
}
.kk{
  width: 300px;
  height: 100px;
  border: 1px solid rgb(156,132,132);
  border-left: none;
  border-right: none;
  position: absolute;
  bottom: 230px;
  left: 125px;
  padding: 15px 0;
}
.kk .p2{
  color: #4c1b1c;
  font-size: 30px;
  font-family: "light";
  text-align: center;
}
.kk .p3{
  color: #999999;
  font-size: 14px;
  font-family: "light";
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.pro1_cont5 .p1{
  font-size: 24px;
  color: #444444;
  font-family: "light";
  text-align: center;
  margin-top: 28px;
}





/* 产品系列-NB */
/* n_banner3 */
.n_banner3 .dg_p1{
  color: #1f524e;
  font-size: 50px;
  text-align: center;
  font-family: "light";
  line-height: 60px;
  margin-top: 43px;
}
.n_banner3 .foot-container .ig2 {
  right: 335px;
  top: 20%;
}


/* pro3_cont1 */
.pro3_cont1{
  width: 100%;
  position: relative;
  padding-bottom: 115px;
}
/* .pro3_cont1 .top{
  padding-top: 58px;
  padding-bottom: 35px;
} */
.pro3_cont1 .top .lef{
  float: left;
  padding-left: 50px;
  padding-top: 60px;
}
.pro3_cont1 .top .lef .p1{
  font-size: 20px;
  color: #666;
  font-family: "light";
}
.pro3_cont1 .top .rig{
  float: right;
}
.pro3_cont1 .bot{
  width: 100%;
  position: relative;
}
.pro3_cont1 .bot .ig1{
  margin-left: 190px;
  float: left;
}
.pro3_cont1 .bot .ig2{
  margin-left: 45px;
  float: left;
}
.pro3_cont1 .bot .p2{
  font-size: 73px;
  color: #1f524e;
  font-family: "book";
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 22%;
}
.pro3_cont1 .bot .p2 span{
  font-size: 73px;
  color: #1f524e;
  font-family: "book";
  position: absolute;
  right: -100px;
}
.pro3_cont1 .bot .p3{
  font-size: 20px;
  color: #444;
  font-family: "light";
  position: absolute;
  right: 0;
  bottom: 130px;
  padding-bottom: 20px;
  padding-left: 50px;
  background-image: url(../images/img76.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.pro3_cont1 .ig3{
  position: absolute;
  left: 0;
  bottom: -120px;
  z-index: 20;
}



/* pro3_cont1 */
.pro3_cont2{
  width: 100%;
  position: relative;
}
/* .pro3_cont2 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.pro3_cont2 .foot-container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.pro3_cont2 .ig1{
  display: block;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 25px;
}
.pro3_cont2 .p1{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
}
.pro3_cont2 .p2{
  font-size: 18px;
  color: #666;
  font-family: "light";
  text-align: center;
  width: 54%;
  margin: 0 auto;
  margin-top: 35px;
}


/* pro3_cont3 */
.pro3_cont3{
  width: 100%;
  position: relative;
}
.pro3_cont3 .foot-container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
/* .pro3_cont3 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.pro3_cont3 .wz{
  width: 710px;
  float: right;
  padding-right: 60px;
  padding-top: 155px;
}
.pro3_cont3 .p1{
  font-size: 20px;
  color: #444;
  font-family: "light";
}


/* pro3_cont4 */
.pro3_cont4 .lef{
  width: 59.3%;
  background: none;
}
.pro3_cont4 .lef .ig1{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.pro2_cont4 .lef .top .p1{
  color: #444;
  width: 81%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.pro3_cont4 .lef .ig4{
  position: absolute;
  bottom: 20px;
  left: 147px;
}
.pro3_cont4 .rig{
  width: 40.7%;
  background: url(../images/img83.jpg);
  background-position-x: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
.pro3_cont4  .kk{
  width: auto;
  padding: 15px 20px ;
  border-top: 1px solid rgb(138,161,159);
  border-bottom: 1px solid rgb(138,161,159);
}
.pro3_cont4 .kk .p2{
  color: #444;
}
.pro3_cont4 .kk .p3{
  font-size: 12px;
}



/* 产品系列-TT */
/* n_banner3 */
.n_banner4 .dg_ig3{
  display: block;
  margin: 0 auto;
  margin-top: 125px;
  transform: translateX(0);
}
.n_banner4 .dg_p1{
  color: #fff;
}
.n_banner4 .foot-container .ig2{
  right: 290px;
}

/* pro4_cont1 */
.pro4_cont1{
  width: 100%;
  height: 1080px;
  background: #fff;
  position: relative;
}
.pro4_cont1 .ig1{
  position: absolute;
  left: 0;
  top: 115px;
}
.pro4_cont1 .ig2{
  position: absolute;
  right: 0;
  bottom: 75px;
}
.pro4_cont1 .foot-container{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.pro4_cont1 .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.pro4_cont1 .ig3{
  position: absolute;
  right: 0;
  top: -3px;
}
.pro4_cont1 .p1{
  font-size: 20px;
  color: #666;
  font-family: "light";
  width: 53%;
  text-align: center;
  margin: 0 auto;
  padding-top: 175px;
}
.pro4_cont1 .ig4{
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translateX(-50%);
}



/* pro4_cont2 */
.pro4_cont2{
  width: 100%;
  position: relative;
}
/* .pro4_cont2 .bj{
  width: 100%;
  height: 100%;
} */
.pro4_cont2 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro4_cont2 .ig1{
  display: block;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 40px;
}
.pro4_cont2 .p1{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
}
.pro4_cont2 .p2{
  font-size: 20px;
  color: #444444;
  font-family: "light";
  text-align: center;
  margin-top: 40px;
  line-height: 30px;
}


/* pro4_cont3 */
.pro4_cont3{
  width: 100%;
  position: relative;
  overflow: hidden;
}
/* .pro4_cont3 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.pro4_cont3 .ig1{
  position: absolute;
  left: 0;
  top: 30px;
}
.pro4_cont3 .ig2{
  position: absolute;
  right: 0;
  top: -50px;
}
.pro4_cont3 .ig3{
  position: absolute;
  left: 25%;
  bottom: -30px;
}
.pro4_cont3 .ig4{
  position: absolute;
  right: 0;
  bottom: 0;
}
.pro4_cont3 .p1{
  position: absolute;
  top: 185px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  color: #333333;
  font-family: "light";
  text-align: center;
}

/* .pro4_cont4 */
.pro4_cont4 .rig{
  background-image: url(../images/img103.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.pro4_cont4 .ig2{
  position: absolute;
  left: 50%;
  top: 2%;
  transform: translateX(-50%);
}
.pro4_cont4 .ig4{
  position: absolute;
  right: 0;
  bottom: -70px;
}
.pro4_cont4 .rig div{
  position: absolute;
  left: 125px;
  bottom: 105px;
}
.pro4_cont4 .rig div .p2{
  font-size: 14px;
  color: #1f524e;
  font-family: "regular";
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}
.pro4_cont4 .rig div .p2::before{
  content: '';
  width: 44px;
  height: 2px;
  background: rgb(73,114,111);
  position: absolute;
  bottom: 0;
}
.pro4_cont4 .lef .top .p1 {
  color: #444;
  width: 74%;
}
.pro4_cont4 .ig5{
  position: absolute;
  top: 110px;
  left: 140px;
}
.pro4_cont4 .lef .top{
  padding-top: 205px;
}
.pro4_cont4 .lef{
  background: rgb(230,230,230);
}




/* 产品系列-东方先生 */
.n_banner7 .dg_p1{
  font-size: 36px;
  font-family: "light";
  text-align: center;
  margin-top: 40px;
  margin-bottom: 105px;
}
.n_banner7 .dg_ig3{
  display: block;
  margin: 0 auto;
}
.n_banner7 .yig1{
  position: absolute;
  left: 0;
  top: 88px;
}
.n_banner7 .yig2{
  position: absolute;
  right: 0;
  top: 120px;
}
/* pro5_cont1 */
.pro5_cont1{
  width: 100%;
  height: 1180px;
  position: relative;
  color: #fff;
}
.pro5_cont1 .ig1{
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translate(-50%,-50%);
}
.pro5_cont1 .ig2{
  position: absolute;
 top: 70px;
 right: 130px;
}
.pro5_cont1 .ig3{
  position: absolute;
  bottom: 70px;
  right: 0px;
}
.pro5_cont1 .foot-container{
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro5_cont1 .wz{
  width: 100%;
  height: 100%;
  position: relative;
}
.pro5_cont1 .ig4{
  position: absolute;
  top: 90px;
  right: 0px;
}
.pro5_cont1 .ig5{
  position: absolute;
  top: 29%;
  right: 85px;
}
.pro5_cont1 .p1{
  color: #522608;
  font-size: 36px;
  font-family: "light";
  padding-top: 165px;
  padding-bottom: 25px;
}
.pro5_cont1 .p2{
  font-size: 20px;
  color: #333333;
  font-family: "light";
  line-height: 30px;
}
.pro5_cont1 .p3{
  font-size: 20px;
  color: #333333;
  font-family: "light";
  line-height: 30px;
}
.pro5_cont1 .rq{
  display: none;
}
.pro5_cont1 .bt{
  width: 34px;
  height: 34px;
  margin-top: 30px;
  background-image: url(../images/img116.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: all .5s;
  float: left;
}
.pro5_cont1 .bt:hover{
  background-image: url(../images/img117.png);
}
.pro5_cont1 .ryb{
  width: 730px;
  position: absolute;
  left: 0;
  bottom: 290px;
}
.pro5_cont1 .ryb img{
  width: 49%;
  margin-right: 1.5%;
  vertical-align: middle;
}
.pro5_cont1 .ryb img:nth-child(2){
  margin-right: 0;
}




/* pro5_cont2 */
.pro5_cont2{
  width: 100%;
  position: relative;
}
/* .pro5_cont2 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.pro5_cont2 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro5_cont2 .ig1{
  display: block;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 40px;
}
.pro5_cont2 .p1{
  font-size: 36px;
  color: #522608;
  font-family: "light";
  text-align: center;
  margin-bottom: 15px;
}
.pro5_cont2 .p2{
  font-size: 18px;
  color: #444444;
  font-family: "light";
  text-align: center;
  line-height: 32px;
}

.pro5_cont2 .p3{
  font-size: 18px;
  color: #444444;
  font-family: "light";
  text-align: center;
  line-height: 32px;
  width: 50%;
  margin: 0 auto;
}
.pro5_cont2 .yc{
  display: none;
}

.bt{
  width: 34px;
  height: 34px;
  margin-top: 30px;
  background-image: url(../images/img117.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: all .5s;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
/* .bt:hover{
  background-image: url(../images/img117.png);
} */



.pro5_cont2 .rq{
  width: 1020px;
  height: 260px;
  background: #fff;
  margin: 0 auto;
  margin-top: 30px;
}
.pro5_cont2 .rq1{
  width: 33.333%;
  height: 100%;
  float: left;
}
.pro5_cont2 .rq1{
  background-image: url(../images/img120.png);
  background-repeat: no-repeat;
  background-size: 80px;
  background-position-x: center;
  background-position-y: 50px;
}
.pro5_cont2 .p4{
  font-size: 26px;
  color: #444444;
  font-family: "light";
  text-align: center;
  padding-top: 150px;
}
.pro5_cont2 .p5{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  text-align: center;
  opacity: 0.6;
  text-transform: uppercase;
}
.pro5_cont2 .rq1:nth-child(2){
  background-image: url(../images/img121.png);
}
.pro5_cont2 .rq1:nth-child(3){
  background-image: url(../images/img122.png);
}



/* pro5_cont3 */
.pro5_cont3{
  width: 100%;
  position: relative;
}
/* .pro5_cont3 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.pro5_cont3 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro5_cont3 .p1{
  color: #522608;
  font-size: 36px;
  text-align: center;
  font-family: "light";
  padding-top: 90px;
  padding-bottom: 25px;
}
.pro5_cont3 .p2{
  color: #522608;
  font-size: 20px;
  text-align: center;
  font-family: "light";
  width: 65%;
  margin: 0 auto;
}
.pro5_cont3 .ig1{
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
}


/* pro5_cont4 */
.pro5_cont4{
  width: 100%;
  position: relative;
}
.pro5_cont4 .lef{
  float: left;
  width: 63%;
}
.pro5_cont4 .rig{
  width: 37%;
  float: right;
  position: relative;
}
.pro5_cont4 .rig img{
  float: left;
  width: 100%;
}
.pro5_cont4 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 160px;
}
.pro5_cont4 .p1{
  font-size: 20px;
  color: #4c1b1c;
  font-family: "light";
  width: 49%;

}
.pro5_cont4 .ig1{
  margin-top: 130px;
  margin-left: 5px;
}
.pro5_cont4 .ig2{
  position: absolute;
  top: 58%;
  left: 57%;
}



/* pro5_cont5 */
.pro5_cont5{
  width: 100%;
  padding-top: 90px;
}
.pro5_cont5 .rrq{
  width: 100%;
  padding: 0 55px;
}
.pro5_cont5 .p1{
  font-size: 46px;
  color: #522608;
  font-family: "light";
  text-align: center;
  margin-bottom: 40px;
}
.pro5_cont5 .rq{
  width: 90%;
  margin: 0 auto;
}
.pro5_cont5 .rq1{
  width: 32%;
  float: left;
  margin-right: 2%;
  position: relative;
}
.pro5_cont5 .rq1:nth-child(3){
  margin-right: 0;
}
.pro5_cont5 .rq1 img{
  width: 100%;
  height: 100%;
}
.pro5_cont5 .rq1 .rq{
  width: 100%;
  height: 100%;
  padding-top: 75px;
  position: absolute;
  top: 0;
  left: 0;
}
.pro5_cont5 .rq1 .p2{
  color: #1f524e;
  font-size: 36px;
  font-family: "light";
  text-align: center;
  text-transform: uppercase;
}
.pro5_cont5 .rq1 button{
  width: 150px;
  height: 45px;
  color: #fff;
  font-size: 18px;
  font-family: "light";
  background-image: url(../images/img47_3.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  transition: all .3s;
}
.pro5_cont5 .rq1 button:hover{
  width: 150px;
  height: 45px;
  background-image: url(../images/img47.png);
  background-size: contain;
}


/* 产品系列-胡桃 */
.n_banner6 .ig4{
  display: block;
  margin: 0 auto;
  margin-top: 57px;
}
.n_banner6 .foot-container .ig2 {
  position: absolute;
  right: 390px;
  top: 26%;
  animation: yxz 30s linear infinite;
}

/* pro6_cont1 */
.pro6_cont1{
  width: 100%;
  position: relative;
}
.pro6_cont1 .foot-container{
  padding-left: 95px;
  padding-top: 45px;
  padding-bottom: 110px;
}
.pro6_cont1 .ig1{
  margin-left: 150px;
  width: 291px;
  float: left;
  margin-right: 40px;
}
.pro6_cont1 .ig2{
  float: left;
  width: 671px;
  margin-top: 100px;
}
.pro6_cont1 .bot{
  margin-top: 35px;
  position: relative;
}
.pro6_cont1 .ig3{
  float: right;
  margin-right: 523px;
  width: 341px;
}
.pro6_cont1 .zw{
  width: 415px;
  float: left;
  margin-top: 100px;
}
.pro6_cont1 .p1{
  font-size: 40px;
  color: #603924;
  font-family: "light";
  line-height: 48px;
}
.pro6_cont1 .p2{
  color: #603924;
  font-size: 20px;
  font-family: "light";
}
.pro6_cont1 .xian{
  margin-top: 28px;
  margin-bottom: 30px;
  background: rgb(100,71,57);
}
.pro6_cont1 .p3,.pro6_cont1 .p3 span{
  color: #603924;
  font-size: 70px;
  font-family: "bod";
  text-transform: uppercase;
}
.pro6_cont1 .p3{
  position: absolute;
  right: 117px;
  top: 110px;
  letter-spacing: -8px;
}
.pro6_cont1 .p3 span{
  position: absolute;
  right: -90px;
  top: 50px;
}
.pro6_cont1 .p4{
  font-size: 20px;
  color: #444;
  font-family: "light";
  padding-bottom: 23px;
  background-image: url(../images/img139.png);
  background-position-y: bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: 30px;
  bottom: 40px;
}



/* pro6_cont2 */
.pro6_cont2{
  width: 100%;
  position: relative;
}
/* .pro6_cont2 .bj{
 width: 100%;
 height: 100%;
 vertical-align: bottom;
} */
.pro6_cont2 .foot-container{
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro6_cont2 .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.pro6_cont2 .ig1{
  display: block;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 40px;
}
.pro6_cont2 .ig2{
  position: absolute;
  right: 0;
  top: 0;
}
.pro6_cont2 .p1{
  font-size: 50px;
  color: #603924;
  font-family: "light";
  text-align: center;
  margin-bottom: 40px;
}
.pro6_cont2 .p2,.pro6_cont2 .p3{
  font-size: 18px;
  color: #666666;
  font-family: "light";
  text-align: center;
  width: 57%;
  margin: 0 auto;
}
.pro6_cont2 .zw{
  display: none;
}


/* pro6_cont3 */
.pro6_cont3{
  width: 100%;
  position: relative;
  overflow: hidden;
}
/* .pro6_cont3 .bj{
  width: 100%;
  height: 100%;
  vertical-align: bottom;
 } */
 .pro6_cont3 .foot-container{
   height: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   padding-top: 210px;
   padding-left: 175px;
 }
 .pro6_cont3 .ig1{
   position: absolute;
   left: 0;
   bottom: -8px;
 }
 .pro6_cont3 .ig2{
  position: absolute;
  right: 3px;
  bottom: 0px;
}
.pro6_cont3 .ig3{
  position: absolute;
  right: 0px;
  top: -80px;
}
.pro6_cont3 .ig4{
  position: absolute;
  right: 335px;
  top: -135px;
}
.pro6_cont3 .p1{
  font-size: 20px;
  color: #3d1908;
  font-family: "light";
  width: 52%;
}



/* pro6_cont4 */
.pro6_cont4 .lef{
  background: rgb(237,237,237);
}
.pro6_cont4 .lef .ig4{
  left: 285px;
  bottom: 0;
}
.pro6_cont4 .rig{
  background: rgb(251,251,251);
}
.pro6_cont4 .kk .p3{
  letter-spacing: 2.5px;
}
.pro6_cont4 .ig5{
  position: absolute;
  right: 0;
  bottom: 40px;
}
.pro6_cont4 .lef .top{
  padding-top: 160px;
  padding-left: 255px;
}



/* 产品系列-万嶑 */
.n_banner9 .yig1{
  top: 185px;
}
.n_banner9 .yig2{
  top: 18px;
}
.n_banner9 .dg_p1{
  line-height: 45px;
  display: table;
  margin: 0 auto;
  padding: 0 105px;
  background-image: url(../images/img156.png);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: bottom;
  position: relative;
  margin-top: 43px;
}
.n_banner9 .dg_p1::before{
  content: '';
  width: 65px;
  height: 44px;
  background-image: url(../images/img157.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
}

.n_banner9 .ig4{
  position: absolute;
  left: 0;
  bottom: 190px;
}
.n_banner9 .ig5{
  position: absolute;
  right: 0;
  bottom: 240px;
}


/* pro7_cont1 */
.pro7_cont1{
  width: 100%;
  height: 1180px;
  position: relative;
}
.pro7_cont1 .ig1{
  position: absolute;
  left: 0;
  top: 458px;
}
.pro7_cont1 .ig2{
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro7_cont1 .ig3{
  position: absolute;
  top: 48px;
  right: 0;
}
.pro7_cont1 .ig4{
  position: absolute;
  bottom: 295px;
  right: 0;
}
.pro7_cont1 .ig5{
  position: absolute;
  bottom: -10px;
  right: 0;
}
.pro7_cont1 .foot-container{
  height: 100%;
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%,-50%);
  padding-left: 95px;
  padding-top: 185px;
}
.pro7_cont1 .p1{
  font-size: 20px;
  color: #603924;
  font-family: "light";
}
.pro7_cont1 .xian,
.pro7_cont4 .xian{
  background: #603924;
}
.pro7_cont4 .kk {
  border-top: 1px solid #603924;
  border-bottom: 1px solid #603924;
}
/* .pro5_cont5,.pro2_cont4,.pro2_cont3,.pro5_cont4,.pro1_cont4{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
} */
.pro7_cont1 .p2{
  font-size: 20px;
  color: #8d6b5b;
  font-family: "light";
  padding-bottom: 25px;
  background-image: url(../images/img163.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  position: absolute;
  left: 95px;
  bottom: 230px;
  text-align: center;
}


.pro7_cont2,.pro7_cont3{
  width: 100%;
  position: relative;
}
/* .pro7_cont2 .bj,.pro7_cont3 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */

.pro7_cont2 .rq{
  position: absolute;
  left: 0;
  top: 80px;
  width: 1050px;
  height: 375px;
  background: rgba(255,255,255,0.9);
  padding-left: 240px;
  padding-top: 70px;
}
.pro7_cont2 .p1{
  color: #603924;
  font-size: 46px;
  font-family: "light";
  margin: 20px 0;
}
.pro7_cont2 .p2{
  color: #666666;
  font-size: 18px;
  font-family: "light";
}


/* pro7_cont3 */
.pro7_cont3 .foot-container{
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro7_cont3 .ig1{
  position: absolute;
  left: 0;
  top: 35px;
}
.pro7_cont3 .ig2{
  position: absolute;
  left: 0;
  bottom:0;
}
.pro7_cont3 .xian{
  margin-top: 215px;
  margin-bottom: 40px;
  background: rgb(99,70,56);
}
.pro7_cont3 .p1{
  color: #3d1908;
  font-size: 20px;
  font-family: "light";
  width: 45%;
}



/* pro7_cont4 */
.pro7_cont4 .lef{
  background-image: url(../images/img169.jpg);
  background-repeat: no-repeat;
}
.pro7_cont4 .lef .ig4{
  left: 79px;
  bottom: 70px;
}
.pro7_cont4 .rig{
  background-image: none;
  background: rgb(251,251,251);
}
.pro7_cont4 .ig5{
  position: absolute;
  bottom: 45px;
  right: 0;
}
.pro7_cont4 .kk .p3{
  letter-spacing: 0px;
}





/* 产品详情 */
.n_banner10 .tp{
  vertical-align: middle;
}
.n_banner10 .ig3{
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
}


/* prodate_cont1 */
.prodate_cont1{
  width: 100%;
  /* background: rgb(242,244,249); */
}
.prodate_cont1 .rq{
  width: 100%;
  height: 100%;
  padding: 240px 0;
}
.prodate_cont1 .rq .rq1{
  width: 32%;
  margin-right: 2%;
  float: left;
  background: #fff;
}
.prodate_cont1 .rq .rq1:nth-child(3){
  margin-right: 0;
}
.prodate_cont1 .rq1  .top,
.prodate_cont1 .rq1 .top img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.prodate_cont1 .rq1 .bot{
  width: 100%;
  height: 240px;
  padding: 43px 25px;
}
.prodate_cont1 .bot .p1{
  font-size: 22px;
  color: #333;
  font-family: "light";
  text-align: center;
  position: relative;
  padding-bottom: 22px;
  margin-bottom: 20px;
}
.prodate_cont1 .bot .p1::before{
  content: '';
  width: 32px;
  height: 2px;
  background: rgb(68,68,68);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.prodate_cont1 .bot .p2{
  font-size: 14px;
  color: #666666;
  font-family: "light";
  text-align: center;
  line-height: 26px;
}




/* prodate_cont2 */
.prodate_cont2{
  width: 100%;
  height: 100%;
  position: relative;
}
.prodate_cont2 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.prodate_cont2 .ig1{
  position: absolute;
  top: 85px;
  left: 240px;
}
.yd{
  width: 66px;
  height: 66px;
}
.yd .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.yd .rq::before{
  content: '';
  width: 66px;
  height: 66px;
  background-image: url(../images/img176.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  animation: yd 2s infinite linear;
}
@keyframes yd{
  0%{
    transform: scale(-1);
  }
  100%{
    transform: scale(1);
  }
}
.yd .rq img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.prodate_cont2 .yd{
  position: absolute;
  top: 64%;
  left: 16%;
  transform: translate(-50%,-50%);
}
.prodate_cont2 .yd2{
  position: absolute;
  top: 66%;
  left: 82%;
  transform: translate(-50%,-50%);
}
.tp_rq{
  width: 500px;
  height: 560px;
  background: #fff;
  padding: 15px;
  position: absolute;
  top: -425px;
  left: 78px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}
.tp_rq2{
  width: 100%;
  height: 100%;
  border: 1px solid rgb(198,190,186); 
  padding: 25px;
}
.tp_rq2 .tp_rq3{
  width: 100%;
  height: 100%;
}
.yd .tp_rq2 .tp_rq3 div{
  width: 100%;
  height: 331px;
  overflow: hidden;
}
.yd .tp_rq2 .tp_rq3 div img{
  width: 100%;
  position: static;
  transform: translate(0%,0%);
  transition: all 10s;
}
.yd .tp_rq2 .tp_rq3 .p1{
  font-size: 20px;
  color: #333333;
  font-family: "light";
  padding-top: 40px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.yd .tp_rq2 .tp_rq3 .p2{
  font-size: 14px;
  color: #777777;
  font-family: "light";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.yd:hover .tp_rq{
  opacity: 1;
 visibility: visible;
}
.tp_rq:hover>.tp_rq2 .tp_rq3 div img{
  transform: scale(1.3);
}
.yd2 .tp_rq{
  top: -560px;
  left: -330px;
}


/* prodate_cont3 */
.prodate_cont3{
  width: 100%;
  height: 1080px;
  /* background: #fff; */
  position: relative;
}
.prodate_cont3 .ig1{
  position: absolute;
  right: 0;
  bottom: 0;
}
.prodate_cont3 .foot-container{
  height: 100%;
  padding-top: 80px;
  padding-bottom: 170px;
}
.prodate_cont3 .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.prodate_cont3 .ig2{
  position: absolute;
  right: -100px;
  top: 0;
}
.prodate_cont3 .ig3{
  position: absolute;
  right: 0px;
  top: 0;
}
.prodate_cont3 .ig4{
  position: absolute;
  right: 60px;
  bottom: 0px;
}
.prodate_cont3 .ig5{
  position: absolute;
  left: 0;
  bottom: 40px;
}
.prodate_cont3 .p1{
  color: #522608;
  font-size: 36px;
  font-family: "light";
  padding-top: 90px;
}
.prodate_cont3 .xian{
  margin-top: 25px;
  background: rgb(76,27,28);
}
.prodate_cont3 .p2{
  color: #333333;
  font-size: 20px;
  font-family: "light";
}
.prodate_cont3 .bt{
  float: left;
  margin-top: 30px;
}
.prodate_cont3 .wz{
  display: none;
}

/* prodate_cont4 */
.prodate_cont4 .yd2{
  position: absolute;
  top: 71%;
  left: 81%;
  transform: translate(-50%,-50%);
}
.prodate_cont4 .yd2 .tp_rq {
  top: -594px;
  left: -330px;
}


/* prodate_cont5 */
.prodate_cont5{
  width: 100%;
}
.prodate_cont5 .rq{
  width: 100%;
  height: 100%;
}
.prodate_cont5 .top{
  width: 100%;
  padding: 80px 0;
}
.prodate_cont5 .rq1{
  float: left;
}
.prodate_cont5 .jg{
  width: 1px;
  height: 35px;
  background: rgb(92,92,92);
  margin: 0 285px;
  float: left;
}
.prodate_cont5 .rq1 .p1{
  font-size: 24px;
  color: #333333;
  font-family: "light";
  padding-bottom: 10px;
  position: relative;
}
.prodate_cont5 .rq1 .p1::before{
  content: '';
  width: 101px;
  height: 1px;
  background: rgb(51,51,51);
  position: absolute;
  bottom: 0;
  left: 0;
}
.prodate_cont5 .rq1 .p2{
  font-size: 16px;
  color: #333;
  margin-top: 10px;
  font-family: "dinlig";
}
.prodate_cont5 .rq1 .p3{
  font-size: 20px;
  color: #333;
  font-family: "light";
}
.prodate_cont5 .rq1 .p4{
  font-size: 14px;
  color: #777777;
  font-family: "light";
  margin-top: 10px;
}
.prodate_cont5 .bot{
  width: 100%;
  padding-bottom: 145px;
}
.prodate_cont5 .bot .bot1{
  width: 48%;
  margin-right: 4%;
  float: left;
}
.prodate_cont5 .bot .bot1 div{
  width: 100%;
  overflow: hidden;
}
.prodate_cont5 .bot .bot1 div img{
  width: 100%;
  transition: all 10s;
}
.prodate_cont5 .bot .bot1:nth-child(2){
  margin-right: 0;
}
.prodate_cont5 .p5{
  font-size: 18px;
  color: #333333;
  font-family: "light";
  margin-top: 50px;
  text-align: center;
}
.prodate_cont5 .bot .bot1 div:hover img{
  transform: scale(1.3);
}


/* prodate_cont6 */
.prodate_cont6 .yd2 {
  position: absolute;
  top: 64%;
  left: 88%;
  transform: translate(-50%,-50%);
}
.prodate_cont6 .yd1 {
  position: absolute;
  top: 75%;
  left: 66%;
  transform: translate(-50%,-50%);
}
.prodate_cont6 .yd1 .tp_rq {
  top: -575px;
  left: -248px;
}


/* prodate_cont7 */
.prodate_cont7{
  width: 100%;
  position: relative;
}
/* .prodate_cont7 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
} */
.prodate_cont7 .foot-container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.prodate_cont7 .ig1{
  position: absolute;
  top: 210px;
  left: 0;
}
.prodate_cont7 .ig2{
  position: absolute;
  top: 40px;
  right: 0;
}
.prodate_cont7 .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.prodate_cont7 .ig3{
  position: absolute;
  top: 310px;
  right: 80px;
}
.prodate_cont7 .ig4{
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.prodate_cont7 .ig5{
  position: absolute;
  top: 310px;
  left: 280px;
}
.prodate_cont7 .p1{
  color: #522608;
  font-size: 36px;
  font-family: "light";
  text-align: center;
  padding-top: 90px;
  padding-bottom: 20px;
}
.prodate_cont7 .p2{
  color: #522608;
  font-size: 20px;
  font-family: "light";
  width: 65%;
  text-align: center;
  margin: 0 auto;
}



/* prodate_cont8 */

.prodate_cont8 .lef{
background-image: url(../images/img195.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.prodate_cont8 .lef .ig4{
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translateX(-50%);
}
.prodate_cont8 .p1{
  color: #3d1908;
  font-size: 20px;
  font-family: "light";
  width: 60%;
}
.prodate_cont8 .xian{
  background: rgb(96,86,54);
}
.prodate_cont8 .rig{
background: rgb(251,251,251);
position: relative;
}
.prodate_cont8 .ig5{
  position: absolute;
  right: 0;
  bottom: 43px;
}


/* .prodate_cont9 */
.prodate_cont9{
  width: 100%;
  background: rgb(243,244,249);
}
.prodate_cont9 .foot-container{
  padding: 90px 135px 180px 135px;
}

.prodate_cont9 .proj_fbt{
  padding-bottom: 95px;
}
.prodate_cont9 input{
  width: 49%;
  height: 60px;
  margin-right: 2%;
  border: 1px solid rgb(221,221,221);
  background: #fff;
  color: #666666;
  font-size: 18px;
  font-family: "light";
  text-indent: 25px;
  float: left;
  margin-bottom: 28px;
}
.prodate_cont9 input:nth-child(2n){
  margin-right: 0;
}
.prodate_cont9 select{
  width: 32%;
  margin-right: 2%;
  height: 60px;
  border: 1px solid rgb(221,221,221);
  color: #666666;
  font-size: 18px;
  font-family: "light";
  text-indent: 25px;
  float: left;
  background: url("../images/img198.png") #fff;
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.prodate_cont9 select:nth-child(3n){
  margin-right: 0;
}


.prodate_cont9 button{
  font-size: 16px;
  color: #ffffff;
  font-family: "light";
  width: 100%;
  height: 60px;
  background: rgb(31,82,77);
  margin-top: 30px;    transition: all .5s !important;
}
.prodate_cont9 button:hover{
  background: rgb(32,52,71);
}








/* 工程项目 */
/* .n_banner11 */
.n_banner11 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 190px;
}
.n_banner11 .foot-container .p1{
  font-size: 50px;
  color: #fff;
  font-family: "light";
  text-align: center;
  margin: 0;
  padding-bottom: 50px;
  position: relative;
}
.n_banner11 .foot-container .p1::before{
  content: '';
  width: 195px;
  height: 11px;
  background-image: url(../images/img199.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.n_banner11 .foot-container .rq{
  width: 100%;
  margin-top: 135px;
}
.n_banner11 .foot-container .rq1{
  width: 16.6666%;
  height: auto;
  float: left;
  position: relative;
}
.n_banner11 .rq .rq1 .p {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: "regular";
  position: static;transform: translateY(0%);
}
.n_banner11 .rq1 .p .sztd{
  font-size: 50px;
  color: #fff;
  font-family: "dinalt";
}
.n_banner11 .rq1 .p .sp1{
  font-size: 30px;
  color: #fff;
  font-family: "dinalt";
  position: absolute;
  top: 0;
}
.n_banner11 .rq1 .p2{
  font-size: 18px;
  color: #fff;
  font-family: "regular";
}



/* proj_cont1 */
.proj_cont1{
  width: 100%;
}
.proj_cont1 .top{
  width: 100%;
  padding: 90px 0;
}
.proj_bt{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
}
.proj_fbt{
  color: #1f524e;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  font-family: "dinlig";
  letter-spacing: 1px;
}
.proj_bt img{
  margin: 0 25px;
  margin-bottom: 20px;
}
.proj_cont1 .bot{
  width: 100%;
  height: 850px;
}
.proj_cont1 .lef{
  float: left;
  width: 56.2%;
  height: 100%;
  background: rgb(243,244,250);
  padding-left: 240px;
  padding-right: 100px;
  padding-top: 70px;
}
.proj_cont1 .rig{
  float: left;
  width: 43.8%;
  height: 100%;
}
.proj_cont1 .rig img{
  width: 100%;
}
.proj_cont1 .p2{
  color: #1f524e;
  font-size: 40px;
  font-family: "light";
  margin-bottom: 70px;
  text-align: center;
}



/* proj_cont2 */
.proj_cont2{
  width: 100%;
}
.proj_cont2 .rq{
  width: 1080px;
  margin: 0 auto;
  padding-top: 130px;
  padding-bottom: 80px;
}
.proj_cont2 .p1{
  color: #1f524e;
  font-size: 18px;
  font-family: "regular";
  text-align: center;
  width: 58%;
  margin: 0 auto;
}
.proj_cont2 .proj_fbt{
  margin-bottom: 45px;
}
.proj_cont2 .rq1{
  width: 100%;
  padding: 5px;
  margin-top: 85px;
}
.proj_cont2 .rq1 div{
  width: 240px;
  height: 120px;
  border: 1px solid rgb(221,221,221);
  border-radius: 5px;
  float: left;
  position: relative;
  margin-right: 36px;
  margin-bottom: 40px;
  transition: all .5s;
}
.proj_cont2 .rq1 div:nth-child(4n){
  margin-right: 0;
}
.proj_cont2 .rq1 div img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.proj_cont2 .rq1 div:hover{
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
  transform: translate3d(0,-5px,0);
}


/* proj_cont3 */
.proj_cont3{
  width: 100%;
  background: rgb(243,244,250);
}
.proj_cont3 .foot-container{
  padding: 40px 40px;
  padding-top: 85px;
}
.proj_cont3 .p1{
  font-size: 18px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.proj_cont3 .rq{
  width: 100%;
}
.proj_cont3 .rq1{
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 40px;
  overflow: hidden;
}
.proj_cont3 .rq1:nth-child(2n){
  margin-right: 0;
}
.proj_cont3 .rq1 img{
  width: 100%;
  height: 100%;
  transition: all 5s;
}
.proj_cont3 .rq1:hover img{
  transform: scale(1.1);
}

/* .proj_cont4 */
.proj_cont4{
  width: 100%;
}
.proj_cont4 .top{
  width: 100%;
  padding-top: 125px;
  padding-bottom: 65px;
  border-bottom: 1px solid rgb(229,229,229);
}
.proj_cont4 .p1{
  font-size: 20px;
  color: #666666;
  font-family: "light";
  text-align: center;
  margin: 30px 0;
}
.proj_cont4 .p2{
  font-size: 18px;
  color: #666666;
  font-family: "light";
  text-align: center;
  line-height: 30px;
}
.proj_cont4 .bot{
  width: 100%;
  padding-bottom: 40px;
}
.proj_cont4 .p3{
  font-size: 40px;
  color: #1f524e;
  font-family: "light";
  margin-top: 65px;
  margin-bottom: 60px;
  text-align: center;
}
.proj_cont4 .rq{
  width: 100%;
}
.proj_cont4 .rq1{
  width: 32%;
  margin-right: 2%;
  float: left;
  margin-bottom: 80px;
}

.proj_cont4 .pro1_cont5{
  padding-top: 0;
}
.pro1_cont5 div:hover a p{
  color: #1f524e;
}




.proj_cont4 .rq1:nth-child(3n){
  margin-right: 0;
}
.proj_cont4 .rq1 .top2{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.proj_cont4 .rq1 .top2 .rrq{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(31,81,76,0.6);
  opacity: 0;
  transition: all 1s;
}
.proj_cont4 .rq1:hover>a .top2 .rrq{
  opacity: 1;
}
.proj_cont4 .rq1 .top2 .rrq .rrq2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.proj_cont4 .rq1 .top2 .rrq .rrq2 img{
  width: 136px;
  display: block;
  margin: 0 auto;
}
.proj_cont4 .rq1 .top2 .rrq .rrq2 button{
  width: 180px;
  height: 35px;
  border-radius: 35px;
  font-size: 16px;
  color: #1f524e;
  background: #fff;
  font-family: "medium";
  margin-top: 25px;
}
.proj_cont4 .rq1 .top2 img{
  width: 100%;
  vertical-align: middle;
}

.proj_cont4 .rq1 .bot{
  width: 100%;
  height: 110px;
  position: relative;
}
.proj_cont4 .rq1 .bot::before{
  content: '';
  width: 100%;
  height: 2px;
  background: rgb(204,204,204);
  position: absolute;
  left: 0;
  bottom: 0;
}
.proj_cont4 .rq1 .bot p{
  font-size: 18px;
  color: #333333;
  font-family: "normal";
  line-height: 110px;
  text-indent: 25px;
}

.proj_cont4 .rq1:hover>a .bot::before{
  background: rgb(31,81,76);
  animation: xt 1s linear;
}
@keyframes xt{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.proj_cont4 .rq1:hover>.bot p{
  color: rgb(31,81,76);
}




/* 关于我们 */

.n_banner12,
.n_banner12 .bj,
.n_banner12 .bj .tp{
  width: 100%;
  height: 100%;
}
.n_banner12 .bj{
  position: relative;
}
.n_banner12 .bj .rq{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 240px;
}
.n_banner12 .lef{
  width: 1343px;
  position: absolute;
  left: 0;
  top: 0;
}
.n_banner12 .lef img{
  width: 100%;
}
.n_banner12 .rig{
  height: 100%;
  width: 565px;
  padding: 85px;
  padding-bottom: 60px;
  position: absolute;
  right: 0;
  top: 0;
}
.n_banner12 .rig .p1{
  font-size: 20px;
  color: #1f524e;
  font-family: "normal";
  position: relative;
  padding-bottom: 25px;
}
.n_banner12 .rig .p1::before{
  content: '';
  width: 23px;
  height: 2px;
  background: rgb(73,114,112);
  position: absolute;
  bottom: 0;
  left: 0;
}
.n_banner12 .rig .p2{
  /* font-size: 16px;
  color: #666666;
  font-family: "light"; */
  margin-top: 30px;
  /* line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden; */
  height: 196px;
}
.n_banner12 .rig .p2 div{
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  font-size: 16px;
  color: #666666;
  font-family: "light";
}
#mCSB_1_scrollbar_vertical{
  opacity: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgb(32,82,79);
}

/* .n_banner12 .rig .p2::-webkit-scrollbar {
  width: 3px;
  background-color: rgb(32,82,79);
  border-radius:50px;
}

.n_banner12 .rig .p2::-webkit-scrollbar-track {
  border-radius: 50px;
  background-color: #fff;
}

.n_banner12 .rig .p2::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: rgb(32,82,79);
} */

.n_banner12 .zk{
  margin-top: 30px;
  width: 34px;
  height: 34px;
  background-image: url(../images/img225.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.n_banner12 .zk:hover{
  background-image: url(../images/img117.png);
}
.n_banner12 .rig .ig1{
  position: absolute;
  right: 0;
  bottom: 65px;
}
.n_banner12 .cen{
  height: 30px;
  position: absolute;
  top: 54%;
  left: 21%;
  transform: translateY(-50%);
  background-image: url(../images/img223.png);
  background-repeat: no-repeat;
  background-position-x: 0;
  /* animation: zyg 20s infinite linear; */
}

/* @keyframes zyg{
  0%{
    background-position-x: 0;
  }
  50%{
    background-position-x: 100%;
  }
  100%{
    background-position-x: 0;
  }
} */

.n_banner12 .cen img{
  display: block;
  margin-top: 15px;
}

.n_banner12 .p3{
  font-size: 50px;
  color: #fff;
  font-family: "light";
  padding-top: 180px;
  padding-bottom: 95px;
}
.n_banner12 .p4,
.n_banner12 .p4 p span{
  font-size: 20px;
  color: #fff;
  position: relative;z-index: 10;
}
.n_banner12 .p4 p{
  font-size: 118px;
  color: #ffffff;
  font-family: "vld";
  line-height: 90px;
}
.n_banner12 .ig2{
  position: absolute;
  left: 50%;
  top: 195px;
  transform: translateX(-50%);
}
.n_banner12 .ig3{
  position: absolute;
  bottom: 58px;
}



/* about_con1 */
.about_con1{
  width: 100%;
  padding-bottom: 160px;
  padding-top: 110px;
  position: relative;
}
.about_bt{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
}
/* content6_5 */

.about_con1 .swp{
  position: relative;
  padding-bottom: 100px;
  padding-top: 20px;
}
.about_con1 .swiper-container{
	width: 100%;
}
.about_con1 .lef{
  float: left;
  width: 920px;
  height: 610px;
}
.about_con1 .lef img{
	width: 100%;
	height: 100%;
}
.about_con1 .rig{
	width: 580px;
	height: 500px;
	background: rgb(243,244,247);
	padding: 0 90px;
  padding-top: 60px;
  position: absolute;
  right: 0;
  top: 54%;
  transform: translateY(-50%);
}
.about_con1 .rig .p3{
	font-size: 40px;
	color: #1f524e;
	margin-bottom: 30px;
  font-family: "demo";
}
.about_con1 .rig img{
	margin-bottom: 25px;
}
.about_con1 .rig .p4{
	font-size: 16px;
	color: #777;
	line-height: 30px;
  font-family: "light";
  width: 68%;
}
.about_con1 .p5{
		font-size: 24px;
		color: #474747;
		font-family: "regular";
		margin-top: 45px;
}
.about_con1 .p6{
	font-size: 16px;
	color: #777;
	font-family: "light";
}

.about_con1 .swiper-button-next{
	width: 16px;
	height: 29px;
	background-image: url(../images/img232.png);
	background-repeat: no-repeat;
	background-size: contain;
	right: 25%;
	top: 77%;
}
.about_con1 .swiper-button-prev{
	width: 16px;
	height: 29px;
	background-image: url(../images/img234.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 68%;
	top: 77%;
}
.about_con1 .swiper-button-prev:hover{
	background-image: url(../images/img231.png);
}
.about_con1 .swiper-button-next:hover{
	background-image: url(../images/img233.png);
}
.about_con1 .swiper-button-prev:after,
.about_con1 .swiper-button-next:after{
	content: none;
}





/*bottom */
.about_con1 .gallery-thumbs .swiper-wrapper{
  padding-left: 50px;
}
.about_con1 .gallery-thumbs .swiper-slide{
	font-size: 20px;
	color: #777;
  position: relative;
  cursor: pointer;
  font-family: "demo";
}
.about_con1 .gallery-thumbs .swiper-slide::before{
	content: '';
	width: 16px;
	height: 16px;
  background-image: url(../images/img229.png);
  background-repeat: no-repeat;
  background-size: contain;
	position: absolute;
	top: -28px;
	left: 20%;
	transform: translate(-50%,0%);
}

.about_con1 .gallery-thumbs .swiper-slide-thumb-active::before{
  background-image: url(../images/img230.png);
}
.about_con1 .gallery-thumbs .swiper-slide-thumb-active{
	color: #1f524e;
}
.about_con1 .gallery-thumbs{
  padding-top: 40px;
}
.about_con1 .gallery-thumbs{
	position: relative;
}
.about_con1 .gallery-thumbs img{
	position: absolute;
	left: 0px;
  bottom: 20px;
  margin-bottom: 20px;
}
.about_con1 .ig{
  position: absolute;
  right: 0;
  bottom: 300px;
  z-index: 20;
}



/* about_con2 */
.about_con2,.about_con2 .bj{
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.about_con2 .ig2{
  display: none;
}
.about_con2{
  position: relative;
}
.about_con2 .index-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.about_con2 .about_bt{
  padding-top: 120px;
  padding-bottom: 55px;
}
.about_con2 .rq{
  display: table;
  width: auto;
  margin: 0 auto;
  margin-bottom: 70px;
}
.about_con2 .rq a{
  display: inline-block;
  width: 200px;
  height: 60px;
  background: #fff;
  border: 1px solid rgb(193,194,198);
  font-size: 20px;
  color: #666666;
  font-family: "light";
  text-align: center;
  line-height: 60px;
  transition: all .5s;
  margin-right: 25px;
}
.about_con2 .rq a:last-child{
  margin-right: 0;
}

.about_con2 .a1{
 position: absolute;
 left: 46%;
 transform: translateX(-50%);
}
.about_con2 .rq a:hover{
  color: #fff;
  background: rgb(31,82,78);
}


/* about_con3 */
.in3-video {
  position: relative;
}
.about_con3{
  width: 100%;
}
.msg-box-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1001;
}

.msg-box {
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
  width: 30px;
  height: 30px;
  background: url("../images/btn-close-modal.png") no-repeat center;
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 55px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.msg-box .close-box:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.abo_video {
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.abo_video .bj{
  width: 100%;
  height: 100%;
}
.about_con3{
  position: relative;
}
.about_con3 .msg-box-bg{
  position: absolute;
}
.abo_video .bfq{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all .5s;
}
.abo_video .bfq p{
  font-size: 30px;
  color: #fff;
  font-family: "light";
  text-align: center;
  margin-top: 25px;
}
.abo_video .bfq div{
  width: 108px;
  height: 108px;
  position: relative;
  margin: 0 auto;
}
.abo_video .bfq div img{
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.abo_video .bfq div::before{
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/img238.png);
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes jj{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.abo_video:hover>.bfq{
  top: 45%;
}
.abo_video:hover> .bfq div::before{
  animation: jj 10s infinite linear;
}
#publicity-video {
	width: 100%;
	height: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
#publicity-video video {
	display: block;
	/* height: 100%; */
}

/* about_con4 */
.about_con4{
  width: 100%;
}
.about_con4 .foot-container{
  position: relative;
}
.about_con4 .about_bt{
  padding-top: 100px;
}
.about_con4 .ig1{
  position: absolute;
  top: 250px;
  left: -85px;
}
.about_con4 .ig2{
  position: absolute;
  top: 255px;
  right: 0px;
}
.about_con4 .top{
  padding-top: 150px;
  padding-bottom: 280px;
}
.about_con4 .top .p1{
  width: 230px;
  height: 35px;
  background: rgb(31,82,78);
  color: #ffffff;
  font-size: 18px;
  font-family: "light";
  text-align: center;
  line-height: 35px;
}
.about_con4 .top img{
  margin: 35px 0;
}
.about_con4 .top .p2{
  font-size: 33px;
  color: #333333;
  font-family: "light";
  width: 57%;
}
.about_con4 .rq{
  width: 100%;
  margin-bottom: 110px;
}
.about_con4 .rq .lef{
  width: 48%;
  float: left;
  overflow: hidden;
}
.about_con4 .rq .lef img{
  width: 100%;
  transition: all 5s;
}
.about_con4 .rq:hover>.lef img{
  transform: scale(1.1);
}
.about_con4 .rq .rig{
  width: 48%;
  float: right;
  border-top: 1px solid rgb(121,151,149);
  padding-top: 50px;
}
.about_con4 .rq:nth-child(2n)> .lef{
  float: right;
}
.about_con4 .rq:nth-child(2n)> .rig{
  float: left;
}
.about_con4 .rq .p3{
  color: #1f524e;
  font-size: 30px;
  font-family: "light";
  margin-bottom: 22px;
}
.about_con4 .rq .p4{
  color: #1f524e;
  font-size: 20px;
  font-family: "light";
}
.about_con4 .rq .p5,
.about_con4 .rq .p6{
  color: #777777;
  font-size: 16px;
  font-family: "light";
  width: 84%;
  margin-bottom: 10px;
  line-height: 30px;
}
.about_con4 .rq .p6{
  padding-top: 15px;
}
.about_con4 .rq .p5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}






/* 关于我们-荣誉资质 */
.abdate_cont1{
  width: 100%;
}




.channel_content {
  min-height: 300px;
  /* background: rgb(242,245,246); */
  padding: 100px 0px 150px;
}

/*企业荣誉*/

.about_honor .bd_l {
  width: 45%;
  float: left;
  height: 705px;
  background: rgba(173,184,194,0.5);
  position: relative;
}
.about_honor .bd_l .b_img {
  width: 100%;
  height: 705px;
}

.about_honor .bd_l .b_img img{
  max-width: 70%;
  max-height: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.about_honor .bd_l .img_title {
  text-align: center;
  font-size: 22px;
  font-family: "light";
  color: #fff;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: rgb(31,82,78);
}

.about_honor .bd_r {
  width: 55%;
  float: left;
  height: 705px;
  /* overflow-y: auto; */
}


.about_honor .bd_r_box {
  padding: 10% 8% 0;
  color: #222;
  
}
.about_honor .r_title {
  font-size: 36px;
  color: #1f524e;
  font-family: "light";
  margin-bottom: 20px;
}

.about_honor .r_text {
  margin-bottom: 40px;
}
.about_honor .r_text p{
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  font-family: "light";
}

.about_honor .bd_r .img_box {
  height: 114px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 2px solid rgb(182,182,183);
}

.fix .on .img_box{
  border: 2px solid rgb(31,82,78);
}

.about_honor .bd_r .img_box img {
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.about_honor .bd_r li {
  margin-bottom: 14px;
  float: left;
  margin-right: 3%;
  width: 30%;
  cursor: pointer;
  
}

.about_honor .img_list {
  overflow: hidden;
  margin-bottom: 14px;
  padding-right: 4%;
  position: relative;
  height: 465px;
  overflow-y: auto;
}
.about_honor .img_list::-webkit-scrollbar {
  width: 2px;background-color: rgb(204,204,204);
  }
  .about_honor .img_list::-webkit-scrollbar-thumb {
  background-color:rgb(31,82,78);
  border-radius: 10px;
  }
.about_honor .img_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(214,216,221);
  opacity: 0;
}

.about_honor .img_cover .list_ico {
  width: 40px;
  height: 40px;
  background: url(../img/honor_img_ico.png) no-repeat center;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  display: block;
  position: absolute;
}

.about_honor .img_list.scrollbar-ui .scroll_slider {
  background: #dbd6d1
}

.about_honor .img_list.scrollbar-ui .scroll_bar {
  background: url(../img/honor_scroll_bj.png) repeat-y center;
}

.about_honor li:hover .img_cover {
  opacity: 1;
}

.about_honor .bd_r .img_title {
  display: none;
}
.honor_bd{
  background: rgb(243,244,248);
}


.channel_content .ann{
  display: table;
    margin: 0 auto;
    margin-bottom: 115px;
}
.channel_content .ann a{
  display: inline-block;
}
.channel_content .ann button{
  font-size: 20px;
  font-family: "light";
  width: 200px;
  height: 60px;
  color: #666666;
  border: 1px solid rgb(221,221,221);
  transition: all .3s;
}
.channel_content .ann .on{
  color: #fff;
  background: rgb(31,82,78);
}
.channel_content .ann a{
  margin:0 20px;
}
.channel_content .ann button img{
  margin-bottom: -13px;
}
.channel_content .ann button:hover{
  color: #fff;
  background: rgb(31,82,78);
}



/* 活动专题 */
.n_banner .rq{
  width: 100%;
  height: 100%;
  position: relative;
}
.n_banner .rq .p{
  font-size: 50px;
  color: #fff;
  font-family: "light";
  position: absolute;
  top: 35%;
  left: 55px;
  transform: translateY(-50%);
}


/* act_con1 */
.act_con1{
  width: 100%;
  padding-top: 120px;
  padding-bottom: 110px;
}
.act_con1 .rq{
  width: 100%;
}
.act_con1 .rq1{
  width: 32%;
  float: left;
  margin-right: 2%;
}
.act_con1 .rq1:nth-child(3){
  margin-right: 0;
}
.act_con1 .rq1 .top,
.act_con1 .rq1 .top img{
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  transition:all 2s;
}
.act_con1 .rq1 .bot{
  height: 160px;
  width: 100%;
  position: relative;
  padding: 40px 20px;
}
.act_con1 .rq1 .bot::before{
  content: '';
  height: 2px;
  width: 100%;
  background: rgb(204,204,204);
  position: absolute;
  bottom: 0;
  left: 0;
}
@keyframes pl{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.act_con1 .rq1:hover>a .bot::before{
  background: rgb(31,81,76);
  animation: pl 1s linear;
}
.act_con1 .rq1:hover>a .top img{
  transform: scale(1.1);
}
.act_con1 .rq1 .bot .p1{
  font-size: 18px;
  color: #333333;
  font-family: "normal";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;

}
.act_con1 .rq1 .bot .p2{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  margin-top: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;

}


/* act_con2 */
.act_con2{
  width: 100%;
  height: 100%;
}
.act_con2 .rq{
  width: 100%;
  height: 160px;
  padding: 45px 25px;
  background: url(../images/img251.png) #fff;
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  margin-bottom: 55px;
  border-bottom: 2px solid rgb(204,204,204);
  transition: all .5s;
}
.act_con2 .rq .p1{
  font-size: 20px;
  color: #333;
  font-family: "normal";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;

}
.act_con2 .rq .p2{
  font-size: 16px;
  color: #fff;
  font-family: "light";
  opacity: 0.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 15px;
}
.act_con2 .rq:hover{
  background: url(../images/img251.png) rgb(31,82,78);
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
}
.act_con2 .rq:hover>a .p1{
  color: #fff;
}


.fyq {
  /*    width: 345px;*/
  height: 55px;
  margin: 0 auto;
  display: table;
  width: auto;
  margin-bottom: 130px;
  margin-top: 120px;
}

.fyq li {
  width: 60px;
  height: 60px;
  border: 1px solid rgb(204,207,210);
  float: left;
  margin-left: 23px;
  transition: all .3s;
}

.fyq li:first-child,.fyq li:nth-child(6) {
  background-image: url(../images/img253.png);
  background-repeat: no-repeat;
  background-position: center;
}
.fyq li:nth-child(6){
  background-image: url(../images/img252.png);
}


.fyq li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #444444;
  font-family: "regular";
}
.fyq li:last-child{
  width: 100px;
}

.fyq li a img {
  width: 9px;
  height: 15px;
  display: block;
  margin: 0 auto;
  margin-top: 19px;
}

.fyq li:hover {
  background: rgb(31,82,78);
}
.fyq li:hover>a{
  color: #fff;
}

.fyq li:first-child:hover {
  background-image: url(../images/img255.png);
  background-repeat: no-repeat;
  background-position: center;
}

.fyq li:nth-child(6):hover{
  background-image: url(../images/img254.png);
  background-repeat: no-repeat;
  background-position: center;
}


.fyq .on {
  background: rgb(31,82,78);
}
.fyq .on a{
  color: #fff;
}



/* 活动专题详情 */
.actdate_con1{
  width: 100%;
  padding-top: 105px;
  background: rgb(243,244,249);
}
.actdate_con1 .lef{
  width: 65%;
  float: left;
  padding: 0 20px;
  padding-bottom: 140px;
}
.actdate_con1 .lef .p1{
  font-size: 30px;
  color: #333333;
  font-family: "light";
}
.actdate_con1 .lef .p2{
  font-size: 18px;
  color: #666666;
  font-family: "light";
  margin: 20px 0;
}
.actdate_con1 .fx span{
  font-size: 16px;
  color: #666666;
}
.actdate_con1 .fx span img{
  margin-bottom: -5px;
  margin-left: 5px;
}
.actdate_con1 .social-share{
  display: inline-block;
  margin-left: 13px;
}
.actdate_con1 .social-share .icon-qq,
.actdate_con1 .social-share .icon-weibo,
.actdate_con1 .social-share .icon-wechat,
.actdate_con1 .social-share .icon-facebook{
  color: #fff;
  background: rgb(204,204,204);
  border: none;
  font-size: 16px;
  transition: all .5s;
}
.actdate_con1 .social-share .icon-qq:hover,
.actdate_con1 .social-share .icon-weibo:hover,
.actdate_con1 .social-share .icon-wechat:hover,
.actdate_con1 .social-share .icon-facebook:hover{
  background: rgb(31,82,78);
}
.social-share .icon-wechat .wechat-qrcode{
  z-index: 1001;
}
.actdate_con1 .fx {
  /* padding-bottom: 20px; */
	border-bottom: 1px dashed #1F524E;
}

#mainBox{
	margin: 10px auto;
	text-align: justify;
}
#mainBox, #mainBox p,#mainBox span,#mainBox a{
  font-size: 16px;
  line-height: 25px;
  font-family: "light" !important;
}


.actdate_con1 .p3{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  margin-top: 30px;
  margin-bottom: 60px;
}
.actdate_con1 .p4{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  margin-top: 30px;
}
.xqfy{
  width: 100%;
}
.xqfy a{
  font-size: 16px;
  color: #444;
  font-family: "regular";
  transition: all .3s;
}
.xqfy a img{
  margin: 0 8px;
  margin-bottom: -2px;
}
.xqfy a:nth-child(3){
  float: right;
}
.xqfy a:nth-child(1){
  margin-right: 90px;
}
.xqfy a:hover{
  color: rgb(31,82,78);
}
.actdate_con1 .lef .tp img{
  width: 100%;
}




.actdate_con1 .rig{
  width: 29%;
  float: right;
  position: sticky;
  top: 100px;
}
.actdate_con1 .rig .p5{
  font-size: 26px;
  color: #333333;
  font-family: "light";
  padding-left: 20px;
  position: relative;
}
.actdate_con1 .rig .p5::before{
  content: '';
  width: 2px;
  height: 28px;
  background: rgb(31,82,78);
  position: absolute;
  left: 0;
  top:7px;
}
.actdate_con1 .rig .rq{
  width: 100%;
  margin-top: 20px;
}
.actdate_con1 .rig .rq1{
  height: 50px;
  border-bottom: 1px solid rgb(225,226,227);
}
.actdate_con1 .rig .rq1 a{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  font-size: 16px;
  color: #666666;
    font-family: "light";
    padding-left: 20px;
    line-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  transition: all .5s;
}
.actdate_con1 .rig .rq1 a:hover{
  color: #1f524e;
}
.actdate_con1 .rig .rq1 a::before{
  content: '';
  width: 6px;
  height: 6px;
  background: rgb(31,82,78);
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);
}


/* actdate_con2 */
.actdate_con2{
  width: 100%;
  padding-top: 115px;
  padding-bottom: 185px;
  position: relative;
}
.actdate_con2 .foot-container{
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.actdate_con2 .p1{
  font-size: 36px;
  color: #333333;
  font-family: "light";
  margin-bottom: 60px;
}
.actdate_con2 .rq{
  width: 100%;
  box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
}
.actdate_con2 .top,.actdate_con2 .top img{
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  transition: all 1s;
}
.actdate_con2 .bot{
  height: 290px;
  width: 100%;
  padding: 40px 25px;
  position: relative;
}
.actdate_con2 .swiper-container{
  overflow: visible;
}
.actdate_con2 .bot .p2{
  font-size: 18px;
  color: #333333;
  font-family: "normal";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.actdate_con2 .bot .p3{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  margin-top: 16px;
  margin-bottom: 25px;
}
.actdate_con2 .bot .p4{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.actdate_con2 .bot .p5{
  font-size: 14px;
  color: #999999;
  font-family: "light";
  text-transform: uppercase;
  position: absolute;
  bottom: 50px;
}
.actdate_con2 .bot .p5 img{
  margin-bottom: 5px;
  margin-right: 5px;
}
.actdate_con2 .swiper-button-next,
.actdate_con2 .swiper-button-prev{
  width: 10px;
  height: 20px;
  background-image: url(../images/img262.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50px;
}
.actdate_con2 .swiper-button-prev{
  background-image: url(../images/img261.png);
  left: 95%;
}
.actdate_con2 .rq:hover>.top img{
  transform: scale(1.1);
}
.actdate_con2 .rq:hover>.bot .p2{
  color: #1f524e;
}

/* 家居产品 */
.pro2_con1{
  width: 100%;
  background: #fff;
  padding: 45px 0;
}
.pro2_con1 .rq{
  width: 16.666%;
  float: left;
  height: 65px;
  position: relative;
}
.pro2_con1 .rq img{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .5s;
}
.pro2_con1 .rq p{
  font-size: 16px;
  color: #666;
  text-align: center;
  padding-top: 45px;
}
.pro2_con1 .rq:hover>img{
  top: -10px;
}



/* pro2_con2 */
.pro2_con2{
  width: 100%;
  background: rgb(243,244,249);
  padding-top: 70px;
}
.pro2_con2 input{
  width: 100%;
  height: 80px;
  font-size: 16px;
  color: #999999;
  font-family: "light";
  background: #fff;
  text-indent: 25px;
}
.pro2_con2 .pro_ss{
  position: relative;
}
.pro2_con2 .pro_ss .tb{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../images/img274.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 95%;
  transform: translateY(-50%);
}
.pro2_con2 .rq1{
  width: 100%;
  border-top: 1px solid rgb(213,214,218);
  padding-left: 25px;
}
.pro2_con2 .rq1:first-child{
  border: none;
}
.pro2_con2 .rq1 .p1{
  font-size: 18px;
  color: #444444;
  font-family: "light";
  display: inline-block;
  line-height: 90px;
  margin-right: 20px;
  float: left;
}
.pro2_con2 .rq1 span{
  width: 85%;
  min-height: 33px;
  float: left;
}
.pro2_con2 .rq1 button{
  font-size: 16px;
  color: #444444;
  padding: 5px 10px;
  background: rgb(213,214,218);
  margin-top: 28px;
  transition: all .5s;
}
.pro2_con2 .rq1 button:hover{
  color: #fff;
  background: #1f524e;
}
.pro2_con2 .rq1 .p2{
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgb(213,214,218);
  font-size: 14px;
  color: #666666;
  font-family: "light";
  margin-right: 8px;
  margin-top: 28px;
}
.pro2_con2 .rq1 .p2 img{
  margin-left: 10px;
}
.notselect{
  color:#ccc!important;
}
.pro2_con2 .rq1 .p3{
  display: inline-block;
  padding: 5px 10px;
  font-size: 16px;
  color: #1f524e;
  font-family: "light";
  margin-right: 25px;
  transition: all .3s;
  cursor: pointer;
  float: left;
  margin-top: 28px;
}
.pro2_con2 .rq1 .p3.on{
  color: #444444;
  background: rgb(213,214,218);
}
.pro2_con2 .rq1 .on.on1::before{
  content: none;
}
.pro2_con2 .rq1 .on1{
  background: rgb(31,82,78);
  color: #fff;
  position: relative;
}
.pro2_con2 .rq1 .on1::before{
  content: '';
  width: 8px;
  height: 8px;
  background-image: url(../images/img275.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 2px;
}
.pro2_con2 .rq1 .p3:hover{
  background: rgb(31,82,78);
  color: #fff;
}

.pro2_con2 .rq2{
  padding-top: 95px;
  width: 100%;
}
.pro2_con2 .rq3{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 90px;
}
.pro2_con2 .rq3:nth-child(3n){
  margin-right: 0;
}
.pro2_con2 .rq3 .top,
.pro2_con2 .rq3 .top img{
  width: 100%;
  overflow: hidden;
  transition: all 3s;
}
.pro2_con2 .rq3 .bot{
  width: 100%;
  height: 105px;
  position: relative;
  line-height: 105px;
}
.pro2_con2 .rq3 .bot::before{
  content: '';
  width: 100%;
  height: 2px;
  background: rgb(204,204,204);
  position: absolute;
  bottom: 0;
  left: 0;
}
.pro2_con2 .rq3:hover .bot::before{
  background: rgb(31,82,78);
  animation: ll 1s linear;
}




@keyframes ll{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.pro2_con2 .rq3 .bot p{
  font-size: 18px;
  color: #1f524e;
  font-family: "normal";
  padding-left: 35px;
  position: relative;
}
.pro2_con2 .rq3 .bot p::before{
  content: '';
  width: 50px;
  height: 13px;
  background-image: url(../images/img279.png);
  position: absolute;
  left: 80%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition:all .5s;
}
.pro2_con2 .rq3:hover .bot p::before{
  opacity: 1;
  left: 85%;
}
.pro2_con2 .rq3:hover .top img{
  transform: scale(1.1);
}
.pro2_con2 .fyq{
  margin: 0 auto;
  padding-bottom: 145px;
  padding-top: 35px;
}
.pro2_con3{
  background: #fff;
}




/* 客户的家 */
.cn_banner .rq .p{
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translate(-50%,0);
}

.cl_con1 .nr{
  margin: 0 auto;
  display: table;
}
.cl_con1 .nr a{
  display: inline-block;
  margin-right: 40px;
  font-size: 20px;
  font-family: "light";
  color: #333333;
  width: 240px;
  height: 60px;
  /* border: 1px solid rgb(193,194,198); */
  text-align: center;
  line-height: 60px;
  transition: all .5s;
}
.cl_con1 .nr a:nth-child(3){
  margin-right: 0;
}
.cl_con1 .nr a:hover{
  color: #fff;
  background: rgb(31,82,78);
}
.cl_con1 .nr .on{
  color: #fff;
  background: rgb(31,82,78);
}
.cl_con2 .rq3:hover .bot p::before {
  opacity: 1;
}




/* 联系我们 */
.n_banner17 .rq{
  width: 100%;
}
.n_banner17 .rq .p1{
  font-size: 24px;
  color: #fff;
  font-family: "light";
  text-align: center;
}
.n_banner17 .rq .p2{
  font-size: 16px;
  opacity: 0.5;
  color: #fff;
  font-family: "light";
  text-align: center;
  width: 53%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.n_banner17 .rq .rq1{
  width: 25%;
  height: 470px;
  float: left;
  padding: 115px 55px;
  position: relative;
  transition: all .5s;
  z-index: 12;
}
.n_banner17 .rq .p3{
  font-size: 26px;
  color: #fff;
  font-family: "light";
  text-align: center;
  padding-bottom: 25px;
  position: relative;
}
.n_banner17 .rq .p3::before{
  content: '';
  width: 26px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.n_banner17 .rq .p4{
  font-size: 16px;
  color: #fff;
  font-family: "light";
  text-align: center;
  margin-top: 33px;
  opacity: 0.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.n_banner17 .rq a{
  font-size: 16px;
  color: #fff;
  font-family: "light";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 95px;
}
.n_banner17 .rq a img{
  margin-bottom: -8px;
  margin-left: 10px;
}
.n_banner17 .rq .rq1:hover{
  background: rgb(17,97,91);
}


/* concon1 */
.concon1{
  width: 100%;
}
.concon1 .rq{
  width: 100%;
  padding: 120px 80px;
  padding-bottom: 190px;
}
.concon1 .p1{
  color: #1f524e;
  font-size: 36px;
  font-family: "light";
  text-align: center;
  width: 48%;
  margin: 0 auto;
  padding-bottom: 35px;
  position: relative;
}
.concon1 .p1::before{
  content: '';
  width: 40px;
  height: 2px;
  background: rgb(17,97,91);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.concon1 .p2{
  color: #1f524e;
  font-size: 30px;
  font-family: "light";
  text-align: center;
  margin-top: 25px;
  margin-bottom: 75px;
}
.concon1 .rq1{
  width: 100%;
}
.concon1 .rq1 .lef{
  width: 48%;
  float: left;
  overflow: hidden;
}
.concon1 .rq1 .rig{
  width: 48%;
  float: right;
  overflow: hidden;
}
.concon1 .rq1 .lef .top,
.concon1 .rq1 .lef .top img{
  width: 100%;
  transition: all 3s;
}
.concon1 .rq1 .lef .bot{
  margin-top: 150px;
  height: 150px;
  width: 100%;
}
.concon1 .rq1 .lef .bot .rq2{
  width: 150px;
  height: 150px;
  background: rgb(17,97,91);
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding: 40px;
  float: left;
}
.concon1 .rq1 .lef .bot .rq3{
  float: left;
  padding-left: 32px;
  width: 450px;
}
.concon1 .rq1 .lef .bot .rq3 .p3{
  font-size: 16px;
  color: #666;
  margin-top: 8px;
}
.concon1 .rq1 .rig .bot .rq2{padding: 37px;}
.concon1 .rq1 .rig:hover>.top img,
.concon1 .rq1 .lef:hover>.top img{
  transform: scale(1.1);
}



/* 线下门店 */

.n_banner18 .foot-container .p1{
  color: #fff;
}
.n_banner18 .foot-container .in{
  width: 1000px;
  height: 60px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
}
.n_banner18 .foot-container input{
  font-size: 18px;
  color: #999999;
  font-family: "light";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  padding-left: 25px;
}
.n_banner18 .foot-container .in div{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 95%;
  transform: translateY(-50%);
}


/* sh_con1 */
.sh_con1{
  width: 100%;
  padding: 0 60px;
  padding-top: 100px;
  padding-bottom: 130px;
}
.sh_con1 .p1{
  font-size: 46px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  padding-bottom: 80px;
}
.sh_con1 .rq{
width: 100%;
height: 400px;
margin-bottom: 55px;
}

.sh_con1 .lef{
width: 50%;
height: 100%;
float: left;
background: rgb(243,244,249);
padding: 75px 70px;
padding-right: 135px;
}
.sh_con1 .lef .p2{
  font-size: 26px;
  color: #333333;
  font-family: "light";
}
.sh_con1 .lef div{
  width: 100%;
  height: 1px;
  background: rgb(223,224,226);
  margin-top: 25px;
  margin-bottom: 22px;
}
.sh_con1 .lef .p3{
  font-size: 18px;
  color: #666666;
  font-family: "light";
}
.sh_con1 .lef .p4{
  font-size: 18px;
  color: #666666;
  font-family: "light";
  margin-top: 35px;
}
.sh_con1 .lef .p5{
  font-size: 16px;
  color: #666666;
  font-family: "light";
}
.sh_con1 .rig{
  width: 50%;
  height: 100%;
  float: right;
  overflow: hidden;
  }
  .sh_con1 .rig img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: all 5s;
  }
  .sh_con1 .rq:hover> .rig img{
    transform: scale(1.1);
  }





  /* 新闻动态 */
  .news_con1{
    width: 100%;
    background: rgb(243,244,249);
    padding-top: 110px;
  }
.news_con1 .rq{
  width: 100%;
}
.news_con1 .rq .rq1{
  width: 32%;
  float: left;
  margin-right: 2%;
  background: #fff;
  margin-bottom: 30px;
}
.news_con1 .rq .rq1:nth-child(3n){
  margin-right: 0;
}
.news_con1 .rq .rq1 .top{
  width: 100%;

  overflow: hidden;
}
.news_con1 .rq .rq1 .top img{
  width: 100%;
  height: 100%;
  transition: all 3s;
}
.news_con1 .rq .rq1 .bot{
  width: 100%;
  height: 290px;
  padding: 45px 25px;
  position: relative;
}
.news_con1 .rq .rq1 .bot .p1{
  font-size: 18px;
  color: #333;
  font-family: "normal";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: all .5s;
}
.news_con1 .rq .rq1 .bot .p2{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  margin-top: 15px;
  margin-bottom: 25px;
}
.news_con1 .rq .rq1 .bot .p3{
  font-size: 16px;
  color: #999999;
  font-family: "light";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}
.news_con1 .rq .rq1 .bot .p4{
  font-size: 14px;
  color: #999999;
  font-family: "light";
  text-transform: uppercase;
  position: absolute;
  bottom: 50px;
  left: 25px;
  transition: all .5s;
}
.news_con1 .rq .rq1 .bot .p4 img{
  margin-bottom: 5px;
}
.news_con1 .rq .rq1:hover>a .top img{
  transform: scale(1.1);
}
.news_con1 .rq .rq1:hover>a .bot .p1{
  color: #1f524e;
}
.news_con1 .rq .rq1:hover>a .bot .p4{
  left: 35px;
}
.news_con1 .fyq{
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 130px;
}





/* 私享定制 */
.cust_con1{
  width: 100%;
  height: 240px;
  background: #fff;
  padding: 90px 0;
  position: sticky;
  top: 0;
  z-index: 10;
}
/* .cust_con1_2{
  height: auto;
  padding: 20px 0;
} */


.cust_con1_2 {
  width: 100%;
  height: 100px;
  padding: 18px 0;
}
.cust_con1 .rq{
  margin: 0 auto;
  display: table;
}
.cust_con1 .rq a{
  display: inline-block;
  font-size: 20px;
  font-family: "light";
  width: 200px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333333;
  border: 1px solid rgb(193,194,198);
  margin-left: 40px;
  transition: all .3s;
}
.cust_con1 .rq a:nth-child(1){
  margin-left: 40px;
}
.cust_con1 .rq .on{
  background: rgb(31,82,78);
  color: #fff;
}
.cust_con1 .rq a:hover{
  background: rgb(31,82,78);
  color: #fff;
}


/* .cust_con2 */

.cust_con2{
  width: 100%;
  background: rgb(243,244,249);
  padding-top: 95px;
  padding-bottom: 160px;
}
.cust_con2 .proj_fbt{
  margin-bottom: 70px;
}


/* 轮播图 */
        #persons {
          position: relative;
          width: 100%;
          margin: 0 auto
        }
        
        #persons .swiper-container {
          padding-bottom: 75px;
        }
        
        #persons .swiper-slide {
          width: 680px;
          height: 400px;
        }


        
        #persons .swiper-pagination {
          width: 100%;
          bottom: 0px;
        }
        
        #persons .swiper-pagination-bullets .swiper-pagination-bullet {
          margin: 0 0px;
          border-radius: 0;
          background-color: rgb(204,204,204);
          width:225px;
          height: 2px;
          opacity: 1;
        }
        
        #persons .swiper-pagination-bullets .swiper-pagination-bullet-active {
          background-color: rgb(31,82,78);
        }
        #persons .swiper-slide p{
          font-size: 18px;
          color: #333;
          font-family: "normal";
          margin-top: 25px;
          opacity: 0;
          transition: all .3s;
        }
        #persons .swiper-slide-active p{
          opacity: 1;
        }
        #persons .swiper-slide img{
          width: 100%;
          height: 100%;
        }





/* cust_con3 */
.cust_con3{
  width: 100%;
  padding-top: 120px;
  padding-bottom: 155px;
}
.cust_con3 .proj_fbt{
  margin-bottom: 95px;
}
.cust_con3 .rq{
  width: 100%;
}
.cust_con3 .rq .rq1{
  width: 50%;
  height: 300px;
  overflow: hidden;
  float: left;
}
.cust_con3 .rq .rq1 img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.cust_con3 .rq .rq1:hover img{
  transform: scale(1.1);
}
.cust_con3 .rq .rq1 .lef,
.cust_con3 .rq .rq1 .rig{
  width: 50%;
  float: left;
  overflow: hidden;
}
.cust_con3 .rq .rq1 .lef{
  padding: 65px 45px;
  height: 100%;
  background: rgb(243,244,249);
}
.cust_con3 .p1{
  font-size: 24px;
  color: #333333;
  font-family: "light";
}
.cust_con3 .p2{
  font-size: 16px;
  color: #666666;
  font-family: "light";
}
.cust_con3 .rq .rq1 .lef div{
  width: 160px;
  height: 1px;
  background-color: rgb(31,82,78);
  margin: 20px 0;
}
.cust_con3 .p3{
  font-size: 16px;
  color: #777777;
  font-family: "light";
}
.cust_con3 .rq .rq1:nth-child(3) .lef,
.cust_con3 .rq .rq1:nth-child(4) .lef{
  float: right;
}




/* 招商加盟 */
.n_banner .pp{
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #081918;
  font-size: 50px;
  font-family: "light";
}
.n_banner .pp2{
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #081918;
  font-size: 24px;
  font-family: "light";
}


/* att_con1 */
.att_con1{
  width: 100%;
  padding-top: 105px;
  padding-bottom: 140px;
}
.att_con1 .proj_fbt{
  margin-bottom: 95px;
}
.att_con1 .rq{
  width: 100%;
  height: 520px;
}
.att_con1 .lef{
  width: 830px;
  height: 100%;
  float: left;
  overflow: hidden;
}
.att_con1 .lef img{
  width: 100%;
  height: 100%;
  transition: all 5s;
}
.att_con1 .rig{
  width: 545px;
  height: 100%;
  float: right;
}
.att_con1 .rq1{
  width: 100%;
  height: 135px;
  border-bottom: 1px solid rgb(214,214,214);
}
.att_con1 .rq1:nth-child(1){
  height: 100px;
}
.att_con1 .rq1 div{
  height: 135px;
  vertical-align: middle;
  display: table-cell;
}
.att_con1 .rq1:nth-child(1) div{
  height: 100px;
}
.att_con1 .rq1 .p{
  display: inline-block;
  font-size: 30px;
  color: #666666;
  font-family: "dinlig";
  margin-right: 110px;
}
.att_con1 .rq1 .p1{
  display: inline-block;
  font-size: 18px;
  color: #666;
  font-family: "light";
}
.att_con1 .rq1:nth-child(4) .p1{
  width: 50%;
}
.att_con1 .rq1:nth-child(4) .p{
  margin-bottom: 5px;
}
.att_con1 .rq1:hover p{
  color: #1f524e;
}
.att_con1 .rq:hover>.lef img{
  transform: scale(1.1);
}
/* att_con2 */
.att_con2{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 90px;
  background: rgb(243,244,249);
}
.att_con2 .proj_fbt{
  margin-bottom: 40px;
}
.att_con2 .p1{
  font-size: 26px;
  color: #1e4f4b;
  font-family: "light";
  text-align: center;
}
.att_con2 .p2{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  text-align: center;
  width: 60%;
  margin: 0 auto;
  margin-top: 30px;
}
.att_con2 .rq{
  width: 1080px;
  margin: 0 auto;
  margin-top: 70px;
}
.att_con2 .rq .rq1{
  width: 240px;
  height: 120px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgb(221,221,221);
  position: relative;
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
  transition: all .5s;
}
.att_con2 .rq .rq1:hover{
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
    transform: translate3d(0,-5px,0);
}
.att_con2 .rq .rq1:nth-child(4n){
  margin-right: 0;
}
.att_con2 .rq .rq1 img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.att_con2 .p3{
  font-size: 26px;
  color: #1e4f4b;
  font-family: "light";
  text-align: center;
  margin-top: 40px;
  margin-bottom: 65px;
}
.att_con2 .rq2{
  width: 100%;
}
.att_con2 .rq3{
  width: 48.9%;
  height: 220px;
  margin-right: 2%;
  float: left;
  margin-bottom: 35px;
  background: #fff;
}
.att_con2 .rq3:nth-child(2n){
  margin-right: 0;
}
.att_con2 .rq3 .lef{
  float: left;
  width: 31.5%;
  height: 100%;
  float: left;
  background-image: url(../images/img310.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; 
}
.att_con2 .rq3 .lef img{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.att_con2 .rq3:hover .lef img{
  transform: translate(-50%,-80%);
}

.att_con2 .rq3 .lef p{
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 22px;
  color: #fff;
  font-family: "light";
}
.att_con2 .rq3 .rig{
  width: 68.5%;
  height: 100%;
  float: left;
  padding: 33px;
  overflow-y: auto;
}
.att_con2 .rq3 .rig::-webkit-scrollbar {
  width: 3px;
}

.att_con2 .rq3 .rig::-webkit-scrollbar-track {
  background-color:rgb(204,204,204);
}

.att_con2 .rq3 .rig::-webkit-scrollbar-thumb {
  background-color: rgb(30,79,75);
}

.att_con2 .rq3 .rig .p4{
  font-size: 15px;
  color: #666;
  font-family: "light";
  line-height: 28px;
}


/* cust_con3 */
.att_con3{
  width: 100%;
  background: #fff;
  padding-top: 90px;
  padding-bottom: 150px;
}
.att_con3 .proj_fbt{
  margin-bottom: 70px;
}
.att_con3 .rq{
  width: 100%;
  height: 520px;
}
.att_con3 .rq .lef{
  width: 44.5%;
  height: 100%;
  float: left;
}
.att_con3 .rq .lef img{
  width: 100%;
  height: 100%;
}
.att_con3 .rq .rig{
  width: 55.5%;
  height: 100%;
  padding-left: 4%;
  float: left;
}
.att_con3 .rq .rq1{
  width: 100%;
  border-bottom: 1px solid rgb(214,214,214);
}
.att_con3 .rq .rq1 .top{
  width: 100%;
  height: 95px;
  line-height: 95px;
  background-image: url(../images/img317.png);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
}
.att_con3 .rq .rq1.on .top{
  background-image: url(../images/img318.png);
}
.att_con3 .rq .rq1 .top img{
  margin-right: 20px;
  margin-bottom: -8px;
}
.att_con3 .rq .rq1 .top .p1{
  font-size: 24px;
  color: #444;
  font-family: "light";
  display: inline-block;
  font-style: italic;
}
.att_con3 .rq .rq1 .bot{
  width: 100%;
  height: 0;
  transition: all .3s;
  overflow: hidden;
}
.att_con3 .rq .rq1.on .bot{
  padding-left: 67px;
  padding-bottom: 25px;
  height: 135px;
  overflow-y: auto;
}
.att_con3 .rq .rq1 .bot::-webkit-scrollbar {
  width: 3px;
}

.att_con3 .rq .rq1 .bot::-webkit-scrollbar-track {
  background-color:rgb(204,204,204);
}

.att_con3 .rq .rq1 .bot::-webkit-scrollbar-thumb {
  background-color: rgb(30,79,75);
}
.att_con3 .rq .rq1 .bot .p2{
  font-size: 16px;
  color: #666;
  font-family: "light";
  line-height: 30px;
}


/* att_con4 */
.att_con4{
  width: 100%;
  background: rgb(243,244,249);
  height: 790px;
  padding-top: 95px;
  padding-bottom: 145px;  overflow: hidden;
}
.att_con4 .mbb{
  width: 0%;
  height: 100%;
  background: rgb(243,244,249);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.att_con4 .mbb.is-visible{
  animation: mbb 5s linear;
}
@keyframes mbb{
  0%{
    width: 100%;
  }
  100%{
    width: 0%;
  }
}

.att_con4 .proj_bt{
  position: relative;z-index: 11;
}
.att_con4 .proj_fbt{
  margin-bottom: 95px;position: relative;z-index: 11;
}
.att_con4 .rq{
  width: 100%;
  height: 305px;
  position: relative;
}


.att_con4 .rq img{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.att_con4 .rq p{
  font-size: 18px;
  color: #666666;
  font-family: "light";
}
.att_con4 .rq p:hover{
  color: #1f524e;
}
.att_con4 .rq .p1{
  width: 123px;
  position: absolute;
  left: 4%;
  top: 111%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p2{
  position: absolute;
  left: 15%;
  top: 107%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p3{
  width: 123px;
  position: absolute;
  left: 29%;
  top: 98%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p4{
  width: 97px;
  position: absolute;
  left: 36%;
  top: 73%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p5{
  position: absolute;
  left: 44%;
  top: 38%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p6{
  width: 93px;
  position: absolute;
  left: 58%;
  top: 34%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p7{
  position: absolute;
  left: 66%;
  top: 58%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p8{
  position: absolute;
  left: 75%;
  top: 92%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p9{
  position: absolute;
  left: 87%;
  top: 106%;
  transform: translate(-50%,-50%);
}
.att_con4 .rq .p10{
  width: 100px;
  position: absolute;
  left: 100%;
  top: 106%;
  transform: translate(-50%,-50%);
}




/* att_con5 */
.att_con5{
  width: 100%;
  padding-top: 95px;
  padding-bottom: 135px;
}
.att_con5 .proj_fbt{
  margin-bottom: 90px;
}
.att_con5 .rq{
  width: 100%;
}
.att_con5 .rq1{
  width: 23.5%;
  margin-right: 2%;
  float: left;
  height: 220px;
  border: 1px solid rgb(204,204,204);
  padding: 55px;
  transition: all .5s;
}
.att_con5 .rq1:hover{
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
  transform: translate3d(0,-5px,0);
}
.att_con5 .rq1:nth-child(4){
  margin-right: 0;
}
.att_con5 .rq1 .p1{
  font-size: 24px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.att_con5 .rq1 .p1::before{
  content: '';
  width: 30px;
  height: 2px;
  background: rgb(31,82,78);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.att_con5 .rq1 .p2{
  font-size: 18px;
  color: #666666;
  font-family: "light";
  text-align: center;
}
.pro6_cont4 .xian,.pro6_cont3 .xian,
.pro2_cont4 .xian,.pro2_cont1 .xian,
.pro5_cont1 .xian,.pro5_cont4 .xian{
  background: rgb(94,70,85);
}
.pro6_cont4 .kk{
  border-top: 1px solid rgb(94,70,85);
  border-bottom: 1px solid rgb(94,70,85);
}
.prodate_cont8{
  position: static;
  transform: translateY(0);
}
.n_banner10 .tp,.prodate_cont7 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.nn_banner .tp{
  width: 100%;
  height: 100%;
}
.att_con4 .bj{
  width: 100%;
}








.n_banner9 .tp,
.n_banner7 .tp,
.n_banner3_3 .tp,
.banner8 .tp,
.n_banner3 .tp,
.n_banner2 .tp{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
  width: 100%;
}
.pro7_cont2 .bj,
.pro5_cont2 .bj,
.pro4_cont2 .bj,
.pro6_cont2 .bj,
.pro3_cont2 .bj,
.pro2_cont2 .bj,
.pro5_cont3 .bj,
.pro1_cont3 .bj,
.pro4_cont3 .bj,
.pro6_cont3 .bj,
.pro3_cont3 .bj,
.pro2_cont1 .bj{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-4%); */
  width: 100%;
}
.pro1_cont2 .bj{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
  width: 100%;
}

.pro7_cont3 .bj{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-4%); */
  width: 100%;
}
/* .pro7_cont2 .rq {
  top: 145px;
}
.pro2_cont4 .lef .top {
  padding-top: 76px;
} */













































/* 分辨率 */
/* 首页 */
@media(max-width:1680px){


  .pro5_cont5 .rq{
    width: 100%;
    margin: 0 auto;
  }





  .pro5_cont2 .ig1 {
    margin-top: 85px;
}
  .banner .yun1{
    width: 574px;
  }
  .banner .yun2{
    width: 370px;
  }
  .banner .swiper-slide .ig1{
    width: 177.5px;
  }
  .banner .swiper-slide .ig2{
    width: 40.8px;
  }

  .content3 .zw{
    padding-top: 100px;
  }
  .content3 .zw .p3 {
    margin-top: 115px;
}
.content3 .zw .p1{
  font-size: 40px;
}
.content3 .zw .p2{
  font-size: 20px;
}
.content3 .zw input,.content3 .zw button {
  font-size: 16px;
  height: 45px;
}
.content3 .zw .p3{
  font-size: 26px;
}
.content3 .zw .p4 {
  font-size: 15px;
}
.content3 .zw a img {
  margin-right: 15px;
}
.content3 .zw a {
  width: 155px;
}
.content4 .rq .rq1 .p1 {
  font-size: 50px;
}
.content4 .rq .rq1 .p2 {
  font-size: 25px;
}
.content4 .rq .rq1 .p3 {
  font-size: 19px;
}
.content5 .rq1 .p1 .sztd {
  font-size: 65px;
}
.content5 .rq1 .p1 {
  font-size: 18px;
}
.content5 .rq1 .p2 {
  font-size: 15px;
}
.content5 .rq1{
  height: 180px;
}
.content5 a {
  width: 160px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
}
.content5 a p{
  font-size: 16px;
}
.content6 .p1{
  font-size: 50px;
}
.content6 .p2{
  font-size: 25px;
}

.content6 .swiper-slide div{
  height: 250px;
}
.content6 .swiper-slide div .p5{
  padding-bottom: 53px;
}
.content6 .swiper-slide div .p3{
  font-size: 32px;
}
.content6 .swiper-slide{
  height: 500px;
}



/* 家居产品 */
.pro2_con2 .rq1 span {
  width: 83%;
  float: left;
}


/* 联系我们 */
.n_banner17 .rq .rq1 {
  height: 400px;
  padding: 45px 55px;
}
.concon1 .p1{
  font-size: 30px;
}
.concon1 .p2{
  font-size: 25px;
}
.concon1 .rq1 .lef .bot .rq3 {
  width: 349px;
}



/* 关于我们 */
.n_banner12 .cen {
  width: 73.5%;
}
.n_banner12 .cen img{
  width: 100%;
  height: 1px;
}
.n_banner12 .rig{
  width: 494px;
}
.n_banner12 .ig2 {
  left: 53%;
}
.n_banner12 .p4 p {
  font-size: 90px;
}
.n_banner12 .rig .p2 div{
  font-size: 14px;
}
.n_banner12 .rig .ig1{
  width: 370px;
}
.about_con1 .rig {
  width: 483px;
  height: 416.6px;
}
.about_con1 .gallery-thumbs .swiper-slide::before{
  left: 32%;
}
.about_con4 .ig2{
  width: 625px;
}
.about_con4 .top .p2 {
  font-size: 28px;
  width: 48%;
}




.att_con4 .rq img{
  width: 126%;
}
.n_banner .pp {
  position: absolute;
  top: 11%;
  font-size: 44px;
}
.n_banner .pp2 {
  position: absolute;
  top: 23%;
  font-size: 21px;
}
.att_con1 .lef{
  width: 691px;
}
.att_con1 .rig{
  width: 454px;
}
.att_con4 .rq .p1 {
  left: -1%;
}
.att_con4 .rq .p9 {
  left: 90%;
}

.att_con4 .rq .p10 {
  left: 105%;
}
.att_con2 .rq3 {
  height: 184px;
}




.cust_con3 .rq .rq1{
  height: 250px;
}
.cust_con3 .rq .rq1 .lef {
  padding: 38px 45px;
}
#persons .swiper-slide {
  width: 566px;
  height: 333px;
}
#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 185px;
}



.n_banner11 .foot-container .p1 {
  font-size: 45px;
  padding-bottom: 18px;
}
.proj_cont1 .lef img{
  width: 100%;
}
.proj_cont1 .bot {
  width: 100%;
  height: auto;  
}

.proj_cont1 .lef{
    padding-bottom: 75px;
}



.n_banner .foot-container .ig2 {
  right: 225px;
}

.n_banner .foot-container .ig1{
  width: 100px;
}

.n_banner .foot-container .p1{
  font-size: 40px;
}
.n_banner .foot-container .p2 {
  font-size: 17px;
}
.pro1_cont4 .lef .wz{
  left: 20%;
}




.prodate_cont3 .ig3{
  width: 621px;
}
.prodate_cont3 .ig4{
  width: 577px;
}
.prodate_cont3 .ig2{
  width: 250px;
}
.prodate_cont3 .ig1{
  width: 186px;
}
.prodate_cont3 .ig5{
  width: 315px;
}
.prodate_cont3 .p1 {
  font-size: 30px;
}
.prodate_cont3 .p2 {
  font-size: 16px;
}
.prodate_cont7 .ig4{
  width: 279px;
}
.pro2_cont4 .ig2{
  width: 100%;
}
.prodate_cont7 .ig2{
  width: 181px;
}
.prodate_cont7 .ig1{
  width: 217px;
}
.prodate_cont7 .ig5{
  width: 163px;
}
.yd .tp_rq2 .tp_rq3 div {
  height: 230px;
}
.tp_rq {
  width: 400px;
  height: 465px;
}
.yd2 .tp_rq {
  top: -460px;
}
.prodate_cont4 .yd2 .tp_rq {
  top: -471px;
}
.prodate_cont6 .yd1 .tp_rq {
  top: -469px;
  left: -248px;
}



.n_banner2 .dg_p1 {
  font-size: 36px;
  line-height: 44px;
}

.n_banner2 .dg_ig3{
  width: 707px;
}

.pro2_cont1 .ig1{
  width: 460px;
}
.pro2_cont1 .ig2{
  width: 408px;
}
.pro2_cont1 .p1 {
  font-size: 65px;
  line-height: 60px;
  top: 41%;
  left: 55%;z-index: 2;
}
.pro2_cont1 .foot-container{
  height: 983px;
}
.pro2_cont1 .ig3 {
  top: 60%;
  left: 59%;
}
.pro2_cont2 .p1 {
  font-size: 40px;
}
.pro2_cont2 .p2 {
  font-size: 16px;
}
.pro2_cont3 .ig3{
  width: 150px;
}
.pro2_cont3 .ig2{
  width: 317px;
}
.pro2_cont3 .ig1{
  width: 755px;
}
.pro2_cont3 .ig4{
  width: 473px;
}
.pro2_cont3 .p1 {
  font-size: 76px;
  line-height: 71px;
}

.pro2_cont4 .ig1{
  width: 100%;
}

.pro6_cont1 .ig1{
  width: 291px;margin-left: 80px;
}
.pro6_cont1 .ig2{
  width: 671px;
}
.pro6_cont1 .ig3{
  width: 341px;
}
.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 58px;
}
.pro6_cont1 .ig3 {
  margin-right: 330px;
}

.pro6_cont1 .p1 {
  font-size: 32px;
  line-height: 43px;
}
.pro6_cont2 .p1 {
  font-size: 37px;
  margin-bottom: 16px;
}
.pro6_cont3 .ig3{
  width: 204px;
}
.pro6_cont3 .ig4{
  width: 243px;
}
.pro6_cont3 .ig2{
  width: 370px;
}
.pro6_cont3 .ig1{
  width: 965px;
}




.pro3_cont1 .top .rig img{
  width: 671px;
}

.pro3_cont1 .bot .ig1{
  width: 391px;margin-left: 89px;
}
.pro3_cont1 .bot .ig2{
  width: 383px;
}

.pro3_cont1 .bot .p2,.pro3_cont1 .bot .p2 span {
  font-size: 59px;
}
.pro3_cont1 .bot .p2 span {
  right: -66px;
}
.pro2_cont4 {
  width: 100%;
  height: 924px;
}







.pro3_cont4 .lef .ig4{
  width: 444px;
}


.n_banner4 .dg_ig3{
  width: 420px;
}
.n_banner3 .dg_p1 {
  
  font-size: 40px;
  
  line-height: 55px;
  margin-top: 43px;
}

.banner6 .foot-container .ig1 {
  width: 175px;
}
.pro4_cont1 .ig4{
  width: 900px;
}
.pro4_cont1 .ig1{
  width: 200px;
}
.pro4_cont1 .ig2{
  width: 120px;
}
.pro4_cont2 .p1 {
  font-size: 40px;
}


.pro4_cont3 .ig4{
  width: 600px;
}

.pro4_cont3 .ig1{
  width: 180px;
}

.pro4_cont3 .ig3{
  width: 300px;
}
.pro4_cont3 .ig2{
  width: 180px;
}
.pro4_cont4 .ig2 {
  width: 70%;
}



.n_banner9 .foot-container .ig1 {
  width: 190px;
}
.n_banner9 .yig1{
  width: 400px;
}
.n_banner9 .yig2{
  width: 380px;
}
.n_banner9 .ig5{
  width: 288px;
}
.n_banner9 .ig4{
  width: 186px;
}
.pro7_cont1 .ig2{
  width: 1068px;
}
.pro7_cont1 .ig3{
  width: 251px;
}
.pro7_cont1 .ig1{
  width: 132px;
}
.pro7_cont1 .ig4{
  width: 166px;
}
.pro7_cont1{
  height: 983px;
}
.pro7_cont1 .p2 {
  bottom: 175px;
}
.pro7_cont2 .p1 {
  font-size: 30px;
}
.pro7_cont2 .rq{
  width: 875px;height: 312px;
}
.pro7_cont2 .rq {
  padding-left: 139px;
  padding-top: 33px;
}



.pro5_cont1 .ig5{
  width: 377px;
}
.pro5_cont1 .ig4{
  width: 627px;
}
.pro5_cont1 .ig2{
  width: 250px;
}
.pro5_cont1 .ig1{
  width: 162px;
}
.pro5_cont1 .ig3{
  width: 186px;
}
.pro5_cont1 .ryb{
  width: 638px;
}
.pro5_cont1 .ryb img {
  margin-right: 1%;
}
.pro5_cont1{
  height: 1032px;
}
.pro5_cont4 .ig2{
  width: 228px;
}
.pro5_cont4 .ig1{
  width: 30%;
  position: absolute;
  bottom: 11%;
}
.pro5_cont4 .lef img{
  width: 100%;
}
.pro5_cont4 .lef{
  width: 63.3%;
}
.pro5_cont4 .rig{
width: 36.7%;
}
.pro5_cont3 .ig1{
  width: 808px;
}
.n_banner7 .dg_p1 {
  font-size: 26px;
}


.about_con1 .swiper-button-next,.about_con1 .swiper-button-prev{
  top: 70%;
}


.n_banner17 .foot-container {
  padding-top: 34px;
}
.n_banner17 .rq .rq1 {
height: 55%;
padding: 3% 3%;
}

.n_banner17 .rq a {
bottom: 42px;
}

.n_banner12 .lef {
  width: 70.5%;
}
.n_banner9 .foot-container .ig1 {
  width: 140px;
}
/* .pro3_cont2 .ig1 {
  padding-top: 148px;
} */
.pro3_cont2 .ig1 {
  padding-top: 80px;
}
/* .pro6_cont2 .ig1 {
  padding-top: 153px;
} */
.pro6_cont2 .ig1 {
  padding-top: 90px;
}
.n_banner2 .ig1{
  padding-top: 130px;
}
.pro2_cont2 .ig1 {
  padding-top: 80px;
}
.n_banner7 .foot-container .ig1 {
  width: 135px;
}




.content3 .xzz {
  top: 48%;
}
.content3 .bj{
  height: 2026px;
}
.content5 .bj{
  height: 100% !important;
}
.content4 .foot-container {
  padding-top: 166px;
  padding-bottom: 73px;
}
.content4 {
  height: 650px;
}






}

@media(max-width:1540px){

  .pro1_cont5 {
    width: 100%;
    padding: 40px 0;
}









.n_banner12 .ig2{
  width: 87px;
}
.n_banner12 .ig2 {
  left: 57%;    top: 147px;
}
.n_banner12 .rig {
  width: 445px;
  padding: 38px;
}
.n_banner12 .p3 {
  padding-top: 145px;
  padding-bottom: 20px;
}




.att_con4 .rq img {
  width: 110%;
}
.att_con4 .rq .p1 {
  left: 4%;    top: 92%;

}
.att_con4 .rq p {
  font-size: 14px;
}
.att_con4 .rq .p2 {
  left: 17%;
  top: 87%;
}
.att_con4 .rq .p3 {
  left: 30%;
  top: 78%;
}
.att_con4 .rq .p4 {
  left: 38%;
  top: 59%;
}
.att_con4 .rq .p5 {
  left: 46%;
  top: 26%;
}
.att_con4 .rq .p6 {
  left: 58%;
  top: 25%;
}
.att_con4 .rq .p7 {
  left: 65%;
  top: 46%;
}
.att_con4 .rq .p8 {
  left: 73%;
  top: 72%;
}
.att_con4 .rq .p9 {
  left: 86%;
  top: 85%;
}
.att_con4 .rq .p10 {
  left: 98%;
  top: 86%;
}
.att_con4 {
  height: 680px;
  padding-bottom: 0px;
}
.att_con4 .proj_fbt {
  margin-bottom: 73px;
}
.proj_bt {
  font-size: 40px;
}
.proj_bt img{
  width: 120px;
  height: 1px;
}
.proj_bt img {
  margin-bottom: 11px;
}
.n_banner .pp {
  top: 9%;
  font-size: 37px;
}
.n_banner .pp2 {
  top: 21%;
  font-size: 18px;
}



.pro1_cont4 .rig .bj{
  height: 336px;
}
.pro1_cont4 .lef .bj{
  height: 768px;
}

.pro1_cont4 .lef .ig1 {
  width: 465px;
}
.pro1_cont4 .lef .wz {
  width: 590px;
}
.pro1_cont4 .lef .wz p {
  font-size: 16px;
}
.pro1_cont4 .rig .bot {
  height: 433px;
}

.pro5_cont4 .foot-container {
  padding-top: 88px;
}
.pro5_cont4 .p1 {
  font-size: 16px;
}




.n_banner7 .foot-container .ig1 {
  width: 135px;
}


.att_con2 .rq3 .rig {
  padding: 20px;
}










}


@media(max-width:1460px){









  .n_banner2 .dg_ig3{
    margin-top: 15px;
  }
  .pro5_cont5{
    padding-top: 0;
  }
.n_banner4 .dg_ig3{
  margin-top: 0;
}
  .pro6_cont3 .ig3 {
    top: -180px;
}
  .pro6_cont3 .foot-container{
    padding-top: 50px;
  }
  .n_banner2 .ig1 {
    padding-top: 67px;
}
  .pro6_cont3 .ig1 {
    bottom: 0%;
}
.pro6_cont3 .ig2 {
  bottom: -80px;
}
  .pro4_cont1 .p1{
    padding-top: 130px;
  }
  .pro4_cont1 .ig4{
    top: 22%;
  }
  .pro4_cont1 .ig2 {
    bottom: 42%;
}
  .pro7_cont1 {
    height: 580px;
}
.pro7_cont1 .ig1 {
  top: 270px;
}
.pro7_cont1 .p2 {
  bottom: 23px;
}
.pro7_cont1 .ig3 {
  position: absolute;
  top: 5px;
  right: 0;
}
.pro7_cont1 .ig4 {
  position: absolute;
  bottom: 155px;
  right: 0;
}
  /* .n_banner .foot-container{
    padding-top: 35px;
  } */
  .n_banner7 .dg_p1{
    margin-top: 0;
  }
  .pro5_cont1 .p1{
    padding-top: 50px;
  }
  .pro5_cont1 .ryb {
    bottom: 440px;
}
/* .pro5_cont3 .ig1{
  top: 29%;
} */


  
  .pro1_cont4 .lef .wz{
    top: 190px;
  }
  .pro6_cont1 .zw{
    margin-top: 0;
  }
  .pro6_cont1 .foot-container{
    padding-top: 0;
  }
  .pro6_cont1 .xian {
    margin-top: 15px;
    margin-bottom: 17px;
}
.pro6_cont1 .ig2 {
  margin-top: 100px;
}
.pro6_cont1 .p3 span{
  top: 40px;
}
.pro2_cont1 .foot-container{
  padding-top: 20px;
}
.pro2_cont1 .ig2 {
  position: absolute;
  left: 0;
  bottom: 40%;
}
.pro2_cont1 .p1{
  top: 20%;
  left: 59%;
}
.pro2_cont1 .ig3 {
  top: 28%;
  left: 63%;
}
.pro2_cont1 .ig1 {
  width: 420px;
}
  /* .pro7_cont2 .bj,
.pro5_cont2 .bj,
.pro4_cont2 .bj,
.pro6_cont2 .bj,
.pro3_cont2 .bj,
.pro2_cont2 .bj{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-20%);
} */
  /* .pro7_cont3 .bj{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-10%);
  } */
  /* .n_banner9 .tp,
.n_banner7 .tp,
.n_banner3_3 .tp,
.banner8 .tp,
.n_banner3 .tp,
.n_banner2 .tp{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-55%);
} */
  /* .pro1_cont2 .bj{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-70%);
  }
  .pro5_cont5,.pro2_cont4,.pro2_cont3,.pro5_cont4,.pro1_cont4{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
  } */
  .pro5_cont4 .foot-container {
    padding-top: 115px;
}
.pro5_cont5 .p1{
  margin-bottom: 10px;
}
.pro5_cont5 {
  width: 100%;
  /* padding-top: 120px; */
}
  
  /* 首页 */
  .content2 .zw .p1 {
    font-size: 37px;
    line-height: 43px;
    padding-bottom: 50px;
}
.content2 .zw .p2 {
  font-size: 14px;
  width: 82%;
}
.content2 .bj a img{
  width: 88px;
}

.content1 .swiper-slide .rq2{
  width: 187px;
}
.content1 .swiper-slide .rq2 .rq2_1 div p{
  width: 57%;
}
.content1 .swiper-slide .rq2 .rq2_1 div p img{
  width: 32px;
}
.banner .swiper-slide .ig1 {
  width: 143.5px;
}

.banner .yun2 {
  width: 340px;
  top: 75px;
}
.banner .yun1 {
  width: 570px;
  top: 68px;

}

.banner .swiper-slide .ig2{
  bottom: 45px;
}
@keyframes sb{
  0%{
    bottom: 30px;
  }
  50%{
    bottom: 50px;
  }
  100%{
    bottom: 30px;
  }
}


.content5 .foot-container {
  padding-top: 115px;
}


.n_banner12 .rig .ig1{
  width: 305px;
}
.n_banner12 .rig {
  width: 29.5%;
}
.n_banner12 .p3 {
  font-size: 40px;
}
.n_banner12 .p4, .n_banner12 .p4 p span {
  font-size: 16px;
}
.n_banner12 .p4 p {
  font-size: 70px;
}
.n_banner12 .rig .p2{
  margin-top: 11px;
}
.n_banner12 .rig .p1 {
  padding-bottom: 11px;
}
.about_bt {
  font-size: 40px;
}
.about_con2 .about_bt {
  padding-top: 62px;
  padding-bottom: 45px;
}
.abo_video .bfq div::before{
  background-size: contain;
  background-repeat: no-repeat;
}
.abo_video .bfq div{
  width: 85px;
  height: 85px;
}
.abo_video .bfq p {
  font-size: 22px;
  margin-top: 10px;
}




.n_banner .pp {
  top: 7%;
  font-size: 33px;
}
.n_banner .pp2 {
  top: 21%;
  font-size: 18px;
}






.n_banner18 .foot-container .p1{
  margin-top: 0;
}
.n_banner18 .foot-container .in {
  width: 848px;
}
.sh_con1{
  padding: 100px 0;
}


.proj_cont1 .p2 {
  font-size: 35px;
}
.n_banner11 .foot-container {
  padding-top: 115px;
}
.n_banner11 .rq1 .p .sztd {
  font-size: 40px;
}
.n_banner11 .rq1 .p2 {
  font-size: 14px;
}




.pro1_cont2 .foot-container img{
  width: 100px;
}
.pro1_cont2 .p1 {
  font-size: 40px;
}
.pro1_cont2 .p2 {
  font-size: 15px;
}



.prodate_cont3 .ig2 {
  right: -57px;
}


.n_banner .foot-container .ig1{
  width: 80px;    padding-bottom: 28px;

}
.n_banner2 .dg_p1 {
  font-size: 26px;
  line-height: 32px;
}
/* .n_banner2 .dg_ig3 {
  width: 580px;
} */
.pro2_cont2 .ig1{
  width: 80px;
}
.pro2_cont2 .p1 {
  font-size: 33px;
}
.pro2_cont2 .p2 {
  font-size: 14px;
}
.pro2_cont3 .ig3 {
  width: 130px;
}.pro2_cont3 .ig2 {
  width: 271px;
}

.pro2_cont3 .ig1 {
  width: 697px;
}
.pro2_cont3 .ig4 {
  width: 420px;
}
.pro2_cont3{
  height: 765px;
}
.pro2_cont3 .p1 {
  font-size: 63px;
  line-height: 60px;
}
.pro2_cont3 .p2 {
  font-size: 17px;
}



.banner8 .foot-container .ig1 {
  width: 240px;
}
.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 48px;   
}
.pro6_cont1 .p3 {
  right: 53px;
}


.banner6 .foot-container .ig1 {
  width: 175px;
}
.n_banner3 .dg_p1 {
  font-size: 32px;
  line-height: 43px;
  margin-top: 20px;
}
/* .n_banner4 .dg_ig3 {
     margin-top: 16%;
} */
.pro4_cont1 .ig4 {
  width: 720px;
}

.pro4_cont3 .ig4 {
  width: 490px;
}
.pro4_cont3 .ig3 {
  width: 245px;
}
.pro4_cont3 .ig1 {
  width: 131px;
}
.pro4_cont4 .ig5{
  width: 150px;
}


.n_banner9 .foot-container .ig1 {
  width: 140px;
}






.n_banner7 .foot-container .ig1 {
  width: 135px;
}



/* .content3 .bj {
  height: 1300px;
} */
.content3 .bj {
  height: 1930px;
}
.content5 .foot-container{
  top: 0% !important;
}

.content3 .foot-container {
  top: 46%;
}
.content3 {
  width: 100%;
  padding-top: 270px;
}
.content1 {
  padding-top: 150px;
}

.pro2_cont4 {
  height: 700px;
}
.pro7_cont4 .ig5 {
  width: 100px;
}
.pro6_cont3 {
  height: 100%;
}

.pro5_cont5 .rq1 .p2 {
  font-size: 30px;
  
}
.pro2_cont4 .lef .top {
  padding-top: 37px;
}
.xian {
  margin-bottom: 18px;
}
.pro2_cont4 .lef .top .p1{
  line-height: 23px;
}
.kk .p2 {
  font-size: 25px;
}
.pro2_cont1 .p2{
  line-height: 30px;
}




.kk {
  bottom: 109px;
}
.pro1_cont1 .top p ,.pro4_cont1 .p1,
.pro4_cont2 .p2,.pro4_cont3 .p1,.pro6_cont1 .p2,
.pro6_cont1 .p4,.pro6_cont3 .p1,.pro3_cont1 .top .lef .p1,
.pro3_cont3 .p1,.pro2_cont1 .p2{
  font-size: 16px;line-height: 25px;
}
.pro4_cont2 .p1 {
  font-size: 35px;
}
/* .pro2_cont4 .lef .top {
  padding-top: 155px;
} */
/* .section-4 .pro2_cont4 .lef .top {
  padding-top: 140px;
} */

.pro6_cont4 .ig5 {
  width: 100px;
}



.pro6_cont1 .p4{
  right: 118px;
  bottom: 80px;
}
.pro6_cont1 .p3 {
  right: 148px;
}
.pro6_cont1 .ig3 {
  width: 284px;    margin-right: 395px;
}
.pro6_cont1 .ig2 {
  width: 559px;    margin-top: 83px;
}
.pro6_cont1 .ig1 {
  width: 242px;
  margin-left: 140px;
}
.n_banner .foot-container {
  padding-top: 60px;
}
.n_banner4 .dg_ig3 {
  margin-top: 74px;
}
.n_banner6 .ig4 {
  margin-top: 20px;
}
.pro2_cont4 .lef .top {
  padding-top: 100px;
}
.pro3_cont1 .ig3 {
  bottom: 180px;
}
.pro3_cont1 .bot .ig1 {
  width: 287px;
  margin-left: 249px;
}
.pro3_cont1 .bot .ig2 {
  width: 319px;
}
.pro3_cont1 .top .rig img {
  width: 617px;
}
.pro3_cont1 .bot .p2 {
  right: 35px;
  top: 22%;
}
.pro3_cont1 .bot .p3{
 bottom: 68px;
}
.content1 .sp{
  margin-bottom: 24px;
}
.content6 .p2{
  padding-bottom: 90px;
}
.nn_banner .foot-container {
  padding-top: 117px;
}





}




@media (max-width: 1366px){
  .content2 .zw .p1{
    font-size: 40px;
    letter-spacing: 2px;
    padding-bottom: 37px;
  }
  .content3 .zw .p1 {
    font-size: 36px;
    letter-spacing: 2px;
}
.content4 .rq .rq1 .p1 {
  font-size: 46px;
}
.content6 .p1 {
  font-size: 46px;
}
.content6 .p2 {
  font-size: 22px;
  letter-spacing: 2px;
}
.n_banner12 .p3 {
  font-size: 38px;
  letter-spacing: 2px;
}
.about_bt {
  font-size: 37px;
  letter-spacing: 2px;
}
.about_con4 .rq .p3{
  font-size: 28px;
  letter-spacing: 2px;
}
.proj_bt {
  font-size: 37px;
  letter-spacing: 2px;
}
.proj_bt img {
  width: 95px;
  margin: 0 12px;
  margin-bottom: 11px;
}
.prodate_cont9 .proj_fbt {
  padding-bottom: 60px;
}
.prodate_cont9 .foot-container {
  padding: 55px 135px 125px 135px;
}

.pro2_con2 .rq3 .bot {
  height: 80px;
  line-height: 80px;
}
.pro2_con2 .rq3 .bot p {
  font-size: 16px;
  padding-left: 12px;
}
.pro2_con2 .rq3 .bot p::before{
  background-size: contain;
  width: 44px;
  background-repeat: no-repeat;
}
.fyq li {
  width: 50px;
  height: 50px;
  margin-left: 10px;
}
.fyq li a {
  line-height: 50px;
  font-size: 16px;
}
.fyq li:last-child {
  width: 90px;
}
.pro2_con2 .fyq {
  padding-bottom: 100px;
  padding-top: 0px;
}
.pro2_con2 .rq2 {
  padding-top: 65px;
}
.n_banner .rq .p {
  font-size: 40px;
  top: 20%;
}
.cust_con1 {
  height: 160px;
  padding: 50px 0;
}
.cust_con1 .rq a {
  font-size: 17px;
  width: 170px;
  height: 55px;
  line-height: 55px;
}
.cust_con2 {
  padding-top: 55px;
  padding-bottom: 105px;
}
.cust_con3 {
  padding-top: 70px;
  padding-bottom: 100px;
}
.cust_con3 .proj_fbt {
  margin-bottom: 50px;
}

.att_con1 {
  padding-top: 75px;
  padding-bottom: 115px;
}
.att_con1 .proj_fbt {
  margin-bottom: 60px;
}
.att_con2 {
  padding-top: 70px;
  padding-bottom: 80px;
}
.proj_bt {
  font-size: 36px;
}
.proj_bt img {
  width: 95px;
  margin: 0 12px;
  margin-bottom: 11px;
}
.att_con2 .rq3 .rig {
  padding: 20px;
}
.att_con2 .rq3 .rig .p4 {
  font-size: 14px;
  line-height: 25px;
}

.att_con1 .rq1 .p {
  margin-right: 71px;
}
.att_con3 .rq .rq1 .top .p1 {
  font-size: 22px;
}
.att_con5,
.att_con3 {
  padding-top: 60px;
  padding-bottom: 100px;
}
.att_con4 {
  height: 560px;
  padding-bottom: 0px;
  padding-top: 60px;
}
.att_con5 .proj_fbt {
  margin-bottom: 50px;
}
.n_banner17 .rq .p1{
  font-size: 22px;
}
.n_banner17 .rq .p2 {
  font-size: 15px;
  width: 67%;
  margin-top: 20px;
  margin-bottom: 40px;
}
.n_banner17 .foot-container {
  padding-top: 40px;
}
.concon1 .rq {
  padding: 80px 80px;
  padding-bottom: 125px;
}
.concon1 .rq1 .lef .bot {
  margin-top: 100px;
}
.cn_banner .rq .p{
  top: -55px;
}
.cl_con1 .nr a {
  margin-right: 25px;
  font-size: 18px;
  width: 200px;
  height: 55px;
  line-height: 55px;
}
.act_con1 {
  padding-top: 85px;
  padding-bottom: 70px;
}
.actdate_con1 {
  padding-top: 50px;
}
.actdate_con1 .lef .p1 {
  font-size: 26px;
}
.actdate_con1 .rig .rq {
  margin-top: 16px;
}
.actdate_con2 {
  padding-top: 60px;
  padding-bottom: 115px;
}
.actdate_con2 .p1 {
  font-size: 32px;
  margin-bottom: 35px;
}
.pro5_cont1 .p1 {
  padding-top: 46px;
}
.pro5_cont5 .p1,
.pro5_cont3 .p1,
.pro5_cont2 .p1{
  font-size: 32px;
}
.pro5_cont5 .rq1 .p2 {
  font-size: 26px;
}
.pro5_cont5 .rq1 button:hover,
.pro5_cont5 .rq1 button {
  width: 130px;
  height: 40px;
  font-size: 15px;
}
.n_banner .foot-container .p1 {
  font-size: 36px;
}
.pro4_cont2 .p1,
.pro1_cont2 .p1 {
  font-size: 34px;
}
.n_banner6 .ig4 {
  width: 330px;
}
.pro6_cont2 .p1 {
  font-size: 33px;
}
.pro3_cont2 .p1 {
  font-size: 34px;
}
.pro1_cont5 .p1 {
  font-size: 22px;
}

.about_con1 .lef{
  width: 805px;
  height: 534px;
}
.about_con1 .swp {
  padding-bottom: 58px;
}
.about_con1 .ig {
  width: 250px;
}
.about_con1 .swiper-button-next, .about_con1 .swiper-button-prev {
  top: 78%;
}
.about_con1 {
  padding-bottom: 115px;
  padding-top: 70px;
}
.about_con4 .top {
  padding-top: 130px;
  padding-bottom: 215px;
}
.about_con4 .rq {
  margin-bottom: 64px;
}
.prodate_cont1 .rq {
  padding: 180px 0;
}

.content7 .rq {
  padding-top: 65px;
  padding-bottom: 50px;
}

}




@media (max-width: 1340px){

  .att_con4 .rq img{
    width: 100%;
  }

  .att_con4 .rq .p1 {
    left: 8%;
    top: 81%;
}
.att_con4 .rq .p2 {
  left: 20%;
  top: 79%;
}
.att_con4 .rq .p3 {
  left: 33%;
  top: 71%;
}

.att_con4 .rq .p4 {
  left: 39%;
  top: 55%;
}
.att_con4 .rq .p8 {
  left: 72%;
  top: 68%;
}
.att_con4 .rq .p9 {
  left: 83%;
  top: 79%;
}
.att_con4 .rq .p10 {
  left: 94%;
  top: 79%;
}


.proj_cont1 .p2 {
  font-size: 33px;
}


.prodate_cont3 .ig2{
  right: 0;
}
.yd .tp_rq2 .tp_rq3 div {
  height: 175px;
}
.tp_rq {
  width: 336px;
  height: 400px;
}
.tp_rq {
  top: -362px;
}
.yd2 .tp_rq {
  top: -400px;
}
.yd2 .tp_rq {
  left: -228px;
}
.prodate_cont6 .yd1 .tp_rq {
  top: -409px;
  left: -156px;
}
.prodate_cont4 .yd2 .tp_rq {
  top: -400px;
  left: -214px;
}
.prodate_cont7 .ig4 {
  width: 200px;
}
.pro2_cont4 {
  height: 780px;
}
.prodate_cont8 .ig5{
  width: 122px;
}
.prodate_cont8 .lef .ig4{
  width: 502px;    top: 65%;
}

.kk {
  bottom: 66px;
}


.pro6_cont3 .foot-container {
  padding-top: 72px;
  padding-left: 100px;
}
.pro6_cont3 .ig1 {
  width: 762px;
}



.pro6_cont3 .ig2 {
  width: 239px;
}
.pro6_cont3 .ig3 {
  width: 130px;
}
.pro6_cont3 .ig4 {
  width: 204px;
}
.pro6_cont4 .lef .ig4 {
  left: 124px;
}
.pro6_cont4 .lef .top {
  padding-left: 125px;
}
.pro6_cont1 .p3 {
  right: 90px;
}






.pro7_cont1 .ig2 {
  width: 885px;    top: 60%;
}
.pro7_cont1 .foot-container {
  padding-top: 100px;
}
.pro7_cont1 {
  height: 860px;
}
.pro7_cont1 .p2 {
  bottom: 91px;
}
.n_banner9 .ig4 {
  width: 134px;
}
.n_banner9 .ig5 {
  width: 233px;
}
.n_banner9 .foot-container .ig1 {
  width: 190px;
}
.n_banner9 .dg_p1 {
  margin-top: 0px;
}
.pro7_cont1 .ig3 {
  width: 211px;
}
.pro7_cont1 .ig1 {
  width: 90px;
}
.pro7_cont2 .p1 {
  font-size: 25px;
}
.pro7_cont3 .p1 {
  font-size: 17px;
}




.n_banner9 .foot-container .ig1 {
  width: 140px;
}


.n_banner7 .foot-container .ig1 {
  width: 135px;
}

.pro2_cont4 {
  height: 640px;
}










}



@media(max-width:1300px){
  .pro1_cont5 {
    width: 100%;
    padding: 15px 0;
}
.foot-tbot .lef div p a {
  margin-bottom: 3px;
}
.foot-tbot .dlog .p1 {
  margin-top: 15px;
}
.foot-tbot {
  padding-top: 15px;
}

}


@media (max-width: 1259px){

  .n_banner12 .rig .p2{
    height: 185px;
  }
  .n_banner12 .zk {
    margin-top: 20px;
  }
  .about_con1 .swiper-button-next, .about_con1 .swiper-button-prev {
    top: 84%;
}
  .banner .yun1{
    width: 464px;
  }
  .banner .yun2{
    width: 299px;
  }
  .banner .swiper-slide .ig2{
    width: 33px;
  }
  .content1{
    padding-top: 160px;
  }
  .content1 .sp1 .swiper-slide .rq2 {
    width: 161px;
  }
  .content1 .sp1 .swiper-slide .rq2 .rq2_1 div p img {
    width: 26px;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div p {
  font-size: 14px;
  padding-right: 10px;
  line-height: 20px;
  width: 48%;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1:nth-child(1) div p img {
  margin-bottom: -4px;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div p img {
  margin-bottom: -3px;
  margin-right: 10px;
}

.content2 .zw .p1 {
  font-size: 27px;
  line-height: 31px;
  padding-bottom: 34px;
}
.content2 .zw .p2 {
  font-size: 13px;
  width: 82%;
}
.content2 .bj a img {
  width: 75px;
}
.content3 .zw input {
  font-size: 14px;
  height: 41px;
  width: 235px;
  margin-right: 8px;
}
.content3 .zw button{
  width: 180px;
  font-size: 14px;
  height: 41px;
}
.content3 .zw .p1{
  font-size: 30px;
}
.content3 .zw .p2{
  font-size: 16px;
}
.content3 .zw .p3 {
  font-size: 20px;
}
.content3 .zw a {
  width: 190px;
  height: 37px;;
  font-size: 12px;
  line-height: 37px;
}
.content3 .foot-container{
  top: 35%;
}
.content3 .zw .p2{
  margin-bottom: 30px;
}
.content3 .zw .p4 {
  font-size: 13px;
  margin-bottom: 20px;
}
.content4 .rq .rq1,.content4 .rq .rq1:nth-child(2){
  padding-left: 140px;
}
.content5 .rq1:nth-child(6) .p1 {
  font-size: 23px;
}
.content5 .rq1 .p1 .sztd {
  font-size: 45px;
}
.content5 .rq1 .p1 {
  font-size: 12px;
}
.content5 .rq1 {
  height: 125px;
}
.content5 .foot-container {
  padding-top: 120px;
}
.content5 a {
  width: 120px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
}
.content5 a p{
  font-size: 13px;
}
.content6{
  padding-top: 100px;
}
.content6 .p1 {
  font-size: 40px;
}
.content6 .p2 {
  font-size: 20px;
  padding-bottom: 150px;
}
.content6 .swiper-slide div .p5::before {
  width: 45px;
}
.content6 .swiper-slide div .p5 {
  font-size: 14px;
}
.content6 .swiper-slide div .p4 {
  font-size: 14px;
}
.content6 .swiper-slide div .p3 {
  font-size: 26px;
}
.content6 .swiper-slide div {
  height: 202px;
}
.content6 .swiper-slide div {
  height: 202px;
  padding: 32px 35px;
}
.content6 .swiper-slide {
  height: 403px;
}
.content7 .rq1 .p1 {
  font-size: 15px;
}

.content5 .rq{
  width: 70%;
}
.content4 .rq .rq1 .p1 {
  font-size: 40px;
}

.content4 .rq .rq1 .p2 {
  font-size: 20px;
}
.content4 {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 160px;
}




/* 家居产品 */
.pro2_con2 .rq1 .p3 {
  font-size: 14px;
  margin-right: 10px;
  margin-top: 28px;
}.pro2_con2 .rq1 span {
  width: 82%;
  float: left;
}
  .notselect{
    color:#ccc!important;
  }
.pro2_con2 .rq1 .p3 {
  font-size: 13px;
}
.pro2_con2 .rq1 .p1 {
  font-size: 15px;
}
.n_banner .rq .p {
  font-size: 40px;
}
.pro2_con2 input{
  font-size: 14px;
}
.pro2_con2 .rq2 {
  padding-top: 55px;
}
.pro2_con2 .rq3 .bot {
  height: 75px;
  line-height: 75px;
}
.pro2_con2 .rq3 .bot p {
  font-size: 15px;
}
.pro2_con2 .rq3 .bot p::before{
width: 40px;
background-repeat: no-repeat;
background-size: contain;
}
.proj_bt{
  font-size: 40px;
}
.proj_bt img{
  width: 110px;
  margin-bottom: 13px;
  height: 1px;
}



/* 活动专题详情 */
.actdate_con1 .lef .p1 {
  font-size: 26px;
}
.actdate_con1 .lef .p2 {
  font-size: 16px;
  margin: 7px 0;
}
.actdate_con2 .bot {
  height: 210px;
  padding: 16px 25px;
}
.actdate_con2 .bot .p3 {
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.actdate_con2 .bot .p4 {
  font-size: 14px;
}
.actdate_con2 .bot .p5 {
  font-size: 13px;
  bottom: 23px;
}
.actdate_con2 .bot .p2 {
  font-size: 16px;
}
.actdate_con2 .bot .p5 img{
  width: 30px;
  height: 1px;
}
.actdate_con2 {
  padding-top: 60px;
  padding-bottom: 120px;
}


/* 联系我们 */
.n_banner17 .rq .p3 {
  font-size: 22px;
}
.n_banner17 .rq .p2 {
  font-size: 14px;
  margin-bottom: 20px;
}
.n_banner17 .rq .p4 {
  font-size: 14px;
}
.concon1 .rq1 .lef .bot{
  height: auto;
  margin-top: 40px;
}
.concon1 .rq1 .lef .bot .rq2{
  width: 100px;
  height: 100px;
  font-size: 17px;
  margin-bottom: 20px;
}
.concon1 .rq1 .lef .bot .rq2 {
  padding: 25px;
}
.concon1 .rq1 .rig .bot .rq2 {
  padding: 24px;
}
.concon1 .rq1 .lef .bot .rq3{
  padding-left: 0;
  width: 100%;
}

.concon1 .p1 {
  font-size: 23px;
}
.concon1 .p2 {
  font-size: 18px;
}
.n_banner17 .rq a{
  width: 100%;
  text-align: center;
}
.concon1 .rq {
  width: 100%;
  padding: 60px 0px;
  padding-bottom: 100px;
}






.n_banner12 .p3 {
  font-size: 30px;
}
.n_banner12 .rig .p2 div{
  font-size: 13px;    line-height: 23px;
}
.n_banner12 .rig .ig1 {
  width: 265px;
}

.about_con1 .rig{
  width: 390px;height: 336px;padding: 0 23px;padding-top: 60px;
}
.about_con1 .rig .p4 {
  font-size: 14px;
  width: 100%;
}
.about_con1 .rig .p3 {
  font-size: 35px;
  margin-bottom: 7px;
}
.about_con1 .ig{
  width: 260px;
}
.about_con1 .lef{
  width: 619px;
  height: auto;
}
.about_con1 .swp {
  position: relative;
  padding-bottom: 30px;
}
.about_con2 .a1 img{
  width: 80px;
  height: 80px;
}
.about_con2 .rq a {
  display: inline-block;
  width: 165px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
}
.about_con2 .rq {
  /* width: 360px;; */
}
.about_con4 .ig2 {
  width: 470px;
}
.about_con4 .top .p2 {
  font-size: 22px;
  width: 48%;
}
.about_con4 .top {
  padding-bottom: 190px;
}
.about_con4 .rq .rig {
  padding-top: 19px;
}
.about_con4 .rq .p3 {
  color: #1f524e;
  margin-bottom: 15px;
}
.about_con4 .rq .p4 {
  font-size: 17px;
}
.about_con4 .rq .p5, .about_con4 .rq .p6 {
  font-size: 14px;
  line-height: 24px;
}
.about_con4 .rq {
  margin-bottom: 65px;
}
.n_banner12 .rig {
  padding: 20px;
}





.n_banner .pp {
  top: 2%;
  font-size: 27px;
}
.n_banner .pp2 {
  top: 16%;
  font-size: 16px;
}
.att_con1 .lef{
  width: 100%;
}
.att_con1 .rig{
  width: 100%;
}
.att_con1 .rq{
  height: auto;
}
.att_con2 .rq{
  width: 100%;
}
.att_con2 .rq .rq1{
  width: 23.5%;
  margin-right: 2%;
}
.att_con2 .rq3 .lef p{
  font-size: 16px;
}

.att_con2 .rq3 {
  height: 149px;
}
.att_con2 .rq3 .lef img{
  width: 40px;
}
.att_con2 .rq3 .rig .p4 {
  font-size: 14px;
  line-height: 23px;
}
.att_con2 .rq3 .rig {
  padding: 17px;
}
.att_con2 .p1 {
  font-size: 22px;
}
.proj_bt {
  font-size: 35px;
}
.proj_bt img {
  width: 70px;
}
.att_con2 .p3 {
  font-size: 22px;
}
.att_con2 .p3 {
  font-size: 22px;
}
.att_con3 .rq{
  height: auto;
}
.att_con3 .rq .rq1 .top .p1 {
  font-size: 18px;
}
.att_con3 .rq .rq1 .top {
  height: 52px;
  line-height: 52px;
  background-size: 3%;
}
.att_con3 .rq .rq1 .top img{
  height: 25px;
}
.att_con3 .rq .rq1 .bot .p2 {
  font-size: 13px;
}
.att_con3 .rq .rq1.on .bot {
  padding-left: 52px;
}
.att_con3 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.att_con4 .rq p {
  font-size: 12px;
}
.att_con4 .rq {
  height: 245px;
}
.att_con4 {
  height: 510px;
}
.att_con4 .proj_fbt {
  margin-bottom: 45px;
}

.att_con5 .rq1 {
  padding: 36px;
}



.cust_con3 .rq .rq1 {
  height: 200px;
}
.cust_con3 .rq .rq1 .lef {
  padding: 20px 15px;
}
.cust_con3 .p1 {
  font-size: 20px;
}
.cust_con3 .p2 {
  font-size: 13px;
}
.cust_con3 .p3 {
  font-size: 13px;
}




.news_con1 .rq .rq1 .bot {
  height: 210px;
  padding: 20px 25px;
}

.news_con1 .rq .rq1 .bot .p4 {
  bottom: 14px;
}
.news_con1 .rq .rq1 .bot .p3 {
  font-size: 13px;
}
.news_con1 .rq .rq1 .bot .p2 {
  font-size: 13px;
}



.sh_con1 .rq {
  width: 100%;
  height: 269px;
}
.sh_con1 .lef {
  padding: 35px 70px;
}
.sh_con1 .lef .p2 {
  font-size: 22px;
}
.sh_con1 .lef div {
  margin-top: 8px;
  margin-bottom: 10px;
}
.sh_con1 .lef .p3 {
  font-size: 15px;
}
.sh_con1 .lef .p4 {
  font-size: 15px;
}
.sh_con1 .lef .p5 {
  font-size: 13px;
}
.sh_con1 .p1 {
  font-size: 34px;
}
.n_banner .foot-container .p1 {
  font-size: 35px;
}
.n_banner18 .foot-container {
  padding-top: 80px;
}


.n_banner11 .foot-container .rq {
  margin-top: 85px;
}
.proj_cont1 .p2 {
  font-size: 30px;
}
.proj_cont1 .lef {
  padding-left: 182px;padding-top: 25px;
}
.proj_cont2 .rq{
  width: 750px;
}
.proj_cont2 .rq1 div{
  width: 32%;
  margin-right: 2%;
}

.proj_cont2 .rq1 div:nth-child(4n){
  margin-right: 2%;
}
.proj_cont2 .rq1 div:nth-child(3n){
  margin-right: 0%;
}
.proj_cont1 .lef,.proj_cont1 .rig{
  width: 100%;
}
.proj_cont1 .lef{
  float: right;
}
.proj_cont1 .lef{
  padding:0 100px;
  padding-top: 25px;
}
.n_banner .foot-container .ig1 {
  width: 80px;
}

.n_banner .foot-container .p1 {
  font-size: 30px;margin-top: 17px;
  margin-bottom: 0px;
}
.n_banner .foot-container .p2 {
  font-size: 13px;
}

.n_banner .foot-container .ig2,.pro1_cont2 .foot-container img{
  width: 80px;
}
.pro1_cont1 .top {
  width: 100%;
  padding: 120px 121px;
}
.pro1_cont1 .bot .rq1 div p {
  font-size: 23px;
}
.pro1_cont2 .p1 {
  font-size: 30px;
}
.pro1_cont2 .p2 {
  font-size: 13px;
}
.pro1_cont3 .foot-container p {
  font-size: 16px;
}
.pro1_cont3 .foot-container {
  padding-top: 113px;
  padding-left: 353px;
}
.pro1_cont4 .lef .ig1 {
  width: 394px;
}
.pro1_cont4 .lef .bj{
  height: 643px;
}
.pro1_cont4 .rig .bj {
  height: 275px;
}
.pro1_cont4 .rig .bot {
  height: 369px;
}
.pro1_cont4 .rig .bot div .p2 {
  font-size: 12px;
}
.pro1_cont4 .rig .bot div .p1 {
  font-size: 22px;
}
.pro1_cont4 .rig .bot div {
  width: 195px;
  height: 80px;
}
.pro1_cont4 .lef .wz p {
  font-size: 14px;
}
.pro1_cont1 .bot .rq1 div button {
  width: 100px;
  height: 33px;
  background-size: contain;
  font-size: 13px;
}
.pro1_cont1 .top {
  padding: 58px 121px;
}
.pro1_cont4 .lef .wz {
  width: 505px;
}


.yd .tp_rq2 .tp_rq3 .p2 {
  font-size: 12px;
}
.yd .tp_rq2 .tp_rq3 .p1 {
  font-size: 17px;
  padding-top: 26px;
  /* padding-bottom: 10px; */
}
.yd .tp_rq2 .tp_rq3 div {
  height: 124px;
}
.tp_rq2 {
  padding: 13px;
}
.tp_rq {
  width: 285px;
  height: 330px;
}
.yd2 .tp_rq {
  top: -330px;    left: -142px;
}
.prodate_cont6 .yd1 .tp_rq {
  top: -332px;
  left: -120px;
}
.prodate_cont4 .yd2 .tp_rq {
  top: -340px;
  left: -156px;
}
.tp_rq {
  top: -290px;
}
.prodate_cont3 .ig3 {
  width: 440px;
}
.prodate_cont3 .ig2 {
  width: 182px;
}
.prodate_cont3 .ig4 {
  width: 470px;
}
.prodate_cont3 {
  height: 935px;
}
.prodate_cont3 .ig5 {
  width: 250px;
}
.prodate_cont3 .ig1 {
  width: 156px;
}
.prodate_cont1 .rq {
  padding: 125px 0;
}
.prodate_cont1 .bot .p1 {
  font-size: 19px;
}
.prodate_cont1 .bot .p2 {
  font-size: 13px;
}
.prodate_cont5 .jg {
  margin: 0px 165px;
}
.prodate_cont7 .p1 {
  font-size: 30px;
  padding-top: 39px;
  padding-bottom: 5px;
}
.prodate_cont7 .p2 {
  font-size: 18px;
}
.prodate_cont7 .ig2 {
  width: 135px;
}
.prodate_cont7 .ig1 {
  width: 175px;    top: 115px;
}
.prodate_cont7 .ig3{
  width: 150px;
}
.prodate_cont7 .ig5 {
  top: 226px;
  left: 243px;    width: 96px;
}
.prodate_cont7 .ig4 {
  width: 183px;
}

.n_banner2 .dg_p1 {
  font-size: 22px;
  line-height: 25px;
}
.n_banner2 .ig1 {
  padding-top: 50px;
}
.n_banner2 .dg_ig2{
  width: 400px;
}
.n_banner2 .foot-container .ig2 {
  top: 189px;
}


.pro2_cont1 .ig1{
  width: 309px;
}

.pro2_cont1 .ig2{
  width: 333px;bottom: 30px;
}
.pro2_cont1 .foot-container {
  height: 730px;    padding-bottom: 50px;
}
.pro2_cont1 .p1 {
  font-size: 52px;
  line-height: 45px;
  top: 45%;
  left: 62%;
}
.pro2_cont1 .ig3{
  width: 80px;
  height: 80px;
}
.pro2_cont1 .ig3 {
  top: 60%;
  left: 66%;
}
.pro2_cont1 .p2 {
  font-size: 16px;
}

.pro2_cont2 .p1 {
  font-size: 27px;
}
.pro2_cont2 .p2 {
  font-size: 18px;
  width: 68%;
}
.pro2_cont3 .ig3 {
  width: 107px;
}
.pro2_cont3 .ig4 {
  width: 357px;
}
.pro2_cont3 .ig1 {
  width: 620px;
}
.pro2_cont3 .ig2 {
  width: 226px;
}
.pro2_cont3 .p1 {
  font-size: 49px;
  line-height: 50px;
}
.pro2_cont3 .p1:nth-child(2) {
  padding-left: 148px;
}
.pro2_cont3 .p2 {
  font-size: 14px;
}
.pro2_cont3 {
  height: 560px;
}
.pro2_cont4 .lef .top {
  padding-left: 162px;
  padding-top: 24px;
}
.pro2_cont4 .lef .top .p1 {
  font-size: 16px;
  width: 76%;
}
.kk {
  width: 234px;
  bottom: 66px;
  left: 34px;
  padding: 15px 0;
}
.kk .p2 {
  font-size: 23px;
}
.kk .p3 {
  font-size: 12px;
}



.banner8 .foot-container .ig1 {
  width: 240px;
}
.n_banner6 .ig4{
  width: 300px;    margin-top: 26px;
}
.pro6_cont1 .ig1 {
  width: 239px;
  margin-left: 136px;
}
.pro6_cont1 .ig2 {
  width: 451px;
}
.pro6_cont1 .ig3 {
  margin-right: 168px;
  width: 280px;
}
.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 41px;
}
.pro6_cont1 .p3 {
  letter-spacing: -4px;
}
.pro6_cont1 .p4 {
  bottom: 37px;
}
.pro6_cont2 .p1 {
  font-size: 26px;
  margin-bottom: 16px;
}
.pro6_cont2 .p2, .pro6_cont2 .p3 {
  font-size: 16px;
  width: 76%;
  margin: 0 auto;
}
.pro6_cont2 .ig2{
  width: 150px;
}




.pro3_cont1 .top .rig img {
  width: 517px;
}
.pro3_cont1 .top .lef .p1 {
  font-size: 16px;
}
.pro3_cont1 .bot .ig2 {
  width: 330px;
}
.pro3_cont1 .bot .ig1 {
  width: 320px;
  margin-left: 89px;
}
.pro3_cont1 .bot .p2, .pro3_cont1 .bot .p2 span {
  font-size: 48px;
}
.pro3_cont1 .bot .p2 span {
  right: -48px;
}
.pro3_cont1 .bot .p3 {
  font-size: 17px;
  bottom: 80px;
}
.pro3_cont2 .p1 {
  font-size: 33px;
}
.pro3_cont2 .p2 {
  font-size: 16px;
  width: 65%;
  margin-top: 10px;
}
.pro3_cont3 .p1 {
  font-size: 16px;
}
.pro3_cont4 .lef .ig4{
  width: 333px;
}
.pro2_cont4 {
  height: 623px;
}
.pro3_cont4 .rig {
  background-size: contain;
}
.n_banner3 .dg_p1 {
  font-size: 33px;
  line-height: 42px;
  margin-top: 0px;
}




.pro4_cont1 .ig1 {
  width: 160px;
}

.pro4_cont1 .p1 {
  padding-top: 95px;
}
.pro4_cont1 .ig3{
  width: 200px;
}
.pro4_cont1 .ig4 {
  width: 670px;
}
.pro4_cont1 {
  width: 100%;
  height: 766px;
}
.pro4_cont2 .p1 {
  font-size: 30px;
}
.pro4_cont2 .ig1 {
  display: block;
  margin: 0 auto;
  padding-top: 62px;
  padding-bottom: 20px;
}
.pro4_cont2 .p2 {
  font-size: 20px;
  margin-top: 16px;
  line-height: 30px;
}
.pro4_cont3 .ig4 {
  width: 428px;
}
.pro4_cont3 .p1 {
  font-size: 15px;
}
.pro4_cont3 .ig2 {
  width: 129px;
}
.pro4_cont3 .ig1 {
  width: 105px;
}
.pro4_cont3 .ig3 {
  width: 198px;
}
.pro4_cont4 .lef .top {
  padding-top: 120px;
}
.pro2_cont4 .lef .top .p1 {
  font-size: 16px;
}
.banner6 .foot-container{
  padding-top: 53px;;
}


.pro7_cont1 .ig2 {
  width: 751px;
  top: 60%;
}

.pro7_cont3 .ig1{
  width: 100px;
}
.pro7_cont3 .xian {
  margin-top: 233px;
}
.pro7_cont3 .ig2{
  width: 200px;
}
.pro7_cont2 .rq {
  width: 675px;
  height: 228px;padding-left: 53px;
}
.pro7_cont2 .rq img{
  width: 100px;
}
.pro7_cont2 .p1 {
  font-size: 19px;margin: 10px 0;
}
.pro7_cont2 .p2 {
  font-size: 14px;
}
.pro7_cont1 .p1,.pro7_cont3 .p1{
  font-size: 15px;
}
.pro7_cont1 {
  height: 740px;
}

.pro7_cont4 .ig5{
  width: 90px;bottom: 12px;
}
.n_banner7 .dg_p1{
  margin-top: 0;
}
.pro5_cont1 .ig4{
  width: 482px;
}
.pro5_cont1 .ig2 {
  width: 179px;
}
.pro5_cont1 .ig3{
  width: 143px;
}
.pro5_cont1 .ig5{
  width: 290px;    top: 40%;
}
.pro5_cont1 .ig1{
  width: 125px;
}
.pro5_cont1 .ryb{
  width: 491px;    bottom: 105px;
}
.pro5_cont1{
  height: 794px;
}
.pro5_cont1 .p1 {
  font-size: 26px;
  padding-top: 96px;
}
.pro5_cont1 .p2 {
  font-size: 16px;
}
.pro5_cont2 .rq{
  width: 687px;height: 175px;
}
.pro5_cont2 .p4 {
  font-size: 20px;
  padding-top: 97px;
}
.pro5_cont2 .rq1 {
  background-size: 56px;
  background-position-y: 25px;
}
.pro5_cont2 .p1 {
  font-size: 26px;margin-bottom: 0;
}
.pro5_cont2 .p3 {
  font-size: 16px;
  line-height: 21px;
}
.pro5_cont2 .p2 {
  font-size: 16px;
  line-height: 32px;
}
.pro5_cont3 .ig1 {
  width: 537px;    top: 52%;
}
.pro5_cont3 .p1 {
  font-size: 26px;
  padding-top: 50px;
}
.pro5_cont3 .p2 {
  font-size: 16px;
}

.pro5_cont4 .ig2 {
  width: 154px;
}
.pro5_cont5 .rq1 .p2 {
  font-size: 25px;
}
.pro5_cont5 .rrq {
  padding: 0 20px;
}
.pro5_cont5 .p1 {
  font-size: 36px;
  margin-bottom: 44px;
}

.n_banner9 .foot-container .ig1 {
  width: 140px;
}

.banner6 .foot-container .ig1 {
  width: 155px;
  padding-top: 97px;
  padding-bottom: 92px;
}
/* .pro4_cont2 .ig1 {
  padding-top: 154px;
} */
.pro4_cont2 .ig1 {
  padding-top: 75px;
}
.n_banner2 .ig1 {
  padding-top: 166px;
}
.n_banner7 .foot-container .ig1 {
  width: 135px;
}


.content4 .foot-container {
  padding-top: 170px;
  padding-bottom: 0px;
}
.content3 .foot-container {
  top: 44%;
}

.content4 .foot-container{
  padding-top: 0;
}.content3 .xzz {
  top: 47%;
}
.content4 {
  height: 530px;
}
.content3 .bj {
  height: 1610px;
}
.content3 .bj .gd {
  height: 660px;
}
.content3 .bj .gd {
  top: 125px;
}
.pro4_cont4 .lef .top {
  padding-top: 45px;
}
.pro5_cont3 .ig1 {
  width: 537px;
  top: 42%;
}

.pro3_cont3 .wz {
  width: 480px;
}


.pro7_cont4 .lef .top {
  padding-top: 100px;
}
.pro1_cont1 .top p ,.pro4_cont1 .p1,.pro4_cont2 .p2,.pro4_cont3 .p1{
  font-size: 16px;line-height: 25px;
}

.proj_cont4 .rq1 .top2 .rrq .rrq2 img{
  width: 100px;
}
.proj_cont4 .rq1 .top2 .rrq .rrq2 button {
  width: 141px;
  height: 30px;
  border-radius: 30px;
  font-size: 14px;
  margin-top: 20px;
}




}
@media (max-width: 1110px){
  
  .n_banner12 .rig .p2 {
    height: 133px;
}
  .content1 .sp{
    width: 80%;
    margin-bottom: 30px;
  }
  .content1 .sp .xtb{
    background-position: center;
  }
  .content1 .sp .xtb::before {
    height: 100%;
}

.conn{
  position: relative;
}
.content1 .conn .zuo,
.content1 .conn .you{
  width: 9px;
  height: 15px;
  background-image: url(../images/img253.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0;
  top: 40%;
  display: block !important;
}
.content1 .conn .you{
  background-image: url(../images/img252.png);
}
.content1 .sp .xtb::before {
  right: -25px;
}


  .content1 {
    padding-top: 100px;
}



.content1 .sp1 .swiper-slide .rq2 {
  width: 110px;
}
.content1 .sp1 .swiper-slide .rq2 .rq2_1 div p {
  width: 80%;
}



.n_banner12 .rig .ig1 {
  width: 235px;    bottom: 25px;
}
.n_banner12 .p3 {
  padding-top: 95px;
}
.n_banner12 .zk {
  margin-top: 11px;
  width: 27px;
  height: 27px;
}


.n_banner .pp {
  top: 0%;
  font-size: 25px;
}
.n_banner .pp2 {
  top: 13%;
  font-size: 14px;
}
.pro1_cont4 .lef .wz {
  width: 65%;
}
.pro1_cont4 .lef .ig1 {
  width: 300px;
}
.pro1_cont4 .lef .bj{
  height: 566px;
}
.pro1_cont4 .rig .bj{
  height: 242px;
}
.pro1_cont4 .rig .bot {
  height: 326px;
}


.pro3_cont1 .bot .p2, .pro3_cont1 .bot .p2 span {
  font-size: 40px;
}

.pro3_cont1 .bot .p2 span {
  right: 0px;
}













}

.pro1_cont1 .top {
  width: 100%;
  padding: 10px 0px;
}

@media (max-width: 991px) {  
  .content7{
  display: none;
}
.pro1_cont1 .top p{
  display: block;
}
/* 首页 */
  .content{
    margin-top: 60px;
  }
  .banner .yun1{
    width: 358px;
  }
  .banner .yun2{
    width: 231px;
  }
  .banner .swiper-slide .ig1{
    width: 110px;
  }
  .content2 .zw {
    padding-top: 40px;
    width: 82%;
}
.content3 {
  padding-top: 200px;
}
.content3 .zw {
  padding-top: 70px;
}
.content3 .zw .p1 {
  font-size: 23px;
}
.content3 .zw .p2 {
  font-size: 12px;
}
.content3 .zw button {
  width: 90px;
  font-size: 12px;
  height: 41px;
}
.content3 .zw input {
  font-size: 12px;
  height: 41px;
  width: 203px;
  margin-right: 8px;
}
.content3 .zw .p4 {
  font-size: 12px;
}
.content3 .zw .p3 {
  font-size: 16px;
  margin-top: 60px;
}
.content3 .zw a {
  width: 137px;
}
.content4 .rq .rq1 .p1 {
  font-size: 30px;
}
.content4 .rq .rq1 .p2 {
  font-size: 14px;
}
.content4 .rq .rq1 .p3 {
  font-size: 15px;
  margin-top: 39px;
  margin-bottom: 44px;
}
.content4 .rq::before {
  height: 195px;
}
.content4 {
  padding: 100px 0;
}
.content5 .rq1 {
  height: 90px;
}
.content5 .rq1 .p1 .sztd {
  font-size: 30px;
}
.content5 .rq1 .p2 {
  font-size: 12px;
}
.content5 a p{
  font-size: 12px;
}
.content5 a {
  width: 100px;
  font-size: 12px;
  margin-top: 35px;
}
.content5 .foot-container {
  padding-top: 80px;
}
.content6 .p1 {
  font-size: 30px;
}
.content6 .swiper-slide div .p5 {
  font-size: 12px;    padding-bottom: 32px;
}
.content6 .swiper-slide div {
  height: 170px;
  padding: 10px 35px;
}
.content6 .swiper-slide {
  height: 325px;
}
.content6 .swiper-container {
  padding-bottom: 50px;
}
.content6 {
  padding: 70px 0;
}
.content6 .p2 {
  font-size: 15px;
}
.content6 .p2::before {
  content: '';
  width: 21px;
}
.content7 .rq1{
  width: 33.333%;
  margin-bottom: 20px;
}
.content7 .rq1:nth-child(4),.content7 .rq1:nth-child(5){
  width: 50%;
  margin-bottom: 0;
}
.content2 .zw .p2 {
  font-size: 12px;
  width: 100%;
  -webkit-line-clamp: 10;
}




/* 家居产品 */

.pro2_con2 .rq1 span {
  width: 79%;
  float: left;
}
.pro2_con2 .rq1{
  padding-bottom: 10px;
}
.pro2_con2 .rq3{
  width: 49%;
}
.pro2_con2 .rq3:nth-child(3n){
  margin-right: 2%;
}
.pro2_con2 .rq3:nth-child(2n){
  margin-right: 0%;
}
.proj_bt {
  font-size: 30px;
}
.proj_bt img {
  width: 76px;    margin: 0 10px;
  margin-bottom: 7px;
}
.prodate_cont9 .foot-container{
  padding: 60px 0 90px 0;
}
.prodate_cont9 .proj_fbt {
  padding-bottom: 40px;
}



/* 活动专题详情 */
.actdate_con1 .lef{
  width: 100%;
  padding: 0;
  padding-bottom: 60px;
}
.actdate_con1 .rig{
  display: none;
}
.actdate_con2 .swiper-button-prev {
  left: 90%;
}




/* 客户的家 */
.cl_con1 .nr a {
  margin-right: 10px;
  width: 209px;
}

/* 联系我们 */
.n_banner17 .rq .p3 {
  font-size: 20px;
}
.n_banner17 .rq a {
  font-size: 14px;
}
.n_banner .foot-container .p1{
  margin-top: 0;
}
.n_banner17 .rq a {
  bottom: 10px;
}


.about_con1 .lef{
  width: 479px;
}
.about_con1 .rig {
  width: 302px;
  height: 260px;
  padding: 0 23px;
  padding-top: 18px;
}
.about_con1 .ig {
  width: 160px;    bottom: 165px;
}
.about_con1 .rig .p3 {
  font-size: 30px;
}
.about_con1 .rig img{
  width: 70px;
}
.about_con1 .rig .p4 {
  font-size: 13px;
  line-height: 22px;
}
.about_con1 .gallery-thumbs .swiper-slide::before {
  width: 14px;
  top: -26px;
  left: 20%;
}
.about_con1 .gallery-thumbs .swiper-slide {
  font-size: 16px;
}
  .about_con1 {
    padding-bottom: 90px;
    padding-top: 15px;
}
.about_bt {
  font-size: 32px;
}
.about_con4 .ig2 {
  width: 345px;    top: 184px;
}
.about_con4 .ig1 {
  width: 83px;top: 122px;
  left: -45px;
}
.about_con4 .top {
  padding-bottom: 110px;padding-top: 60px;
}
.about_con4 .about_bt {
  padding-top: 65px;
}
.about_con4 .top .p2 {
  font-size: 16px;
}

.about_con4 .top img {
  margin: 18px 0;
}
.about_con4 .rq .p3 {
  font-size: 22px;
  margin-bottom: 6px;
}
.about_con4 .rq .rig {
  padding-top: 9px;
}
.about_con4 .rq .p5, .about_con4 .rq .p6 {
  font-size: 13px;
  line-height: 22px;
}




.att_con1 .rq1,.att_con1 .rq1 div,.att_con1 .rq1:nth-child(1),.att_con1 .rq1:nth-child(1) div {
  height: 90px;
}
.att_con1 .rq1 .p1 {
  font-size: 15px;
}
.att_con1 .rq1 .p {
  font-size: 25px;
}
.att_con1 {
  padding-top: 40px;
  padding-bottom: 75px;
}
.att_con1 .proj_fbt {
  margin-bottom: 47px;
}

.att_con2 .rq .rq1 img{
  width: 40%;
}
.att_con2 .rq .rq1{
  height: 110px;
}
.att_con2 .rq3{
  width: 100%;
}
.att_con2 .rq3 .lef {
  width: 19.5%;
}
.att_con2 .rq3 .rig {
  width: 80.5%;
}
.att_con3 .rq .lef,.att_con3 .rq .rig{
  width: 100%;
}
.att_con4 .rq {
  height: 195px;
}
.att_con4 .rq .p1 {
  width: 70px;
}
.att_con4 {
  height: 420px;    padding-top: 60px;
}

.att_con5 .rq1{
  width: 49%;
}
.att_con5 .rq1:nth-child(2n){
  margin-right: 0%;
  margin-bottom: 10px;
}



.cust_con1 .rq a {
  font-size: 16px;
  width: 165px;
  height: 50px;
  line-height: 50px;
  margin-left: 7px;
}
.cust_con1 .rq a:nth-child(1){
  margin-left: 0;
}
#persons .swiper-slide {
  width: 100%;
  height: auto;
}
#persons .swiper-container {
  padding-bottom: 120px;
}
.cust_con2 {
  padding-top: 50px;
  padding-bottom: 65px;
}
.cust_con3 .rq .rq1{
  width: 100%;
  height: 313px;
}
.cust_con3 {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 70px;
}




.news_con1 .rq .rq1{
  width: 49%;
}

.news_con1 .rq .rq1:nth-child(3n){
  margin-right: 2%;
}
.news_con1 .rq .rq1:nth-child(2n){
  margin-right: 0;
}




.sh_con1 .rq{
  height: auto;
}
.sh_con1 .lef,.sh_con1 .rig{
  width: 100%;
}
.sh_con1 .rig{
  float: left;
}
.sh_con1 .lef {
  padding: 35px 27px;
}



.proj_cont1 .p2 {
  font-size: 24px;
}
.proj_bt {
  font-size: 25px;
}
.proj_cont4 .top {
  padding-top: 65px;
}
.proj_cont4 .p3 {
  font-size: 30px;
}
.proj_cont4 .rq1 {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.proj_cont4 .rq1:nth-child(3n){
  margin-right: 2%;
}
.proj_cont4 .rq1:nth-child(2n){
  margin-right: 0%;
}

.pro1_cont1 .top p {
  font-size: 16px;
}
.pro1_cont1 .bot .rq1 div p {
  font-size: 17px;
}
.pro1_cont2 .foot-container img {
  width: 60px;
}
.pro1_cont2 .p1 {
  font-size: 23px;
}
.pro1_cont2 .p2{
  width: 70%;
}
.pro1_cont2 .p1 {
  margin-bottom: 5px;
}
.pro1_cont2 .foot-container, .pro1_cont3 .foot-container {
  padding-top: 57px;
}
.pro1_cont3 .foot-container {
  padding-left: 265px;
}

.pro1_cont4 .rig .bot {
  height: 291px;
}
.pro1_cont4 .lef .wz {
  top: 43px;
}
.pro1_cont4 .rig .bot div {
  left: 40px;
}

.prodate_cont1 .rq1 .bot {
  width: 100%;
  height: 188px;
  padding: 21px 15px;
}
.prodate_cont1 .bot .p1 {
  font-size: 16px;
}
.prodate_cont1 .bot .p2 {
  font-size: 13px;
  display: none;
}
.prodate_cont2 .ig1{
  width: 100px;    top: 38px;
  left: 110px;

}
.yd .tp_rq2 .tp_rq3 div {
  height: 113px;
}
.yd .tp_rq2 .tp_rq3 .p1 {
  font-size: 14px;
  padding-top: 12px;
  /* padding-bottom: 10px; */
}
.tp_rq {
  width: 239px;
  height: 272px;
}
.yd2 .tp_rq {
  top: -271px;
  left: -142px;
}
.tp_rq {
  top: -227px;
}
.prodate_cont4 .yd2 .tp_rq {
  top: -271px;
  left: -156px;
}
.prodate_cont6 .yd1 .tp_rq {
  top: -270px;
  left: -120px;
}
.prodate_cont7 .p2 {
  font-size: 14px;
}
.prodate_cont7 .ig5 {
  top: 201px;
  left: 158px;
  width: 81px;
}
.prodate_cont7 .ig4 {
  width: 147px;
}
.prodate_cont7 .ig2 {
  width: 102px;
}
.prodate_cont7 .ig1 {
  width: 150px;
  top: 84px;
}
.prodate_cont7 .ig3 {
  width: 114px;
}
.pro2_cont4 .lef .top .p1 {
  font-size: 14px;
}
.pro2_cont4 {
  height: 535px;
}
.prodate_cont8 .ig5 {
  width: 93px;
  bottom: 4px;
}
.kk .p2 {
  font-size: 22px;
}
.kk {
  height: 80px;
}
.prodate_cont8 .lef .ig4 {
  width: 417px;
  top: 65%;
}
.kk {
  bottom: 66px;    left: 41px;
}
.prodate_cont5 .jg {
  margin: 0px 100px;
}

.prodate_cont3 .ig3 {
  width: 337px;
}
.prodate_cont3 .ig2 {
  width: 126px;
}
.prodate_cont3 .p1 {
  font-size: 24px;padding-top: 0;
}
.prodate_cont3 .ig4 {
  width: 370px;
}
.prodate_cont3 .ig5 {
  width: 185px;
}
.prodate_cont3 .ig1 {
  width: 118px;
}
.prodate_cont3 {
  height: 670px;
}
.prodate_cont3 .foot-container {
  padding-bottom: 70px;
}

.pro2_cont1 .foot-container {
  height: 530px;    padding-top: 70px;
}
.pro2_cont1 .ig1 {
  width: 270px;
}
.pro2_cont1 .ig2 {
  width: 290px;
}
.pro2_cont1 .p1 {
  font-size: 40px;
  line-height: 36px;
  top: 41%;
  left: 59%;
}
.pro2_cont1 .ig3 {
  top: 60%;
  left: 61%;
}
.xian {
  margin-bottom: 15px;
}
.pro2_cont2 .p2 {
  font-size: 13px;
  width: 75%;
}
.pro2_cont2 .ig1 {
  width: 60px;
}
.pro2_cont2 .p1 {
  font-size: 21px;
}
.pro2_cont3 .p1 {
  font-size: 38px;
  line-height: 35px;
}
.pro2_cont3 .p1:nth-child(2) {
  padding-left: 112px;
}
.pro2_cont3 .foot-container {
  padding-top: 55px;
}
.pro2_cont3 .ig2 {
  width: 188px;
}
.pro2_cont3 .ig1 {
  width: 450px;    bottom: -74px;
}
.pro2_cont3 .ig4 {
  width: 262px;
}
.pro2_cont3 .ig3 {
  width: 82px;
}
.pro2_cont3 {
  height: 410px;
}
.pro2_cont4 .ig3{
  width: 60px;height: 60px;
}
.kk .p2 {
  font-size: 17px;
}
.kk {
  width: 158px;
  padding: 8px 0;
}




.pro6_cont1 .foot-container{
  padding-left: 0;
}

.pro6_cont1 .ig1 {
  width: 203px;
  margin-left: 115px;
}
.pro6_cont1 .ig2 {
  width: 386px;
  margin-top: 100px;
}
.pro6_cont1 .ig3 {
  margin-right: 152px;
  width: 237px;
}
.pro6_cont1 .zw {
  width: 360px;
  margin-top: 20px;
}
.pro6_cont1 .p1 {
  font-size: 25px;
  line-height: 32px;
}
.pro6_cont1 .p2 {
  font-size: 15px;
}
.pro6_cont1 .xian {
  margin-top: 19px;
  margin-bottom: 16px;
}
.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 29px;
}
.pro6_cont1 .p4 {
  font-size: 15px;
  color: #444;
  background-position-y: bottom;
  background-position-x: center;
}
.pro6_cont1 .foot-container {
  padding-top: 53px;
  padding-bottom: 51px;
}
.pro6_cont2 .ig1 {
  padding-top: 46px;
  padding-bottom: 29px;
}
.pro6_cont3 .p1 {
  font-size: 16px;
  color: #3d1908;
  font-family: "light";
  width: 76%;
}
.pro6_cont3 .ig1 {
  width: 569px;
}
.pro6_cont3 .ig2 {
  width: 177px;
}
.pro6_cont3 .ig3 {
  width: 89px;
}
.pro6_cont3 .ig4 {
  width: 183px;
}
.pro6_cont4 .ig5{
  width: 200px;
}
.pro6_cont4 .ig5 {
  width: 89px;bottom: 20px;
}
.pro2_cont4 .lef .top{
  padding-left: 15px;
}
.pro6_cont4 .lef .ig4{
  width: 300px;
  left: 15px;
}




.pro3_cont1 .top .lef{
  width: 50%;
  padding-left: 0;
}
.pro3_cont1 .top .rig{
  width: 50%;
}
.pro3_cont1 .top .rig img{
  width: 100%;
}
.pro3_cont1 .bot .ig1{
  width: 30%;margin-left: 10%;
}
.pro3_cont1 .bot .ig2{
  width: 30%;
  margin-left: 10%;
  margin-right: 20%;
}
.pro3_cont1 .bot .p2, .pro3_cont1 .bot .p2 span {
  font-size: 23px;
}
.pro3_cont1 .bot .p3 {
  font-size: 12px;
  bottom: 80px;
}
.pro3_cont1 .ig3{
  width: 100px;
}
.pro3_cont2 .ig1 {
  padding-top: 45px;
  padding-bottom: 25px;
}
.pro3_cont2 .p1 {
  font-size: 27px;
}
.pro3_cont2 .p2 {
  font-size: 14px;
  width: 78%;
  margin-top: 10px;
}
.pro3_cont3 .wz {
  width: 555px;
  padding-top: 46px;
}

.pro3_cont4 .lef .ig4 {
  width: 262px;    left: 57px;
}



.pro4_cont1 .p1 {
  font-size: 15px;
}
.pro4_cont1 .ig1 {
  width: 120px;
}
.pro4_cont1 .ig3 {
  width: 159px;
}
.pro4_cont1 .ig2 {
  width: 90px;
}
.pro4_cont1 .ig4 {
  width: 560px;
}
.pro4_cont1 .p1 {
  padding-top: 65px;
}
.pro4_cont1 {
  height: 600px;
}
.pro4_cont2 .p1 {
  font-size: 22px;
}
.pro4_cont2 .p2 {
  font-size: 14px;
  margin-top: 16px;
  line-height: 30px;
}
.pro4_cont3 .p1 {
  top: 45px;
}
.pro4_cont3 .ig4 {
  width: 319px;
}
.pro4_cont4 .lef .top {
  padding-left: 118px;
  padding-top: 76px;
}
.pro4_cont4 .ig5 {
  top: 32px;
  left: 47px;
}



.pro7_cont1 .ig2 {
  width: 610px;
  top: 60%;
}

.pro7_cont1 .p2 {
  left: 60px;    bottom: 55px;
}
.pro7_cont1 .ig3 {
  width: 140px;
}
.pro7_cont1 .ig4 {
  width: 120px;
}
.pro7_cont1 .ig1 {
  width: 73px;
}

.pro7_cont1 {
  height: 646px;
}
.pro7_cont1 .ig1 {
  top: 326px;
}


.pro5_cont1 .ig4 {
  width: 340px;
}
.pro5_cont1 .p1 {
  font-size: 22px;padding-bottom: 14px;
  padding-top: 51px;
}
.pro5_cont1 .ig2 {
  width: 140px;
}
.pro5_cont1 .ig5 {
  width: 240px;
  top: 40%;
}
.pro5_cont1 .ig3 {
  width: 119px;
}
.pro5_cont1 .ryb {
  width: 359px;
  bottom: 105px;
}
.pro5_cont1 .ig1 {
  width: 86px;
}
.pro5_cont2 .ig1 {
  width: 90px;
  margin-top: 39px;
  margin-bottom: 20px;
}
.pro5_cont3 .p2 {
  width: 100%;
}
.pro5_cont3 .ig1 {
  width: 412px;
  top: 52%;
}
.pro5_cont4 .foot-container {
  padding-top: 35px;
}
.pro5_cont5 .rq1 .rq {
  padding-top: 33px;
}


.n_banner11 .foot-container .rq1{
  width: 33.33%;
  margin-bottom: 177px;
}
.n_banner11 .foot-container {
  padding-top: 200px;
}

.n_banner18 .foot-container .in{
  width: 100%;    margin-top: 165px;
}


.n_banner17 .rq .rq1 {
  width: 50%;height: 34%;
  margin-bottom: 20px;
}
.n_banner17 .rq a {
  bottom: 50px;
}
.n_banner12 .lef{
  width: 100%;
  position: static;
}

.n_banner12 .rig{
  width: 100%;  position: static;
}
.n_banner12 .bj .rq{
  padding-left: 0;
  position: relative;
}
.n_banner12 .rig .p2 {
  width: 67%;
}
.n_banner12 .p3{
  position: absolute;
  top: 10%;
  left: 20%;
}
.n_banner12 .p4{
  position: absolute;
  top: 30%;
  left: 20%;
}
.n_banner12 .rig .ig1{
  width: 30%;
  height: auto;
}









.pc{
  display: none !important;
  
}
.app{
  display: block !important;
}

html, body {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.section-wrap .section {
  height: auto !important;
  position: static !important;
}
.section-wrap {
  margin-top: 60px;
}
.n_banner .bj .tp,.pro1_cont3 .bj,.pro1_cont2 .bj,
.pro5_cont2 .bj,.pro5_cont3 .bj,.pro7_cont2 .bj,
.pro7_cont3 .bj,.pro4_cont2 .bj,.pro4_cont3 .bj,
.pro3_cont2 .bj,.pro3_cont3 .bj,.pro6_cont2 .bj,
.pro6_cont3 .bj,.pro2_cont2 .bj,.prodate_cont7 .bj{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.pro1_cont4,.pro1_cont1{
  position: static;
  transform: translateY(0);
}

.put-section-0,.put-section-1,.put-section-2,
.put-section-3,.put-section-4,.put-section-5,
.put-section-6,.put-section-7,.put-section-8,
.put-section-9,.put-section-9 {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
}
.pro1_cont1 .bot .rq1 div {
  padding-top: 34px;
}


.n_banner .foot-container .ig2 {
  right: 10px;
}
.pro1_cont1 .top p {
  font-size: 15px;
}
.pro1_cont1 .top {
  padding: 80px 0px;
}
.pro1_cont2 .foot-container, .pro1_cont3 .foot-container {
  padding-top: 134px;
}
.pro1_cont4 .lef, .pro1_cont4 .rig {
  width: 100%;
}
.pro1_cont4 .lef .bj {
  height: auto;
}

.pro1_cont4 .rig .bot,.pro1_cont4 .rig .bot .bj{
  width: 100%;
  height: 100%;
}

.pro1_cont4 .rig .bot div {
  left: 65%;
}
.pro5_cont5 .rq1 {
  width: 100%;
  float: none;
  margin-right: 0%;
  position: relative;
}
.pro5_cont5 .swiper-container{
  padding-bottom: 60px;
}
.pro5_cont5 .swiper-pagination-bullet{
  width: 6px;
  height: 6px;
  background: rgb(31,82,77);
  border-radius: 6px;
  opacity: 1;
  transition: all .5s;
}
.pro5_cont5 .swiper-pagination-bullet-active{
  width: 40px;
  height: 6px;
}
.pro5_cont5{
  padding-bottom: 80px;
}
.pro2_cont1{
  background-image: none;
  position: relative;
}
.pro2_cont1 .bj,
.pro2_cont3 .bj,
.pro4_cont1 .bj,
.pro5_cont1 .bj,
.pro7_cont1 .bj,
.prodate_cont3 .bj{
  width: 100%;
  height: 100%;
}
.pro2_cont1 .foot-container,
.pro2_cont3 .foot-container,
.pro4_cont1 .foot-container,
.pro5_cont1 .foot-container,
.pro7_cont1 .foot-container,
.prodate_cont3 .foot-container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro2_cont1 .p1 {
  top: 83%;
  left: 48%;
}
.pro2_cont3,.pro2_cont4 {
  height: auto;
  position: relative;
}
.pro2_cont4{
  min-height: 330px;
}
.pro2_cont3 .p2{
  width: 100%;
}
.pro2_cont4 .bj{
  width: 100%;
  height: 100%;
}
.pro2_cont4 .lef{
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  width: 100%;
}
.pro2_cont4 .rig{
  position: absolute;
  left: 0;
  top: 0;
  background: none;
}
.pro2_cont4 .lef .top {
  /* padding-left: 49px; */
  padding-top: 98px;
}

.kk {
  bottom: 40%;
  left: 15px;
}
.pro3_cont1 .top .rig img {
  width: 75%;
  float: right;
}
.pro3_cont1 .bot .ig1{
  width: 52%;
  margin-left: 0;
}
.pro3_cont1 .bot .p2 {
  right: 18px;
}
.pro3_cont1 .bot .p2 span {
  right: -24px;
}
.pro3_cont1 .bot .p3{
  right: 16px;
  padding: 0 25px;
  padding-bottom: 20px;
  background-size: contain;
  bottom: 10%;
}
.pro3_cont1 .bot{
  margin-top: 10px;
}

.pro3_cont1{
  padding-bottom: 20px;
}

.pro3_cont3 .wz{
  padding-left: 30%;
  padding-right: 0;
}
.pro4_cont1{
  height: auto;
}
.pro4_cont1 .p1{
  width: 80%;
  float: left;
  text-align: left;
}
.pro4_cont4 .lef .top {
  padding-left: 95px;
}
.pro4_cont4 .rig div {
  left: 78%;
  bottom: 18px;
}
.pro7_cont1{
  height: auto;
}
.n_banner9 .foot-container .ig1 {
  width: 120px;
}
.n_banner9 .dg_p1{
  background-size: 48px;
}
.n_banner9 .dg_p1::before{
  background-size: contain;
  width: 48px;    bottom: -14px;
}
.n_banner9 .dg_p1{
  padding: 0 58px;
  line-height: 27px;
}
.pro7_cont2 .rq{
  width: 90%;
  height: auto;
  padding-bottom: 30px;
}
.pro7_cont4 .kk {
  left: 3%;
  bottom: 10%;
}

.pro5_cont5,.pro2_cont4,.pro2_cont3,.pro5_cont4{
  position: static;
  transform: translateY(0);
}

.prodate_cont8,.prodate_cont7,.prodate_cont6{
	display:none;
}
.prodate_cont3{
  /* height: auto; */
}
.prodate_cont3 .p1 {
  width: 60%;
}
.prodate_cont8 .kk {
  left: 32%;
  bottom: 33%;
}



.content3 .bj .gd {
  height: 590px;
}
.content3 .bj {
  height: 1145px;
}

.content3 .foot-container {
  top: 42%;
}
.content3 .xzz {
  top: 49%;
}
.content4 {
  padding: 0px 0;
  height: 375px;
}
.content4 .foot-container {
  padding-top: 80px;
}

.n_banner12 .cen {
  top: 40%;
  left: 11%;
}
.n_banner12 .cen img {
  width: 179%;
  height: 1px;
}
.n_banner12 .cen {
  overflow: hidden;
}
.about_con4 .rq .rig {
  padding-top: 30px;
  margin-top: 20px;
}


.n_banner9 .tp,
.n_banner7 .tp,
.n_banner3_3 .tp,
.banner8 .tp,
.n_banner3 .tp,
.n_banner2 .tp,
.pro7_cont2 .bj,
.pro5_cont2 .bj,
.pro4_cont2 .bj,
.pro6_cont2 .bj,
.pro3_cont2 .bj,
.pro2_cont2 .bj,.pro1_cont2 .bj,.pro7_cont3 .bj{
  position: static;
  transform: translateY(0);
}





}


@media (max-width: 768px){
  #mCSB_1_scrollbar_vertical{
    opacity: 1 !important;
  }
  .content1 .sp .xtb {
    background-size: 107%;
}
  .content3 {
    padding-top: 70px;
}
  .actdate_con1 {
    padding-top: 30px;;
}

  .content1 .swiper-button-next,
  .content1 .swiper-button-prev{
    display: none;
  }
  .content1 {
    padding-bottom: 30px;padding-top: 45px;
}
.content2 .zw .p1 {
  font-size: 23px;
  padding-bottom: 26px;
}
.content2 .bj a {
  top: 48%;
}
.content2 .bj a{
  top: 46%;
}

.foot-container{
  width: 100%;
  padding: 0 15px;
}
.sy_con3 .foot-container {
  width: 100% !important;
  padding: 0 15px !important;
}

.content3 .zw {
  padding-top: 45px;
  padding-left: 40px;
}

.content4 .rq .rq1, .content4 .rq .rq1:nth-child(2) {
  padding-left: 90px;
}
.content6 .p2 {
  font-size: 12px;    padding-bottom: 74px;
}
.content6 .p1 {
  font-size: 25px;
}
.content6 .swiper-container {
  padding-bottom: 26px;
}
.content7 .rq {
  padding: 55px 0;
}
.content5 .foot-container {
  padding-top: 40px;
}


/* 家居产品 */
.pro2_con2 .rq1 span {
  width: 68%;
  float: left;
}
.prodate_cont9 .foot-container {
  padding: 60px 15px 90px 15px;
}
.fyq li{
  width: 40px;
  height: 40px;
  margin-left: 10px;
}
.fyq li a{
    line-height: 40px;    font-size: 13px;
}.fyq li:last-child {
  width: 60px;
}
.pro2_con2 input {
  height: 55px;
}
.pro2_con1 {
  padding: 30px 0;
}
.pro2_con2 .fyq {
  margin: 0 auto;
  padding-bottom: 70px;
  padding-top: 0px;
}
.prodate_cont9 input,.prodate_cont9 select,.pro2_con1 .rq p{
  font-size: 14px;
}


/* 企业荣誉 */
.about_honor .r_title {
  font-size: 22px;
}
.about_honor .r_text p {
  font-size: 14px;
}
.about_honor .bd_l .img_title {
  font-size: 16px;
}
.channel_content .ann button {
  font-size: 17px;
  width: 160px;
  height: 50px;
}
.channel_content {
  padding: 60px 0px 0px;
}
.channel_content .ann {
  margin-bottom: 60px;
}
.about_honor .bd_r,.about_honor .bd_l{
  width: 100%;
}



/* 活动专题 */

.act_con1 .rq1 .bot .p1{
  font-size: 15px;
}
.act_con1 .rq1 .bot .p2 {
  font-size: 13px;
}
.act_con1 .rq1 .bot {
  height: 105px;
  padding: 20px 20px;
}
.act_con1 {
  padding-top: 40px;
  padding-bottom: 50px;
}
.act_con2 .rq .p1 {
  font-size: 16px;
}
.act_con2 .rq .p2 {
  font-size: 13px;
}
.actdate_con1 .lef .p1 {
  font-size: 20px;
}
.xqfy a{
  font-size: 13px;
}

.actdate_con2 .p1 {
  font-size: 26px;
  margin-bottom: 35px;
}




/* 客户的家 */
.pro2_con2 .rq3{
	width: 50%;
	margin: 0 0 20px 0 !important;
	box-sizing: border-box;
	padding: 0 5px;
}
.cl_con1 .nr a{
  width: 32%;
  margin-right: 2%;
  font-size: 15px;

}
.cl_con1 .nr{
  width: 100%;
}



.about_con1 .lef,.about_con1 .rig{
  width: 100%;
  float: none;
  position: static;transform: translateY(0%); 
}
.about_con1 .rig{
  padding-bottom: 30px;
  height: auto;
}
.about_con1 .swiper-button-prev,.about_con1 .swiper-button-next{
  display: none;
}
.about_con2 .about_bt {
  padding-top: 30px;
  padding-bottom: 10px;
}
.about_con2 .rq a {
  width: 114px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
}
.about_con2 .index-container{
  width: 100%;
}
.about_con2 .rq {   
  margin-bottom: 24px;
}
.about_con2 .rq a{
  margin-right: 5px;
}

.about_con2 .a1 img {
  width: 60px;
  height: 60px;
}
.abo_video .bfq div{
  width: 55px;
  height: 55px;
}
.abo_video .bfq div img{
  width: 15px;
}
.abo_video .bfq p {
  font-size: 16px;
  margin-top: 10px;
}
.about_con4 .rq .lef,.about_con4 .rq .rig{
  width: 100%;
}
.about_con4 .rq .p5, .about_con4 .rq .p6{
  width: 100%;
}




.att_con4 .app{
  width: 100%;
}
.att_con4 {
  height: auto;
  padding-top: 30px;
  padding-bottom: 60px;
}
.proj_bt {
  font-size: 24px;
}

.proj_bt img {
  width: 41px;
}
.att_con2 {
  padding-top: 45px;    padding-bottom: 35px;
}
.att_con3,.att_con5 {
  padding: 45px 0;
}

.att_con5 .proj_fbt{
  margin-bottom: 30px;
}
.att_con2 .p2{
  font-size: 14px;
  width: 100%;
  margin-top: 20px;
}
.att_con1 .rq1 .p {
  margin-right: 40px;
}
.att_con2 .p1 {
  font-size: 17px;
}
.att_con2 .proj_fbt {
  margin-bottom: 20px;
}




.cust_con3 .rq .rq1{
height: auto;
}

#persons .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 113px;
}

.cust_con1 .rq a{
  width: 49%;
  margin: 0;
  margin-right: 2%;
  margin-bottom: 10px;
}
.cust_con1 .rq a:nth-child(2n){
  margin-right: 0;
}
.cust_con1 .rq{
  width: 100%;
}
.cust_con1 {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 60px 0;
  position: sticky;
  top: 0;
  z-index: 10;
}




.news_con1 .rq .rq1 .bot .p1 {
  font-size: 16px;
}


.sh_con1 .p1 {
  font-size: 26px;    padding-bottom: 36px;
}

.sh_con1 {
  padding: 50px 0;
}

.sh_con1 .rq{
  margin-bottom: 10px;
}

.proj_cont2 .rq{
  width: 100%;
}
.proj_cont2 .rq1 div img{
  width: 65%;
}


.pro1_cont1 .bot .rq1 div {
  padding-top: 30px;
}
.pro1_cont1 .bot .rq1 div p {
  font-size: 15px;
}
.pro1_cont2 .foot-container img {
  width: 50px;
}
.pro1_cont2 .p1 {
  font-size: 19px;
}
.pro1_cont2 .foot-container, .pro1_cont3 .foot-container {
  padding-top: 26px;
}
.pro1_cont3 .foot-container p {
  font-size: 13px;
}
.pro1_cont4 .lef .wz {
  width: 77%;
}
.pro1_cont4 .lef .wz p {
  font-size: 13px;
}
.pro1_cont4 .lef .ig1 {
  width: 175px;
}

.xian {
  margin-bottom: 17px;
}

.pro1_cont4 .rig .bot {
  height: 225px;
}
.pro1_cont4 .rig .bot div .p1 {
  font-size: 18px;
}
.pro1_cont4 .rig .bot div {
  height: 63px;    padding: 8px 0;
}





.prodate_cont1 .bot .p1 {
  font-size: 15px;padding-bottom: 6px;
  margin-bottom: 8px;
}
.prodate_cont1 .rq1 .bot {
  height: auto;
  padding: 21px 11px;
}
.prodate_cont1 .rq {
  padding: 45px 0;
}
.tp_rq{
  display: none;
}
.prodate_cont5 .jg {
  margin: 0px 52px;
}
.prodate_cont5 .top {
  width: 100%;
  padding: 47px 0;
}
.prodate_cont7 .ig4 {
  width: 107px;
}

.prodate_cont5 .bot {
  width: 100%;
  padding-bottom: 64px;
}
.prodate_cont7 .p2{
  width: 85%;
}
.prodate_cont7 .p1 {
  font-size: 24px;
}

.pro2_cont4 .lef .top {
  /* padding-left: 85px; */
  padding-top: 54px;
}

.prodate_cont8 .ig5 {
  width: 62px;
  bottom: 4px;
}
.pro3_cont4 .kk {
  padding: 8px 5px;    height: 63px;
}
.kk .p2 {
  font-size: 16px;
}
.prodate_cont8 .lef .ig4{
  width: 60%;
}
.prodate_cont5 .p5 {
  font-size: 14px;
  margin-top: 14px;
}
.prodate_cont5 .rq1 .p1 {
  font-size: 20px;
}
.prodate_cont1 .rq .rq1{
	width: 33.333%;
    margin: 0;
    margin-bottom: 10px;
    padding: 1%;
}

.pro2_cont3 .p1 {
  font-size: 28px;
  line-height: 25px;
}
.pro2_cont3 .p1:nth-child(2) {
  padding-left: 82px;
}
.pro2_cont3 .p2 {
  font-size: 13px;
}
.pro2_cont3 .ig4 {
  width: 156px;
}
.pro2_cont3 .ig1 {
  width: 286px;
  bottom: -47px;
}
.pro2_cont3 .ig2 {
  width: 121px;
}
.pro2_cont3 .ig3 {
  width: 68px;
}
.pro2_cont1 .ig1 {
  margin-right: 0px;
}
.pro2_cont1 .ig1 {
  width: 180px;
}

.pro2_cont1 .ig3 {
  top: 46%;
  left: 67%;
}
.pro2_cont1 .ig2 {
  width: 180px;
}
.pro2_cont1 .foot-container {
  height: 436px;
}

.pro2_cont4 .lef .top .p1 {
  font-size: 13px;width: 98%;
}

.pro6_cont1 .foot-container{
  padding-left: 15px;
}

.pro6_cont1 .ig1 {
  width: 30%;
  margin-left: 0px;
}
.pro6_cont1 .ig2 {
  width: 60%;
  margin-top: 100px;
}
.pro6_cont1 .ig3 {
  margin-right: 0;
  width: 40%;
}
.pro6_cont1 .p3 {
  top: -307px;
}
.pro6_cont1 .p4{
  display: none;
}
.pro6_cont1 .zw{
  width: 60%;
}
.pro6_cont2 .ig1{
  width: 150px;
}
.pro6_cont2 .p1 {
  font-size: 14px;
  margin-bottom: 16px;
}
.pro6_cont2 .p2, .pro6_cont2 .p3 {
  font-size: 12px;
  width: 76%;
  margin: 0 auto;
}
.pro6_cont3 .foot-container {
  padding-top: 60px;
  padding-left: 41px;
}
.pro6_cont3 .p1 {
  font-size: 13px;
}
.pro6_cont3 .ig1 {
  width: 384px;
}
.pro6_cont3 .ig2 {
  width: 132px;
}

.pro6_cont3 .ig3 {
  width: 75px;
}
.pro6_cont3 .ig4 {
  width: 160px;
}





.pro4_cont3 .ig4 {
  width: 231px;
}
.pro4_cont3 .ig1 {
  width: 70px;
}
.pro4_cont3 .ig3 {
  width: 154px;
}
.pro4_cont3 .ig2 {
  width: 100px;
}
.pro4_cont3 .p1 {
  width: 75%;
}
.pro4_cont2 .ig1{
  width: 150px;
}
.pro4_cont2 .p2 {
  font-size: 13px;
  line-height: 23px;
}


.pro7_cont3 .ig2 {
  width: 108px;
}
.pro7_cont1 {
  height: 646px;
  overflow: hidden;
}
.pro7_cont1 .ig2 {
  width: 443px;
}
.pro7_cont1 .ig3 {
  width: 103px;
}
.pro7_cont1 .ig5{
  width: 330px;
}
.pro7_cont1 .ig1 {
  top: 332px;width: 54px;
}
.pro7_cont1 .p2 {
  font-size: 13px;
}
.pro7_cont1 {
  height: 532px;
  overflow: hidden;
}.pro7_cont1 .p2 {
  left: 98px;
  bottom: 55px;
}
.pro7_cont1 .ig4 {
  bottom: 144px;
}

.pro5_cont5 .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.pro5_cont1 {
  height: 600px;
}
.pro5_cont1 .ig5 {
  width: 200px;
  top: 47%;
}
.pro5_cont1 .ig2 {
  position: absolute;
  top: 4px;
  right: 0px;
}
.pro5_cont1 .ig3 {
  width: 70px;
}
.pro5_cont1 .ryb {
  width: 352px;
  bottom: 64px;
}
.pro5_cont2 .p1 {
  font-size: 20px;
}
.pro5_cont2 .p2 {
  font-size: 14px;
  line-height: 32px;
}
.pro5_cont2 .p3 ,.pro5_cont2 .p3 span{
  font-size: 14px;
}
.pro5_cont3 .ig1 {
  width: 306px;
  top: 56%;
}
.pro5_cont3 .p1 {
  font-size: 22px;
  padding-top: 30px;    padding-bottom: 5px;
}
.pro5_cont3 .p2 {
  font-size: 14px;
}
.pro5_cont4 .ig1 {
  width: 21%;
  bottom: 11%;
}
.pro5_cont4 .p1 {
  font-size: 13px;width: 60%;
}
.pro5_cont4 .ig2 {
  width: 102px;
}
.pro5_cont5 .p1 {
  font-size: 26px;
  margin-bottom: 44px;
}
.pro5_cont5 {
  padding-top: 50px;
}




.pro5_cont2 .rq{
  width: 95%;
  margin-top: 120px;
}
.pro5_cont2 .ig1,.pro5_cont2 .p1,
.pro5_cont2 .p2,.pro5_cont2 .p3,.pro5_cont2 .bt{
  /* display: none; */
}
.pro5_cont2 .p1 {
  margin-top: 10px;
  margin-bottom: 17px;
}
.pro5_cont4 .bj{
width: 100%;
height: 100%;
}

.pro7_cont1{
  height: auto;
}
.pro7_cont4 .kk {
  left: 3%;
  bottom: 10%;
}
.prodate_cont3{
  /* height: auto; */
}
.prodate_cont8 .kk {
  left: 32%;
  bottom: 33%;
}
.news_con1 .div a{
	padding: 0 15px !important;
    margin: 0 5px !important;
	line-height: 35px !important;
}



/* .content1 .swiper-slide .rq2{
  width: 100%;
  height: 80px;
  top: auto;
  bottom: 0 !important;
}
.content1 .swiper-slide.swiper-slide-active .rq2 .rq2_1{
  width: 25%;
  height: 100%;
  float: left;
}
.content1 .swiper-slide .ig img {
  vertical-align: middle;
} */





}


.pro1_cont1 .bot2{
  display: none;
}

@media (max-width: 680px){
 


  .content1 .sp .xtb::before{
    content: none;
  }




  .n_banner12 .rig .ig1{
    display: none;
  }.n_banner12 .rig .p2 {
    width: 100%;
}
  .content3 .zw .p1 {
    font-size: 20px;
}
.content3 .zw {
  padding-top: 20px;
  padding-left: 25px;
}
.content3 .zw .p2 {
  margin-bottom: 17px;
}
.content3 .zw input {
  height: 33px;
  width: 150px;
}
.content3 .zw button {
  width: 80px;
  height: 33px;
}
.content3 .zw a {
  width: 110px;height: 33px;line-height: 33px;
}
.content3 .zw a img {
  margin-right: 2px;
}
.content3 .zw .p3 {
  font-size: 13px;
  margin-top: 60px;
}
.content5 .rq1 .p1 .sztd {
  font-size: 22px;
}
.content5 .rq1 {
  height: 70px;
}
.content5 a {
  width: 77px;
  margin-top: 25px;    height: 30px;line-height: 30px;
}
.content6 .swiper-slide {
  height: auto;
}
.content6 .swiper-slide div {
  height: auto;
  padding: 10px 35px;
}
.content6 .swiper-container {
  padding-bottom: 50px;
}






.about_con4 .ig2 {
  width: 253px;
  top: 184px;
  z-index: -1;
}
.about_con4 .top .p2 {
  font-size: 14px;width: 100%;
}
.about_con4 .top .p1 {
  width: 183px;
  height: 28px;
  font-size: 13px;
  line-height: 28px;
}
.about_con4 .top img {
  margin: 11px 0;
}



.att_con2 .rq3 {
  height: 115px;
}
.att_con2 .rq3 .lef p {
  font-size: 13px;    top: 71%;
}


.pro1_cont1 .bot .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.pro1_cont4 .lef,.pro1_cont4 .rig{
  width: 100%;
}
.pro1_cont1 .top {
  padding: 58px 15px;
}
.pro1_cont2 .p1 {
  font-size: 17px;
}
.pro1_cont3 .foot-container {
  padding-left: 152px;
}
.pro1_cont5 {
  width: 100%;
  padding: 40px 0;
}
.pro1_cont5 div,.pro1_cont5 div::before{
  width: 100px;
  height: 100px;
  background-size: contain;
}

.prodate_cont3 .ig3 {
  width: 233px;
}
.prodate_cont3 .ig2 {
  width: 77px;
}
.prodate_cont3 .ig4 {
  width: 283px;
}
.prodate_cont3 .ig1 {
  width: 73px;
}
.prodate_cont3 .ig5 {
  width: 115px;
}
.prodate_cont3 .foot-container {
  padding-bottom: 24px;padding-top: 35px;
}
.prodate_cont3 {
  height: 500px;
}
.prodate_cont3 .p2 {
  font-size: 12px;
}
.prodate_cont3 .p1 {
  font-size: 21px;
  padding-top: 0;
}
.prodate_cont3 .xian {
  margin-top: 8px;
}

.pro4_cont1 .ig4 {
  width: 400px;    top: 45%;
}
.pro4_cont1 .ig3 {
  width: 116px;
}
.pro4_cont1 .ig2 {
  width: 65px;
}
.pro4_cont1 .ig1 {
  width: 83px;
}

/* .pro4_cont1 {
  height: 480px;
} */
.pro4_cont3 .ig4 {
  width: 178px;
}
.pro4_cont3 .ig3 {
  width: 119px;
}
.pro4_cont3 .ig1 {
  width: 61px;
}
.pro4_cont4 .rig div {
  left: 29px;
  bottom: 18px;
}





.n_banner11 .foot-container .rq1{
  margin-bottom: 60px;
}
.n_banner11 .foot-container {
  padding-top: 100px;
}



.n_banner18 .foot-container .in{
  width: 80%;    margin-top: 50px;
}
.n_banner18 .foot-container .in div {
  left: 89%;
}
.prodate_cont3{
  height: auto;
}
.prodate_cont8 .kk {
  left: 32%;
  bottom: 33%;
}
}


@media (max-width: 556px){




  .content4 .rq .rq1 .p1 {
    font-size: 23px;
}
.content4 .rq .rq1, .content4 .rq .rq1:nth-child(2) {
  padding-left: 0px;
  text-align: center;
}
.content4 .rq .rq1 .p3 {
  font-size: 13px;
}
.content4 {
  padding: 65px 0;
}


.content2 .zw .p1 {
  font-size: 20px;
  padding-bottom: 27px;
}


/* 家居产品 */
.pro2_con2 .rq1 span{
  width: 100%;
  float: none;
}
.pro2_con2 .rq1 .p1,.pro2_con2 .rq1 .p3{
  float: none;
}
.pro2_con2 .rq1 .p1{
  line-height: 30px;
}
.pro2_con2 {
  padding-top: 20px;
}
.pro2_con2 .rq3{
	width: 50%;
	margin: 0 0 20px 0 !important;
	box-sizing: border-box;
	padding: 0 5px;
}

.pro2_con2 .fyq{
  padding-top: 30px;
}
.prodate_cont9 input, .prodate_cont9 select{
width: 100%;
margin-bottom: 10px;
}
.pro2_con1 .rq{
  width: 33.33%;
  margin-bottom: 20px;
}
.pro2_con2 .pro_ss .tb {
  top: 50%;
  left: 90%;
}
.pro2_con2 input {
  font-size: 12px;    text-indent: 10px;
}


/* 活动专题 */
.act_con1 .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.act_con2 .rq{
  margin-bottom: 10px;
}
.act_con2 .rq{
  background: url(../images/img251.png) rgb(31,82,78);
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
}
.act_con2 .rq .p1{
  color: #fff;
}
.fyq {
  margin-bottom: 46px;
  margin-top: 46px;
}

.cl_con1 .nr a {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
}



.concon1 .rq1 .lef,.concon1 .rq1 .rig{
  width: 100%;
}
.concon1 .rq1 .lef .bot .rq2{
  width: 21%;
}
.concon1 .rq1 .lef .bot .rq3{
  width: 74%;
  padding-left: 5%;
}
.concon1 .rq1 .lef .bot .rq3 .p3 {
  font-size: 13px;
}
.concon1 .rq1 .lef .bot{
  margin-top: 20px;
  margin-bottom: 10px;
}

.about_con2 .about_bt {
  font-size: 21px;
}
.about_con2 .about_bt {
  padding-top: 18px;
  padding-bottom: 10px;
}
.about_con2 .a1 img{
  width: 40px;
  height: 40px;
}


.att_con2 .rq .rq1{
  width: 32%;
}
.att_con2 .rq .rq1:nth-child(3n){
  margin-right: 0;
}
.att_con2 .rq .rq1:nth-child(4n){
  margin-right: 2%;
}
.att_con2 .rq .rq1 {
  height: 70px;
  margin-bottom: 15px;
}
.att_con2 .rq .rq1:nth-child(7){
  width: 49%;
}
.att_con2 .rq .rq1:nth-child(8){
  margin-right: 0;
  width: 49%;
}
.att_con2 .rq .rq1:nth-child(3) img,
.att_con2 .rq .rq1:nth-child(7) img,
.att_con2 .rq .rq1:nth-child(8) img {
  width: 23%;
}


.att_con2 .rq3 .lef {
  width: 30.5%;
}
.att_con2 .rq3 .rig {
  width: 69.5%;
}
.att_con5 .rq1 {
  padding: 15px 5px;    height: 156px;
}

.att_con5 .rq1 .p1 {
  font-size: 20px;
}
.att_con5 .rq1 .p2 {
  font-size: 13px;
}
.cust_con3 .rq .rq1 .lef, .cust_con3 .rq .rq1 .rig{
  width: 100%;
}
.cust_con3 .rq .rq1 .rig{
  float: left;
}
.cust_con3 .rq .rq1 .lef{
  float: right;
}



.news_con1 .rq .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}

.news_con1{
  padding-top: 60px;
}
.news_con1 .fyq {
  margin: 0 auto;
  padding-top: 31px;
  padding-bottom: 50px;
}


.proj_cont1 .p2 {
  font-size: 19px;
}
.proj_cont1 .top {
  padding: 30px 0;
}
.proj_cont2 .rq {
  padding-top: 49px;
  padding-bottom: 40px;
}
.proj_cont2 .rq1 div {
  height: 82px;
  margin-bottom: 10px;
}

.proj_cont2 .p1 {
  width: 88%;
  font-size: 13px;
}
.proj_cont2 .proj_fbt {
  margin-bottom: 16px;
}
.proj_cont2 .rq1 {
  margin-top: 30px;
}
.proj_cont3 .foot-container {
  padding: 50px 15px;
  padding-bottom: 20px;
}
.proj_cont3 .p1 {
  font-size: 14px;
 margin: 15px 0; 
}
.proj_cont4 .top{
  padding: 50px 0;
}
.proj_cont4 .p1 {
  font-size: 17px;
  margin: 6px 0;
}
.proj_cont4 .p2 {
  font-size: 15px;
}
.proj_bt {
  font-size: 20px;
}
.proj_cont4 .rq1 .bot {
  height: 45px;
}
.proj_cont4 .rq1 .bot p {
  font-size: 15px;
  line-height: 45px;
}
.proj_cont4 .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.proj_cont4 .p3 {
  font-size: 26px;    margin-top: 43px;
  margin-bottom: 26px;
}
.prodate_cont7 .p2 {
  width: 98%;    font-size: 12px;
}
/* .pro2_cont4 .lef .top {
  padding-left: 11px;
  padding-top: 34px;
} */
.prodate_cont8 .lef .ig4 {
  width: 86%;
}
/* .pro2_cont4 {
  height: 284px;
} */
.kk .p3 {
  letter-spacing: 0.5px;
}
.kk {
  /* bottom: 66px; */
  left: 2px;
}
.prodate_cont2 .ig1 {
  width: 72px;
  top: 14px;
  left: 13px;
}
.yd .rq img{
  width: 20px;
}
.prodate_cont5 .jg{
  display: none;
}
.prodate_cont5 .rq1 .p3 {
  font-size: 16px;
  margin-top: 10px;
}
.prodate_cont5 .top {
  width: 100%;
  padding: 28px 0;
}
.prodate_cont3 {
  height: 363px;
}
.prodate_cont3 .ig5 {
  width: 77px;
  bottom: 0;
}
.prodate_cont3 .ig4 {
  width: 159px;
}
.prodate_cont3 .ig1 {
  width: 48px;
}
.prodate_cont3 .ig3 {
  width: 161px;
}
.yd{
  width: 33px;height: 33px;
}
.yd .rq::before{
  width: 33px;
  height: 33px;
}



.pro1_cont5 .p1 {
  font-size: 14px;
}
.kk {
  width: 117px;
  padding: 8px 0;
  /* bottom: 0; */
}
.kk .p2 {
  font-size: 13px;
}
.pro2_cont4 .ig3 {
  left: -22%;
}
/* .pro2_cont4 .lef .top {
  padding-left: 11px;
  padding-top: 9px;
} */
.pro2_cont4 .lef .top .p1 {
  font-size: 12px;
}
.pro2_cont3 .ig4 {
  width: 117px;
}
.pro2_cont3 .ig1 {
  width: 197px;
  bottom: -27px;
}
.pro2_cont3 .ig2 {
  width: 81px;
}
.pro2_cont3 .foot-container {
  padding-top: 28px;
}

.pro2_cont2 .ig1 {
  width: 50px;padding-top: 43px;
}
.pro2_cont2 .p1 {
  font-size: 16px;
}
.pro2_cont2 .p2 {
  font-size: 12px;
  width: 95%;
  margin-top: 5px;
}
.pro2_cont1 .p2 {
  font-size: 13px;
}
.pro2_cont1 .ig1 {
  width: 123px;
}
.pro2_cont1 .p1 {
  font-size: 23px;
  line-height: 19px;
}
.pro2_cont1 .ig3{
  width: 40px;
  height: 40px;left: 57%;
}
.pro2_cont1 .ig2 {
  width: 128px;
}
.pro2_cont1 .foot-container {
  height: 337px;    padding-top: 42px;
}
.pro2_cont2 .ig1 {
  width: 50px;
  padding-top: 25px;
}





.pro6_cont1 .p3 span {
  position: absolute;
  right: -8px;
}
.pro6_cont1 .p3 {
  top: -157px;
  right: 15px;
}
.pro6_cont1 .p3 span {
  top: 25px;
}

.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 25px;
}

.pro6_cont1 .ig1 {
  width: 36%;    margin-right: 12px;
}
.pro6_cont1 .ig2 {
  margin-top: 74px;
}
.pro6_cont1 .p1 {
  font-size: 17px;
  line-height: 22px;
}
.pro6_cont1 .p2 {
  font-size: 13px;
}
.pro6_cont1 .xian{
  margin: 10px 0; 
}
.pro6_cont1 .bot {
  margin-top: 10px;
}
.pro6_cont1 .p3 {
  letter-spacing: -3px;
}

.pro6_cont2 .ig2 {
  width: 95px;
}
.pro6_cont2 .ig1 {
  padding-top: 31px;
  padding-bottom: 20px;
}
.pro6_cont2 .p1 {
  font-size: 14px;
  margin-bottom: 2px;
}
.pro6_cont2 .p2, .pro6_cont2 .p3 {
  font-size: 12px;
  width: 100%;
  margin: 0 auto;
}
.pro6_cont3 .ig4 {
  right: 148px;
}
.pro6_cont3 .ig3 {
  width: 59px;
}
.pro6_cont3 .ig2 {
  width: 100px;
}
.pro6_cont3 .ig1 {
  width: 237px;
}
.pro6_cont3 .p1 {
  width: 94%;
}
.pro6_cont4 .lef .ig4 {
  width: 167px;
  left: 15px;
}
.pro6_cont4 .ig5 {
  width: 50px;
  bottom: 0px;
}
  .pro6_cont4 .kk .p3 {
    letter-spacing: 0.5px;
}.pro6_cont3 .foot-container {
  padding-top: 19px;
}


.pro3_cont1 .top .lef{
  padding-top: 0;
  width: 100%;
}
.pro3_cont1 .top .rig{
  width: 100%;
}

.pro3_cont1 .top{
  padding-bottom: 0;
}
.pro3_cont2 .ig1{
  width: 30px;    padding-top: 19px;
  padding-bottom: 9px;
}

.pro3_cont2 .p1 {
  font-size: 18px;
}
.pro3_cont2 .p2 {
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}
.pro3_cont3 .wz{
  width: 100%;
}
.pro3_cont3 .p1 {
  font-size: 13px;
}
.pro3_cont4 .lef .ig4 {
  width: 126px;
  left: 13px;
}
.pro3_cont1 .top .lef .p1 {
  font-size: 13px;
}


.pro4_cont1 .ig3 {
  width: 98px;
}
.pro4_cont1 .p1 {
  padding-top: 24px;width: 75%;
}
.pro4_cont1 .ig4 {
  width: 311px;
}
.pro4_cont1 .ig2 {
  width: 44px;
}
.pro4_cont2 .ig1 {
  width: 118px;    padding-top: 22px;
  padding-bottom: 13px;
}
.pro4_cont2 .p1 {
  font-size: 18px;
}
.pro4_cont2 .p2 {
  font-size: 12px;
  line-height: 17px;
}

.pro7_cont1 .foot-container {
  padding-top: 57px;padding-left: 23px;
}

.pro7_cont1 .ig2 {
  width: 263px;    left: 42%;
}
.pro7_cont1 {
  height: 450px;
}
.pro7_cont1 .ig1 {
  top: 237px;
  width: 36px;
}
.pro7_cont1 .ig3 {
  width: 68px;
}
.pro7_cont1 .ig4 {
  width: 77px;
}

.pro7_cont1 .ig5 {
  width: 221px;
}
.pro7_cont1 .p2 {
  left: 31px;
  bottom: 32px;
}
.pro7_cont2 .rq{
  padding-left: 15px;
}

.pro7_cont3 .xian {
  margin-top: 22px;margin-bottom: 7px;
}
.pro7_cont1 .p1, .pro7_cont3 .p1 {
  font-size: 14px;
}
.pro7_cont3 .p1{
  width: 100%;
}
.pro7_cont3 .ig2 {
  width: 78px;
}
.pro7_cont3 .ig1 {
  width: 41px;
}
/* .pro2_cont4 .lef .top {
  padding-top: 28px;
} */


.pro5_cont1 .ig4 {
  width: 174px;
}
.pro5_cont1 .ig2 {
  width: 91px;
}

.pro5_cont1 .p1 {
  font-size: 17px;
  padding-top: 30px;
}
.pro5_cont1 .p2,.pro5_cont1 .p3 {
  font-size: 13px;line-height: 23px;
}
.pro5_cont1 .ryb {
  width: 160px;
  bottom: 24px;
}
.pro5_cont1 .ryb img {
  width: 100%;
}
.pro5_cont1 .ig1 {
  width: 62px;
}
.pro5_cont1 {
  height: 530px;
}
.pro5_cont1 .ig5 {
  width: 133px;
  top: 62%;    right: 44px;
}
.pro5_cont2 .ig1 {
  width: 75px;
  margin-top: 38px;
  margin-bottom: 4px;
}
.pro5_cont2 .p1 {
  font-size: 16px;
}
.pro5_cont2 .p2 {
  font-size: 13px;
  line-height: 16px;
}
.pro5_cont2 .p3, .pro5_cont2 .p3 span {
  font-size: 13px;width: 100%;
}
.pro5_cont3 .p1 {
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.pro5_cont3 .ig1 {
  width: 171px;
}
.pro5_cont3 .p2 {
  font-size: 12px;
}
.pro5_cont4 .p1 {
  font-size: 12px;
  width: 63%;
}
.pro5_cont4 .ig1{
  display: none;
}
.pro5_cont4 .ig2 {
  width: 52px;
}
.pro5_cont5 .p1 {
  font-size: 22px;
  margin-bottom: 44px;
}





.content3 .foot-container {
  top: 27%;
}
.app2{
  display: block;
  width: 100%;
}
.pc2{
  display: none;
}
.content3 .zw input{
  width: 100%;
}
.content3 .zw {
  padding-top: 44px;
}
.content3 .zw input,.content3 .zw button {
  width: 68%;
  margin-bottom: 10px;
  text-align: left;text-indent: 16px;
}
.content3 .zw .p3 {
  margin-top: 27px;
}


.content3 .foot-container {
  top: 40%;
}
.content3 .bj {
  height: 1583px;
}
.content4 .foot-container {
  padding-top: 15px;
}
.content4 .rq .rq1 .p2 {
  margin-top: 10px;
}

.content4 .rq .rq1 .p3 {
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content4 .rq::before {
  height: 150px;
}
.content4 {
  height: 300px;
}
.content4 .rq .rq1 .p1 {
  font-size: 20px;
}

.content5 .rq1{
  width: 50%;
}
.content5 .rq {
  width: 95%;
}
.content5 .rq1:nth-child(3n) {
  border-right: 1px solid rgb(239,240,241);
}
.content5 .rq1:nth-child(2n) {
  border-right: none;
}
.content5 .rq1:nth-child(4) {
  border-bottom: 1px solid rgb(239,240,241);
}
.content5 .foot-container {
  padding-top: 194px;
}
.content5 .rq1 {
  height: 100px;
}
.content5 .rq1 .p1 .sztd {
  font-size: 39px;
}


.n_banner11 .foot-container .rq1{
  margin-bottom: 20px;
}
.n_banner11 .foot-container {
  padding-top: 76px;
}
.n_banner .foot-container .p1 {
  font-size: 25px;
}
.n_banner11 .foot-container .p1::before {
  width: 147px;
}
.n_banner11 .rq1 .p .sztd {
  font-size: 30px;
}

.n_banner18 .foot-container {
  padding-top: 55px;
}
.n_banner18 .foot-container .in{
  width: 80%; margin-top: 35px;height: 45px;
}
.n_banner18 .foot-container .in div {
  left: 85%;
}
.n_banner18 .foot-container input {
  font-size: 15px;
}

.n_banner17 .rq1{
  display: none;
}
.n_banner17 .rq .rq2{
  display: block;
  width: 60%;
  height: 57%;
  margin: 0 auto;
  float: none;
  padding: 0;
  margin-top: 35px;background: rgb(17,97,91);
}
.n_banner17 .rq .rq2 .swiper-slide{
  padding: 30px 15px;
}
.n_banner17 .foot-container .p2{
  width: 90%;
}
.n_banner17 .foot-container .swiper-pagination-bullet{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(159,167,172);
  margin: 0 6px;
  opacity: 1;
  transition: all .3s;
}
.n_banner17 .foot-container  .swiper-pagination-bullet-active{
  width: 20px;
  border-radius: 20px;
}


.n_banner12 .p3{
  position: absolute;
  top: 5%;
  left: 10%;
  font-size: 25px;
  padding-top: 0;
}
.n_banner12 .p4{
  position: absolute;
  top: 19%;
  left: 10%;
}
.n_banner12 .p4 p {
  font-size: 50px;
}







.n_banner .foot-container {
  padding-top: 50px;
}

.n_banner .foot-container .ig2 {
top: 37%;
}
.pro1_cont2 .p2 {
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 100;
overflow: hidden;
}
.pro1_cont2 .foot-container, .pro1_cont3 .foot-container {
padding-top: 63px;
}
.pro1_cont3 .foot-container p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 100;
overflow: hidden;
}
.pro1_cont4 .rig .bot div {
  left: 53%;width: 188px;
}
.pro5_cont5 .rq1 .p2 {
  font-size: 16px;
}
.pro5_cont5 .rq1 button {
  width: 105px;
  height: 31px;
  font-size: 14px;
}
.pro1_cont1 .top p {
  font-size: 14px;
}
.pro5_cont5 .swiper-container{
  padding-bottom: 30px;
}
.pro5_cont5{
  padding-bottom: 20px;
}
.n_banner2 .ig1 {
  padding-top: 0px;
}
.n_banner2 .dg_ig2 {
  margin-top: 15px;
}
.n_banner2 .foot-container .ig2 {
  top: 72%;
  right: -38px;
}
.pro2_cont2 .ig1 {
  padding-top: 54px;
}
.pro2_cont3 .foot-container {
  padding-top: 50px;
}

.kk {
  bottom: 40%;
  left: 15px;
}
.n_banner3 .dg_p1 {
  font-size: 26px;
  line-height: 34px;
}
.n_banner3 .foot-container .ig1 {
  width: 66px;
}
.n_banner3 .foot-container .ig2 {
  top: 37%;
  right: 17px;
}
.pro3_cont2 .ig1 {
  padding-top: 62px;
}
.pro2_cont4 .rig{
  width: 100%;
}
.pro3_cont4 .kk{
 left: 68%;
  bottom: 10%;
}
.pro2_cont4 .ig3{
  z-index: 2;    left: 57%;    top: 69%;
}
.banner6 .foot-container .ig1 {
  width: 125px;
}
.pro4_cont1 .p1{
  width: 80%;
}
.pro4_cont2 .ig1 {
  padding-top: 70px;
}
.pro4_cont3 .p1 {
  width: 100%;
  font-size: 14px;
}
.pro4_cont4 .rig div {
  left: 78%;
  bottom: 18px;
}
.pro4_cont4 .rig div .p2 {
  font-size: 13px;
}
.n_banner7 .dg_p1 {
  font-size: 20px;
}
.n_banner .foot-container .ig1 {
  padding-bottom: 14px;
  padding-top: 20px;
}
.pro5_cont1 .ryb img {
  width: 48.5%;
}

.pro5_cont1 .ryb {
  width: 100%;
  bottom: 50px;
}
.pro5_cont1 .p2{
  width: 50%;
}
.pro5_cont2 .rq {
  width: 95%;
  margin-top: 23px;
}
.pro5_cont3 .p1 {
  padding-top: 67px;
}

.pro5_cont4 .p1{
  width: 100%;
}
.pro6_cont2 .p2, .pro6_cont2 .p3 {
  font-size: 13px;
  width: 90%;
  margin: 0 auto;
}
.pro6_cont2 .ig1 {
  padding-top: 64px;
}

.pro6_cont3 .foot-container {
  padding-top: 80px;
}

.pro6_cont3 .p1 {
  width: 75%;
}
.pro6_cont4 .kk {
  left: 60%;
  bottom: 10%;
}
.n_banner9 .foot-container .ig1{
  padding-top: 0;
}
.pro7_cont1{
  height: auto;
}
.pro7_cont1 .p2 {
  bottom: 68px;
}
.pro7_cont3 .xian {
  margin-top: 57px;
  margin-bottom: 18px;
}
.pro7_cont4 .kk {
  left: 3%;
  bottom: 10%;
}
.prodate_cont3{
  /* height: auto; */
}
.n_banner10 .ig3{
	display:none;
}
.prodate_cont8 .kk {
  left: 32%;
  bottom: 33%;
}
.content1 .rq{
  padding: 0 10px;
}
.content1 .rq div:nth-child(5){
  background-size: 94px;
}



/* .content1 .swiper-slide .rq2 .rq2_1 div p {
  width: 72%;
}
.content1 .swiper-slide .rq2 {
  height: 50px;
}
.content1 {
  padding-bottom: 30px;
} */
.content6 {
  padding: 35px 0;
}
.content1 .rq div{
  float: none;
  display: inline-block;
  width: 100px !important;
}
.content1 .rq {
  width: 100%;
  height: auto;
  white-space: nowrap;
  overflow-x: auto;
  margin-bottom: 32px;
  display: block;
}
.content1 .rq div:nth-child(5) {
  background-size: 98px;
}
.content4 .rq .rq1:nth-child(1){
  width: 40%;
}
.content4 .rq .rq1:nth-child(2){
  width: 60%;
  padding-left: 10%;
}
.content4 .rq .rq1 p{
  text-align: left;
}
.content4 .rq .rq1 img{
  float: left;
}

.content4 .rq::before {
  left: 42%;
}

.content6 .swiper-slide{
  position: static;
}
.content6 .swiper-slide div{
  position: static;
  transform: translateY(0%);
}
.content6 .swiper-slide img {
  opacity: 1;
}
.content6 .swiper-pagination{
  display: none;
}
.content6 .swiper-container {
  padding-bottom: 0px;
}
.content6 .swiper-slide div {
  height: auto;
  padding: 35px 35px;
}




}

@media (max-width: 414px){
  .banner .swiper-slide-active img{
    transform: scale(1);
  }

  .channel_content .ann button {
    font-size: 14px;
    width: 100px;
    height: 35px;
}
.channel_content .ann a:nth-child(2) {
  /* margin-left: 0px; */
}
.channel_content .ann a {
  margin: 0 5px;
}
.channel_content .ann {
  margin-bottom: 36px;
}
.about_honor .bd_l{
  display: none;
}
.about_honor .img_list {
  height: 374px;
}
.about_honor .bd_r{
  height: auto;
}
.lb-data .lb-number{
  display: none !important;
}
.lb-data .lb-caption{
  font-size: 14px;
  color: #fff;
}
.about_con2 .ig1{
  display: none !important;
}
.about_con2 .ig2{
  display: block;
}
.about2_con2 .about_bt {
  padding-top: 50px;
}

  .pro1_cont1 .top {
    padding: 15px 15px;
}
  .content3 .xzz {
    top: 48%;
}.content3 .bj {
  height: 1253px;
}
.content5 .foot-container {
  padding-top: 77px;
}

  /* 家居产品 */
  .fyq li {
    width: 40px;
    height: 40px;
    margin-left: 5px;
  }
  .proj_bt {
    font-size: 20px;
}
.xz_vlog1 .rq1 .swiper-button-prev, .xz_vlog1 .rq1 .swiper-button-next {
  width: 28px;
  height: 28px;
}
.proj_fbt{
  font-size: 12px;
}
/* 联系我们 */
.concon1 .rq1 .lef .bot .rq2 {
  height: 70px;    padding: 12px;font-size: 15px;
}

.concon1 .rq1 .rig .bot .rq2 {
  padding: 13px;
}
.concon1 .p1 {
  width: 90%;
  font-size: 21px;padding-bottom: 16px;
}
.concon1 .p2 {
  margin-top: 13px;
  margin-bottom: 37px;
}
.concon1 .rq {
  padding-bottom: 40px;
}


.about_bt {
  font-size: 28px;
}


.pro7_cont1 .p1{
  width: 68%;
}
.pro7_cont2 .rq{
  padding-right: 15px;
}
.pro7_cont2 .p2,
.pro2_cont4 .lef .top .p1,
.pro1_cont1 .top p,
.pro4_cont1 .p1,
.pro4_cont3 .p1,
.pro3_cont2 .p2,
.pro2_cont2 .p2 {
  font-size: 13px;
}
.pro1_cont4 .lef .wz {
  left: 10%;
}
.pro1_cont4 .rig .bot div {
  left: 55%;
  width: 150px;
}
.n_banner3 .dg_p1 {
  font-size: 21px;
  line-height: 27px;
}
.pro4_cont2 .p2 {
  font-size: 13px;
  line-height: 22px;
}
.pro4_cont2 .ig1 {
  padding-top: 33px;
}
.pro2_cont4 .lef .top {
  padding-top: 28px;
}
.pro4_cont4 .rig div .p2 {
  font-size: 12px;
}
.n_banner6 .ig4 {
  width: 265px;
  margin-top: 26px;
}
.pro6_cont1 .p3, .pro6_cont1 .p3 span {
  font-size: 23px;
}
.pro1_cont1 .top p, .pro4_cont1 .p1, .pro4_cont2 .p2, .pro4_cont3 .p1, .pro6_cont1 .p2, .pro6_cont1 .p4, .pro6_cont3 .p1, .pro3_cont1 .top .lef .p1, .pro3_cont3 .p1, .pro2_cont1 .p2 {
  line-height: 21px;
}
.pro6_cont2 .ig1 {
  padding-top: 43px;
}
.pro6_cont3 .foot-container {
  padding-top: 43px;
}
.pro3_cont1 .top {
  padding-top: 32px;
}
.pro3_cont2 .ig1 {
  padding-top: 43px;
}
.pro2_cont1 .rq {
  width: 50%;
}
.pro2_cont2 .ig1 {
  padding-top: 40px;
}


}

@media (max-width: 375px){
  .att_con2 .rq3 {
    height: 105px;
}
  .content3 .xzz {
    top: 48%;
}.content3 .bj {
  height: 1165px;
}
.content5 .foot-container {
  padding-top: 77px;
}
}


.case-moedloes {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
/* .case-moedloes2{
  display: block;
} */

.case-moedloes .close-d {
  position: absolute;
  top: -45px;
  right: 0;
  color: #fff;
  transition: all 0.3s ease;
  z-index: 10;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-image: url(../images/sj41.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.case-moedloes .bh {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}



.case-moedloes .case-moed1 {
  width: 100%;
  /* display: none; */
  height: 100%;
}

.case-moedloes .case-moed2 {
  display: block;
}

.case-moed1 .swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.case-moed1 .swiper-container img {
  width: 100%;
  height: 100%;
}

.case-moed1 .swp>.swiper-pagination-bullets {
  bottom: 8px;
}

.case-moed1 .swp .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.case-moed1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}






















#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
}

#darkbox.on {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 90% !important;
  left: 5% !important;
  top: 5% !important;
}

.dark-close i {
  color: #fff;
}

#darkbox_prev, #darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#darkbox_prev {
  left: -2px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -2px;
}

#darkbox_prev:hover, #darkbox_next:hover {
  border-color: #c42a2e;
}

#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 5px;
  text-align: right;
  text-shadow: 0 1px 1px #000;
}

#darkbox .dark-close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#darkbox .dark-close:hover {
  color: #c42a2e;
}

.swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background: rgb(31,82,78);
} 


.actdate_con1 p img{
  width: 100%;
}




















/* 修改 */

/* about2 */

.n_banner12 .top{
  width: 100%;
  position: relative;
}
.n_banner12 .top img{
  width: 100%;
  vertical-align: middle;
}
.n_banner12 .top .rq{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.n_banner12 .top .rq .p1{
  font-size: 50px;
  color: #1f524e;
  text-align: center;
  font-family: "light";
  line-height: 50px;
}
.n_banner12 .top .rq .p2{
  font-size: 26px;
  color: #1f524e;
  text-align: center;
  font-family: "light";
  text-transform: uppercase;
}
.n_banner12 .top .rq .p3{
  font-size: 76px;
  color: #1f524e;
  text-align: center;
  font-weight: bold;
  font-family: "";
  padding: 0;
}
.n_banner12 .bot{
  width: 100%;
  transform: translateY(-50px);
  position: relative;
}
.n_banner12 .bot .bj{
  width: 100%;
  vertical-align: middle;
}
.n_banner12 .bot .rq{
  width: 52%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  padding: 150px 130px 0 180px;
}
.n_banner12 .bot .rq .p1{
  font-size: 16px;
  color: #ffffff;
  margin: 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}
.n_banner12 .bot .rq a{
  display: block;
  font-size: 18px;
  color: #1f524e;
  width: 247px;
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
  text-align: center;
  background: #fff;
  margin-top: 60px;
  margin-left: 52px;
  position: relative;
}
.n_banner12 .bot .rq a:hover{
  box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.3);
  transform: translate3d(0,-5px,0);
}
.n_banner12 .bot .rq a::before{
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../images/about3.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -52px;
  transform: translateY(-50%);
}
.n_banner12{
  background: rgb(236,236,236);
}
.about2_con1{
  width: 100%;
  position: relative;
  background: rgb(236,236,236);
  padding-top: 40px;
}
.about2_con1 .swp{
  width: 72.5%;
  float: right;
  padding-top: 0;
  padding-bottom: 60px;
}
.about2_con1 .rq1{
  width: 27.5%;
  float: left;
  padding-left: 245px;
}
.about2_con1 .about_bt{
  text-align: left;
  padding-top: 47px;
}
.about2_fbt{
  font-size: 26px;
  color: #1f524e;
  text-transform: uppercase;
  font-family: "light";
  line-height: 30px;
  margin-top: 10px;
}
.about2_con1 .rig{
  background: #fff;
}
.about2_con1 .rig{
  top: 50%;
}
.about2_con1 .swiper-button-prev,
.about2_con1 .swiper-button-next{
  top: 72%;
}
.about2_con1 .swiper-wrapper{
  width: 85%;
}
.about2_con1 .gallery-thumbs img{
  width: 100%;
}
.about2_con1 .gallery-thumbs .swiper-slide::before{
  width: 8px;
  height: 8px;
  background: rgb(31,82,78);
  border-radius: 50%;
  top: -23px;
  left: 5%;
}
.about2_con1 .gallery-thumbs .swiper-slide::after{
  width: 0px;
  height: 1px;
  content: '';
  background: rgb(31,82,78);
  position: absolute;
  left: 5%;
  top: -19px;
  transform: translateY(-50%);
}
.about2_con1 .gallery-thumbs .swiper-slide-thumb-active::after{
  width: 100%;
  animation: fy 6s ease;
}
@keyframes fy{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.about2_con1 .gallery-thumbs{
  position: relative;
  padding-top: 55px;
}
.about2_con1 .gallery-thumbs .swiper-button-prev,
.about2_con1 .gallery-thumbs .swiper-button-next{
  width: 60px;
  height: 60px;
  background-image: url(../images/about5.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 37%;
  opacity: 1;
  transition: all .5s;
}
.about2_con1 .gallery-thumbs .swiper-button-prev:hover,
.about2_con1 .gallery-thumbs .swiper-button-next:hover{
  background-image: url(../images/about6.png);
}
.about2_con1 .gallery-thumbs .swiper-button-prev{
  left: 3%;
}
.about2_con1 .gallery-thumbs .swiper-button-next{
  right: 3%;
  transform: rotate(180deg);
}
.about2_con1 .p{
  font-size: 306px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  left: 50%;
  bottom: -16%;
  transform: translateX(-50%);
  opacity: 0.42;
}
.about2_con2, .about2_con2 .bj{
  height: auto;
}
.about2_con2 .rq a{
  border-radius: 5px;
}
.about2_con2 .about_bt{
  text-align: left;
  padding-top: 190px;
  padding-bottom: 0;
}
.about2_con2 .a1{
  left: 0;
  top: 40%;
  transform: translateX(0);
  display: none;
}

.about2_con3 a,
.about2_con4 a{
  position: absolute;
  left: 50%;
  bottom: 65px;
  transform: translateX(-50%);
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(216,219,219);
  transition: all .5s;
  z-index: 100;
}
.about2_con3 a:hover,
.about2_con4 a{
  color: #1f524e;
  border-bottom: 1px solid#1f524e;
}
.about2_con4 a:hover{
  transform: translate(-50%,-15px);
}


.about2_con4{
  width: 100%;
  background-image: url(../images/about7.jpg);
  background-size: cover;
  /* background-attachment: fixed; */
  padding-top: 115px;
  padding-bottom: 210px;
}
.about2_con4 .about_bt{
  text-align: left;
}
.about2_con4 .about2_fbt{
  margin-top: 0;
}
.about2_con4 .p1{
  background: #1f524e;
  border-radius: 5px;
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  padding: 0 15px;
  line-height: 35px;
  margin-top: 100px;
  margin-bottom: 80px;
  position: relative;
}
.about2_con4 .p1::before{
  width: 90px;
  height: 8px;
  content: '';
  background-image: url(../images/img227.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: -50px;
}
.about2_con4 .p2,
.about2_con4 .p2 span{
  font-size: 33px;
  color: #333333;
}
.about2_con4 .p2 span{
  color: #1f524e;
  font-weight: bold;
}
.about2_con4 .p2{
  width: 47%;
}
.about2_con4 .rq{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}
.about2_con4 .rq p{
  font-size: 16px;
  color: #1f524e;
  padding-left: 50px;
  position: relative;
}
.about2_con4 .rq p::before{
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1f524e;
  position: absolute;
  top: 3px;
  left: 0;
}
.about2_con4 .rq p::after{
  content: '';
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: rgba(40,85,82,0.5);
  position: absolute;
  top: -7px;
  left: -10px;
  z-index:0;
  opacity: 0;
  transition: all .5s;
}
.about2_con4 .rq p:hover::after{
  opacity: 1;
}

/* about2_con5 */
.about2_con5{
  width: 100%;
  background: rgb(226,226,226);
  padding-top: 85px;
}
.about2_con5 .about_bt{
  text-align: left;
}
.about2_con5 .about2_fbt{
  margin-top: 0;
}
.about2_con5 .foot-container{
  position: relative;
}
.about2_con5 .a{
  width: 130px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  text-align: center;
  background: #666;
  color: #fff;
  position: absolute;
  right: 0;
  top: 10px;
  transition: all .5s;
}
.about2_con5 .a:hover{
  background: #1f524e;
}
.about2_con5 .rq{
  width: 100%;
  height: 700px;
  padding-top: 140px;
  display: flex;
  overflow: hidden;
}
.about2_con5 .rq .rq1{
  width: 23.7%;
  position: relative;
  transition: all .5s;
}
.about2_con5 .rq .rq1.on{
  width: 28.9%;
  transform: translateY(-55px);
}
.about2_con5 .rq .rq1 img{
  width: 100%;
  vertical-align: middle;
}
.about2_con5 .rq .rq2{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -255px;
  z-index: 20;
  background: rgb(39,73,70);
  padding: 55px;
  transition: all .5s .2s;
}
.about2_con5 .rq .rq1.on .rq2{
  bottom: -55px;
}
.about2_con5 .rq .rq2::before{
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../images/about3.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  bottom: 15px;
}
.about2_con5 .rq .rq2 .p1{
  font-size: 16px;
  color: #ffffff;
}
.about2_con5 .rq .rq2 .p2{
  display: inline-block;
  font-size: 22px;
  color: #1f524d;
  line-height: 55px;
  padding: 0 20px;
  background: #fff;
  border-radius: 5px;
  letter-spacing: 2px;
  position: absolute;
  top: -20%;
}
.about2_con6 .foot-container{
  padding: 250px 0;
}
.about2_con6 .proj_bt img{
  display: none;
}
.about2_con6 .proj_bt,
.about2_con6 .proj_fbt{
  text-align: left;
}
.about2_con6 .proj_fbt{
  font-size: 26px;
  color: #1f524e;
  text-transform: uppercase;
}
.n_banner12 .bot .abig2{
  display: none !important;
}

/* about2分辨率 */
@media(max-width:1680px){
  .n_banner12 .top .rq .p1 {
    font-size: 40px;
    line-height: 40px;
}
.n_banner12 .top .rq .p2 {
  font-size: 22px;
}
.n_banner12 .top .rq .p3{
  font-size: 66px;
}
.n_banner12 .bot .rq {
  padding: 130px 113px 0 157px;
}
.n_banner12 .bot .rq .p1 {
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}
.n_banner12 .bot .rq a {
  font-size: 16px;
  width: 210px;
  height: 38px;
  line-height: 38px;
  border-radius: 38px;
  margin-top: 45px;
  margin-left: 52px;
}
.about2_con1 .rq1 {
  padding-left: 8%;
}
.about2_fbt {
  font-size: 22px;
  line-height: 22px;
  margin-top: 0px;
}
.about2_con2 .about_bt {
  padding-top: 130px;
}
.about2_con4 .p2, .about2_con4 .p2 span {
  font-size: 28px;
}
.about2_con5 .rq {
  height: 612px;
  padding-top: 140px;
}


}
@media(max-width:1460px){ 
  .n_banner12 .top .rq .p1 {
    font-size: 38px;
    line-height:38px;
}
.n_banner12 .top .rq .p2 {
  font-size: 20px;
}
.n_banner12 .top .rq .p3 {
  font-size: 57px;
}
.n_banner12 .bot .rq {
  padding: 80px 80px 0 90px;
}
.about2_fbt {
  font-size: 20px;
  line-height: 20px;
}
.about2_con1 .lef {
  width: 699px;
  height: 463px;
}
.about2_con1 .rig{
  width: 441px;
  height: 380px;
}
.about2_con1 .rig .p4 {
  width: 100%;
}
.about2_con1 .p{
  font-size: 232px;
}
.about2_con1 .gallery-thumbs .swiper-button-prev, .about2_con1 .gallery-thumbs .swiper-button-next{
  width: 50px;
  height: 50px;
}
.about2_con1 .gallery-thumbs {
  padding-top: 47px;
}
.about2_con1 {
  padding-bottom: 40px;
}
.about2_con1 .swp {
  padding-bottom: 32px;
}
.about2_con4 {
  padding-top: 44px;
  padding-bottom: 65px;
}
.about2_con4 .rq {
  margin-top: 75px;
}
.about2_con4 .p1 {
  border-radius: 5px;
  font-size: 16px;
  padding: 0 15px;
  line-height: 35px;
  margin-top: 50px;
  margin-bottom: 75px;
}
.about2_con4 .p2, .about2_con4 .p2 span {
  font-size: 24px;
}
.about2_con5 {
  padding-top: 45px;
}
.about2_con5 .rq {
  height: 532px;
  padding-top: 100px;
}
.about2_con5 .rq .rq2 .p2 {
  font-size: 18px;
  line-height: 38px;
}
.about2_con5 .rq .rq2 .p1 {
  font-size: 14px;
}
.about2_con5 .rq .rq2 {
  padding: 30px;
}
.about2_con6 .foot-container {
  padding: 90px 15px 180px 15px;
}
.about2_con6 .proj_fbt {
  padding-bottom: 50px;
}

}
@media(max-width:1260px){
  .n_banner12 .bot .rq .p1{
    font-size: 14px;
  }
  .n_banner12 .top .rq .p1{
    font-size: 32px;
  }
  .n_banner12 .top .rq .p2 {
    font-size: 16px;
}
.n_banner12 .top .rq .p3 {
  font-size: 46px;
}
.n_banner12 .bot .rq {
  padding: 55px 50px 0 50px;
}
.n_banner12 .bot .rq a {
  font-size: 14px;
  width: 180px;
  height: 34px;
  line-height: 34px;
  border-radius: 34px;
  margin-top: 24px;
  margin-left: 50px;
}
.n_banner12 .bot .rq .p1 {
  -webkit-line-clamp: 8;
}
.about2_fbt {
  font-size: 16px;
  line-height: 16px;
}
.about2_con1 .p {
  font-size: 200px;
}
.about2_con2 .about_bt {
  padding-top: 80px;
}
.about2_con4 .p2, .about2_con4 .p2 span {
  font-size: 20px;
}
.about2_con4 .rq {
  margin-top: 75px;
}
.about2_con4 {
  padding-top: 40px;
  padding-bottom: 80px;
}
.about2_con5 {
  padding-top: 46px;
}
.about2_con5 .rq {
  height: 395px;
  padding-top: 60px;
}
.about2_con5 .rq .rq1.on {
  transform: translateY(-25px);
}
.about2_con5 .rq .rq1.on .rq2 {
  bottom: -25px;
}
.about2_con5 .rq .rq2 {
  padding: 25px 15px;
}
.about2_con5 .rq .rq2 .p2 {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 1px;
}


}
@media(max-width:991px){
  .n_banner12 .bot .rq .p1 {
    -webkit-line-clamp: 5;
}
.about2_con1 .lef {
  width: 474px;
  height: 314px;
}
.about2_con1 .rig {
  width: 299px;
  height: 258px;
}
.about2_con1 .gallery-thumbs .swiper-button-prev, .about2_con1 .gallery-thumbs .swiper-button-next {
  width: 40px;
  height: 40px;
}
.about2_con1 .gallery-thumbs .swiper-slide::after {
  top: -22px;
}
.about2_con1 .gallery-thumbs .swiper-slide::before {
  top: -26px;
}
.about2_con1 .swp {
  padding-bottom: 25px;
}
.about2_con1 .p {
  font-size: 157px;
}
.about2_con1 {
  padding-bottom: 70px;
}
.about2_fbt {
  font-size: 14px;
  line-height: 14px;
}
.about2_con2 .about_bt {
  padding-top: 44px;
}
.about2_con3 a {
  bottom: 28px;
  font-size: 14px;
}
.about2_con4 .p2 {
  width: 55%;
}
.about2_con4 .p2, .about2_con4 .p2 span {
  font-size: 18px;
}
.about2_con4 .rq p {
  font-size: 14px;
  padding-left: 22px;
}
.about2_con5 .rq .rq1.on,
.about2_con5 .rq .rq1{
  width: 25%;
  transform: translateY(-0px);
}
.about2_con5 .rq .rq1.on .rq2 {
  bottom: 0px;
}
.about2_con6 .proj_fbt {
  font-size: 14px;
}
.about2_con6 .foot-container {
  padding: 41px 15px 60px 15px;
}

}
@media(max-width:768px){
  .n_banner12 .top .rq .p1 {
    font-size: 16px;line-height: 25px;
}
.n_banner12 .top .rq .p3 {
  font-size: 22px;
  position: static;
}
.n_banner12 .top .rq .p2 {
  font-size: 12px;
}
  .n_banner12 .bot .abig1{
    display: none !important;
  }
  .n_banner12 .bot .abig2{
    display: block !important;
  }
  .n_banner12 .bot .rq{
    width: 100%;
    position: static;
    background: #1f524e;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-top: 20px;
  }
  .n_banner12 .bot {
    transform: translateY(0px);
}
.n_banner .rq .p {
  font-size: 24px;
}
.cn_banner .rq .p {
  top: 14px;
}




  .about2_con1{
    padding-left: 15px;
    padding-right: 15px;
  }
  .about2_con1 .rq1{
    width: 100%;
    padding: 0;
  }
  .about2_con1 .about_bt {
    text-align: center;
    padding-top: 0px;
}
.about2_fbt{
  text-align: center;
}
.about2_con1 .swp{
  width: 100%;
  margin-top: 30px;
}
.about2_con1 .rig,
.about2_con1 .lef{
  width: 100%;
  height: auto;
}
.about2_con1 .gallery-thumbs .swiper-button-prev, .about2_con1 .gallery-thumbs .swiper-button-next{
  display: block;
}
.about2_con1 .p {
  font-size: 115px;
  bottom: 0;
}
.about2_con2 .about_bt{
  text-align: center;
  padding-top: 20px;
}
.about_con2 .rq{
  margin-top: 20px;
}
.about2_con2 .a1 {
  left: 34%;
  top: 50%;
}
.about2_con5 .rq{
  height: auto;
  flex-wrap: wrap;
}
.about2_con5 .rq .rq1.on, .about2_con5 .rq .rq1{
  width: 50%;
}
.about2_con5 .about_bt{
  text-align: center;
}
.about2_con4 .about2_fbt{
  text-align: left;
}


}
@media(max-width:441px){
  .about2_con5 .a {
    width: 85px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    position: static;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
  }
  .about2_con5 .rq {
    padding-top: 32px;
}
  .about2_con2 .a1 {
    left: 42%;
    top: 72%;
}
  .about2_con1 .p {
    font-size: 80px;
    bottom: 0;
  }
  .about2_con1 {
    padding-bottom: 34px;
  }
  .about2_con1 .swp {
    padding-bottom: 0px;
  }
  .about2_con2 .a1 {
    left: 49%;
    top: 72%;
  }
  .about2_con3 a {
    bottom: 10px;
    font-size: 14px;
  }
  .about2_con4 .p1 {
    border-radius: 5px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 30px;
    margin-top: 24px;
    margin-bottom: 40px;
  }
  .about2_con4 .p1::before {
    bottom: -24px;
  }
  .about2_con4 .p2 {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }
  .about2_con4 .rq{
    flex-wrap: wrap;
  }
  .about2_con4 .rq p{
    width: 34%;
    margin-top: 20px;
  }
  .about2_con4 .rq p:nth-child(3),
  .about2_con4 .rq p:nth-child(4),
  .about2_con4 .rq p:nth-child(5){
    width: 33.33%;
  }
  .about2_con4 .rq {
    margin-top: 15px;
  }
  .about2_con4 {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }
  .about2_con4 a{
    bottom: 10px;
  }
  .about2_con5 .rq .rq2::before {
    width: 17px;
    height: 17px;
    right: 5px;
    bottom: 5px;
  }
  
  .about2_con6 .proj_fbt {
    padding-bottom: 23px;
}

}




/* 企业文化 */
.xzqy{
  width: 100%;
}
.xzqy .rq1{
  width: 100%;
  display: flex;
}
.xzqy .rq1 .lef{
  width: 39.5%;
  display: flex;
  justify-content:center;
  align-content:center;
  flex-wrap: wrap;
  position: relative;
  transition: all .5s;
  overflow: hidden;
}


.xzqy .rq1 .lef .rq2{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content:center;
  align-content:center;
  flex-wrap: wrap;
}
.xzqy .rq1 .lef img,
.xzqy .rq1 .rig img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.xzqy .rq1 .lef:hover img,
.xzqy .rq1 .rig:hover img{
  transform: scale(1.05);
}
.xzqy .rq1 .rig{
  width: 60.5%;

  display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display:-webkit-flex;/* Chrome 21+ */
  display:-ms-flexbox;/* WP IE 10 */
  display: flex;

  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content:center;

  -webkit-box-align: center;
  align-content:center;

  
  flex-wrap: wrap;
  position: relative;
  transition: all .5s;
  overflow: hidden;
}
.xzqy .rq1 .rig .rq3{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display:-webkit-box;/* android 2.1-3.0, ios 3.2-4.3 */
  display:-webkit-flex;/* Chrome 21+ */
  display:-ms-flexbox;/* WP IE 10 */
  display: flex;
  
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;

  justify-content:center;

  -webkit-box-align: center;
  align-content:center;
  flex-wrap: wrap;

}
.xzqy .rq1 .rig .rq3 p{
  color: #fff;
}
.xzqy .rq1 .p1{
  width: 100%;
  font-size: 40px;
  line-height: 40px;
  color: #1f524e;
  font-family: "light";
  padding-left: 30%;
  margin-bottom: 18px;
}
.xzqy .rq1 .p2{
  width: 100%;
  font-size: 26px;
  color: #1f524e;
  font-family: "light";
  text-transform: uppercase;
  padding-left: 30%;
}
.xzqy .rq1 .p3{
  font-size: 20px;
  color: #1f524e;
  width: 100%;
  padding-left: 20%;
}
.xzqy .rq1 .p4{
  width: 100%;
  font-size: 16px;
  color: #777777;
  padding-left: 20%;
  padding-right: 20%;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 5px;
}

/* 企业文化分辨率 */
@media(max-width:1680px){
  .xzqy .rq1 .p1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.xzqy .rq1 .p2 {
  font-size: 18px;
}








}
@media(max-width:1460px){
  .xzqy .rq1 .p1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
}
.xzqy .rq1 .p2 {
  font-size: 14px;
}
.xzqy .rq1 .p4 {
  font-size: 14px;
  line-height: 23px;
}
.xzqy .rq1 .p3 {
  font-size: 18px;
}

}
@media(max-width:1260px){
  .xzqy .rq1 .p1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px;
}
.xzqy .rq1 .p4 {
  line-height: 20px;
  margin-bottom: 5px;
}





}
@media(max-width:991px){
  .xzqy .rq1 .p3,
  .xzqy .rq1 .p4 {
    padding-left: 10%;
    padding-right: 10%;
}

}
@media(max-width:768px){
  .xzqy .rq1{
    flex-wrap:wrap-reverse;
    margin-bottom: 20px;
  }
  .xzqy .rq1:nth-child(2n){
    flex-wrap:wrap;
  }
  .xzqy .rq1 .lef,
  .xzqy .rq1 .rig{
    width: 100%;
    height: auto;
    padding: 0 15px;
  }
  .xzqy .rq1 .p3, .xzqy .rq1 .p4,
  .xzqy .rq1 .p2,
  .xzqy .rq1 .p1{
    padding: 0;
  }
  .xzqy .rq1 .rig .rq3,
  .xzqy .rq1 .lef .rq2{
    padding: 0 15px;
  }

}
@media(max-width:414px){
  .xzqy .rq1 .p4{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  }
  .xzqy p{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .xzqy .rq1 .p1{
    margin-top: 15px;
  }
}


/* 视频 */
.video_con1{
  width: 100%;
  padding: 150px 0;
  background: rgb(242,242,242);
  padding-top: 75px;
}

.video_con1 .div{
  width: auto;
  display: table;
  margin: 0 auto;
  padding-bottom: 75px;
}
.video_con1 .div a{
  float: left;
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 35px;
  margin: 0 10px;
  border: 1px solid #666;
}
.video_con1 .div a:hover,
.video_con1 .div a.on{
  color: #fff;
  background: #1f524e;
  border: 1px solid #1f524e;
}

.video_con1 .rq{
  width: 100%;
}
.video_con1 .rq1{
  width: 32%;
  margin-right: 2%;
  float: left;
}
.video_con1 .rq1:nth-child(3n){
  margin-right: 0;
}
.video_con1 .rq1 img{
  width: 100%;
}
.video_con1 .rq1 p{
  font-size: 20px;
  color: #333333;
  padding-top: 20px;
  padding-bottom: 50px;
}
.video_con1 button{
  font-size: 16px;
  color: #1f524e;
  width: 180px;
  height: 60px;
  display: block;
  border: 1px solid rgb(223,223,223);
  margin: 0 auto;
  margin-top: 50px;
}

/* <!-- 视频弹窗 --> */
.video_con1 .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;}
.video_con1 .msg-box {width: 70%;height: 70%;padding: 0px;background-color: #F3F3F3;position: absolute;left: 50%;top: 47%;transform: translate(-50%,-50%);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.video_con1 .msg-box .close-box {width: 30px;height: 30px;background: url(../images/btn-close-modal.png) no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.video_con1 .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.video_con1 .video_pic {width: 100%;height: 100%;cursor: pointer;overflow: hidden;position: relative;}
.video_con1 .video_pic:after{content: '';width: 52px;height: 52px;background: url(../images/video7.png) no-repeat center;position:absolute;left: 50%;top: 50%;margin-top: -30.5px; transform: translate(-50%,-50%);transition: all 0.4s;background-size: contain;z-index: 1;}
.video_con1 .video_pic:hover:after{top: 48%;background-image: url(../images/video7.png);}

/* 视频分辨率 */
@media(max-width:1460px){
  .video_con1 .rq1 p {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 34px;
}
.video_con1 button {
  font-size: 14px;
  width: 140px;
  height: 45px;
}
.video_con1 .div{
  padding-bottom: 45px;
}
.video_con1 {
  padding: 87px 0;
  padding-top: 45px;
}


}
@media(max-width:768px){
  .video_con1 .container{
    padding: 0 15px;
  }
  .video_con1 .rq1{
    width: 49%;
    margin-right: 2%;
  }
  .video_con1 .rq1:nth-child(3n){
    margin-right: 2%;
  }
  .video_con1 .rq1:nth-child(2n){
    margin-right: 0;
  }
}
@media(max-width:414px){
  .video_con1 .video_pic:after{
    width: 41px;
    height: 41px;
  }
  .video_con1 .rq1 p {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 25px;
}
.video_con1 {
  padding: 40px 0;
}
.video_con1 button {
  margin-top: 22px;
}
.video_con1 .div a{
  font-size: 12px;
  line-height: 30px;
  border-radius: 40px;
  padding: 0 17px;
  margin: 0 5px;
}
.video_con1 .div{
  padding-bottom: 20px;
}
}



/* 品牌 */
.pp_con1{
  width: 100%;
}
.pp_con1 .rq{
  width: 100%;
  display: flex;
}
.pp_con1 .rq .lef{
  width: 32%;
  background: rgb(226,226,226);
  padding-top: 350px;
  padding-left: 165px;
}

.pp_con1 .rq .lef .div{
  margin-top: 90px;
}

.pp_con1 .rq .lef .div p{
  font-size: 16px;
  color: #1f4f4b;
  display: inline-block;
}
.pp_con1 .rq .lef .div .ig2{
  width: 47px;
  height: 47px;
  display: inline-block;
  position: relative;
  margin-left: 20px;
}
.pp_con1 .rq .lef .div .ig2::before{
  width: 55px;
  height: 55px;
  border: 1px solid #1f4f4b;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-49%,-51%) scale(0);
  transition: all .5s;
}
.pp_con1 .rq .lef .div:hover .ig2::before{
  transform: translate(-49%,-51%) scale(1);
}
.pp_con1 .rq .lef .div .ig2 img{
  width: 100%;
  margin-bottom: -35%;
}
.pp_con1 .rq .rig{
  width: 68%;
  position: relative;
}
.pp_con1 .rq .rig img{
  width: 100%;
  vertical-align: middle;
}
.pp_con1 .rq .rig .rq1{
  width: 340px;
  height: 590px;
  background: rgba(31,79,75,0.9);
  position: absolute;
  right: 0;
  bottom: 15%;
  border-radius: 0 0 15px 0;
  padding: 100px 40px 0 40px;
}
.pp_con1 .rq:nth-child(2n) .rig .rq1{
  left: 0;
}

.pp_con1 .rq .rig .rq1 .p1{
  font-size: 18px;
  color: #e2e2e2;
  margin-bottom: 13px;
}
.pp_con1 .rq .rig .rq1 .p2{
  font-size: 18px;
  color: #e2e2e2;
  text-transform: uppercase;
}
.pp_con1 .rq .rig .rq1 div{
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  margin-top: 30px;
  margin-bottom: 40px;
}
.pp_con1 .rq .rig .rq1 .p3{
  font-size: 16px;
  color: #e2e2e2;
  text-align: justify;
}


/* 品牌分辨率 */
@media(max-width:1680px){
.pp_con1 .rq .lef{
  padding-top: 306px;
  padding-left: 144px;
}
.pp_con1 .rq .lef .ig1{
  width: 287px;
}

}
@media(max-width:1460px){
  .pp_con1 .rq .rig .rq1{
    width: 258px;
    height: 448px;
    padding: 76px 30px 0 30px;
  }
  .pp_con1 .rq .rig .rq1 .p1 {
    font-size: 16px;
}
.pp_con1 .rq .rig .rq1 .p2 {
  font-size: 16px;
}
.pp_con1 .rq .rig .rq1 .p3 {
  font-size: 14px;
  
}
.pp_con1 .rq .rig .rq1 div {
  margin-top: 15px;
  margin-bottom: 20px;
}
.pp_con1 .rq .lef {
  padding-top: 226px;
  padding-left: 125px;
}
.pp_con1 .rq .lef .ig1 {
  width: 250px;
}
.pp_con1 .rq .lef .div p {
  font-size: 14px;
}
.pp_con1 .rq .lef .div .ig2 {
  width: 40px;
  height: 40px;
}
.pp_con1 .rq .lef .div .ig2::before{
  width: 48px;
  height: 48px;
}


}

@media(max-width:1260px){
  .pp_con1 .rq .lef {
    padding-top: 155px;
    padding-left: 55px;
}

.pp_con1 .rq .rig .rq1 {
  width: 258px;
  height: 376px;
  padding: 30px 30px 0 30px;
}



}
@media(max-width:991px){
  .pp_con1 .rq{
    flex-wrap:wrap;
  }
  .pp_con1 .rq:nth-child(2n){
    flex-wrap:wrap-reverse;
  }
  .pp_con1 .rq .lef,
  .pp_con1 .rq .rig{
    width: 100%;
  }

  .pp_con1 .rq .lef {
    padding-top: 60px;
    padding-left: 0px;
}

.pp_con1 .rq .lef {
  padding-bottom: 80px;
}
.pp_con1 .rq .lef .ig1{
  display: block;
  margin: 0 auto;
}
.pp_con1 .rq .lef .div{
  margin-top: 40px;
  text-align: center;
}



}
@media(max-width:768px){
  .pp_con1 .rq .rig .rq1{
    position: static;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }
}






/* 客户服务 */
.xz_banner{
  width: 100%;
  position: relative;
}
.xz_banner .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_banner .container{
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.xz_banner .p1{
  font-size: 50px;
  color: #ffffff;
  font-family: "light";
}
.xz_banner .p2{
  font-size: 26px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "light";
}

/* content1 */
.xz_kf1{
  width: 100%;
  padding-top: 85px;
}
/* .xz_kf1 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_kf1 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 85px;
} */
.xz_kf1 .p1{
  font-size: 36px;
  color: #1f524e;
  font-family: "light";
}
.xz_kf1 .rq{
  width: 100%;
  padding-top: 45px;
  padding-bottom: 85px;
}
.xz_kf1 .rq1{
  width: 32%;
  height: 230px;
  border: 1px solid rgb(221,221,221);
  float: left;
  margin-right: 2%;
  padding: 0 40px;
  padding-top: 65px;
}
.xz_kf1 .rq1:nth-child(3){
  margin-right: 0;
}
.xz_kf1 .rq1 .p1{
  font-size: 26px;
  color: #1f524e;
  margin-bottom: 22px;
}
.xz_kf1 .rq1 .p1 img{
  width: 39px;
  margin-bottom: -13px;
}
.xz_kf1 .rq1 .p2{
  font-size: 18px;
  color: #666666;
  font-family: "light";
}
.xz_kf1 .rq2{
  width: 100%;
  height: 482px;
  border: 1px solid rgb(221,221,221);
  position: relative;
  padding-top: 90px;
}
.xz_kf1 .rq2 .div{
  width: 50%;
  height: 100%;
  float: left;
  background: rgb(31,82,78);
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.xz_kf1 .rq2 .lef{
  width: 50%;
  float: left;
}
.xz_kf1 .rq2 .lef .p1{
  font-size: 36px;
  color: #ffffff;
  padding-bottom: 20px;
  margin-bottom: 30px;
  position: relative;
  font-family: "light";
}
.xz_kf1 .rq2 .lef .p1::before{
  content: '';
  width: 36px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.xz_kf1 .rq2 .lef .p2{
  color: #fff;
  font-size: 16px;
  font-family: "light";
  line-height: 28px;
  width: 80%;
}
.xz_kf1 .rq2 .rig{
  padding-left: 105px;
}
.xz_kf1 .rq2 .rig .p1{
  color: #1f524e;
}
.xz_kf1 .rq2 .rig .p1::before{
  background: #1f524e;
}
.xz_kf1 .rq2 .rig .p2{
  font-size: 16px;
  color: #666666;
}


/* content2 */
.xz_kf2,
.xz_kf3,
.xz_kf4,
.xz_kf5{
  width: 100%;
  position: relative;
}
.xz_kf2 .bj,
.xz_kf3 .bj,
.xz_kf4 .bj,
.xz_kf5 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_kf2 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 145px;
}
.xz_kf2 .p1{
  width: 49%;
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  line-height: 60px;
}
.xz_kf2 .rq{
  width: 100%;
  padding-top: 185px;
}
.xz_kf2 .rq .rq1{
  width: 25%;
  float: left;
}
.xz_kf2 .rq .rq1 .div{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px solid rgb(42,91,87);
  position: relative;
  margin: 0 auto;
  transition: all .5s;
}
.xz_kf2 .rq .rq1 .div::before{
  content: '';
  width: 70px;
  height: 71px;
  background-image: url(../images/xz8.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.xz_kf2 .rq .rq1:nth-child(2) .div::before{
  background-image: url(../images/xz9.png);
}
.xz_kf2 .rq .rq1:nth-child(3) .div::before{
  background-image: url(../images/xz10.png);
}
.xz_kf2 .rq .rq1:nth-child(4) .div::before{
  background-image: url(../images/xz11.png);
}
.xz_kf2 .rq .rq1 p{
  font-size: 22px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  padding-top: 65px;
}
.xz_kf2 .rq .rq1:hover .div{
  background: rgb(42,91,87);
}
.xz_kf2 .rq .rq1:nth-child(1):hover .div::before{
  transform: translate(-50%,-50%) rotateY(180deg);
  background-image: url(../images/xz12.png);
}
.xz_kf2 .rq .rq1:nth-child(2):hover .div::before{
  transform: translate(-50%,-50%) rotateY(180deg);
  background-image: url(../images/xz13.png);
}
.xz_kf2 .rq .rq1:nth-child(3):hover .div::before{
  transform: translate(-50%,-50%) rotateY(180deg);
  background-image: url(../images/xz14.png);
}
.xz_kf2 .rq .rq1:nth-child(4):hover .div::before{
  transform: translate(-50%,-50%) rotateY(180deg);
  background-image: url(../images/xz15.png);
}


/* content3 */
.xz_kf3 .p1{
  margin-top: 130px;
  margin-bottom: 45px;
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
}
.xz_kf3 .rq{
  width: 100%;
  position: relative;
}
.xz_kf3 .rq .lef{
  width: 50%;
  float: left;
}
.xz_kf3 .rq .lef img{
  width: 100%;
}
.xz_kf3 .rq .container{
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.xz_kf3 .rq1{
  width: 50%;
  float: right;
  padding-top: 45px;
}
.xz_kf3 .rq1 a{
  display: block;
  padding-left: 180px;
  position: relative;
  margin-bottom: 45px;
}
.xz_kf3 .rq1 a::before{
  content: '';
  width: 70px;
  height: 70px;
  background-image: url(../images/xz101.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 11%;
  transform: translateY(-50%);
  transition: all .5s;
}
.xz_kf3 .rq1 a:nth-child(2)::before{
  background-image: url(../images/xz102.png);
}
.xz_kf3 .rq1 a:nth-child(3)::before{
  background-image: url(../images/xz103.png);
}
.xz_kf3 .rq1 a:nth-child(4)::before{
  background-image: url(../images/xz104.png);
}
.xz_kf3 .rq1 a:nth-child(5)::before{
  background-image: url(../images/xz105.png);
}
.xz_kf3 .rq1 a:nth-child(6)::before{
  background-image: url(../images/xz106.png);
}
.xz_kf3 .rq1 a:hover::before{
  transform: translateY(-50%) rotateY(180deg);
}
.xz_kf3 .rq1 a .p2{
  font-size: 24px;
  color: #1f524e;
  margin-bottom: 10px;
}
.xz_kf3 .rq1 a .p3{
  font-size: 16px;
  color: #666666;
}

/* content4 */
.xz_kf4 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 105px;
}
.xz_kf4 .p1{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
}
.xz_kf4 .rq{
  width: 100%;
  padding-top: 87px;
}
.xz_kf4 .rq .lef{
  width: 50%;
  float: left;
}
.xz_kf4 .rq .lef img{
  width: 60px;
  display: block;
}
.xz_kf4 .rq .lef .p2{
  font-size: 32px;
  color: #1f524e;
  font-family: "light";
  margin-top: 15px;
}
.xz_kf4 .rq .lef .p3{
  font-size: 18px;
  color: #1f524e;
  font-family: "light";
  text-transform: uppercase;
}
.xz_kf4 .rq .rig{
  padding-left: 70px;
}
.xz_kf4 .rq1{
  width: 100%;
  padding-top: 90px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xz_kf4 .rq1 input,
.xz_kf4 .rq1 .div{
  display: inline-block;
  height: 60px;
  width: 49.5%;
  background: #fff;
  border: 1px solid rgb(221,221,221);
  border-radius: 7px;
  padding-left: 15px;
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}
.xz_kf4 .rq1 .div .ipt{
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
  height: 60px;
  width: 100%;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  -ms-appearance:none;
  padding-left: 15px;
}
.xz_kf4 .rq1 .div{
  padding-left: 0;
  position: relative;
}
.xz_kf4 .rq1 .div::before{
  content: '';
  width: 16px;
  height: 9px;
  background-image: url(../images/xz24.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.xz_kf4 .rq1 textarea{
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
  width: 100%;
  height: 90px;
  padding-left: 15px;
  padding-top: 15px;
  background: #fff;
  border: 1px solid rgb(221,221,221);
  border-radius: 7px;
}
.xz_kf4 .rq1 button{
  width: 100%;
  height: 58px;
  background: rgb(31,82,77);
  border-radius: 7px;
  font-size: 16px;
  color: #ffffff;
}

/* content5 */
.xz_kf5{
  background: #fff;
}

/* 客户服务 分辨率*/
@media(max-width:1680px){
  .xz_banner .p1 {
    font-size: 40px;
}
.xz_banner .p2 {
  font-size: 22px;
}
.xz_kf1 .p1 {
  font-size: 31px;
}
.xz_kf1 .rq1 {
  width: 32%;
  height: 200px;
  margin-right: 2%;
  padding: 0 35px;
  padding-top: 40px;
}
.xz_kf1 .rq1 .p1 {
  font-size: 22px;
  margin-bottom: 15px;
}
.xz_kf1 .rq1 .p1 img {
  width: 32px;
  margin-bottom: -10px;
}
.xz_kf1 .rq {
  padding-top: 25px;
  padding-bottom: 50px;
}
.xz_kf1 .rq2 {
  height: 420px;
  padding-top: 65px;
}
.xz_kf2 .p1 {
  width: 42%;
  font-size: 42px;
  line-height: 52px;
}
.xz_kf2 .container {
  padding-top: 125px;
}
.xz_kf2 .rq {
  padding-top: 160px;
}
.xz_kf2 .rq .rq1 p {
  font-size: 22px;
  padding-top: 55px;
}
.xz_kf3 .p1 {
  font-size: 42px;
}
.xz_kf3 .rq1 a {
  margin-bottom: 35px;
}
.xz_kf3 .rq1 {
  padding-top: 25px;
}
.xz_kf3 .rq1 .p1 {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.xz_kf4 .container {
  padding-top: 90px;
}
.xz_kf4 .p1 {
  font-size: 42px;
}
.xz_kf4 .rq {
  padding-top: 50px;
}
.xz_kf4 .rq1 {
  padding-top: 56px;
}
.xz_kf3 .p1 {
  margin-top: 80px;
  margin-bottom: 45px;
}
.xz_kf3 .rq1 a .p2 {
  font-size: 20px;
  margin-bottom: 5px;
}
.xz_kf3 .rq1 a .p3 {
  font-size: 14px;
}
.xz_kf3 .rq1 a::before {
  width: 55px;
  height: 55px;
  left: 9%;
}
.xz_kf3 .rq1 a {
  padding-left: 140px;
}


}
@media(max-width:1459px){
  .xz_kf1 {
    padding-top: 56px;
}
.xz_kf1 .p1 {
  font-size: 27px;
}
.xz_kf1 .rq {
  padding-top: 20px;
  padding-bottom: 40px;
}
.xz_kf1 .rq2 {
  height: 370px;
  padding-top: 50px;
}
.xz_kf1 .rq2 .lef .p1 {
  font-size: 27px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
.xz_kf2 .p1 {
  width: 42%;
  font-size: 38px;
  line-height: 48px;
}
.xz_kf2 .container {
  padding-top: 110px;
}
.xz_kf2 .rq {
  padding-top: 140px;
}
.xz_kf2 .rq .rq1 .div {
  width: 120px;
  height: 120px;
}
.xz_kf2 .rq .rq1 .div::before {
  width: 53px;
  height: 54px;
}
.xz_kf2 .rq .rq1 p {
  font-size: 20px;
  padding-top: 42px;
}

.xz_kf4 .p1,
.xz_kf3 .p1{
  font-size: 38px;
}

.xz_kf4 .container {
  padding-top: 79px;
}
.xz_kf4 .rq {
  padding-top: 40px;
}
.xz_kf4 .rq .lef img {
  width: 45px;
}
.xz_kf4 .rq .lef .p2 {
  font-size: 24px;
  margin-top: 5px;
}
.xz_kf4 .rq .lef .p3 {
  font-size: 16px;
}
.xz_kf4 .rq1 {
  padding-top: 30px;
}
.xz_kf4 .rq1 .div .ipt,
.xz_kf4 .rq1 input, .xz_kf4 .rq1 .div {
  height: 45px;
  font-size: 14px;
  margin-bottom: 10px;
}
.xz_kf4 .rq1 textarea{
  font-size: 14px;
}
.xz_kf4 .rq1 button {
  height: 50px;
}

}
@media(max-width:1366px){
  .xz_kf3 .rq1 a {
    padding-left: 115px;
    margin-bottom: 20px;
}
.xz_kf3 .rq1 a::before {
  width: 55px;
  height: 55px;
  left: 7%;
}
.xz_kf3 .p1 {
  margin-top: 60px;
  margin-bottom: 35px;
}
}
@media(max-width:1259px){
  .xz_banner .p1 {
    font-size: 32px;
}
.xz_banner .p2 {
  font-size: 18px;
}
.xz_kf1 .rq1 .p1 {
  font-size: 18px;
  margin-bottom: 15px;
}
.xz_kf1 .rq1 .p1 img {
  width: 25px;
  margin-bottom: -8px;
}
.xz_kf1 .rq1 .p2 {
  font-size: 14px;
}
.xz_kf1 .rq1 {
  width: 32%;
  height: 150px;
  margin-right: 2%;
  padding: 0 25px;
  padding-top: 26px;
}
.xz_kf1 .rq2 .lef .p1 {
  font-size: 23px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.xz_kf1 .rq2 {
  height: 315px;
  padding-top: 50px;
}
.xz_kf1 .rq2 .rig {
  padding-left: 50px;
}
.xz_kf1 .rq2 .lef{
  padding-right: 20px;
}
.xz_kf1 .rq2 .lef .p2,
.xz_kf1 .rq2 .rig .p2 {
  font-size: 14px;
  line-height: 22px;
}
.xz_kf2 .p1 {
  width: 44%;
  font-size: 32px;
  line-height: 40px;
}
.xz_kf2 .container {
  padding-top: 95px;
}
.xz_kf2 .rq {
  padding-top: 120px;
}
.xz_kf2 .rq .rq1 .div {
  width: 105px;
  height: 105px;
}
.xz_kf2 .rq .rq1 .div::before {
  width: 44px;
  height: 45px;
}
.xz_kf2 .rq .rq1 p {
  font-size: 18px;
  padding-top: 30px;
}
.xz_kf4 .p1, .xz_kf3 .p1{
  font-size: 32px;
}
.xz_kf4 .rq {
  padding-top: 25px;
}
.xz_kf4 .rq .lef img {
  width: 36px;
}
.xz_kf4 .rq .lef .p2 {
    font-size: 20px;
    margin-top: 5px;
}
.xz_kf4 .container {
  padding-top: 26px;
}
.xz_kf3 .rq1 a {
  padding-left: 89px;
  margin-bottom: 10px;
}
.xz_kf3 .rq1 a::before {
  width: 46px;
  height: 46px;
  left: 5%;
}
.xz_kf3 .rq1 {
  padding-top: 0px;
}
.xz_kf3 .rq1 a .p2 {
  font-size: 18px;
}

}
@media(max-width:991px){
  .xz_kf1 .rq2 .lef .p2{
    width: 100%;
  }
  .xz_kf2 .container,
  .xz_kf3 .container,
  .xz_kf4 .container{
    position: static;
    transform: translateX(0);
  }

  .xz_kf2{
    background-image: url(../images/xz7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .xz_kf4{
    background-image: url(../images/xz21.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .xz_kf2 .container {
    padding-top: 60px;
    padding-bottom: 80px;
}
.xz_kf2 .rq {
  padding-top: 80px;
}
.xz_kf2 .p1 {
  width: 44%;
  font-size: 25px;
  line-height: 33px;
}
.xz_kf2 .rq .rq1 .div {
  width: 70px;
  height: 70px;
}
.xz_kf2 .rq .rq1 .div::before {
  width: 36px;
  height: 37px;
}
.xz_kf2 .rq .rq1 p {
  font-size: 16px;
  padding-top: 14px;
}
.xz_kf1 .p1,
.xz_kf4 .p1, .xz_kf3 .p1 {
  font-size: 25px;
}

.xz_kf4 .container {
  padding-top: 50px;
  padding-bottom: 80px;
}



}
@media(max-width:768px){
  .container{
    padding: 0 15px;
  }
  .xz_kf1 {
    padding-top: 36px;
}
.xz_kf1 .p1, .xz_kf4 .p1, .xz_kf3 .p1 {
  font-size: 22px;
}
.xz_kf1 .rq {
  padding-top: 14px;
  padding-bottom: 36px;
}
.xz_kf1 .rq2 {
  height: auto;
  padding-top: 32px;
}
.xz_kf1 .rq2 .lef{
  width: 100%;
  margin-bottom: 30px;
}
.xz_kf1 .rq2 .div{
  width: 100%;
}
.xz_kf1 .rq2 .rig{
  padding-left: 0;
}
.xz_kf1 .rq2 .rig .p1,
.xz_kf1 .rq2 .rig .p2{
  color: #fff;
}
.xz_kf1 .rq2 .rig .p1::before {
  background: #fff;
}
.xz_kf1 .rq2 .lef .p1 {
  font-size: 20px;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
.xz_kf1 .rq2 .lef .p1::before {
  width: 28px;
}
.xz_kf2 .p1 {
  width: 44%;
  font-size: 22px;
  line-height: 30px;
}
.xz_kf3 .rq .container{
  width: 100%;
  position: static;
  transform: translateY(0);
}
.xz_kf3 .rq .lef{
  width: 100%;
}
.xz_kf3 .rq1{
  width: 100%;
  padding-top: 30px;
}
.xz_kf3 .rq1 a {
  padding-left: 60px;
  margin-bottom: 20px;
}
.xz_kf3 .rq1 a::before {
  width: 46px;
  height: 46px;
  left: 0%;
}

}
@media(max-width:500px){
  .xz_kf1 .rq1 {
    width: 100%;
    margin-right: 0;
    height: auto;
    padding: 25px;
    margin-bottom: 10px;
}
.xz_kf1 .rq {
  padding-top: 14px;
  padding-bottom: 20px;
}
.xz_kf2 .p1 {
  width: 80%;
  font-size: 22px;
  line-height: 30px;
}
.xz_kf2 .container {
  padding-top: 40px;
  padding-bottom: 45px;
}
.xz_kf2 .rq .rq1 {
  width: 50%;
  margin-bottom: 10px;
}
.xz_kf2 .rq {
  padding-top: 50px;
}
.xz_kf4 .rq .rig {
  padding-left: 5px;
}
.xz_kf4 .rq .lef .p2 {
  font-size: 18px;
}
.xz_kf4 .rq .lef .p3 {
  font-size: 14px;
}
.xz_kf4 .rq1 {
  padding-top: 18px;
}
.xz_kf4 .rq1 button {
  height: 45px;
  font-size: 14px;
}
.xz_kf4 .container {
  padding-top: 36px;
  padding-bottom: 46px;
}
.prodate_cont9 button,
.prodate_cont9 select,
.prodate_cont9 input {
  height: 45px;
}
.prodate_cont9 button {
  font-size: 14px;
  margin-top: 5px;
}
.xz_kf3 .p1 {
  margin-top: 45px;
  margin-bottom: 23px;
}

}




/* 联系我们 */
.xz_con1{
  width: 100%;
  background: rgb(243,244,249);
  display: flex;
}
.xz_con1 .lef{
  width: 50%;
  float: left;
}
.xz_con1 .lef img{
  width: 100%;
  vertical-align: middle;
}
.xz_con1 .rig{
  width: 50%;
  float: left;
  padding-top: 150px;
  padding-left: 180px;
}
.xz_cobt{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
}
.xz_cobt span{
  display: block;
  font-size: 26px;
  color: #1f524e;
  font-family: "light";
  text-transform: uppercase;
}
.xz_con1 .rig .rq{
  padding-top: 35px;
  width: 64%;
}
.xz_con1 .rig .rq1{
  width: 100%;
  padding: 40px 0;
  border-bottom: 1px solid rgb(214,214,214);
}
.xz_con1 .rig .rq1:nth-child(2){
  border-bottom:none
}
.xz_con1 .rig .rq1 .p3{
  font-size: 22px;
  color: #1f524e;
  padding-left: 32px;
  position: relative;
  margin-bottom: 12px;
}
.xz_con1 .rig .rq1 .p3::before{
  width: 20px;
  height: 26px;
  content: '';
  background-image: url(../images/xz26.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.xz_con1 .rig .rq1 .p4{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  text-transform: uppercase;
  line-height: 30px;
}

/* content2 */
.xz_con4,
.xz_con2,
.xz_con3{
  width: 100%;
  position: relative;
}
.xz_con4 .bj,
.xz_con2 .bj,
.xz_con3 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_con2 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 100px;
}
.xz_con2 .p1{
  font-size: 20px;
  color: #444444;
  margin-top: 50px;
}
.xz_con2 .rq{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}
.xz_con2 .rq select{
  width: 43%;
  border: 1px solid rgb(214,214,214);
  height: 52px;
  color: #666666;
  font-size: 18px;
  font-family: "light";
  background: url(../images/img198.png) #fff;
    background-position-x: 95%;
    background-position-y: center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 15px;
}
.xz_con2 .rq button{
  width: 12%;
  height: 52px;
  font-size: 16px;
  color: #ffffff;
  background: rgb(31,82,78);
}
.xz_con2 .rq .district1{
  display: none;
}
.xz_con2 .rq2{
  width: 100%;
  padding-top: 48px;
}
.xz_con2 .rq2 .lef{
  width: 31%;
  float: left;
  height: 400px;
  overflow-y: auto;
  padding-right: 20px;
}
.xz_con2 .rq2 .lef::-webkit-scrollbar {
  width: 3px;
  background-color: rgb(229,229,229);
  border-radius:50px;
}

.xz_con2 .rq2 .lef::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: rgb(31,82,78);
}
.xz_con2 .rq3{
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid rgb(204,204,204);
}
.xz_con2 .rq3:nth-child(1){
  padding-top: 0;
}
.xz_con2 .rq3 .p2{
  font-size: 20px;
  color: #333333;
  font-family: "light";
  padding-left: 25px;
  position: relative;
}
.xz_con2 .rq3 .p2::before{
  width: 20px;
  height: 26px;
  content: '';
  background-image: url(../images/xz26.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.xz_con2 .rq3 .p3{
  padding-left: 25px;
  font-size: 16px;
  color: #666666;
  font-family: "light";
  line-height: 28px;
  margin-top: 10px;
}
.xz_con2 .rq3 .p3 span{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  line-height: 28px;
  display: block;
}
.xz_con2 .rq2 .rig{
  width: 67%;
  float: right;
}
.xz_con2 .rq2 .rig img{
  width: 100%;
  vertical-align: middle;
}


/* content3 */
.xz_con3 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 90px;
}
.xz_con3 .div1{
  width: 50%;
  height: 82%;
  background-image: url(../images/xz110.jpg);
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}
.xz_con3 .div2{
  background: rgb(31,82,77);
  width: 50%;
  height: 82%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.xz_con3 .xz_cobt span{
  display: inline-block;
}
.xz_con3 .rq{
  width: 100%;
}
.xz_con3 .lef{
  width: 47.5%;
  float: left;
  padding-top: 13px;
}
.xz_con3 .lef .p1{
  font-size: 26px;
  color: #fff;
  font-family: "light";
  padding-bottom: 30px;
}
.xz_con3 .lef input{
  width: 100%;
  font-size: 18px;
  color: #666666;
  font-family: "light";
  height: 48px;
  border: 1px solid rgb(221,221,221);
  background: #fff;
  padding-left: 15px;
  border-radius: 5px;
  margin-bottom: 12px;
}
.xz_con3 .lef button{
  font-size: 16px;
  color: rgb(31,82,76);
  width: 150px;
  height: 50px;
background: #fff;
  border-radius: 5px;
  margin-top: 18px;
  transition: all .5s;
}
/* .xz_con3 .lef button:hover{
  background: rgb(31,82,76);
  color: #ffffff;
} */

.xz_con3 .rig{
  float: right;
}

.xz_con3 .lef button{
  background: rgb(31,82,77);
  color: #fff;
}
.xz_con3 .rig button{
  color: rgb(31,82,76);
  background: #fff;
}

/* content4 */
.xz_con4 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 90px;
}
.xz_con4 a{
  display: block;
  padding: 30px 85px 30px 50px;
  background: rgba(43,81,76,0.8);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.xz_con4 a .xz_cobt,.xz_con4 a .xz_cobt span{
  color: #fff;
  opacity: 0.8;
}
.xz_con4 a .p1{
  font-size: 20px;
  color: #ffffff;
  margin-top: 30px;
  display: inline-block;
  position: relative;
  padding-right: 45px;
}
.xz_con4 a .p1::before{
  content: '';
  width: 36px;
  height: 36px;
  background-image: url(../images/xz108.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all .5s;
}
.xz_con4 a:hover .p1::before{
  background-image: url(../images/xz109.png);
}

/* 联系我们 分辨率*/
@media(max-width:1680px){
  .xz_con1 .rig {
    padding-top: 110px;
    padding-left: 155px;
}
.xz_cobt {
  font-size: 40px;
}
.xz_cobt span {
  font-size: 22px;
}
.xz_con1 .rig .rq1 .p3 {
  font-size: 20px;
  padding-left: 30px;
}
.xz_con1 .rig .rq1 .p3::before {
  width: 17px;
  height: 22px;
}
.xz_con1 .rig .rq {
  padding-top: 5px;
}
.xz_con2 .p1 {
  font-size: 18px;
  margin-top: 30px;
}
.xz_con2 .rq2 {
  padding-top: 24px;
}
.xz_con2 .container {
  padding-top: 54px;
}
.xz_con3 .container {
  padding-top: 30px;
}
.xz_con3 .lef .p1 {
  font-size: 22px;
  padding-bottom: 14px;
}
.xz_con3 .lef input {
  font-size: 16px;
  height: 42px;
}
.xz_con3 .div2,.xz_con3 .div1{
  height: 89%;
}

}
@media(max-width:1459px){
  .xz_con1 .rig {
    padding-top: 40px;
    padding-left: 115px;
}
.xz_cobt {
  font-size: 30px;
}
.xz_cobt span {
  font-size: 18px;
}
.xz_con1 .rig .rq1 .p4 {
  font-size: 14px;
  line-height: 27px;
}
.xz_con2 .p1 {
  font-size: 16px;
  margin-top: 24px;
}
.xz_con2 .rq2 .lef {
  height: 337px;
}
.xz_con2 .rq3 .p2 {
  font-size: 18px;
  padding-left: 25px;
}
.xz_con2 .rq3 .p3 {
  padding-left: 25px;
  font-size: 14px;
  line-height: 25px;
  margin-top: 3px;
}
.xz_con2 .rq3 {
  padding: 20px 0;
}
.xz_con3 .lef .p1 {
  font-size: 20px;
  padding-bottom: 8px;
}
.xz_con3 .lef button {
  font-size: 14px;
  width: 120px;
  height: 38px;
  margin-top: 5px;
}
.xz_con3 .lef input {
  font-size: 14px;
  height: 40px;
  margin-bottom: 10px;
}
.xz_con4 a .p1 {
  font-size: 16px;
  padding-right: 40px;
}
.xz_con4 a .p1::before {
  width: 28px;
  height: 28px;
}
.xz_con4 a {
  padding: 15px 50px 20px 30px;
}

}
@media(max-width:1259px){
  .xz_con1 .rig {
    padding-top: 30px;
    padding-left: 45px;
}
.xz_con1 .rig .rq1 {
  padding: 30px 0;
}
.xz_con2 .container {
  padding-top: 33px;
}
.xz_con2 .rq select {
  height: 43px;
  font-size: 14px;
}
.xz_con2 .rq button {
  height: 43px;
  font-size: 14px;
}
.xz_con2 .rq2 {
  padding-top: 14px;
}
.xz_con3 .lef {
  padding-top: 0px;
}
.xz_con3 .lef .p1 {
  font-size: 18px;
  padding-bottom: 8px;
}


}
@media(max-width:1024px){
  .xz_cobt {
    font-size: 25px;
}
.xz_cobt span {
  font-size: 14px;
}
.xz_con1 .rig .rq1 {
  padding: 10px 0;
}
.xz_con1 .rig .rq1 .p3 {
  font-size: 18px;
}
.xz_con1 .rig {
  padding-top: 20px;
  padding-left: 30px;
}
.xz_con2 .p1 {
  font-size: 16px;
  margin-top: 8px;
}
.xz_con3 .lef input {
  font-size: 14px;
  height: 36px;
  margin-bottom: 4px;
}
.xz_con3 .lef button {
  font-size: 14px;
  width: 100px;
  height: 30px;
  margin-top: 0px;
}

.xz_con3 .div2, .xz_con3 .div1 {
  height: 86%;
}
}
@media(max-width:991px){
  .xz_con1{
    flex-wrap: wrap;
  }
  .xz_con1 .lef{
    height: 500px;
  }
  .xz_con2 .container,
  .xz_con3 .container{
    position: static;
    transform: translateX(0);
    padding-bottom: 50px;
  }
  .xz_con3{
    background-image: url(../images/xz28.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .xz_con3 .lef button {
    font-size: 14px;
    width: 100px;
    height: 30px;
    margin-top: 5px;
}
.about2_con6 .proj_fbt {
  padding-bottom: 20px;
}
.xz_con1 .lef{
  width: 100%;
}
.xz_con1 .rig{
  width: 100%;
}
.xz_con2 .rq2 .lef{
  width: 100%;
  height: 285px;
  margin-bottom: 30px;
}
.xz_con2 .rq2 .rig{
  width: 100%;
}
.xz_con3 .lef{
  width: 100%;
  margin-bottom: 20px;
}
.xz_con3 .div2, .xz_con3 .div1 {
  display: none;
}
.xz_con3 .lef .p1{
  color: #1f524e;
}

}
@media(max-width:768px){
  .xz_con4 .container{
    width: 95%;
  }
}
@media(max-width:500px){
  .xz_cobt {
    font-size: 22px;
}
.xz_con1 .rig {
  padding-top: 20px;
  padding-left: 15px;
  padding-bottom: 20px;
}
.xz_con1 .rig .rq {
  width: 95%;
}
.xz_con1 .rig .rq1 .p3 {
  font-size: 16px;
}
.xz_con2 .rq button {
  width: 20%;
}
.xz_con2 .rq select{
  width: 39%;
}
.xz_con2 .rq2 .lef {
  height: 337px;
}
.xz_con3 .lef input {
  height: 40px;
}
.xz_con4 a .p1 {
  font-size: 14px;
  padding-right: 34px;
  margin-top: 15px;
}
.xz_con4 a .p1::before {
  width: 25px;
  height: 25px;
}

}


/* 客户实景赏析详情 */
.xz_cli_date{
  padding-bottom: 140px;
}
.xz_cli_date .lef .p1{
  color: #1f524e;
  font-family: none;
}
.xz_cli_date .rig .p5{
  font-family: none;
  color: #333333;
}
.xz_cli_date .rig .p5::before{
  width: 4px;
  height: 28px;
  background: rgb(31,82,76);
  top: 5px;
}
.xz_cli_date .fx {
  padding-bottom: 35px;
  border-bottom: none;
}
.xz_cli_date .div{
  width: 100%;
  padding-bottom: 65px;
}
.xz_cli_date .div img{
  width: 100%;
  vertical-align: middle;
}
.xz_cli_date .gallery-thumbs{
  margin-top: 20px;
  position: relative;
}
.xz_cli_date .gallery-thumbs::before{
  content: '';
  width: 30px;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.xz_cli_date .gallery-thumbs::after{
  content: '';
  width: 30px;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.xz_cli_date .gallery-thumbs .swiper-slide{
  position: relative;
}
.xz_cli_date .gallery-thumbs .swiper-slide::before{
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .5s;
}

.xz_cli_date .gallery-thumbs .swiper-slide-thumb-active::before{
  background: rgba(255,255,255,0);
}

.xz_cli_date .gallery-thumbs .swiper-button-next,
.xz_cli_date .gallery-thumbs .swiper-button-prev{
  width: 10px;
  height: 18px;
  content: '';
  background-image: url(../images/xz30.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 60%;
  z-index: 12;
}
.xz_cli_date .gallery-thumbs .swiper-button-next{
  transform: rotate(180deg);
}
.xz_cli_date .p{
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}
.xz_cli_date .xqfy{
  margin-top: 65px;
}
.xz_cli_date .lef{
  width: 66%;
  padding: 0;
}
.xz_cli_date .rig{
  width: 32%;
  top: 0;
}
.xz_cli_date .rig .div1{
  width: 100%;
  background: #fff;
  margin-top: 75px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 60px;
}
.xz_cli_date .rig .div2{
  width: 100%;
  height: 410px;
  overflow-y: auto;
  padding: 0 27px;
}
.xz_cli_date .rig .div2::-webkit-scrollbar {
  width: 3px;
  background-color: rgb(229,229,229);
  border-radius:50px;
}

.xz_cli_date .rig .div2::-webkit-scrollbar-thumb {
  border-radius: 50px;
 background-color: rgb(31,82,78)
}

.xz_cli_date .rig .div3{
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid rgb(229,229,229);
}
.xz_cli_date .rig .div3 .p1{
  font-size: 18px;
  color: #333333;
  position: relative;
  padding-left: 43px;
  margin-bottom: 22px;
  transition: all .5s;
}
.xz_cli_date .rig .div3:hover .p1{
  padding-left: 63px;
}
.xz_cli_date .rig .div3 .p1::before{
  content: '';
  width: 35px;
  height: 35px;
  background-image: url(../images/xz31.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.xz_cli_date .rig .div3 .p2{
  font-size: 14px;
  color: #777777;
  display: inline-block;
  margin-right: 20px;
}
.xz_cli_date .rig .div3 .p2 img{
  width: 16px;
  margin-bottom: -2px;
}
.xz_cli_date .rig .div3 .p4{
  font-size: 14px;
  color: #999999;
  padding-right: 15px;
}
.xz_cli_date .rig .div4{
  width: 100%;
  background: #fff;
  margin-top: 75px;
  padding: 30px 27px;
}
.xz_cli_date .rig .div4 .p5{
  margin-bottom: 20px;
}
.xz_cli_date .rig .div4 input{
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #999;
}
.xz_cli_date .rig .div4 button{
  display: inline-block;
  width: 100px;
  height: 35px;
  background: rgb(243,244,249);
  font-size: 14px;
  color: #333333;
  margin-top: 10px;
  transition: all .5s;
}
.xz_cli_date .rig .div4 button:hover{
  background: rgb(31,82,76);
  color: #fff;
}


/* 客户实景赏析详情  分辨率 */
@media(max-width:1459px){
  .actdate_con1 {
    padding-top: 60px;
}
.xz_cli_date {
  padding-bottom: 90px;
}
.xz_cli_date .rig .div1 {
  margin-top: 80px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 60px;
}

}
@media(max-width:1259px){
  .xz_cli_date .rig .div1 {
    margin-top: 75px;
}
}
@media(max-width:991px){
  .xz_cli_date .lef{
    width: 100%;
  }
}
@media(max-width:500px){
  .actdate_con1 {
    padding-top: 30px;
}
.xz_cli_date .div {
  width: 100%;
  padding-bottom: 24px;
}
.xz_cli_date .xqfy {
  margin-top: 40px;
}
.xz_cli_date {
  padding-bottom: 55px;
}
.xz_cli_date .p {
  font-size: 14px;
  line-height: 28px;
}
.xz_cli_date .gallery-thumbs {
  margin-top: 10px;
}
.xz_cli_date .gallery-thumbs .swiper-button-next, .xz_cli_date .gallery-thumbs .swiper-button-prev {
  top: 67%;
}
}



/* 人才招聘 */
/* join_cont3 */
.xz_jioban .container {
  top: 55%;
}
.join_cont3{
  width: 100%;
  padding-bottom: 100px;
}
.join_cont3 .p{
  font-size: 30px;
  color: #333333;
  font-family: "regular";
  padding-top: 75px;
  padding-bottom: 30px;
}
.join_cont3 .rq{
  width: 100%;
}
.join_cont3 .rq1{
  width: 100%;
  height:auto;
  /* overflow: hidden; */
  border: 1px solid rgb(222,222,222);
  padding: 0 80px;
  margin-bottom: 20px;
}
.join_cont3 .rq1 .top{
  width: 100%;
  height: 110px;
  line-height: 110px;
  background-image: url(../images/xz34.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 42px;
}
.join_cont3 .top .p1{
  font-size: 24px;
  color: #333;
  font-family: "regular";
  float: left;
}
.join_cont3 .rq1:hover .p1{
  color: #333333;
}
.join_cont3 .top .p2{
  font-size: 18px;
  color: #666;
  font-family: "regular";
  /* text-align: center; */
  padding-left: 40%;
}

.join_cont3 .bot{
  padding-bottom: 65px;
  display: none;
}
.join_cont3 .bot .p3{
  font-size: 16px;
  color: #777;
  font-family: "regular";
  line-height: 35px;
}
.join_cont3 .bot a{
  display: inline-block;
  /* width: 90px; */
  padding: 0 15px;
  height: 45px;
  border-radius: 3px;
  background: rgb(31,82,78);
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-family: "regular";
  color: #fff;
  margin-top: 49px;
  margin-right: 10px;
}
.join_cont3 .bot .on{
  width: 150px;
}


.join2_con3{
  width: 100%;
  background: rgb(243,246,249);
  padding-top: 80px;
  padding-bottom: 120px;
}

.join2_con3 .p1{
  font-size: 30px;
  color: #333;
  font-family: "normal";
  margin-bottom: 20px;
}
.join2_con3 .p2{
  font-size: 20px;
  color: #1f524e;
  font-family: "normal";
  margin-bottom: 10px;
}
.join2_con3 .p3{
  font-size: 16px;
  color: #666666;
  font-family: "normal";
  width: 94%;
  line-height: 30px;
}
.join2_con3 .rq{
  width: 100%;
  margin-top: 35px;
  margin-bottom: 50px;
}
.join2_con3 .rq1{
  width: 23.5%;
  height: 350px;
  float: left;
  margin-right: 2%;
  border: 2px solid rgb(31,82,78);
  padding: 30px;
  padding-top: 40px;
  transition: all .5s;
}
.join2_con3 .rq1:nth-child(4){
  margin-right: 0;
}
.join2_con3 .rq1 div{
  width: 56px;
  height: 58px;
}
.join2_con3 .rq1:nth-child(1) div{
  background-image: url(../images/xz39.png);
  background-position: center;
  background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(2) div{
  background-image: url(../images/xz36.png);
  background-position: center;
  background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(3) div{
  background-image: url(../images/xz37.png);
  background-position: center;
  background-repeat: no-repeat;
}
.join2_con3 .rq1:nth-child(4) div{
  background-image: url(../images/xz38.png);
  background-position: center;
  background-repeat: no-repeat;
}
.join2_con3 .p4{
  font-size: 22px;
  color: #333333;
  font-family: "normal";
  margin: 20px 0;
}
.join2_con3 .p5{
  font-size: 16px;
  color: #666666;
  font-family: "normal";
}

.join2_con3 .rq1:hover{
  background: rgb(31,82,78);
}
.join2_con3 .rq1:hover p{
  color: #fff;
}
.join2_con3 .rq1:nth-child(1):hover div{
  background-image: url(../images/xz43.png);
}
.join2_con3 .rq1:nth-child(2):hover div{
  background-image: url(../images/xz40.png);
}
.join2_con3 .rq1:nth-child(3):hover div{
  background-image: url(../images/xz41.png);
}
.join2_con3 .rq1:nth-child(4):hover div{
  background-image: url(../images/xz42.png);
}

.join2_con3 .rq2{
  width: 100%;
  padding: 40px 30px;
  background: #fff;
  border: 1px solid rgb(204,204,204);
  margin-bottom: 50px;
}


.join2_con3 .fztp{
  width: auto;
  margin: 0 auto;
}
.join2_con3 .fztp img{
  display: block;
  margin: 0 auto;    
}
.join2_con3 .fztp p{
  color: #666666;
  font-size: 16px;
  text-align: center;
}


/* 人才招聘 分辨率 */
@media (max-width: 1459px){
  .join_cont3 .top .p1 {
    font-size: 20px;
  }
  .join_cont3 .top .p2 {
    font-size: 16px;
  }
}
@media (max-width: 991px){
  .join2_con3 .rq1{
    width: 49%;
  }
  .join2_con3 .rq1:nth-child(2n){
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px){
  .join_cont3 .top .p1{
    font-size: 18px;
  }
  .join_cont3 .top .p2,
  .join_cont3 .bot .p3{
    font-size: 14px;
  }
  .join_cont3 .bot .on {
    width: 100px;
  }
  .join_cont3 .bot a {
    /* width: 69px; */
    width: auto;
  }
  .join_cont3 .rq1 {
    padding: 0 20px;
  }
  
}
@media (max-width: 570px){
  .join2_con3 .rq1{
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  .join2_con3 .p1{
    font-size: 21px;
  }
  .join2_con3 {
    width: 100%;
    padding-top: 37px;
    padding-bottom: 43px;
  }
  .join2_con3 .p2,
  .join2_con3 .p5{
    font-size: 15px;
  }
  .join2_con3 .rq1{
    height: auto;
  }
  .join2_con3 .p3 {
    font-size: 13px;
  }
}
@media (max-width: 414px){
  .join_cont3{
    padding: 40px 0;
  }
  .join_cont3 .rq1 .top {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-size: 30px;
  }
  .join_cont3 .top .p1 {
    font-size: 15px;
  }
  .join_cont3 .top .p2{
    padding-left: 45%;
  }
  .join2_con3 .rq1{
    padding-top: 10px;
  }
  .join2_con3 .rq2,.join2_con3 .rq{
    margin-bottom: 15px;
  }
  .join2_con3 .wrap{
    padding-bottom: 30px;
  }
  .join_cont3 .p{
    padding-top: 0;font-size: 22px;
  }
  .join2_con3 .p3 {
    font-size: 14px;
}
.join2_con3 .p2, .join2_con3 .p5 {
  font-size: 16px;
}
.join2_con3 .rq2 {
  padding: 15px 15px;
}
}








/* 设计师介绍 */

.xz_banner .xz_sjcon{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.xz_banner .xz_sjcon .lef{
  float: left;
  width: 60.5%;
  padding-top: 65px;
}
.xz_banner .xz_sjcon .p1{
  font-size: 36px;
  color: #ffffff;
}
.xz_banner .xz_sjcon .p2{
  font-size: 16px;
  color: #ffffff;
}
.xz_banner .xz_sjcon .xian{
  width: 80%;
  height: 1px;
  background: rgb(123,154,151);
  margin-top: 40px;
  margin-bottom: 38px;
}
.xz_banner .xz_sjcon .p3{
  font-size: 14px;
  color: #ffffff;
  width: 45%;
}
.xz_banner .xz_sjcon .rig{
  float: left;
  width: 39.5%;
}
.xz_banner .xz_sjcon .rig img{
  width: 100%;
}

/* content1 */
.xz_sj1{
  width: 100%;
}
.xz_sj2{
  width: 100%;
  border-bottom: 1px solid rgb(229,229,229);
  line-height: 60px;
}
.xz_sj2 a{
  font-size: 18px;
  color: #444444;
}
.xz_sj1 .rq{
  width: 100%;
  padding-top: 90px;
  padding-bottom: 135px;
}
.xz_sj1 .rq .rq1{
  width: 26.666666%;
  margin-right: 10%;
  float: left;
}
.xz_sj1 .rq .rq1:nth-child(3){
  margin-right: 0;
}
.xz_sj1 .rq .rq1 .p1{
  font-size: 22px;
  color: #333333;
  padding-bottom: 13px;
  position: relative;
  margin-bottom: 23px;
}
.xz_sj1 .rq .rq1 .p1::before{
  width: 157px;
  height: 1px;
  content: '';
  background: rgb(204,204,204);
  position: absolute;
  bottom: 0;
  left: 0;
}
.xz_sj1 .rq .rq1 .p2{
  font-size: 14px;
  color: #777777;
  line-height: 25px;
}

/* 设计师介绍分辨率 */
@media (max-width: 1459px){
  .xz_banner .xz_sjcon .p1 {
    font-size: 30px;
}
.xz_banner .xz_sjcon .p3 {
  font-size: 14px;
  width: 59%;
}
.xz_sj1 .rq .rq1 {
  width: 30.666666%;
  margin-right: 4%;
}
.xz_sj1 .rq {
  padding-top: 60px;
  padding-bottom: 80px;
}
}
@media (max-width: 768px){
  .xz_sjcon{
    padding: 0 15px;
  }
  .xz_sj1 .rq .rq1{
    width: 49%;
    margin-right: 2%;
  }
  .xz_sj1 .rq .rq1:nth-child(2){
    margin-right: 0;
  }

}
@media (max-width: 414px){
  .xz_sj1 .rq .rq1{
    width: 100%;
    margin-right: 0%;
  }
  .xz_sj2 a {
    font-size: 16px;
}
.xz_sj2 {
  line-height: 45px;
}
.xz_sj1 .rq {
  padding-top: 35px;
  padding-bottom: 50px;
}
.xz_sj1 .rq .rq1 .p1 {
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.xz_sj1 .rq .rq1{
  margin-bottom: 20px;
}


}





/* 私享定制 */

.xz_vlog1{
  width: 100%;
  position: relative;
}
.xz_vlog1 .bj{
  width: 100%;
}
.xz_vlog1 .rq{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 120px;
  padding-left: 12.5%;
}
.xz_vlog1 .rq1{
  width: 100%;
  position: relative;
}
.xz_vlog1 .rq1 .lef{
  width: 26%;
  float: left;
}
.xz_vlog1 .rq1 .lef .div{
  width: 100%;
  padding-top: 50px;
  padding-right: 15px;
}
.xz_vlog1 .rq1 .lef .div .div1{
  font-size: 16px;
  color: #333;
  line-height: 28px;
  display: none;
  transform: translateY(-50px);
  transition: all .5s;
}
.xz_vlog1 .rq1 .lef .div .div1.on{
  display: block;
  transform: translateY(0px);
}
.xz_vlog1 .rq1 .rig{
  width: 74%;
  float: left;
}
.xz_vlog1 .rq1 .rig .swiper-slide img{
  width: 100%;
  filter: opacity(50%);
}
.xz_vlog1 .rq1 .rig .swiper-slide-active img{
  filter: opacity(100%);
}
.xz_vlog1 .rq1 .rig .swiper-slide p{
  font-size: 18px;
  color: #1f524e;
  line-height: 77px;
  padding-left: 10px;
  opacity: 0;
  transition: all .5s;
}
.xz_vlog1 .rq1 .rig .swiper-slide-active p{
  opacity: 1;
}
.xz_vlog1 .rq1 .rig .swiper-slide{
  position: relative;
}
.xz_vlog1 .rq1 .rig .swiper-slide::before{
  content: '';
  width: 100%;
  height: 1px;
  background: rgb(204,204,204);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
}
.xz_vlog1 .rq1 .rig .swiper-slide::after{
  content: '';
  width: 0;
  height: 1px;
  background: rgb(31,82,78);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  transition: all .5s;
}
.xz_vlog1 .rq1 .rig .swiper-slide-active::after,
.xz_vlog1 .rq1 .rig .swiper-slide-active::before{
  opacity: 1;
}
.xz_vlog1 .rq1 .rig .swiper-slide-active::after{
  animation: jdt 5s linear both;
}
@keyframes jdt{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.xz_vlog1 .rq1 .swiper-button-prev,
.xz_vlog1 .rq1 .swiper-button-next{
  width: 55px;
  height: 54px;
  background-image: url(../images/xz47.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 80%;
  transition: all .5s;
}
.xz_vlog1 .rq1 .swiper-button-prev:hover,
.xz_vlog1 .rq1 .swiper-button-next:hover{
  background-image: url(../images/xz46.png);
}
.xz_vlog1 .rq1 .swiper-button-next{
  right: 90%;
  transform: rotate(180deg);
}


.xz_vlog1 .rq1 .rig .swiper-slide .top{
  width: 100%;
  position: relative;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(31,81,76,0.6);
  opacity: 0;
  transition: all 1s;
}
.xz_vlog1 .rq1 .rig .swiper-slide:hover .top .rrq{
  opacity: 1;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq .rrq2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq .rrq2 img {
  width: 136px;
  display: block;
  margin: 0 auto;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq .rrq2 button {
  width: 180px;
  height: 35px;
  border-radius: 35px;
  font-size: 16px;
  color: #1f524e;
  background: #fff;
  font-family: "medium";
  margin-top: 25px;
}





/* content2 */
.xz_vlog2{
  width: 100%;
  position: relative;
}
.xz_vlog2 .bj{
  width: 100%;
}
.xz_vlog2 .container{
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-top: 95px;
}
.xz_vlog2 .rq{
  width: 100%;
  padding-top: 65px;
}
.xz_vlog2 .rq1{
  width: 28%;
  margin-right: 8%;
  float: left;
}
.xz_vlog2 .rq1:nth-child(3n){
  margin-right: 0;
}
.xz_vlog2 .rq1 .top{
  width: 100%;
  overflow: hidden;
}
.xz_vlog2 .rq1 .top img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.xz_vlog2 .rq1:hover .top img{
  transform: scale(1.07);
}
.xz_vlog2 .rq1 .bot{
  width: 100%;
  padding: 25px 32px;
  background: rgb(243,244,249);
  position: relative;
  transition: all .5s;
}
.xz_vlog2 .rq1:hover .bot{
  background: rgb(31,82,78);
}
.xz_vlog2 .rq1 .bot .p{
  font-size: 14px;
  color: #999999;
  position: absolute;
  top: 35px;
  right: 32px;
  transition: all .5s;
}
.xz_vlog2 .rq1 .bot .p1{
  font-size: 24px;
  color: #333333;
  transition: all .5s;
}
.xz_vlog2 .rq1 .bot .p2{
  font-size: 14px;
  color: #777777;
  margin-top: 15px;
  margin-bottom: 30px;
  transition: all .5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}
.xz_vlog2 .rq1:hover p{
  color: #fff !important;
}
.xz_vlog2 .rq1:hover .p{
  opacity: 0.6;
}
.xz_vlog2 .rq1 .bot .div{
  width: 100%;
}
.xz_vlog2 .rq1 .bot .div a{
  display: inline-block;
  font-size: 14px;
  color: #1f524e;
  width: 110px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: 1px solid rgb(220,220,222);
  margin-right: 10px;
  transition: all .5s;
}
.xz_vlog2 .rq1 .bot .div a:nth-child(1){
  /* border: none;
  background: rgb(31,82,78); */
  /* color: #fff; */
}
.xz_vlog2 .rq1:hover .bot .div a{
  color: #fff;
}
.xz_vlog2 .rq1 .bot .div a:hover{
  color: #1f524e;
  background: #fff;
}


/* 私享定制 分辨率 */
@media (max-width: 1680px){
  .xz_vlog1 .rq {
    padding-top: 110px;
    padding-left: 7.5%;
}
.xz_vlog2 .container {
  padding-top: 17px;
}

}
@media (max-width: 1459px){
  .xz_vlog1 .rq {
    padding-top: 110px;
    padding-left: 7.5%;
}
.xz_vlog1 .rq1 .swiper-button-prev, .xz_vlog1 .rq1 .swiper-button-next {
  width: 45px;
  height: 44px;
}
.xz_vlog1 .rq1 .rig .swiper-slide p {
  font-size: 16px;
  line-height: 65px;
  padding-left: 10px;
}
.xz_vlog2 .rq {
  padding-top: 0px;
}
.xz_vlog2 .rq1 .bot .p1 {
  font-size: 20px;
}
.xz_vlog2 .rq1 .bot .p2 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.xz_vlog2 .rq1 .bot .p {
  font-size: 14px;
  top: 28px;
  right: 32px;
}


}
@media (max-width: 1366px){
  .xz_vlog1 .rq {
    padding-top: 105px;
    padding-left: 4.5%;
}
.xz_vlog1 .rq1 .lef .div {
  padding-top: 0px;
}
}
@media (max-width: 1259px){
  .xz_vlog1 .rq1 .rig {
    width: 68%;
    float: right;
}
.xz_vlog2 .rq1 .bot {
  padding: 15px 13px;
}
.xz_vlog2 .rq1 .bot .p {
  top: 13px;
}
.xz_vlog2 .rq1 .bot .div a {
  font-size: 12px;
  width: 85px;
  height: 30px;
  line-height: 28px;
  margin-right: 3px;
}
.xz_vlog2 .rq1 .bot .p2 {
  font-size: 12px;
}
.xz_vlog2 .rq1 .bot .p1 {
  font-size: 17px;
}

}
@media (max-width: 1024px){
  .about2_con6 .proj_fbt {
    padding-bottom: 20px;
}
.xz_vlog1 .rq1 .swiper-button-prev, .xz_vlog1 .rq1 .swiper-button-next {
  width: 37px;
  height: 36px;
}
}
@media (max-width: 991px){
  .xz_vlog1 .rq {
    padding-top: 65px;
    padding-left: 4.5%;
}
  .xz_vlog2 .container,
  .xz_vlog1 .rq{
    position: static;
    transform: translateX(0);
    padding-bottom: 50px;
  }
  .xz_vlog1{
    background-image: url(../images/xz_banner4.jpg);
    background-size: cover;
  }
  .xz_vlog1 .rq1 .swiper-button-next {
    right: 87%;
}
.xz_vlog1 .rq1 .lef .div .div1 {
  font-size: 14px;
  line-height: 25px;
}
}
@media (max-width: 768px){
  .xz_vlog1 .rq {
    padding-top: 46px;
    padding-left: 15px;
}
.xz_vlog1 .rq1 .swiper-button-next {
  right: 85%;
}
.xz_vlog2 .rq1 {
  width: 32%;
  margin-right: 2%;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq .rrq2 img {
  width: 75px;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq .rrq2 button {
  width: 110px;
  height: 26px;
  border-radius: 26px;
  font-size: 12px;
  margin-top: 15px;
}

}
@media (max-width: 600px){
  .xz_vlog1 .rq1 .rig .swiper-slide p {
    font-size: 14px;
    line-height: 38px;
    padding-left: 5px;
}
.xz_vlog1 .rq1 .swiper-button-next {
  right: 75%;
}
.xz_vlog2 .rq1{
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.about2_con6 .proj_fbt {
  padding-bottom: 10px;
}
.xz_vlog1 .rq1 .lef .div{
  padding-right: 0;
}
.xz_vlog1 .rq1 .lef .div .div1.on{
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.xz_vlog1 .rq1 .swiper-button-prev, .xz_vlog1 .rq1 .swiper-button-next {
  top: 100%;
}
.xz_vlog1 .rq1 .rig .swiper-slide .top .rrq{
  display: none;
}
}


/* 客户服务 */
.xz_ser .container p{
  color: #1f524e;
}
/* content1 */
.xz_ser1{
  width: 100%;
  position: relative;
}
.xz_ser1 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_ser1 .rq{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 170px;
  padding-left: 12.5%;
}
.xz_ser1 .rq .lef{
  width: 46%;
  float: left;
    padding-top: 135px;
}
.xz_ser1 .rq .rig{
  width: 54%;
  float: right;
}
.xz_ser1 .rq .rig img{
  width: 100%;
}
.ser_bt{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
}
.xz_ser1 .ser_bt{
  padding-bottom: 30px;
  position: relative;
}
.xz_ser1 .ser_bt::before{
  width: 50px;
  height: 2px;
  content: '';
  background: #1f524e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.xz_ser1 .p1{
  font-size: 20px;
  color: #666666;
  font-family: "light";
  width: 71%;
  margin-top: 40px;
  line-height: 35px;
}
.xz_ser1 .p1 span{
  font-size: 24px;
  color: #1f524e;
}



/* content2 */
.xz_ser2{
  width: 100%;
  position: relative;
}
.xz_ser2 img{
  width: 100%;
  vertical-align: middle;
}
.xz_ser2 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 145px;
}
.xz_ser2 .ser_bt{
  text-align: center;
}
.xz_ser2 .rq{
  padding-top: 115px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.xz_ser2 .rq .rq1{
  width: 500px;
  height: 195px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  display:table;
  padding-left: 155px;
  position: relative;
  transition: all .5s;
}
.xz_ser2 .rq .rq1 .div{ 
  vertical-align:middle;   
  display:table-cell;   
}
.xz_ser2 .rq .rq1 .div p{
  font-size: 22px;
  color: #666666;
  font-family: "light";
  width: 75%;
  transition: all .5s;
}
.xz_ser2 .rq .rq1:nth-child(2n){
  margin-right: 0;
}
.xz_ser2 .rq .rq1:nth-child(1),
.xz_ser2 .rq .rq1:nth-child(4){
  border-radius: 20px 0 20px 0;
}
.xz_ser2 .rq .rq1:nth-child(2),
.xz_ser2 .rq .rq1:nth-child(3){
  border-radius: 0 20px 0 20px;
}
.xz_ser2 .rq .rq1:hover{
  background: rgb(51,97,94);
}
.xz_ser2 .rq .rq1:hover .div p{
  color: #fff;
}
.xz_ser2 .rq .rq1::before{
  content: '';
  width: 75px;
  height: 75px;
  background-image: url(../images/xz53.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  transition: all .5s;
}
.xz_ser2 .rq .rq1:nth-child(1):hover::before{
  background-image: url(../images/xz54.png);
}
.xz_ser2 .rq .rq1:nth-child(2)::before{
  background-image: url(../images/xz55.png);
}
.xz_ser2 .rq .rq1:nth-child(2):hover::before{
  background-image: url(../images/xz56.png);
}
.xz_ser2 .rq .rq1:nth-child(3)::before{
  background-image: url(../images/xz57.png);
}
.xz_ser2 .rq .rq1:nth-child(3):hover::before{
  background-image: url(../images/xz58.png);
}
.xz_ser2 .rq .rq1:nth-child(4)::before{
  background-image: url(../images/xz59.png);
}
.xz_ser2 .rq .rq1:nth-child(4):hover::before{
  background-image: url(../images/xz60.png);
}

/* content3 */
.xz_ser3{
  width: 100%;
  position: relative;
}
.xz_ser3::before{
  width: 42%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(51,97,94);
}
.xz_ser3 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_ser3 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 110px;
}
.xz_ser3 .rq{
  width: 100%;
}
.xz_ser3 .rq .lef{
  width: 59%;
  float: left;
}
.xz_ser3 .rq .lef img{
  width: 100%;
}
.xz_ser3 .rq .rig{
  width: 41%;
  float: right;
  padding-left: 35px;
  padding-top: 25px;
}
.xz_ser3 .rq .rig .ser_bt{
  width: 65%;
  line-height: 60px;
}
.xz_ser3 .rq .rig .rq1{
  margin-top: 90px;
  width: 100%;
  padding-left: 105px;
  position: relative;
}
.xz_ser3 .rq .rig div .rq1::before{
  content: '';
  width: 80px;
  height: 80px;
  background-image: url(../images/xz62.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all .5s;
}
.xz_ser3 .rq .rig div .rq1:hover::before{
  top: 30%;
}
.xz_ser3 .rq .rig .rq1 .p1{
  font-size: 22px;
  color: #666666;
  font-family: "light";
  width: 68%;
}
.xz_ser3 .rq .rig div .rq1:nth-child(2)::before{
  background-image: url(../images/xz63.png);
}
.xz_ser3 .rq .rig div .rq1:nth-child(3)::before{
  background-image: url(../images/xz64.png);
}
.xz_ser3 .p2{
  font-size: 22px;
  color: #ffffff;
  font-family: "light";
  padding-top: 40px;
  padding-left: 25px;
}

/* content4 */
.xz_ser4{
  width: 100%;
  background: rgb(243,244,249);
  padding-top: 160px;
  padding-bottom: 185px;
}
.xz_ser4 .rq{
  padding-top: 90px;
  width: 100%;
}
.xz_ser4 .rq1{
  width: 19.6%;
  margin-right:0.5%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.xz_ser4 .rq1:nth-child(2n){
  flex-wrap: wrap-reverse;
}
.xz_ser4 .rq1:nth-child(5){
  margin-right: 0;
}
.xz_ser4 .rq1 .top{
  width: 100%;
  overflow: hidden;
}
.xz_ser4 .rq1 .top img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.xz_ser4 .rq1:hover .top img{
  transform: scale(1.07);
}
.xz_ser4 .rq1 .bot{
  height: 200px;
  background: rgb(31,82,78);
  padding: 0 40px;
  display: flex;
  align-items: center;
}
.xz_ser4 .rq1 .bot p{
  font-size: 20px;
  color: #ffffff;
  font-family: "light";
}


/* 客户服务 分辨率*/
@media(max-width:1680px){
  .xz_ser1 .rq{
    padding-left: 7.5%;
    padding-top: 130px;
}
.ser_bt {
  font-size: 40px;
}
.xz_ser1 .ser_bt {
  padding-bottom: 16px;
}
.xz_ser1 .ser_bt::before {
  width: 40px;
}
.xz_ser1 .p1 {
  font-size: 18px;
  width: 71%;
  margin-top: 40px;
  line-height: 30px;
}
.xz_ser1 .p1 span {
  font-size: 20px;
}
.xz_ser2 .rq {
  padding-top: 60px;
}
.xz_ser2 .container {
  padding-top: 100px;
}
.xz_ser3 .p2 {
  font-size: 20px;
  padding-top: 10px;
  padding-left: 25px;
}
.xz_ser3 .rq .rig .ser_bt {
  width: 53%;
  line-height: 50px;
}
.xz_ser3 .container {
  padding-top: 35px;
}
.xz_ser4 {
  padding-top: 100px;
}
.xz_ser4 .rq {
  padding-top: 70px;
}



}
@media(max-width:1459px){
  .xz_ser1 .rq {
    padding-left: 7.5%;
    padding-top: 110px;
}
.ser_bt {
  font-size: 35px;
}
.xz_ser1 .p1 {
  font-size: 16px;
  width: 71%;
  margin-top: 28px;
  line-height: 30px;
}
.xz_ser2 .rq .rq1 {
  width: 400px;
  height: 160px;
  padding-left: 128px;
}
.xz_ser2 .rq .rq1 .div p {
  font-size: 16px;
  width: 77%;
}
.xz_ser2 .rq .rq1::before {
  width: 65px;
  height: 65px;
}
.xz_ser3 .rq .rig .ser_bt {
  width: 56%;
  line-height: 45px;
}
.xz_ser3 .rq .rig div .rq1::before {
  width: 60px;
  height: 60px;
}
.xz_ser3 .rq .rig .rq1 .p1 {
  font-size: 18px;
  width: 68%;
}
.xz_ser3 .rq .rig .rq1 {
  margin-top: 75px;
  width: 100%;
  padding-left: 81px;
}
.xz_ser3 .p2 {
  font-size: 17px;
  padding-top: 10px;
  padding-left: 25px;
}
.xz_ser4 .rq1 .bot p {
  font-size: 16px;
}
.xz_ser4 .rq1 .bot {
  height: 152px;
  padding: 0 36px;
}

}
@media(max-width:1366px){
  .xz_ser3 .rq .lef {
    width: 50%
}
.xz_ser3 .rq .rig {
  width: 47%;
  padding-left: 35px;
  padding-top: 25px;
}
.xz_ser3 .rq .rig .rq1 {
  margin-top: 57px;
  padding-left: 81px;
}

}
@media(max-width:1259px){
  .xz_ser1 .rq .lef {
    width: 46%;
    padding-top: 80px;
}
.ser_bt {
  font-size: 32px;
}
.xz_ser1 .ser_bt::before {
  width: 30px;
}
.xz_ser2 .rq {
  padding-top: 20px;
}
.xz_ser2 .container {
  padding-top: 55px;
}
.xz_ser3 .rq .rig .ser_bt {
  width: 55%;
  line-height: 40px;
}
.xz_ser3 .rq .rig {
  padding-left: 0px;
  padding-top: 0px;
}
.xz_ser3 .rq .rig .rq1 {
  margin-top: 45px;
}
.xz_ser4 {
  padding-top: 70px;
}
.xz_ser4 .rq {
  padding-top: 50px;
}

}
@media(max-width:991px){
  .xz_ser1 .rq{
    position: static;
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .xz_ser1 .rq .lef {
    width: 46%;
    padding-top: 36px;
}
.xz_ser2 .container{
  position: static;
  transform: translateX(0);
  padding-bottom: 50px;
}
.xz_ser2{
  background-image: url(../images/xz52.jpg);
  background-size: cover;
  background-position: center;
}
.xz_ser2 .rq .rq1 {
  width: 48%;
  height: 130px;
  padding-left: 128px;
}
.xz_ser3 .container{
  position: static;
  transform: translateX(0);
  padding-bottom: 50px;
}
.xz_ser3 .rq .lef {
  width: 59%;
}
.xz_ser3 .rq .rig {
  width: 41%;
}
.xz_ser3 .rq .rig .rq1 .p1 {
  font-size: 16px;
  width: 100%;
}
.xz_ser3 .rq .rig .ser_bt {
  width: 76%;
  line-height: 40px;
}
.xz_ser3 .rq .rig div .rq1::before {
  width: 50px;
  height: 50px;
}
.xz_ser3 .rq .rig .rq1 {
  padding-left: 65px;
}
.xz_ser3 .p2 {
  font-size: 16px;
  padding-top: 10px;
  padding-left: 10px;
}
.xz_ser3::before {
  width: 50%;
}
.xz_ser4 {
  padding-top: 60px;
  padding-bottom: 100px;
}
.xz_ser4 .rq1{
  width: 33%;
  margin-bottom: 10px;
  margin-right: 0.5%;
}
.xz_ser4 .rq1:nth-child(3n){
  margin-right: 0;
}


}
@media(max-width:768px){
  .xz_ser1 .rq{
    padding-left: 15px;
  }
  .xz_ser1 .p1 {
    font-size: 14px;
    width: 90%;
    margin-top: 28px;
    line-height: 25px;
}
.ser_bt {
  font-size: 26px;
}
.xz_ser1 .rq .lef {
  width: 46%;
  padding-top: 18px;
}
.xz_ser3 .rq .lef,
.xz_ser3 .rq .rig {
  width: 100%;
}
.xz_ser3::before{
  content: none;
}
.xz_ser3 .p2{
  display: none;
}

}
@media(max-width:600px){
  .xz_ser1 .rq .lef,
  .xz_ser1 .rq .rig{
    width: 100%;
  }
  .xz_ser1 .rq{
    padding-top: 20px;
    padding-bottom: 54px;
  }
  .xz_ser1 .p1 span {
    font-size: 18px;
}
.xz_ser1 .rq .rig{
  margin-top: 20px;
}
.xz_ser2 .rq .rq1{
  width: 100%;
  margin-right: 0;
}
.xz_ser4 .rq1{
  width: 100%;
  margin-right: 0;
}
.xz_ser4 .rq1 .top,
.xz_ser4 .rq1 .bot{
  width: 50%;
}
.xz_ser4 .rq1 .bot{
  height: auto;
}
.ser_bt {
  font-size: 24px;
}
.xz_ser3 .rq .rig .ser_bt{
  width: 100%;
}

}
@media(max-width:414px){
  .xz_ser3 .rq .rig div .rq1::before {
    width: 40px;
    height: 40px;
}
.xz_ser3 .rq .rig .rq1 .p1 {
  font-size: 14px;
}
.xz_ser3 .rq .rig .rq1 {
  margin-top: 33px;
  padding-left: 54px;
}
.xz_ser4 {
  padding-top: 40px;
  padding-bottom: 50px;
}
.xz_ser4 .rq {
  padding-top: 30px;
}

}


/* 招商加盟 */
.xz_zs .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}
.xz_zs .rq{
  background: #fff;
  border-left: 6px solid rgba(31,79,75,0.9);
  padding: 50px 35px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.xz_zs .rq .p3{
  font-size: 70px;
  color: #1f524e;
  font-weight: bold;
  border-bottom: 1px solid rgba(31,79,75,0.9);
  text-align: center;
  line-height: 70px;
  padding-bottom: 25px;
}
.xz_zs .rq .p4{
  font-size: 26px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  letter-spacing: 7px;
  margin-top: 15px;
}

/* content1 */
.xz_zs1{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 140px;
}
.xz_zs1 .xz_zsbt,
.xz_zs1 .xz_zsfbt{
  text-align: left;
}
.xz_zs1 .rq{
  width: 100%;
  margin-top: 50px;
}
.xz_zs1 .rq1{
  width: 24.25%;
  margin-right: 1%;
  float: left;
  height: 130px;
  background: rgb(32,95,90);
  display:table;   
  padding: 0 33px;
}
.xz_zs1 .rq1:nth-child(4){
  margin-right: 0;
}
.xz_zs1 .rq1 .div{
  vertical-align:middle;   
  display:table-cell;  
  padding-left: 60px;
  background-image: url(../images/xz95.png);
  background-repeat: no-repeat;
  background-size: 42px 38px;
  background-position-Y: center;
  background-position-x: 0%;
  transition: all .5s;
}
.xz_zs1 .rq1:hover .div{
  background-position-Y: 40%;
}
.xz_zs1 .rq1:nth-child(2) .div{
  background-image: url(../images/xz96.png);
}
.xz_zs1 .rq1:nth-child(3) .div{
  background-image: url(../images/xz97.png);
}
.xz_zs1 .rq1:nth-child(4) .div{
  background-image: url(../images/xz98.png);
}
.xz_zs1 .rq1 .div p{
  font-size: 20px;
  color: #ffffff;
  font-family: "light";
}
.xz_zs1 .rq2{
  margin-top: 30px;
  border: 3px solid rgb(31,82,78);
  height: 420px;
}




/* content2 */
.xz_zs2{
  width: 100%;
  position: relative;
}
.xz_zs2 .top{
  width: 100%;
  background-image: url(../images/xz70.jpg);
  background-size: cover;
  padding-top: 130px;
  padding-bottom: 120px;
}
.xz_zsbt{
  font-size: 50px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  line-height: 55px;
}
.xz_zsfbt{
  font-size: 26px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  text-transform: uppercase;
}
.xz_zs2 .top .p1{
  font-size: 76px;
  color: #1f524e;
  font-weight: bold;
  text-align: center;
}
.xz_zs2 .bot{
  width: 100%;
  transform: translateY(-50px);
  display: flex;
}
.xz_zs2 .bot .lef{
  width: 48.3%;
}
.xz_zs2 .bot .lef img{
  width: 100%;
  vertical-align: middle;
}
.xz_zs2 .bot .rig{
  width: 51.7%;
  padding-top: 50px;
  position: relative;
}
.xz_zs2 .bot .rig .div{
  width: 100%;
  height: 100%;
  display: flex;
  align-content:center;
  flex-wrap: wrap;
  background: rgb(31,82,78);
  padding-right: 35%;
}
.xz_zs2 .bot .rig .p2{
  width: 100%;
  font-size: 30px;
  color: #eaeaea;
  font-family: "light";
  text-align: right;
  line-height: 58px;
}
.xz_zs2 .bot .rig .p2 span{
  font-size: 40px;
  color: #fff;
}

/* content3 */
.xz_zs3{
  width: 100%;
  padding-top: 230px;
  padding-bottom: 110px;
}
.xz_zs3 .lef{
  width: 56.2%;
  float: left;
}
.xz_zs3 .rig{
  width: 43.8%;
  float: right;
}
.xz_zs3 .xz_zsbt,
.xz_zs3 .xz_zsfbt{
  text-align: left;
}
.xz_zs3 .lef .p1{
  font-size: 30px;
  color: #1f524e;
  margin-top: 100px;
  margin-bottom: 30px;
}
.xz_zs3 .lef .p2{
  font-size: 20px;
  color: #666666;
  line-height: 38px;
  width: 83%;
}
.xz_zs3 .lef .p2 span{
  font-size: 26px;
  color: #1f524e;
}
.xz_zs3 .rig .rq1 div{
  width: 173px;
  height: 200px;
  display: inline-block;
  margin-right: 4px;
  transition: all .5s;
}
.xz_zs3 .rig .rq1 div:nth-child(3n){
  margin-right: 0;
}
.xz_zs3 .rig .rq1 div img{
  width: 100%;
}
.xz_zs3 .rig .rq1 div:nth-child(4),
.xz_zs3 .rig .rq1 div:nth-child(5),
.xz_zs3 .rig .rq1 div:nth-child(6){
  transform: translateY(-50px);
}
.xz_zs3 .rig .rq1 div:nth-child(4){
  margin-left: 90px;
}
.xz_zs3 .rig .rq1 div:nth-child(7),
.xz_zs3 .rig .rq1 div:nth-child(8){
  transform: translateY(-100px);
}
.xz_zs3 .rig .rq1 div:nth-child(7){
  margin-left: 180px;
}
.xz_zs3 .rig .rq1 div:hover{
  transform: translate3d(0,-5px,0);
}
.xz_zs3 .rig .rq1 div:nth-child(4):hover,
.xz_zs3 .rig .rq1 div:nth-child(5):hover,
.xz_zs3 .rig .rq1 div:nth-child(6):hover{
  transform: translateY(-50px) translate3d(0,-5px,0);
}
.xz_zs3 .rig .rq1 div:nth-child(7):hover,
.xz_zs3 .rig .rq1 div:nth-child(8):hover{
  transform: translateY(-100px) translate3d(0,-5px,0);
}

/* content4 */
.xz_zs4{
  width: 100%;
  position: relative;
}
.xz_zs4 .bj{
  width: 100%;
  vertical-align: middle;
}
.xz_zs4 .container{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 95px;
}
.xz_zs4 .rq{
  width: 618px;
  height: 618px;
  margin: 0 auto;
  margin-top: 52px;
  position: relative;
}
.xz_zs4 .rq::before{
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/xz81.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  animation: yxz 30s linear infinite;
}
.xz_zs4 .rq .rq1{
  width: 575px;
  height: 575px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.xz_zs4 .rq .rq1 div img{
  width: 100%;
}
.xz_zs4 .rq .rq1 div{
  width: 288px;
  height: 234px;
  position: absolute;
  cursor: pointer;
}
.xz_zs4 .rq .rq1 .div1 {
  top: -15px;
  left: 15px;
}
.xz_zs4 .rq .rq1 .div1::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(4,175,186);
  position: absolute;
  top: 135px;
  left: 152px;
  transform: rotate(85deg);
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq1 .div2 {
  top: -15px;
  left: 271px;
}
.xz_zs4 .rq .rq1 .div2::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(0, 133, 199);
  position: absolute;
  top: 137px;
  left: 111px;
  transform: rotate(40deg);
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq1 .div3 {
  top: 149px;
  left: 367px;
}
.xz_zs4 .rq .rq1 .div3::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(102, 78, 199);
  position: absolute;
  top: 140px;
  left: 104px;
  transform: rotate(-30deg);
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq1 .div4 {
  top: 370px;
  left: 262px;
}
.xz_zs4 .rq .rq1 .div4::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(255, 146, 2);
  position: absolute;
  top: 79px;
  left: 110px;
  transform: rotate(23deg);
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq1 .div5 {
  top: 370px;
  left: 22px;
}
.xz_zs4 .rq .rq1 .div5::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(31, 82, 78);
  position: absolute;
  top: 80px;
  left: 160px;
  transform: rotate(-25deg);
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq1 .div6 {
  top: 157px;
  left: -82px;
}
.xz_zs4 .rq .rq1 .div6::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid rgb(16, 142, 81);
  position: absolute;
  top: 130px;
  left: 163px;
  transform: rotate(30deg);
  opacity: 0;
}
.xz_zs4 .rq .rq1 div.on::before{
  opacity: 1;
}
.xz_zs4 .rq .rq2{
  width: 356px;
  height: 356px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgb(40,124,117);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);  
}
.xz_zs4 .rq .rq3{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display:table; 
  opacity: 0;
  transition: all .5s;
}
.xz_zs4 .rq .rq3.on1{
  opacity: 1;
}
.xz_zs4 .rq .rq4{
  width: 100%;
  height: 100%;
  vertical-align:middle;   
  display:table-cell; 
  padding: 0 25px;
}
.xz_zs4 .rq .rq4 .p1{
  font-size: 24px;
  color: #1f524e;
  text-align: center;
}
.xz_zs4 .rq .rq4 .p2{
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;

}




/* content5 */
.xz_zs5{
  width: 100%;
  padding-top: 110px;
}
.xz_zs5 .top{
  width: 100%;
  padding-bottom: 115px;
}
.xz_zs5 .xz_zsbt,
.xz_zs5 .xz_zsfbt{
  text-align: left;
}
.xz_zs5 .rq{
  width: 100%;
  padding-top: 45px;
}
.xz_zs5 .rq .swiper-slide{
  width: 100%;
}
/* .xz_zs5 .rq .swiper-slide .lef{
  width: 35%;
  float: left;
}
.xz_zs5 .rq .swiper-slide .lef .p1{
  font-size: 30px;
  color: #1f524e;
  font-family: "light";
  width: 73%;
} */
.xz_zs5 .rq .swiper-slide .rig{
  width: 100%;
  /* float: left; */
  height: 300px;
  display: flex;
  justify-content: center;
}
.xz_zs5 .rq .swiper-slide .rig .div{
  width: 31.33333%;
  margin-right: 3%;
  float: left;
}
.xz_zs5 .rq .swiper-slide .rig .div:last-child{
  margin-right: 0;
}
.xz_zs5 .rq .swiper-slide .rig .div img{
  width: 100%;
  transition: all .5s;
}
.xz_zs5 .rq .swiper-slide .rig .div:hover img{
  transform: scale(1.05);
}
.xz_zs5 .rq .swiper-slide .rig .div p{
  font-size: 16px;
  color: #666666;
  font-family: "light";
  margin-top: 15px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.xz_zs5 .bot{
  width: 100%;
  height: 300px;
  background: rgb(30,79,75);
}
.xz_zs5 .bot .container{
  padding: 0 190px;
}
.xz_zs5 .bot .swiper-slide{
  padding-top: 70px;
  position: relative;
  cursor: pointer;
}
.xz_zs5 .bot .swiper-slide::before{
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 25px solid #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all .5s;
}
.xz_zs5 .bot .swiper-slide-thumb-active::before{
  opacity: 1;
}

.xz_zs5 .bot img{
  display: block;
  margin: 0 auto;
}
.xz_zs5 .bot p{
  font-size: 18px;
  color: #fff;
  text-align: center;
  width: 50%;
  margin: 0 auto;
  margin-top: 17px;
}


/* content6 */
.xz_zs6{
  width: 100%;
  height: 833px;
  position: relative;
  background-image: url(../images/xz92.jpg);
  background-size: cover;
  padding-top: 95px;
  padding-bottom: 115px;
  overflow: hidden;
}
.xz_zs6 .x{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 115px;
}
.xz_zs6 .container{
  height: 100%;
  position: relative;
}
.xz_zs6 .rq1{
  position: absolute;
  bottom: 14px;
  left: 1%;
}
.xz_zs6 .rq1 .p1{
  font-size: 16px;
  color: #666666;
  margin-top: 20px;
  width: 100px;
}
.xz_zs6 .rq1 .div{
    width: 2px;
    height: 0px;
    /* height: 315px; */
    background: rgb(29,116,109);
    margin: 0 auto;
    position: relative;
    transition: all .5s;
}
.xz_zs6 .rq1.on .div{
   height: 315px;
}
.xz_zs6 .rq1 .div::before{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../images/xz94.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.xz_zs6 .rq1 .div1{
  width: 425px;
  height: 0;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 60px;
  padding-left: 38px;
  padding-right: 38px;
  opacity: 0;
  transition: all .5s .1s;
  overflow: hidden;
}
.xz_zs6 .rq8 .div1,
.xz_zs6 .rq9 .div1,
.xz_zs6 .rq10 .div1{
  left: -485px;
}
.xz_zs6 .rq1.on .div1{
  opacity: 1;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.xz_zs6 .rq1 .div1 .p2{
  font-size: 26px;
  color: #1e4f4b;
  padding-bottom: 15px;
}
.xz_zs6 .rq1 .div1 .p3{
  font-size: 16px;
  color: #777777;
  width: 80%;
  line-height:26px;
}
.xz_zs6 .rq2{
  left: 10%;
  transform: translateY(-7px);
}
.xz_zs6 .rq3{
  left: 20%;
  transform: translateY(-2px);
}
.xz_zs6 .rq4{
  left: 30%;
  transform: translateY(-8px);
}
.xz_zs6 .rq5{
  left: 40%;
  transform: translateY(-36px);
}
.xz_zs6 .rq6{
  left: 50%;
  transform: translateY(-56px);
}
.xz_zs6 .rq7{
  left: 60%;
  transform: translateY(-42px);
}
.xz_zs6 .rq8{
  left: 70%;
  transform: translateY(-15px);
}
.xz_zs6 .rq9{
  left: 80%;
  transform: translateY(6px);
}
.xz_zs6 .rq10{
  left: 90%;
  transform: translateY(13px);
}

/* content7 */
.xz_zs7{
  width: 100%;
  padding-top: 75px;
  padding-bottom: 85px;
}
.xz_zs7 .rq{
  width: 100%;
  padding-top: 60px;
}
.xz_zs7 .rq .lef{
  width: 50%;
  float: left;
}
.xz_zs7 .rq .lef .rq1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
.xz_zs7 .rq .lef .rq1 input{
  width: 49%;
  font-size: 16px;
  color: #666666;
  height: 60px;
  border: 1px solid rgb(221,221,221);
  border-radius: 5px;
  padding-left: 15px;
}
.xz_zs7 .rq .lef .rq2{
  width: 100%;
  display: flex;
  height: 57px;
  border: 1px solid rgb(221,221,221);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 1px;
}
.xz_zs7 .rq .lef .rq2 select{
  width: 33.333%;
  font-size: 16px;
  color: #666666;
  padding-left: 10px;
  background: url(../images/img198.png) #fff;
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.xz_zs7 .rq .lef textarea{
  width: 100%;
  height: 155px;
  font-size: 16px;
  color: #666666;
  padding-left: 15px;
  padding-top: 15px;
  border: 1px solid rgb(221,221,221);
  border-radius: 5px;
  margin-bottom: 20px;
}
.xz_zs7 .rq .lef button{
  font-size: 16px;
  color: #ffffff;
  width: 100%;
  height: 60px;
  background: rgb(31,82,77);
  border-radius: 5px;
}
.xz_zs7 .rq .rig{
  width: 48%;
  float: right;
  height: 395px;
  border: 1px solid rgb(221,221,221);
  background: rgb(243,244,249);
  border-radius: 5px;
  overflow: hidden;
  padding: 25px;
}
.xz_zs7 .rq .rig .p1{
  font-size: 20px;
  color: #666666;
  font-family: "light";
  text-align: center;
}
.xz_zs7 .rq .rig .p1 span{
  font-size: 24px;
  color: #1f524d;
}
.xz_zs7 .rq .rig .div{
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 15px;
}

.xz_zs7 .infoList li {
  height: 60px;
  line-height: 60px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(221,221,221);
}
.xz_zs7 .infoList li span{
  font-size: 16px;
  color: #777777;
  transition: all .5s;
}
.xz_zs7 .infoList li:hover span{
  color: #1f524e;
}

.xz_zs7 .rq3{
  width: 100%;
  padding-top: 37px;
}
.xz_zs7 .rq3 .rq4{
  width: 23.5%;
  margin-right: 2%;
  float: left;
  height: 200px;
  border: 1px solid rgb(221,221,221);
  padding-top: 47px;
  transition: all .5s;
}
.xz_zs7 .rq3 .rq4:hover{
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
  transform: translate3d(0,-5px,0);
}
.xz_zs7 .rq3 .rq4:nth-child(4){
  margin-right: 0;
}
.xz_zs7 .rq3 .rq4 .p1{
  font-size: 24px;
  color: #1f524e;
  font-family: "light";
  text-align: center;
  padding-bottom: 22px;
  position: relative;
}
.xz_zs7 .rq3 .rq4 .p1::before{
  width: 30px;
  height: 2px;
  content: '';
  background: #1f524e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.xz_zs7 .rq3 .rq4 .p2{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 20px;
  font-family: "light";
}


@media(max-width:1680px){
  .xz_zs .rq .p3 {
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 25px;
}
.xz_zs .rq .p4 {
  font-size: 22px;
  letter-spacing: 7px;
  margin-top: 15px;
}
.xz_zs .rq {
  padding: 40px 30px;
}
.xz_zsbt {
  font-size: 43px;
  line-height: 43px;
}
.xz_zsfbt {
  font-size: 22px;
}
.xz_zs1 .rq {
  margin-top: 30px;
}
.xz_zs1 .rq1 .div p {
  font-size: 18px;
}
.xz_zs1 .rq1 {
  width: 24.25%;
  margin-right: 1%;
  height: 113px;
  padding: 0 33px;
}
.xz_zs2 .top .p1 {
  font-size: 66px;
}
.xz_zs2 .bot .rig {
  width: 51.7%;
  padding-top: 44px;
}
.xz_zs2 .bot .rig .p2 {
  font-size: 26px;
  line-height: 54px;
}
.xz_zs2 .bot .rig .p2 span {
  font-size: 35px;
}
.xz_zs3 {
  padding-top: 200px;
  padding-bottom: 110px;
}
.xz_zs3 .lef .p1 {
  font-size: 26px;
  margin-top: 77px;
  margin-bottom: 30px;
}
.xz_zs3 .lef .p2 {
  font-size: 18px;
  line-height: 38px;
  width: 83%;
}
.xz_zs3 .lef .p2 span {
  font-size: 22px;
}
.xz_zs3 .rig .rq1 div {
  width: 173px;
  height: 200px;
  margin-right: -2px;
}
.xz_zs3 .rig .rq1 div:nth-child(4) {
  margin-left: 87px;
}
.xz_zs3 .rig .rq1 div:nth-child(7) {
  margin-left: 175px;
}
.xz_zs4 .rq {
  width: 540px;
  height: 540px;
  margin-top: 40px;
}
.xz_zs4 .rq .rq1 {
  width: 503px;
  height: 503px;
}
.xz_zs4 .rq .rq2 {
  width: 311px;
  height: 311px;
}
.xz_zs4 .rq .rq1 div {
  width: 252px;
  height: auto;
}
.xz_zs4 .rq .rq1 .div2 {
  top: -15px;
  left: 240px;
}
.xz_zs4 .rq .rq1 .div3 {
  top: 128px;
  left: 324px;
}
.xz_zs4 .rq .rq1 .div4 {
  top: 321px;
  left: 232px;
}
.xz_zs4 .rq .rq1 .div5 {
  top: 321px;
  left: 22px;
}
.xz_zs4 .rq .rq1 .div6 {
  top: 135px;
  left: -70px;
}
.xz_zs6 .rq1 {
  bottom: 0px;
}


}
@media(max-width:1459px){
  .xz_zs .rq .p3 {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 25px;
}
.xz_zs .rq .p4 {
  font-size: 16px;
  letter-spacing: 7px;
  margin-top: 15px;
}
.xz_zs1 {
  padding-top: 68px;
  padding-bottom: 110px;
}
.xz_zsbt {
  font-size: 38px;
  line-height: 40px;
}
.xz_zsfbt {
  font-size: 18px;
}
.xz_zs1 .rq1 .div {
  padding-left: 46px;
  background-size: 31px 28px;
}
.xz_zs1 .rq1 .div p {
  font-size: 16px;
}
.xz_zs1 .rq2 {
  height: 360px;
}
.xz_zs2 .top {
  padding-top: 98px;
  padding-bottom: 90px;
}
.xz_zs2 .top .p1 {
  font-size: 56px;
}
.xz_zs2 .bot .rig {
  padding-top: 37px;
}
.xz_zs2 .bot .rig .p2 {
  font-size: 22px;
  line-height: 42px;
}
.xz_zs2 .bot .rig .p2 span {
  font-size: 30px;
}
.xz_zs3 {
  padding-top: 100px;
  padding-bottom: 80px;
}
.xz_zs3 .rig .rq1 div {
  width: 131px;
  height: 152px;
  margin-right: 3px;
}
.xz_zs3 .rig .rq1 div:nth-child(4) {
  margin-left: 70px;
}
.xz_zs3 .rig .rq1 div:nth-child(4), .xz_zs3 .rig .rq1 div:nth-child(5), .xz_zs3 .rig .rq1 div:nth-child(6) {
  transform: translateY(-37px);
}
.xz_zs3 .rig .rq1 div:nth-child(7) {
  margin-left: 140px;
}
.xz_zs3 .rig .rq1 div:nth-child(7), .xz_zs3 .rig .rq1 div:nth-child(8) {
  transform: translateY(-72px);
}
.xz_zs3 .rig .rq1 div:nth-child(4):hover, .xz_zs3 .rig .rq1 div:nth-child(5):hover, .xz_zs3 .rig .rq1 div:nth-child(6):hover {
  transform: translateY(-37px) translate3d(0,-5px,0);
}
.xz_zs3 .rig .rq1 div:nth-child(7):hover, .xz_zs3 .rig .rq1 div:nth-child(8):hover {
  transform: translateY(-72px) translate3d(0,-5px,0);
}
.xz_zs3 .lef .p1 {
  font-size: 22px;
  margin-top: 76px;
  margin-bottom: 22px;
}
.xz_zs3 .lef .p2 span {
  font-size: 20px;
}
.xz_zs3 .lef .p2 {
  font-size: 16px;
}
.xz_zs4 .container {
  padding-top: 70px;
}
.xz_zs4 .rq {
  width: 470px;
  height: 470px;
  margin-top: 40px;
}
.xz_zs4 .rq .rq1 {
  width: 437px;
  height: 437px;
}
.xz_zs4 .rq .rq2 {
  width: 270px;
  height: 270px;
}
.xz_zs4 .rq .rq4 .p1 {
  font-size: 18px;
}
.xz_zs4 .rq .rq4 .p2 {
  font-size: 14px;
}
.xz_zs4 .rq .rq1 div {
  width: 219px;
}
.xz_zs4 .rq .rq1 .div2 {
  top: -15px;
  left: 210px;
}
.xz_zs4 .rq .rq1 .div3 {
  top: 110px;
  left: 283px;
}
.xz_zs4 .rq .rq1 .div4 {
  top: 277px;
  left: 203px;
}
.xz_zs4 .rq .rq1 .div5 {
  top: 278px;
  left: 20px;
}
.xz_zs4 .rq .rq1 .div6 {
  top: 116px;
  left: -59px;
}
.xz_zs4 .rq .rq1 .div1::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(4,175,186);
  top: 104px;
  left: 116px;
}
.xz_zs4 .rq .rq1 .div2::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(0, 133, 199);
  top: 100px;
  left: 79px;
}
.xz_zs4 .rq .rq1 .div3::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(102, 78, 199);
  top: 120px;
  left: 78px;
}
.xz_zs4 .rq .rq1 .div4::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(255, 146, 2);
  top: 60px;
  left: 85px;
}
.xz_zs4 .rq .rq1 .div5::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(31, 82, 78);
  top: 65px;
  left: 125px;
}
.xz_zs4 .rq .rq1 .div6::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgb(16, 142, 81);
  top: 110px;
  left: 125px;
}
.xz_zs5 {
  padding-top: 80px;
}
.xz_zs5 .rq {
  padding-top: 30px;
}
.xz_zs5 .rq .swiper-slide .rig{
  height: 250px;
}
.xz_zs5 .rq .swiper-slide .rig .div p {
  font-size: 14px;
  margin-top: 10px;
}
.xz_zs5 .top {
  padding-bottom: 85px;
}
.xz_zs5 .bot {
  height: 230px;
}
.xz_zs5 .bot img {
  width: 76px;
}
.xz_zs5 .bot .swiper-slide {
  padding-top: 53px;
}
.xz_zs5 .bot p {
  font-size: 16px;
}
.xz_zs5 .bot .swiper-slide::before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #fff;
}
.xz_zs6 {
  height: 726px;
  padding-top: 72px;
  padding-bottom: 87px;
}
.xz_zs6 .x{
  bottom: 98px;
}
.xz_zs6 .rq1 .p1 {
  font-size: 14px;
}
.xz_zs6 .rq2 {
  transform: translateY(-13px);
}
.xz_zs6 .rq3 {
  transform: translateY(-11px);
}
.xz_zs6 .rq4 {
  transform: translateY(-12px);
}
.xz_zs6 .rq6 {
  transform: translateY(-51px);
}
.xz_zs6 .rq7 {
  transform: translateY(-36px);
}
.xz_zs6 .rq9 {
  transform: translateY(-1px);
}
.xz_zs6 .rq10 {
  transform: translateY(-5px);
}
.xz_zs6 .rq1 .div1 .p2 {
  font-size: 20px;
  padding-bottom: 15px;
}
.xz_zs6 .rq1 .div1 .p3 {
  font-size: 14px;
  width: 80%;
  line-height: 22px;
}
.xz_zs6 .rq1 .div1 {
  width: 320px;
  padding-left: 20px;
    padding-right: 20px;
    left: 30px;
}
.xz_zs6 .rq1:hover .div1 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.xz_zs6 .rq8 .div1, .xz_zs6 .rq9 .div1, .xz_zs6 .rq10 .div1 {
  left: -350px;
}
.xz_zs7 .rq {
  padding-top: 30px;
}
.xz_zs7 .rq .lef .rq1 input {
  width: 49%;
  font-size: 14px;
  height: 50px;
}
.xz_zs7 .rq .lef .rq1 {
  margin-bottom: 10px;
}
.xz_zs7 .rq .lef .rq2 select {
  font-size: 14px;
}
.xz_zs7 .rq .lef .rq2 {
  height: 46px;
  margin-bottom: 10px;
}
.xz_zs7 .rq .lef textarea {
  height: 130px;
  font-size: 14px;
  margin-bottom: 10px;
}
.xz_zs7 .rq .lef button {
  font-size: 14px;
  height: 50px;
}
.xz_zs7 .rq .rig {
  width: 48%;
  height: 310px;
  padding: 15px;
}
.xz_zs7 .rq .rig .p1 {
  font-size: 16px;
}
.xz_zs7 .rq .rig .p1 span {
  font-size: 20px;
}
.xz_zs7 .rq .rig .div {
  padding-top: 10px;
}
.xz_zs7 .infoList li {
  height: 50px;
  line-height: 50px;
}
.xz_zs7 .infoList li span {
  font-size: 14px;
}
.xz_zs7 .rq3 .rq4 {
  height: 170px;
  padding-top: 30px;
}
.xz_zs7 .rq3 .rq4 .p1 {
  font-size: 22px;
  padding-bottom: 22px;
}
.xz_zs7 .rq3 .rq4 .p2 {
  font-size: 16px;
  margin-top: 20px;
}


}
@media(max-width:1366px){
  .xz_zs1 {
    padding-top: 50px;
    padding-bottom: 110px;
}
.xz_zs1 .rq1 {
  height: 90px;
}
  .xz_zs2 .top {
    padding-top: 60px;
    padding-bottom: 70px;
}
.xz_zs2 .top .p1 {
  font-size: 50px;
}
.xz_zs2 .bot .rig {
  padding-top: 34px;
}
.xz_zs4 .container {
  padding-top: 34px;
}
.xz_zs5 {
  padding-top: 50px;
}
.xz_zs5 .top {
  padding-bottom: 50px;
}
.xz_zs6 {
  height: 670px;
  padding-top: 50px;
  padding-bottom: 87px;
}
.xz_zs6 .x {
  bottom: 110px;
}
.xz_zs6 .rq2 {
  transform: translateY(-18px);
}
.xz_zs6 .rq3 {
  transform: translateY(-20px);
}
.xz_zs6 .rq4 {
  transform: translateY(-18px);
}
.xz_zs6 .rq5 {
  left: 40%;
  transform: translateY(-39px);
}
.xz_zs6 .rq6 {
  transform: translateY(-55px);
}
.xz_zs6 .rq7 {
  transform: translateY(-38px);
}
.xz_zs6 .rq8 {
  left: 70%;
  transform: translateY(-17px);
}
.xz_zs6 .rq9 {
  transform: translateY(-8px);
}
.xz_zs6 .rq10 {
  transform: translateY(-22px);
}
.xz_zs6 .rq1:hover .div {
  height: 260px;
}
.xz_zs7 .rq3 {
  width: 100%;
  padding-top: 20px;
}
.xz_zs7 {
  padding-top: 50px;
  padding-bottom: 85px;
}

}
@media(max-width:1259px){
  .xz_zs5 .rq .swiper-slide .rig{
    height: 217px;
  }
  .xz_zs .rq .p3 {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 16px;
}
.xz_zs .rq .p4 {
  font-size: 16px;
  letter-spacing: 3px;
  margin-top: 10px;
}
.xz_zs .rq {
  padding: 25px 24px;
}
.xz_zsbt {
  font-size: 30px;
  line-height: 34px;
}
.xz_zsfbt {
  font-size: 16px;
}
.xz_zs1 .rq1 .div p {
  font-size: 14px;
}
.xz_zs1 .rq1 .div {
  padding-left: 37px;
  background-size: 27px 24px;
}
.xz_zs1 .rq1 {
  padding: 0 15px;
}
.xz_zs1 .rq2 {
  height: 300px;
}
.xz_zs2 .top .p1 {
  font-size: 40px;
}
.xz_zs2 .bot .rig {
  padding-top: 32px;
}
.xz_zs2 .bot .rig .p2 {
  font-size: 20px;
  line-height: 40px;
}
.xz_zs2 .bot .rig .p2 span {
  font-size: 26px;
}
.xz_zs3 .rig .rq1 div {
  width: 113px;
  height: 133px;
}
.xz_zs3 .rig .rq1 div:nth-child(4), .xz_zs3 .rig .rq1 div:nth-child(5), .xz_zs3 .rig .rq1 div:nth-child(6) {
  transform: translateY(-32px);
}
.xz_zs3 .rig .rq1 div:nth-child(4):hover, .xz_zs3 .rig .rq1 div:nth-child(5):hover, .xz_zs3 .rig .rq1 div:nth-child(6):hover {
  transform: translateY(-32px) translate3d(0,-5px,0);
}
.xz_zs3 .rig .rq1 div:nth-child(4) {
  margin-left: 60px;
}
.xz_zs3 .rig .rq1 div:nth-child(7) {
  margin-left: 120px;
}
.xz_zs3 .rig .rq1 div:nth-child(7), .xz_zs3 .rig .rq1 div:nth-child(8) {
  transform: translateY(-63px);
}
.xz_zs3 .rig .rq1 div:nth-child(7):hover, .xz_zs3 .rig .rq1 div:nth-child(8):hover {
  transform: translateY(-63px) translate3d(0,-5px,0);
}
.xz_zs3 .lef .p1 {
  font-size: 20px;
  margin-top: 34px;
  margin-bottom: 10px;
}
.xz_zs3 .lef .p2 span {
  font-size: 16px;
}
.xz_zs3 .lef .p2 {
  font-size: 14px;
  line-height: 32px;
}
.xz_zs3 {
  padding-top: 70px;
  padding-bottom: 60px;
}
.xz_zs4 .rq {
  width: 405px;
  height: 405px;
  margin-top: 30px;
}
.xz_zs4 .rq .rq1 {
  width: 377px;
  height: 377px;
}
.xz_zs4 .rq .rq2 {
  width: 233px;
  height: 233px;
}
.xz_zs4 .rq .rq1 div {
  width: 189px;
}
.xz_zs4 .rq .rq1 .div1 {
  top: -13px;
  left: 12px;
}
.xz_zs4 .rq .rq1 .div2 {
  top: -13px;
  left: 180px;
}
.xz_zs4 .rq .rq1 .div3 {
  top: 95px;
  left: 243px;
}
.xz_zs4 .rq .rq1 .div4 {
  top: 240px;
  left: 174px;
}
.xz_zs4 .rq .rq1 .div5 {
  top: 240px;
  left: 16px;
}
.xz_zs4 .rq .rq1 .div6 {
  top: 99px;
  left: -52px;
}
.xz_zs5 .bot .container {
  padding: 0 80px;
}
.xz_zs5 .top {
  padding-bottom: 30px;
}
.xz_zs5 .rq .swiper-slide .rig .div {
  width: 33.33333%;
  margin-right: 2%;
}
.xz_zs6 {
  height: 670px;
  padding-top: 50px;
  padding-bottom: 68px;
}
.xz_zs6 .x {
  bottom: 73px;
}
.xz_zs6 .rq1 .p1 {
  font-size: 12px;
  width: 85px;
}
.xz_zs6 .rq2 {
  transform: translateY(-5px);
}
.xz_zs6 .rq3 {
  transform: translateY(-2px);
}
.xz_zs6 .rq4 {
  transform: translateY(-6px);
}
.xz_zs6 .rq5 {
  transform: translateY(-25px);
}
.xz_zs6 .rq6 {
  transform: translateY(-38px);
}
.xz_zs6 .rq7 {
  transform: translateY(-25px);
}
.xz_zs6 .rq8 {
  transform: translateY(-7px);
}
.xz_zs6 .rq9 {
  transform: translateY(5px);
}
.xz_zs6 .rq10 {
  transform: translateY(5px);
}


}
@media(max-width:1024px){
  .xz_zs2 .bot .rig {
    padding-top: 26px;
}
.xz_zs2 .bot .rig .p2 span {
  font-size: 22px;
}
.xz_zs3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.xz_zs4 .rq {
  width: 350px;
  height: 350px;
  margin-top: 30px;
}
.xz_zs4 .rq .rq1 {
  width: 329px;
  height: 329px;
}
.xz_zs4 .rq .rq2 {
  width: 204px;
  height: 204px;
}
.xz_zs4 .rq .rq4 .p1 {
  font-size: 16px;
}
.xz_zs4 .rq .rq4 .p2 {
  margin-top: 5px;
}
.xz_zs4 .rq .rq4 {
  padding: 0 32px;
}
.xz_zs4 .rq .rq1 div {
  width: 165px;
}
.xz_zs4 .rq .rq1 .div1 {
  top: -10px;
  left: 9px;
}
.xz_zs4 .rq .rq1 .div2 {
  top: -10px;
  left: 156px;
}
.xz_zs4 .rq .rq1 .div3 {
  top: 84px;
  left: 211px;
}
.xz_zs4 .rq .rq1 .div4 {
  top: 210px;
  left: 150px;
}
.xz_zs4 .rq .rq1 .div5 {
  top: 210px;
  left: 12px;
}
.xz_zs4 .rq .rq1 .div6 {
  top: 87px;
  left: -47px;
}
.xz_zs6 {
  height: 510px;
  padding-bottom: 45px;
}
.xz_zs6 .rq2 {
  transform: translateY(-16px);
}
.xz_zs6 .rq3 {
  transform: translateY(-18px);
}
.xz_zs6 .rq4 {
  transform: translateY(-17px);
}
.xz_zs6 .rq5 {
  transform: translateY(-34px);
}
.xz_zs6 .rq6 {
  transform: translateY(-46px);
}
.xz_zs6 .rq7 {
  transform: translateY(-31px);
}
.xz_zs6 .rq8 {
  transform: translateY(-15px);
}
.xz_zs6 .rq9 {
  transform: translateY(-8px);
}
.xz_zs6 .rq10 {
  transform: translateY(-25px);
}
.xz_zs6 .rq1:hover .div {
  height: 220px;
}
.xz_zs6 .rq1 .div1 {
  width: 230px;
  padding-left: 20px;
  padding-right: 20px;
  left: 15px;
}
.xz_zs6 .rq1 .div1 .p3 {
  width: 100%;
}
.xz_zs6 .rq8 .div1, .xz_zs6 .rq9 .div1, .xz_zs6 .rq10 .div1 {
  left: -245px;
}



}
@media(max-width:991px){
  .xz_banner .container{
    width: 100%;
  }
  .xz_zs .rq {
    padding: 12px 10px;
}
.xz_zs .rq .p3 {
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 10px;
}
.xz_zs .rq .p4 {
  font-size: 12px;
  letter-spacing: 0px;
  margin-top: 4px;
}
  .xz_zs5 .rq .swiper-slide .rig{
    height: auto;
  }
  .xz_zs3 .rig img{
    width: 100%;
  }
.xz_zsbt {
  font-size: 25px;
  line-height: 30px;
}
.xz_zsfbt {
  font-size: 14px;
}
.xz_zs3 .lef .p1 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.xz_zs3 .lef .p2 {
  width: 100%;
  line-height: 26px;
}
.xz_zs4 .container{
  position: static;
  transform: translateX(0);
}
.xz_zs4{
  background-image: url(../images/xz80.jpg);
  background-size: cover;
  padding-bottom: 50px;
}
.xz_zs5 .bot .container {
  padding: 0 25px;
}
.xz_zs5 .bot p {
  font-size: 12px;
}
.xz_zs5 .bot img {
  width: 65px;
}
.xz_zs5 .bot {
  height: 170px;
}
.xz_zs5 .bot .swiper-slide {
  padding-top: 30px;
}
.xz_zs5 .bot .swiper-slide::before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
}
.xz_zs5 .rq .swiper-slide .rig .div p {
  font-size: 12px;
}
.xz_zs6 .swiper-container{
  padding-top: 50px;
  padding-bottom: 50px;
}
.xz_zs6 .swiper-slide div{
  width: 100%;
  padding: 30px;
  background: #fff;
}
.xz_zs6 .swiper-slide div .p1{
  font-size: 20px;
  text-align: center;
  color: #333;
  margin-bottom: 15px;
}
.xz_zs6 .swiper-slide div .p2{
  font-size: 18px;
  color: #1e4f4b;
  margin-bottom: 15px;
}
.xz_zs6 .swiper-slide div .p3 {
  font-size: 14px;
 color: #777;
}
.xz_zs6 {
  height: 430px;
}







}
@media(max-width:768px){
  .xz_zs1 .rq1{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .xz_zs1 .rq1:nth-child(2n){
    margin-right: 0;
  }
  .xz_zs1 .rq2 {
    border: 1px solid rgb(31,82,78);
}
.xz_zs1 {
  padding-top: 36px;
  padding-bottom: 50px;
}
.xz_zs2 .bot .lef{
  width: 100%;
}
.xz_zs2 .bot .rig{
  width: 100%;
  padding-top: 0;
}
.xz_zs2 .bot{
  flex-wrap: wrap;
}
.xz_zs2 .bot .rig .div{
  padding-right: 0;
  padding: 30px 0;
}
.xz_zs2 .bot .rig .p2{
  text-align: center;
}
.xz_zs3 .rig,
.xz_zs3 .lef{
  width: 100%;
}
.xz_zs5 .rq .swiper-slide .rig .div{
  width: 49%;
  margin-right: 2%;
}
.xz_zs5 .rq .swiper-slide .rig .div:nth-child(2n){
  margin-right: 0;
  margin-bottom: 20px;
}
.xz_zs5 .rq .swiper-slide .rig{
  flex-wrap: wrap;
}
.xz_zs5 .rq .swiper-slide .rig .div p {
  font-size: 14px;
}
.xz_zs5 .bot .container{
  padding: 0;
}
.xz_zs7 .rq .rig,
.xz_zs7 .rq .lef{
  width: 100%;
}
.xz_zs7 .rq .rig{
  margin-top: 30px;
}
.xz_zs7 .rq3 .rq4{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 15px;
}
.xz_zs7 .rq3 .rq4:nth-child(2n){
  margin-right: 0;
}



}
@media(max-width:414px){
  .xz_zs1 {
    padding-top: 36px;
    padding-bottom: 30px;
}
  .xz_zs1 .rq {
    margin-top: 18px;
}
.xz_zs1 .rq2 {
  margin-top: 10px;
}
.xz_zs1 .rq2 {
  border: 0px solid rgb(31,82,78);
  overflow: hidden;
}
.xz_zs2 .top {
  padding-top: 34px;
  padding-bottom: 60px;
}
.xz_zs2 .top .p1 {
  font-size: 30px;
}
.xz_zs2 .bot .rig .p2 {
  font-size: 16px;
  line-height: 26px;
}
.xz_zs2 .bot .rig .p2 span {
  font-size: 20px;
}
.xz_zs2 .bot .rig .div {
  padding-right: 0;
  padding: 12px 0;
}
.xz_zs3 {
  padding-top: 0px;
  padding-bottom: 30px;
}
.xz_zs3 .rig{
  padding-top: 20px;
}
.xz_zs5 .bot p {
  width: 100%;
}
.xz_zs6 .swiper-container {
  padding-top: 24px;
  padding-bottom: 50px;
}
.xz_zs6 {
  height: 385px;
}
.xz_zs7 {
  padding-top: 50px;
  padding-bottom: 46px;
}

.xz_zs4{
  overflow: hidden;
}





}




/* 客户实景赏析  修改 */
.cl_con2 {
  background: rgb(243,244,249);
  padding-top: 95px;
  /* padding-bottom: 145px; */
}
.cl_con2 .fyq {
  margin-bottom: 0px;
  margin-top: 0px;
}
@media (max-width: 1366px){
  .cl_con2 {
    padding-top: 65px;
    /* padding-bottom: 100px; */
  }
  .cl_con2 .bot{
    padding-bottom: 0;
  }
}
@media (max-width: 1259px){
  .cl_con2{
    padding-top: 55px;
}
}
@media (max-width: 1259px){
  .cl_con2 .bot{
    /* padding-bottom: 30px; */
  }
}
@media (max-width: 414px){
  .cl_con2{
    padding-bottom: 50px;
  }
}


/* 家居产品  修改 */

/* sy_con7 */
.sy_con7{
  width: 100%;
  height: 100%;
  position: relative;
  background: rgb(222,229,228);
}
.sy_con7 .rq1{
  padding: 65px 0;
}
.sy_con7 .rq1 img{
  margin-top: 20px;
  transform: translateY(100px);
  opacity: 0;
}
.view.current .sy_con7 .rq1 img{
  animation: cc 1s 2.2s both;
}
.sy_con7 .rq2{
  width: 100%;
  position: relative;
}
.sy_con7 .rq2 .bj{
  width: 100%;
}
.sy_con7 .rq2 .rq3{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sy_con7 .swiper-container{
  margin-top: 130px;
  padding-bottom: 100px;
}
.sy_con7 .swiper-slide{
  height: 410px;
  position: relative;
}
.sy_con7 .swiper-slide:nth-child(1),
.sy_con7 .swiper-slide:nth-child(2),
.sy_con7 .swiper-slide:nth-child(3){
  transform: translateY(100px);
  opacity: 0;
}
.view.current .sy_con7 .swiper-slide:nth-child(1){
  animation: cc 1s 2.2s both;
}
.view.current .sy_con7 .swiper-slide:nth-child(2){
  animation: cc 1s 2.4s both;
}

.view.current .sy_con7 .swiper-slide:nth-child(3){
  animation: cc 1s 2.6s both;
}


.sy_con7 .swiper-slide .top{
  width: 85%;
  border-radius: 15px 0 0 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.sy_con7 .swiper-slide .top img{
  width: 100%;
}
.sy_con7 .swiper-slide .bot{
  width: 100%;
  height: 300px;
  background: rgb(246,246,246);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 15px 0;
  z-index: 1;
  padding: 0 25px;
  padding-top: 120px;
  transition:all .5s;
}
.sy_con7 .swiper-slide:hover .bot{
  background: rgb(31, 82, 78);
}
.sy_con7 .bot .p1{
  font-family: "din";
  font-size: 34px;
  color: #1f524e;
  transition:all .5s;
}
.sy_con7 .bot .p2{
  font-size: 16px;
  color: #1f514c;
  margin-top: 5px;
  transition:all .5s;
}
.sy_con7 .bot .p3{
  font-size: 16px;
  color: #666666;
  margin-top: 12px;
  transition:all .5s;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.sy_con7 .swiper-slide:hover p{
  color: #fff;
}
.sy_con7 .bot div{
  width: 60px;
  height: 1px;
  background: #1f514c;
  margin-top: 42px;
  transition:all .5s;
}
.sy_con7 .swiper-slide:hover .bot div{
  background: #fff;
}
.sy_con7 .swiper-pagination-bullet{
  width: 145px;
  height: 1px;
  background: rgb(217,217,217);
  transition:all .5s;
  opacity: 1;
}
.sy_con7 .swiper-pagination-bullet-active{
    background: #1f514c;
}
/* 移动端-底部 footer1.html 部分 改版的样式 */
.foot-app {
  background: #fff;
}

.new-footer {
  width: 100%;
}

.new-footer .new-footer-contain {
  overflow: hidden;
  border-top: 1px solid #aec0bf;
  padding-bottom: 8vw;
}

.footer-contain-01,
.footer-contain-02,
.footer-contain-03,
.footer-contain-04 {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding-bottom: 8.42vw;
  text-align: center;
  font-size: 12px;
  /* height: 41.06vw; */
  border: 1px solid rgba(255, 255, 255, 0);

}

.footer-contain-01,
.footer-contain-03 {
  position: relative;
}

.footer-contain-01::after,
.footer-contain-03::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  background: #aec0bf;
  width: 1px;
  height: 46%;
  transform: translateY(-50%);
}

.footer-contain-01>div,
.footer-contain-02>div,
.footer-contain-03>div,
.footer-contain-04>div {
  padding: 18.42vw;
  padding-bottom: .5vw;
  margin-bottom: 2vw;
}

.footer-contain-01>p,
.footer-contain-02>p,
.footer-contain-03>p,
.footer-contain-04>p {
  color: #1f524d;
  line-height: 1.5em;
}

.samllimg-go {
  position: absolute;
  top: 5vw;
  right: 3vw;
  padding: 0 !important;
  margin: 0 !important;
  width: 3.28vw;
}
/* 新闻内页 修改样式 */
.content{
  overflow:visible ;
  }
#mainBox img{
  max-width: 86% !important;
  margin: 10px 0 10px;
  border-radius: 5px;
  }
  #mainBox h3,#mainBox h2{
  font-size: 18px !important;
  line-height: 0.4rem;
  font-weight: 600;
  }
  .zhaiyao{
    background: #1F524E;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 14px !important;
  }
  .actdate_con2{
    padding: 50px 0;
  }
  .actdate_con2 .bot{
    height: auto;
  }
  .actdate_con2 .bot .p4{margin-top: 10px;}
  
  .actdate_con2 .bot .p4 span{
    font-size: 12px;
    color: #fff;
    font-family: "light";
    background: #2E514D;
    padding: 2px 7px;
    border-radius: 5px;
  }

  /* 新闻列表页 */
  .news_con1 .div {
    width: auto;
    display: table;
    margin: 0 auto;
    padding-bottom: 40px;
  }

  .news_con1 .div a {
    float: left;
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 35px;
    margin: 0 10px;
    border: 1px solid #666;
  }

  .news_con1 .div a:hover,
  .news_con1 .div a.on {
    color: #fff;
    background: #1f524e;
    border: 1px solid #1f524e;
  }
  /* 分页样式 */
  #wst-pager  .pagination{
    margin-top: 50px;
    text-align: center;
    height: 80px;
  }
  #wst-pager  .pagination li{
    display: inline-block;
    padding: 0 2px;
  }
  #wst-pager  .pagination li span{
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
  }
  #wst-pager  .pagination li.disabled span{
    background: #999;
    color: #fff;
  }
  #wst-pager  .pagination li.active span{
    background: #1f524e;
    color: #ffffff;
  }
  #wst-pager .pagination li a{
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #999;
    color: #fff;
  }