* {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  background: #ffffff;
  color:#646464;
}
.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}
.fl {
  float: left;
}
.df {
  display: flex;
}
.fs10 {
  font-size: 10px;
}
.fs9 {
  font-size: 9px;
}
.fs11 {
  font-size: 11px;
}
.fw {
  font-weight: bold;
}
::-webkit-scrollbar {
  width: 0;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
body {
  width: 100%;
}
.container {
  font-size: 0;
  box-sizing: border-box;
}
input::-webkit-input-placeholder {
color: #000 !important;
}
input:-moz-placeholder {
color: #000 !important;
}
input::-moz-placeholder {
color: #000 !important;
}
input:-ms-input-placeholder {
color: #000 !important;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.wAuto {
  width: 100%;
}
.hAuto {
  height: 100%;
}
.posR {
  position: relative;
}
.posA {
  position: absolute;
}
.intal {
  top: 0;
  left: 0;
}
.nav {
    width:100%;
    height:calc(80 / 1920 * 100vw); 
    display:flex;
    align-items:center;
    justify-content:center;
    position:fixed;
    top:0;
    z-index:100;
    background-color:#fff;
    border-bottom:solid 1px #cfcfcf;
}
.logo {
    width:20%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.logoimg {
    height:calc(55 / 1920 * 100vw); 
}
.navinfo {
    width:60%;
    display:flex;
    align-items:center;
    justify-content:center;
}
    .navinfo a {
        color:#333;
        text-decoration:none;
    }
.navtxt {
    font-size:calc(25 / 1920 * 100vw);
    margin:calc(30 / 1920 * 100vw) calc(40 / 1920 * 100vw);
    padding:calc(6 / 1920 * 100vw) 0;
    border-bottom:solid 2px #fff;
    text-align:center;
    cursor:pointer;
}
.phone {
     width:30%;
}
.phonetxt {
    font-size:calc(25 / 1920 * 100vw);
    padding:20px;
    color:#31bfad;
}
.active {
    color:#31bfad;
    font-weight:bold;
    border-bottom:solid 2px #31bfad;
}
.banners {
  width: 100%;
  height:calc(599 / 1920 * 100vw); 
  background-size: 100% 100%;
  position:relative;
}
.bannerimg {
    width:100%;
    height:100%;
}

.center {
  width:calc(1200 / 1920 * 100vw); 
  margin:calc(80 / 1920 * 100vw) auto;
}
.kvinfo {
    width:100%;
    display:flex;
    margin-bottom:calc(30 / 1920 * 100vw);
}
.kvleft {
    width:48%;
    height:calc(371 / 1920 * 100vw);
    padding-right:2%;
}
.kvtxtinfo {
    width:100%;
}
.kvtxt {
    font-size:10px;
    line-height:18px;
    word-break:break-all;
}
    .kvtxt img {
    width:100%;
    }
.kvtitle {
    font-size:14px;
    line-height:40px;
    font-weight:bold;
    color:#31bfad;
}
.kvright {
    width:50%;
    height:calc(368 / 1920 * 100vw);
    padding-left:2%;
}
.morebtninfo {
     width:100%;
     height:60px;
    display:flex;
    align-items:center;
}
.morebtn {
    width:calc(130 / 1920 * 100vw);
    padding-left:2%;
}

.bottom-pc {
    width:calc(1200 / 1920 * 100vw);
    margin:0 auto;
    display:flex;
    align-items:center;
}
.bottom-mob {
    display:none;
}
.bttxt {
    width:50%;
    font-size:calc(24 / 1920 * 100vw);
    padding:calc(30 / 1920 * 100vw) 0;
    text-align:center;
}
.color999999 {
    font-size:calc(24 / 1920 * 100vw);
    color:#999999;
}
.centermap {
    width:calc(1200 / 1920 * 100vw);
    height:calc(800 / 1920 * 100vw);
    margin:calc(40 / 1920 * 100vw) auto;
}
#allmap {
    width:100%;
    height:80%;
    margin:0 auto;
}
.BMap_bubble_title {
    font-weight:bold;
    color:#ff0000 !important;
    font-size:14px !important;
}
.BMap_bubble_content {
    font-size:12px !important;
}
.linkus-pc {
    width:100%;
    height:10%;
    font-size:18px;
    color:#31bfad;
    text-align:center;
    margin:calc(10 / 1920 * 100vw) auto;
    padding:calc(15 / 1920 * 100vw) 0;
}
.linkus-mob {
    display:none;
}
.linktime {
    color:#333;
    font-size:12px;
}
.linkmsg {
    width:100%;
    height:10%;
    font-size:16px;
    line-height:40px;
    text-align:center;
    margin:calc(20 / 1920 * 100vw) auto;
}
.linkphone {
    color:#31bfad;
    font-size:20px;
}

.centerreview {
    width:calc(1200 / 1920 * 100vw);
    margin:0 auto;
}
.reviewlist {
    width:calc(1200 / 1920 * 100vw);
    margin:0 auto;
}
.info {
    width:calc(1200 / 1920 * 100vw);
    padding:10px 0;
    margin:0 auto;
    display:flex;
}
.leftinfo {
    width:40px;
    height:40px;
}
.headimg {
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit: cover;
    border:solid 1px #cfcfcf;
}
.rightinfo {
    width:calc(100% - 50px);
    padding-left:10px;
}
.nickname {
    width:100%;
    height:30px;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
}
.txtinfo {
     width:100%;
     display:flex;
     align-items:baseline;
}
.msgtxt {
    width:80%;
    line-height:25px;
}
.msgtime {
    width:20%;
    height:50px;
    line-height:50px;
    font-size:14px;
    color:#cfcfcf;
}
.codeinfo {
      width:calc(1200 / 1920 * 100vw);
        height:calc(360 / 1920 * 100vw);
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content:center;
}
.code {
   width:calc(400 / 1920 * 100vw);
        height:calc(300 / 1920 * 100vw);
        text-align:center;
}
.codeimg {
   width:calc(300 / 1920 * 100vw);
        height:calc(300 / 1920 * 100vw);
}
.codetips {
    width:100%;
    line-height:20px;
    font-size:12px;
}
.centerproject {
        width:calc(1200 / 1920 * 100vw);
        height:calc(700 / 1920 * 100vw);
        margin:0 auto;
    }
    .swiper-container0 {
        width:100%;
        height:calc(600 / 1920 * 100vw);
        margin:0 auto;
        position:relative;
        margin-top:calc(80 / 1920 * 100vw);
    }
    .swiper-container1 {
        width:100%;
        height:calc(600 / 1920 * 100vw);
        margin:0 auto;
        position:relative;
    }
    .proinfo {
        width:94%;
        height:calc(280 / 1920 * 100vw);
        margin:0 6% 0 0;
        position:relative;
    }
    .projectimg {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
    }
    .projectname {
        width:96%;
        height:40px;
        line-height:40px;
        font-size:14px;
        text-align:left;
        overflow:hidden;
        color:#fff;
        padding:0 2%;
        background-color:rgba(0,0,0,0.7);
        position:absolute;
        bottom:0;
        left:0;
    }
@media screen and (max-width:1850px){
    .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}

} 
@media screen and (max-width:1722px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
}
@media screen and (max-width:1608px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
}
@media screen and (max-width:1495px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
}
@media screen and (max-width:1360px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
}
@media screen and (max-width:1290px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
} 
@media screen and (max-width:1246px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
} 
@media screen and (max-width:1200px){
      .kvtxt{font-size:16px;}
    .linkmsg{font-size:14px;}
} 

@media screen and (max-width: 800px) {
    .nav {
        width:100%;
        height:calc(80 / 750 * 100vw); 
        display:flex;
        align-items:center;
        justify-content:center;
        position:fixed;
        top:0;
        background-color:#fff;
        z-index:100;
        border-bottom:solid 1px #cfcfcf;
    }
    .logo {
        width:15%;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .logoimg {
        height:calc(50 / 750 * 100vw); 
    }
    .navinfo {
        width:85%;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .navtxt {
        font-size:12px;
        white-space:nowrap;
        margin:calc(20 / 750 * 100vw) calc(20 / 750 * 100vw);
        padding:calc(6 / 750 * 100vw) 0;
        border-bottom:solid 2px #fff;
        text-align:center;
        cursor:pointer;
    }
    .phone {
            display:none;
    }
    .active {
        color:#31bfad;
        font-weight:bold;
        border-bottom:solid 2px #31bfad;
    }
    .banners {
        width: 100%;
        height:calc(281 / 750 * 100vw); 
        background-size: 100% 100%;
    }

    .center {
        width:calc(750 / 750 * 100vw); 
        margin:calc(00 / 750 * 100vw) auto;
    }
    .kvleft {
        width:96%;
        height:calc(337 / 750 * 100vw);
        padding:0 2%;
    }
    .kvtxtinfo {
        width:96%;
        padding:2% 2%;
    }
    .kvtxt {
        font-size:10px;
        line-height:18px;
    }
    .kvtitle {
        font-size:14px;
        line-height:40px;
        font-weight:bold;
        padding:0 2%;
        color:#333 !important;
    }
    .kvright {
        width:96%;
        height:calc(337 / 750 * 100vw);
        padding:0 2%;
    }
    .morebtninfo {
        width:100%;
        height:60px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .morebtn {
        width:calc(130 / 750 * 100vw);
    }
    
.codeinfo {
      width:calc(750 / 750 * 100vw);
        height:calc(260 / 750 * 100vw);
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content:center;
}
.code {
   width:calc(750 / 750 * 100vw);
        height:calc(300 / 750 * 100vw);
        text-align:center;
}
.codeimg {
   width:calc(200 / 750 * 100vw);
        height:calc(200 / 750 * 100vw);
}
.codetips {
    width:100%;
    line-height:20px;
    font-size:12px;
}
    .centermap {
        width:96%;
        height:calc(800 / 750 * 100vw);
        padding:0 2%;
    }
    #allmap {
        width:100%;
        height:80%;
        margin:0 auto;
    }
    .BMap_bubble_title {
        font-weight:bold;
        color:#ff0000 !important;
        font-size:14px !important;
    }
    .BMap_bubble_content {
        font-size:12px !important;
    }
    .linkus-pc {
        display:none;
    }
    .linkus-mob {
        display:block;
        width:96%;
        padding:0%;
        margin: 0 auto;
        color:#31bfad;
    }
    .linktime {
        color:#333;
        font-size:12px;
    }
    .linkmsg {
        width:100%;
        height:10%;
        font-size:12px;
        line-height:40px;
        text-align:center;
    }
    .linkphone {
        color:#31bfad;
        font-size:14px;
    }
    .bottom-pc {
        display:none;
    }
    .bottom-mob {
        width:calc(750 / 750 * 100vw);
        margin:0 auto;
        display:block;
        margin-bottom:calc(40 / 750 * 100vw);
    }
    .bttxt {
        width:96%;
        font-size:12px;
        text-align:center;
        padding:2%;
    }
    .color999999 {
        font-size:12px;
        color:#999999;
    }
    .centerproject {
        width:100%;
        height:calc(704 / 750 * 100vw);
        margin:0 auto;
    }
    .swiper-container0 {
        width:100%;
        height:calc(281 / 750 * 100vw);
        margin:0 auto;
        margin-top:calc(80 / 750 * 100vw); 
    }
    .swiper-container1 {
        width:96%;
        height:calc(620 / 750 * 100vw);
        margin:0 auto;
    }
    .proinfo {
        width:100%;
        height:calc(620 / 750 * 100vw);
        position:relative;
    }
    .projectimg {
        width:100%;
        height:calc(620 / 750 * 100vw);
        position:absolute;
        top:0;
        left:0;
    }
    .projectname {
        width:96%;
        height:40px;
        line-height:40px;
        font-size:14px;
        text-align:left;
        color:#fff;
        padding:0 2%;
        background-color:rgba(0,0,0,0.7);
        position:absolute;
        bottom:0;
        left:0;
    }
    .centerreview {
        width:calc(750 / 750 * 100vw);
        margin:0 auto;
    }
    .reviewlist {
        width:calc(750 / 750 * 100vw);
        margin:0 auto;
    }
    .info {
        width:90%;
        padding:10px 5%;
        margin:0 auto;
        display:flex;
    }
    .leftinfo {
        width:30px;
        height:30px;
    }
    .headimg {
        width:30px;
        height:30px;
        border-radius:50%;
        object-fit: cover;
        border:solid 1px #cfcfcf;
    }
    .rightinfo {
        width:100%;
        padding-left:10px;
    }
    .nickname {
        width:100%;
        height:30px;
        line-height:30px;
        font-size:14px;
        font-weight:bold;
    }
    .txtinfo {
         width:100%;
         display:block;
    }
    .msgtxt {
        width:100%;
        line-height:25px;
    }
    .msgtime {
        width:100%;
        height:25px;
        line-height:25px;
        font-size:14px;
        color:#cfcfcf;
    }

}