/* 智慧养老行业解决方案 */
.zhyl {

}

/* 共用样式 */
.zhyl h2 {
  font-size: 40px;
  font-weight: normal;
  color: #333;
  text-align: center;
}

/* 轮播图  */
.zhyl_banner {
  height: 500px;
  background: url('../images/zhyl_banner_bg.png') no-repeat center;
}

.zhyl_banner .banner_text {
  padding-top: 120px;
  text-align: center;
}

.zhyl_banner .banner_text h1 {
  font-size: 65px;
  color: #fff;
  font-weight: bold;
}

.zhyl_banner .banner_text p {
  width: 1000px;
  font-size: 22px;
  line-height: 42px;
  color: #fff;
  padding-top: 43px;
  margin: 0 auto;
}

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

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

/* 养老行业的发展需求 */

.zhyl_develop .develop_text {
  padding-top: 70px;
}

.zhyl_develop .develop_text h2 {
  color: #fff;
}

.zhyl_develop .develop_container {
  width: 1200px;
  overflow: hidden;
  margin: 70px auto;
}

.zhyl_develop .develop_container .develop_img {
  width: 285px;
  height: 285px;
  float: left;
  margin-left: 60px;
}
.zhyl_develop .develop_container .develop_img img {

}

.zhyl_develop .develop_container .develop_box {
  width: 765px;
  display: inline-block;
  margin-top: 60px;
  margin-left: 70px;
}

.zhyl_develop .develop_container .develop_box p {
  line-height: 40px;
  font-size: 18px;
  color: #666666;
}



/* 养老行业分析 */
.zhyl_analysis {
  width: 100%;
  height: 530px;
  background: url('../images/zhyl_analysis_bg.png') no-repeat center;

}

.zhyl_analysis .analysis_text {
  padding-top: 64px;
}

.zhyl_analysis .analysis_text p {
  text-align: center;
  font-size: 16px;
  padding-top: 20px;
}

.zhyl_analysis .analysis_box {
  margin: 10px auto 0;
  overflow: hidden;
  text-align: center;
}

.zhyl_analysis .analysis_content {
  width: 220px;
  height: 306px;
  float: left;
  margin: 50px 10px;
  background: #fff;
}

.zhyl_analysis .analysis_content:hover {
  background: #0093dd;
}

.zhyl_analysis .analysis_content:hover .analysis_shade {
  display: block;
  height: 229px;
  background: rgba(0, 52, 91, .4);
}

.zhyl_analysis .analysis_content .analysis_shade p {
  line-height: 25px;
  font-size: 16px;
  color: #fff;
  padding: 70px  20px;
}

.zhyl_analysis .analysis_content .analysis_img {
  width: 220px;
  height: 229px;
  background: url('../images/zhyl_analysis_1.png') no-repeat;
}

.zhyl_analysis .analysis_content .analysis_1 {
  background: url('../images/zhyl_analysis_1.png') no-repeat;
}

.zhyl_analysis .analysis_content .analysis_2 {
  background: url('../images/zhyl_analysis_2.png') no-repeat;
}


.zhyl_analysis .analysis_content .analysis_3 {
  background: url('../images/zhyl_analysis_3.png') no-repeat;
}

.zhyl_analysis .analysis_content .analysis_4 {
  background: url('../images/zhyl_analysis_4.png') no-repeat;
}

.zhyl_analysis .analysis_content .analysis_5 {
  background: url('../images/zhyl_analysis_5.png') no-repeat;
}


.zhyl_analysis .analysis_content h3 {
  font-size: 24px;
  color: #333;
  margin-top: 25px;
}

.zhyl_analysis .analysis_content:hover h3 {
  color: #fff;
}


/* 方案描述 */

.zhyl_describe .describe_text {
  padding-top: 70px;
}


.zhyl_describe .describe_container {
  width: 1200px;
  overflow: hidden;
  margin: 70px auto;
}


.zhyl_describe .describe_container .describe_box {
  width: 548px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 70px;
  float: left;
}

.zhyl_describe .describe_container .describe_box h3 {
  font-size: 24px;
  font-weight: bold;
  color: #0093dd;
}

.zhyl_describe .describe_container .describe_box p {
  line-height: 35px;
  padding-top: 20px;
  font-size: 16px;
  color: #666666;
}

.zhyl_describe .describe_container .describe_img {
  float: right;
}
.zhyl_describe .describe_container .describe_img img {

}

/* 智慧养老服务 */
.zhyl_service {
  height: 735px;
  background: url('../images/zhyl_service_bg.png') no-repeat center;

}

.zhyl_service .service_text {
  padding-top: 64px;
}

.zhyl_service .service_text h2 {
  color: #fff;
}

.zhyl_service .service_text p {
  width: 1100px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  margin: 0 auto;
  padding-top: 20px;
  color: #fff;
}

.zhyl_service .service_box {
  margin: 10px auto 0;
  overflow: hidden;
  text-align: center;
}

.zhyl_service .service_content {
  width: 260px;
  height: 365px;
  float: left;
  margin: 30px 20px;
  position: relative;
}


.zhyl_service .service_content .service_icon {
  /* margin: 0 auto; */
  width: 142px;
  height: 142px;
  position: absolute;
  left: 58px;
}

.zhyl_service .service_content .service_bg {
  width: 260px;
  height: 285px;
  background: rgba(255, 255, 255, .6);
  border-radius: 10px;
  margin-top: 80px;
}

.zhyl_service .service_content .service_bg:hover {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 30px rgba(0,147,221,0.6);
  -webkit-box-shadow: 0 2px 30px rgba(0,147,221,0.6);
  -moz-box-shadow: 0 2px 30px rgba(0,147,221,0.6);
  -o-box-shadow: 0 2px 30px rgba(0,147,221,0.6);
  -ms-box-shadow: 0 2px 30px rgba(0,147,221,0.6);
}

.zhyl_service .service_content .fi_1 {
  background: url('../images/zhyl_service_1.png') no-repeat;
}

.zhyl_service .service_content:hover .fi_1 {
  background: url('../images/zhyl_service_hover_1.png') no-repeat;
}

.zhyl_service .service_content .fi_2 {
  background: url('../images/zhyl_service_2.png') no-repeat;
}

.zhyl_service .service_content:hover .fi_2 {
  background: url('../images/zhyl_service_hover_2.png') no-repeat;
}

.zhyl_service .service_content .fi_3 {
  background: url('../images/zhyl_service_3.png') no-repeat;
}

.zhyl_service .service_content:hover .fi_3 {
  background: url('../images/zhyl_service_hover_3.png') no-repeat;
}

.zhyl_service .service_content .fi_4 {
  background: url('../images/zhyl_service_4.png') no-repeat;
}

.zhyl_service .service_content:hover .fi_4 {
  background: url('../images/zhyl_service_hover_4.png') no-repeat;
}

.zhyl_service .service_content h3 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-top: 70px;
}


.zhyl_service .service_content p {
  width: 200px;
  line-height: 25px;
  margin: 0 auto;
  padding: 10px 0;
  color: #666;
  font-size: 16px;
}



/* 智慧解决方案 */

.zhyl_solve {

}


.zhyl_solve .solve_text {
  padding-top: 64px;
}

.zhyl_solve .solve_box {
  margin: 60px auto 0;
  /* overflow: hidden; */
}

.zhyl_solve
.solve_content {
  width: 300px;
  height: 350px;
  text-align: center;
  float: left;
  margin: 30px 0;
}

.zhyl_solve
.solve_content:hover {
  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: 10px;
}

.zhyl_solve
.solve_content img {
  margin: 30px auto;
}

.zhyl_solve
.solve_content h3 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.zhyl_solve
.solve_content p {
  width: 240px;
  line-height: 20px;
  font-size: 14px;
  margin: 25px auto;
  color: #666;
}

/* 功能描述 */
.zhyl_function {
  height: 530px;
  background: url('../images/zhyl_function_bg.png') no-repeat center;
}


.zhyl_function .function_text {
  padding-top: 64px;
}

.zhyl_function .function_text h2 {
  color: #fff;
}

.zhyl_function .function_button {
  width: 600px;
  margin: 40px auto;
  text-align: center;
}

.zhyl_function .function_button .function_active {
  display: inline-block;
  width: 150px;
  height: 50px;
  margin: 0 15px;
  border-radius: 10px;
  border: 1px solid #fff;
  outline: none;
  background: transparent;
}

.zhyl_function .function_button .function_active:hover {
  background: #26b6ff;
  border: none;
}
.function_button .function_active.curr{
  background: #26b6ff;
  border: none;
}


.zhyl_function .function_button .function_active a {
  font-size: 20px;
  display: inline-block;
  color: #fff;
}

.zhyl_function .function_box {
  margin: 60px auto 0;
  overflow: hidden;

  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;

  /*主轴对齐*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  
  /*侧轴对齐*/
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.zhyl_function
.function_content {
  width: 260px;
  height: 220px;
  text-align: center;
  float: left;
  margin: 15px 0;
  padding: 0 30px;
  border-right: 1px solid rgba(255, 255, 255, .4);
}

.zhyl_function
.function_content:last-child {
  border:none;
}

.zhyl_function .function_none {
  display: none;
}

.zhyl_function .function_main {
  display: flex;
}

.zhyl_function
.function_content .function_icon {
  margin: 0 auto;
}

.zhyl_function
.function_content .function_ic_1 {
  width: 46px;
  height: 48px;
  background: url('../images/zhyl_function_1.png');
}

.zhyl_function
.function_content .function_ic_2 {
  width: 68px;
  height: 46px;
  background: url('../images/zhyl_function_2.png');
}

.zhyl_function
.function_content .function_ic_3 {
  width: 48px;
  height: 46px;
  background: url('../images/zhyl_function_3.png');
}

.zhyl_function
.function_content .function_ic_4 {
  width: 46px;
  height: 45px;
  background: url('../images/zhyl_function_4.png');
}

.zhyl_function
.function_content .function_ic_5 {
  width: 44px;
  height: 50px;
  background: url('../images/zhyl_function_5.png');
}

.zhyl_function
.function_content .function_ic_6 {
  width: 52px;
  height: 50px;
  background: url('../images/zhyl_function_6.png');
}

.zhyl_function
.function_content .function_ic_7 {
  width: 28px;
  height: 50px;
  background: url('../images/zhyl_function_7.png');
}

.zhyl_function
.function_content .function_ic_8 {
  width: 56px;
  height: 50px;
  background: url('../images/zhyl_function_8.png');
}

.zhyl_function
.function_content .function_ic_9 {
  width: 51px;
  height: 50px;
  background: url('../images/zhyl_function_9.png');
}

.zhyl_function
.function_content .function_ic_10 {
  width: 50px;
  height: 50px;
  background: url('../images/zhyl_function_10.png');
}

.zhyl_function
.function_content .function_ic_11 {
  width: 50px;
  height: 50px;
  background: url('../images/zhyl_function_11.png');
}

.zhyl_function
.function_content .function_ic_12 {
  width: 50px;
  height: 50px;
  background: url('../images/zhyl_function_12.png');
}

.zhyl_function
.function_content .function_ic_13 {
  width: 46px;
  height: 50px;
  background: url('../images/zhyl_function_13.png');
}

.zhyl_function
.function_content .function_ic_14 {
  width: 50px;
  height: 50px;
  background: url('../images/zhyl_function_14.png');
}

.zhyl_function
.function_content h3 {
  font-size: 18px;
  color: #fff;
  margin-top: 25px;
  font-weight: normal;
}

.zhyl_function
.function_content p {
  line-height: 25px;
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
}

/* 智慧养老系统优势 */
.zhyl_superiority .superiority_text {
  padding-top: 70px;
}


.zhyl_superiority .superiority_container {
  width: 1200px;
  overflow: hidden;
  margin: 70px auto;
}


.zhyl_superiority .superiority_container .superiority_box {
  width: 530px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 100px;
  float: left;
}

.zhyl_superiority .superiority_container .superiority_box p {
  line-height: 35px;
  padding-top: 20px;
  font-size: 24px;
  color: #666666;
}

.zhyl_superiority .superiority_container .superiority_img {
  margin-top: 40px;
  margin-right: 120px;
  float: right;
}

.zhyl_superiority .superiority_container .superiority_img img {

}


/* 系统搭建优势 */

.zhyl_build {
  background: #f0faff;
}

.zhyl_build .build_text {
  padding-top: 70px;
}


.zhyl_build .build_container {
  width: 1200px;
  overflow: hidden;
  margin: 30px auto 0;
}


.zhyl_build .build_container .build_box {
  margin: 40px 40px;
  float: left;
}

.zhyl_build .build_container .build_box img {
  margin: 10px;
  float: left;
}

.zhyl_build .build_container .build_box .build_ms {
  width: 350px;
  float: left;
  margin-left: 20px;
}

.zhyl_build .build_container .build_box h3 {
  font-size: 30px;
  font-weight: bold;
  padding-top: 10px;
  color: #333;
}

.zhyl_build .build_container .build_box p {
  line-height: 30px;
  padding-top: 10px;
  font-size: 18px;
  color: #666666;
}

/* 专业服务 */
.zhyl_major {

}


.zhyl_major .major_text {
  padding-top: 64px;
}

.zhyl_major .major_text p {
  width: 570px;
  margin: 0 auto;
  padding-top: 20px;
  font-size: 14px;
  line-height: 35px;
  text-align: center;
  color: #666;
}

.zhyl_major .major_box {
  /* margin: 60px auto 0; */
  /* overflow: hidden; */
}

.zhyl_major
.major_content {
  width: 380px;
  height: 360px;
  text-align: center;
  float: left;
  margin: 30px 10px 50px;
}

.zhyl_major
.major_content:hover {
  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: 10px;
}

.zhyl_major
.major_content img {
  margin: 50px auto 0;
}

.zhyl_major
.major_content h3 {
  font-size: 20px;
  padding-top: 40px;
  color: #333;
  font-weight: bold;
}

.zhyl_major
.major_content p {
  width: 260px;
  line-height: 25px;
  font-size: 16px;
  margin: 18px auto 26px;
  color: #666;
}