/* 版心样式 */

.w {

  width: 1200px;

  margin: 0px auto;

}



.synopsis{

  margin-top: 15px;

}

.synopsis h3{

  text-align: center;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  margin-top: 70px;

  color: #000A24 ;

  font-weight: 400;

}

/* 详细简介模块 */

.detailsmodule{

  display: inline-block;

  height: 420px;

  margin-top: 35px;

}

.Sadou{

  display: inline-block;

  height: 420px;

  width: 448px;

}

.Sadou img {

  width: 100%;

}

/* 右侧简介 */

.details{

  display: inline-block;

  margin-left: 27px;

  width: 720px;

  height: 420px;

}

.details h4{

  font-family: PingFangSC-Regular;

  font-weight: 400;

  font-size: 24px;

  margin-top: 25px;

}

.details p{

  display: inline-block;

  margin-top: 35px;

  line-height:22px;

  font-family: PingFangSC-Regular;

}

/* 创始人栏 */

.originator{

  height: 420px;

  margin-top: 38px;

}

.originatorleft{

  display: inline-block;

  width: 720px;

  margin-top: 10px;

}

.originatorleft h4{

  /* display: inline-block; */

  padding-top: 30px;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  color: #666;

  font-weight: 400;

}

.originatorleft i {

  font-family: PingFangSC-Regular;

  font-size: 24px;

  color: #000A24;

  margin-right: 20px;

}

.originatorleft p {

  display: inline-block;

  margin-top: 35px;

  line-height:22px;

  font-family: PingFangSC-Regular;

  line-height:30px;

}

.originatorright{

  display: inline-block;

  margin-left: 23px;

  width: 448px;

  height: 420px;

}

/* 企业文化 */

.Culture{

  margin-top: 50px;

  height: 630px;

  background-image: url(../images/Culture.jpg);

  background-size: 100% 630px;

  /* background: no-repeat; */

}

.Culture h3{

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #fff;

  text-align: center;

  font-weight: normal;

  padding-top: 81px;

}

.Culturebox{

  margin-top: 36px;

}

.Cultureboxfirst{

  display: flex;

}

.Cultureboxfirst>div {

  width: 386px;

  height: 184px;

  background-color: rgba(0, 0, 0, 0.15);

}

.Cultureboxfirst>div h5{

  font-family: PingFangSC-Regular;

  font-size: 24px;

  color: #fff;

  text-align: center;

  margin-top: 30px;

  font-weight: normal;

}

.Cultureboxfirst>div i{

  display: block;

  width: 40px;

  height: 2px;

  background-color: #fff;

  text-align:center;

  margin: 30px auto;

}

.Cultureboxfirst>div span{

  display: block;

  color: #fff;

  text-align: center;

  margin-top: 25px;

}

.Cultureboxfirst div:nth-child(2){

  margin-left: 21px;

  margin-right: 21px;

}

.Cultureboxsecond{

  display: flex;

  margin-top: 20px;

}

.Cultureboxsecond>div {

  width: 285px;

  height: 184px;

  background-color: rgba(0, 0, 0, 0.15);

}

.Cultureboxsecond>div h5{

  font-family: PingFangSC-Regular;

  font-size: 24px;

  color: #fff;

  text-align: center;

  margin-top: 30px;

  font-weight: normal;

}

.Cultureboxsecond>div i{

  display: block;

  width: 40px;

  height: 2px;

  background-color: #fff;

  text-align:center;

  margin: 30px auto;

}

.Cultureboxsecond>div span{

  display: block;

  color: #fff;

  text-align: center;

  margin-top: 25px;

}

.Cultureboxsecond div:nth-child(2){

  margin-left: 20px;

  margin-right: 20px;

}

.Cultureboxsecond div:nth-child(3){

  margin-right: 20px;

}

/* 发展历程 */

.course>h3{

  display: block;

  width: 152px;

  height: 45px;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #000A24;

  font-weight: 400;

  margin: 0 auto;

  margin-top: 50px;

}

.course>span{

  display: block;

  color: #666;

  margin-top: 11px;

  /* margin: 0 auto; */

  text-align: center;

}

.planningmap img{

  width: 100%;

}

/* .coursesubtitle{

  margin-top: 29px;

  width: 160px;

  height: 60px;

  width: 100%;

}

.coursesubtitle p{

  margin-left: 50%;

  line-height: 30px;

  

}

.Graph{

  position: relative;

  height: 255px;

  margin-top: 73px;

  background-color: khaki;

  margin-left: 100px;

  margin-right: 100px;

}

.ball{

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 90px;

  height: 90px;

  border-radius: 45px;

  background-color: #C79F6A;

}

.ball p{

  margin: 0px;

  padding: 0px;

  font-size: 20px;

  line-height: 30px;

  color: #fff;

  padding: 15px 23px 15px 22px;

} */

.planningmap{

  margin-top: 73px;

  margin-bottom: 60px;

}

/* 品牌荣誉 */

.honor{

  height: 660px;

  background-image: url(../images/honor.jpg);

  text-align: center;

}

.honor>h3{

  display: inline-block;

  width: 152px;

  height: 45px;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #000A24;

  font-weight: 400;

  margin: 0 auto;

  padding-top: 35px;

}

.honor>span{

  display: block;

  color: #666;

  margin-top: 25px;

  text-align: center;

}



.honorfirst>div{

  display: inline-block;

  margin-top: 38px;

  width: 281px;

  height: 185px;

  background-image: url(../images/Certificate.jpg);

}

.honorfirst div:nth-child(2){

  margin-left: 20px;

  margin-right: 19px;

}

.honorfirst div:nth-child(3){

  margin-right: 20px;

}


.gywm_ppry_ul{margin-left: -25px;margin-top: 20px;}
.gywm_ppry_ul li{float: left;width: 281px;height: 185px;margin: 20px 0 0 25px;}
/* 实景展厅 */

.Gallery{

  margin-top: 76px;

}

.Gallery>h3{

  display: block;

  width: 152px;

  height: 45px;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #000A24;

  font-weight: 400;

  margin: 0 auto;

}

.Gallery>span{

  display: block;

  color: #666;

  margin-top: 15px;

  text-align: center;

}

.category{

  display: flex;

  text-align:center;

}

.category li{

  display: inline-block;

  list-style: none;

  margin-top: 20px;

  margin-left: 70px;

  width: 88px;

  height: 88px;

  border-radius: 44px;

  border: 1px solid #c8c8c8;

  background-color: #fff;

  color: #666;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  cursor:pointer;

}

.category li i{

  font-style:normal;

  display: inline-block;

  line-height: 88px;

  margin:auto;

}

.current{

  background-color: #C89E69 !important;

  color: #fff !important;

}

.productPicture{

  display: none;

  font-size: 0;

}

.productPicture img{

  display: inline-block;

  width: 285px;

  height: 500px;

  margin-top: 38px;

}

.productPicture img:nth-child(2){

  margin-left: 20px;

  margin-right: 20px;

}

.productPicture img:nth-child(3){

  margin-right: 20px;

}

/* 在线预约模块 */

.subscribe{

  height: 167px;

  margin-top: 20px;

  background-image: url(../images/subscribe.jpg);

}

.subscribe>h4{

  display: inline-block;

  width: 522px;

  margin: 25px 33px 0px 24px;

  font-family: PingFangSC-Regular;

  font-size: 24px;

  color: #fff;

  font-weight: 400;

}

.subscribe>h6{

  display: inline-block;

  margin-top: 25px;

  margin-bottom: 0px;

  height: 33px;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  color: #FFFFFF;

  font-weight: 400;

}

.InfoBar{

  display: block;

  margin-top: 16px;

}

.InfoBarNoe{

  display: inline-block;

  width: 344px;

  height: 50px;

  margin-left: 25px;

}

.InfoBarTwo{

  display: inline-block;

  width: 344px;

  height: 50px;

  margin-left: 20px;

}

.InfoBarNoe input{

  display: inline-block;

  border: none;

  width: 100%;

  height: 100%;

  padding-left: 24px;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  background: #fff;

  color: #000A24;

}

.InfoBarTwo input{

  display: inline-block;

  border: none;

  width: 100%;

  height: 100%;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  padding-left: 24px;

  margin-left: 24px;

  background: #fff;

  color: #000A24;

}

.InfoBar>button{

  display: inline-block;

  width: 370px;

  height: 54px;

  background: #C89E69;

  border: none;

  color: #fff;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  margin-left: 64px;

  outline: none;

}

/* 设计师团队 */

.stylist{

  margin-top: 76px;

}

.stylist>h3{

  display: block;

  width: 228px;

  height: 45px;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #000A24;

  font-weight: 400;

  margin: 0 auto;

}

.stylist>span{

  display: block;

  color: #666;

  margin-top: 11px;

  text-align: center;

}

.stylistimg img{

  width: 100%;

  height: 100%;

  margin-top: 38px;

}

.stylistBtn{

  height: 48px;

  margin-top: 40px;

}



.moreStylist{

  width: 45%;

  height: 54px;

  background: #fff;

  color: #000A24;

  border: 1px solid #000A24;

  font-size: 16px;

  margin-top: 40px;

}

.reserveStylist{

  width: 45%;

  height: 54px;

  background: #C89E69;

  border: none;

  color: #fff;

  font-size: 16px;

  margin-top: 40px;

}

/* 装修计算器模块 */

.calculatorModule{

  margin-top: 80px;

  width: 100%;

  height: 524px;

  background-image: url(../images/calculator.jpg);

}

.calculatorModule>h3{

  display: block;

  width: 646px;

  height: 45px;

  font-family: PingFangSC-Regular;

  font-size: 38px;

  color: #fff;

  font-weight: 400;

  margin: 0 auto;

  padding-top: 56px;

}

.calculatorBox{

  position: relative;

  height: 327px;

  background-color: #fff;

  margin-top: 80px;

}

/* 左侧计算器 */

.calculatorLeft{

  display: inline-block;

  width: 465px;

  height: 238px;

  margin: 43px 0px 0px 45px;

}

.calculatorLeft h4{

  display: inline-block;

  font-family: PingFangSC-Regular;

  font-size: 26.5px;

  font-weight: normal;

  margin-top: 0px;

}

.calculatorLeft span{

  display: inline-block;

  color: #989898;

  font-family: PingFangSC-Regular;

  font-size: 15px;

  margin-left: 25px;

}

.calculatorLeft .hint{

  margin-left: 0px;

  font-family: PingFangSC-Regular;

  font-size: 17px;

  margin-top: 25px;

}

.userName{

  height: 50px;

  margin-top: 40px;

}

.userName>i{

  font-family: PingFangSC-Regular;

  font-size: 18.8px;

  color: #666666;

}

.userName .userNameIpt{

  display: inline-block;

  height: 35px;

  width: 269px;

  margin-left: 10px;

  border: 1.4px solid #616362;

}

.userNameIpt>input{

  padding-left: 10px;

  width: 235px;

  border: none;

  font-family: PingFangSC-Regular;

  font-size: 15px;

  padding-top: 7px;

  outline:none;

}

.userMobile{

  height: 50px;

  margin-top: 15px;

}

.userMobile>i{

  font-family: PingFangSC-Regular;

  font-size: 18.8px;

  color: #666666;

}

.userMobile .userMobileIpt{

  display: inline-block;

  height: 35px;

  width: 269px;

  margin-left: 10px;

  border: 1.4px solid #616362;

}

.userMobileIpt>input{

  padding-left: 10px;

  width: 235px;

  border: none;

  font-family: PingFangSC-Regular;

  font-size: 15px;

  padding-top: 7px;

  outline:none;

}

/* 中间开始计算部分 */

.calculatorCenter{

  display: inline-block;

  position: absolute;

  width: 206px;

  height: 327px;

  background-image: url(../images/calculatorCenter.png);

  background-repeat: no-repeat;

  background-position:20px 0px;

}

.calculatorCenter>button{

  display: block;

  width: 110px;

  height: 110px;

  border-radius: 55px;

  background-color: #c89e69;

  border: none;

  transform: translate(28%,97%);

  color: #fff;

  font-family: PingFangSC-Regular;

  font-size: 24px;

  outline: none;

}

/* 右侧用户部分 */

.calculatorRight{

  display: inline-block;

  position: absolute;

  width: 420px;

  height: 238px;

  margin-left: 206px;

  margin-top: 43px;

  text-align: center;

  border: 1px solid #d7d7d7;

}

.minTitle{

  position: absolute;

  margin-left: 10px;

  margin-top: 218px;

  display: block;

  width: 272px;

  font-family: PingFangSC-Regular;

  font-size: 26.5px;

  background-color: #fff;

  transform: translate(24%,-1300%);

  text-align: center;

  z-index: 1;

}

.getUser{

  width: 300px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  height: 165px;

  background-color: #fff;

  border-radius: 5px;

  margin-top: 45px;

}

.getUser ul{

  top: -15px;

  padding: 0;

  color: #666666;

  font-family: PingFangSC-Regular;

  font-size: 16px;

  position: relative;

}

.getUser li{

  height: 34px;

  padding:0;

  font-size: 12px;

  line-height: 34px;

  list-style: none;

  font-family: PingFangSC-Regular;

  font-size: 16px;

}