/* 轮播图样式 */
.zhy_banner {
  position: relative;
  background: url('../images/banner.png') no-repeat center;
  height: 500px;
}

.banner_content {
  text-align: center;
}

.banner_content h1{
  font-size: 65px;
  color: #fff;
  padding-top: 120px;
}

.banner_content h3 {
  font-size: 24px;
  color: #26b6ff;
  padding-top: 20px;
}

.banner_content div {
  width: 220px;
  height: 45px;line-height:45px; margin-left:44%;
  background: #0093dd;
  border: 0;
  border-radius: 8px;
  margin-top: 45px;
  outline: none;
  cursor: pointer;
}

.banner_content div a {
  display: block;
  color: #fff;
  font-size: 18px;
}

/* 文字描述样式 */
.zhy_text {
  margin: 70px auto;
  height: 265px;
  box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -webkit-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -moz-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -o-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -ms-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  border-radius: 5px;
}

.zhy_text h2 {
  font-size: 32px;
  color: #333;
  text-align: center;
  padding-top: 56px;
}

.zhy_text p {
  width: 1170px;
  font-size: 18px;
  line-height: 38px;
  text-indent: 2em;
  padding-top: 20px;
  padding-left: 32px;
}

/* 图文区域样式 */
.zhy_content {
  margin: 50px auto;
  height: 400px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-wrap: -webkit-nowrap;
  flex-wrap: -moz-nowrap;
  flex-wrap: -ms-nowrap;
  flex-wrap: nowrap;

  justify-content: -webkit-space-between;
  justify-content: -moz-space-between;
  justify-content: -ms-space-between;
  justify-content: space-between;
}

.content_box {
  width: 382px;
}

.content_box h3 {
  font-size: 20px;
  color: #333;
  margin-top: 18px;
}

.content_box p {
  font-size: 16px;
  margin-top: 5px;
}

/* 生态圈区域样式 */
.zhy_ecology {
  margin: -5px auto;
  text-align: center;

}

.zhy_ecology h2 {
  font-size: 36px;
  color: #333;
}

.zhy_ecology em {
  color: #0093dd;
}

.zhy_ecology p {
  font-size:18px;
  padding-top: 12px;
}

.zhy_ecology img {
  padding-top: 51px;
}

.zhy_service {
  width: 100%;
  height: 553px;
  background: #eef7fb;
}

.zhy_service .title {
  text-align: center;
  padding-top: 64px;
}

.zhy_service .title h2 {
  font-size: 36px;
  color: #333;
}

.zhy_service .title em {
  color: #0093dd;
}

.zhy_service .title p {
  font-size: 18px;
  padding-top: 12px;
}

.zhy_service .service_box {
  margin: 60px auto;
  overflow: hidden;
}

.zhy_service
.service_content {
  width: 198px;
  height: 300px;
  text-align: center;
  float: left;
  margin:0 51px;
}

.zhy_service img {
  margin: 0 auto;
}

.zhy_service
.service_content h3 {
  font-size: 24px;
  color: #333;
  margin-top: -4px;
}

.zhy_service
.service_content p {
  font-size: 16px;
  margin-top: 10px;
}

/* 生活服务商区域样式 */
.zhy_life {
  height: 267px;
  background: #0093dd;
}

.zhy_life .life_box {
  margin: 0 auto;
}

.zhy_life .life_box .life_text {
  float: left;
}

.zhy_life .life_box h2 {
  font-size: 46px;
  color: #fff;
  padding-top: 60px;
  padding-left: 118px;
}

.zhy_life .life_box .exhibition {
  width: 400px;
  height: 48px;
  line-height: 48px;
  background: #ffb535;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  margin-top: 25px;
  margin-left: 118px;
}

.zhy_life .life_box img {
  width: 387px;
  height: 203px;
  float: left;
  margin: 32px 0 0 63px;
}

/* 智慧社区赢在未来 */
.zhy_future {
  height: 625px;
}

.zhy_future .future_box {
  margin: 0 auto;
}

.zhy_future .future_box
.futyre_title {
  text-align: center;
  padding-top: 60px;
}

.zhy_future .future_box
.futyre_title h2 {
  font-size: 36px;
  color: #333;
}

.zhy_future .future_box
.futyre_title em {
  color: #0093dd;
}

.zhy_future .future_box
.futyre_title p {
  font-size: 16px;
  padding-top: 14px;
}

.zhy_future .future_box
.future_content {
  width: 277px;
  height: 345px;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -webkit-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -moz-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -o-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  -ms-box-shadow: 0 2px 20px rgba(0,147,241,0.35);
  float: left;
  margin: 50px 11px 20px;
}

.zhy_future .future_box
.future_content:hover .h3 h3{
  color: #FFF;
}

.zhy_future .future_box
.future_content:hover .h3{
  background-color: #0093dd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.zhy_future .future_box
.future_content .h3 {
  height: 124px;
  padding: 28px 42px;
}

.zhy_future .future_box
.future_content .h3 h3 {
  font-size: 24px;
  color: #333;
  width: 195px;
  text-align: center;
}

.zhy_future .future_box
.future_content p {
  margin-top: 24px;
  font-size: 16px;
  padding:0 24px;
}

/* 移动应用展示样式 */
.zhy_application {
  height: 721px;
  background: #f5f9fe;
}

.zhy_application
.application_box {
  margin: 0 auto;
}

.zhy_application
.application_box
.application_text {
  text-align: center;
  padding-top: 63px;
}

.zhy_application
.application_box
.application_text h2 {
  font-size: 36px;
  color: #333;
}

.zhy_application
.application_box
.application_text em {
  color: #0093dd;
}

.zhy_application
.application_box
.application_text p {
  padding-top: 15px;
  font-size: 16px;
}

.zhy_application
.application_box
.application_text img {
  padding-top: 62px;
  margin: 0 auto;
  display: block;
}

/* 功能区域 */
.zhy_function {
  margin: 0 auto;
  /* height: 1200px; */
}

.zhy_function .function_text {
  padding-top: 62px;
  text-align: center;
}

.zhy_function .function_text h2 {
  font-size: 36px;
  color: #333;
}

.zhy_function .function_text em {
  color: #0093dd;
}

.zhy_function .function_text p {
  padding-top: 15px;
  font-size: 16px;
}

.zhy_function .function_container {
  margin-left: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-wrap: -webkit-nowrap;
  flex-wrap: -moz-nowrap;
  flex-wrap: -ms-nowrap;
  flex-wrap: wrap;

  justify-content: -webkit-space-between;
  justify-content: -moz-space-between;
  justify-content: -ms-space-between;
  justify-content: space-between;
}

.zhy_function .function_container .function_box {
  width: 175px;
  text-align: center;
  /* float: left; */
  padding: 20px 15px;
}

.zhy_function .function_container .function_box h3 {
  font-size: 20px;
  color: #333;
}

.zhy_function .function_container .function_box p {
  margin-top: 10px;
}

/* 合作区域 */
.zhy_cooperation {
  height: 1090px;
  background: #F6FAFD;
}

.zhy_cooperation .cooperation_text {
  padding-top: 62px;
  text-align: center;
}

.zhy_cooperation .cooperation_text h2 {
  font-size: 36px;
  color: #333;
}

.zhy_cooperation .cooperation_text p {
  margin-top: 10px;
  font-size: 16px;
}

.zhy_cooperation img {
  margin: 40px auto;
}

/* 结尾区域 */
.zhy_fine {
  height: 1500px;
}

.zhy_fine .fine_text {
  text-align: center;
  padding-top: 62px;
}

.zhy_fine .fine_text h2 {
  font-size: 36px;
  color: #333;
}

.zhy_fine .fine_text em {
  color: #0093dd;
}

.zhy_fine .fine_left {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

.zhy_fine .fine_left .fine_box {
  width: 600px;
  float: left;
  margin-top: 62px;
}

.zhy_fine .fine_left .fine_box h3 {
  font-size: 30px;
  color: #0093dd;
}

.zhy_fine .fine_left .fine_box p {
  font-size: 18px;
  margin-top: 18px;
}

.zhy_fine .fine_left .fine_img img {
  width:367px;
  height: 258px;
  float: right;
}


.zhy_fine .fine_right {
  width: 1200px;
  overflow: hidden;
  margin: 70px auto;
}

.zhy_fine .fine_right .fine_box {
  float: right;
  margin-top: 62px;
}

.zhy_fine .fine_right .fine_box h3 {
  font-size: 30px;
  color: #0093dd;
}

.zhy_fine .fine_right .fine_box p {
  width: 600px;
  font-size: 18px;
  margin-top: 18px;
}

.zhy_fine .fine_right .fine_img img {
  float: left;
}

/* end */
.end {
  height: 270px;
}