﻿.inside-banner {
  position: relative;
  overflow: hidden;
}
.inside-banner img {
  display: block;
  width: 100%;
}
.inside-banner .ban-info {
  position: absolute;
  left: 0;
  top: 35%;
  z-index: 10;
  width: 100%;
  text-align: center;
  color: #fff;
}
.inside-banner .ban-info h2 {
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 66px;
}
.inside-banner .ban-info p {
  font-size: 20px;
  line-height: 30px;
}
.section{
    background: #fff;
}
.advert_box{background: #fff;padding: 30px 0;}
.advert_box ul{display: flex;}
.advert_box .advert_item{text-align: left; float: left;margin: 0 10px;background: #fff;width: 280px;padding: 20px;background: linear-gradient(43deg,#01B760,#01B760);}
.advert_box .advert_item h3{font-size: 20px;font-weight: bold;color: #fff;padding-bottom: 16px;}
.advert_box .advert_item p{font-size: 14px;color: #fff;line-height: 1.8;}
.window_width{ width: 1200px; margin: 0 auto;}
.section.meal_box,.section.fangan_title_box,.section.fangan_left,.section.case_title_box {background: #F6F6F6;}
.section .section_title{ font-size: 32px; color: #222222; line-height: 1;}
.section .section_sub_title{ font-size: 16px; color: #666; margin-top: 16px;}
.section .section_div{ margin-top: 40px;}
.section .window_width{
    overflow: hidden;
}
.section *{box-sizing: border-box;line-height: 1.75;}
.section .section_content{margin-top: 44px;}
.section .service_btn{width: 120px;margin: 0 auto;font-size: 14px; line-height: 33px;border: 1px solid #222;background: #fff;display: inline-block;cursor: pointer;}
.section .service_btn.center_btn{margin-top: 24px;color: #222;}
.section .service_btn.center_btn:hover{background: #01B760;color: #fff;border-color: #01B760;}
.section .center_btn.fill_btn{background:#01B760;border-color:#01B760; color: #fff;margin-right: 12px;}
.section .center_btn.fill_btn:hover{background:#01B760;border-color:#01B760;}
.section.meal_box,.section.fangan_title_box,.section.fangan_left,.section.case_title_box {background: #F6F6F6;}
.section *{
    box-sizing: border-box;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icona-lianhe7:before {
  content: url(../images/huoke-4.png);
}

.icona-lianhe11:before {
  content: url(../images/huoke-14.png);
}

.icona-lianhe8:before {
  content: url(../images/huoke-7.png);
}

.icona-lianhe10:before {
  content: url(../images/huoke-5.png);
}

.icona-lianhe5:before {
  content: url(../images/huoke-2.png);
}

.icona-lianhe3:before {
  content: url(../images/huoke-1.png);
}

.icona-lianhe6:before {
  content: url(../images/huoke-3.png);
}

.icona-lianhe9:before {
  content: url(../images/huoke-6.png);
}

.icona-lianhe12:before {
  content: url(../images/huoke-13.png);
}

.icona-lianhe17:before {
  content: url(../images/huoke-10.png);
}

.icona-lianhe16:before {
  content: url(../images/huoke-11.png);
}

.icona-lianhe14:before {
  content: url(../images/huoke-12.png);
}

.icona-lianhe19:before {
  content: url(../images/huoke-8.png);
}

.icona-lianhe18:before {
  content: url(../images/huoke-9.png);
}

.icona-lianhe20:before {
  content: url(../images/huoke-20.png);
}

.icona-lianhe21:before {
  content: url(../images/huoke-21.png);
}

.icona-lianhe22:before {
  content: url(../images/huoke-22.png);
}

.icona-lianhe23:before {
  content: url(../images/huoke-23.png);
}

.icona-lianhe24:before {
  content: url(../images/huoke-24.png);
}

.icona-lianhe25:before {
  content: url(../images/huoke-25.png);
}

.icona-lianhe26:before {
  content: url(../images/huoke-26.png);
}
.meal_box ul{overflow: hidden;display: flex;}
.meal_box ul .meal_item{float: left;margin: 0 10px;background: #fff;width: 380px;padding: 20px;}
.meal_box .meal_item h3{font-size: 24px;}
.meal_box .meal_item p{margin-top: 10px;font-size: 14px;color: #999;}
.meal_box .price_div{padding: 15px 0;font-size: 14px;line-height: 1.5;color: #666;box-sizing: border-box;}
.meal_box .price_div i{font-size: 18px;}
.meal_box .price_div .price{font-size: 40px;font-weight: bold;margin: 0 5px;}
.meal_box .buy_btn{height: 35px;line-height: 32px;text-align: center;display: block;margin: 0 auto;width: 100%;transition: all .2s;font-size: 14px;color: #333;line-height: 33px;border: 1px solid #666;}
.meal_box .buy_btn:hover{background: #01B760;border: 1px solid #01B760;color: #fff;;}
.meal_box .p_content{display: block; text-align: left;padding: 12px 0 6px;color: #999;line-height: 2.2;font-size: 14px;}
.meal_box .p_content .p_content_item{padding: 4px 0; text-align: center; }
.section{ padding: 20px 0; text-align: center; clear: both;}
.fangan_title_box{padding-bottom: 0!important;}
.fangan_box{padding: 0!important;}
.fangan_box.fangan_right{background:#fff;}
.fangan_box .fangan_cont {overflow: hidden;display: flex;margin: 0 auto;padding: 50px 0;}
.fangan_box.fangan_right .fangan_cont{flex-direction: row-reverse;}
.fangan_box .fangan_cont .image_view{width: 50%;}
.fangan_box .fangan_cont .cont_view{width: 50%;text-align: left;padding-left: 58px;}
.fangan_box .cont_view .cont,.fangan_box .image_view .image{position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.fangan_box .cont_view .info_item{padding-top: 18px;}
.fangan_box .cont_view .title_view {font-size: 20px;font-weight: bold;padding-bottom: 6px;}
.fangan_box .cont_view .title_view .subtitle{font-size: 20px;font-weight: normal;}
.fangan_box .cont_view .title_view .title{font-size: 24px;font-weight: normal;}
.fangan_box .cont_view .info_view .info_title{font-size: 16px;padding-bottom: 2px;}
.fangan_box .cont_view .info_view .info_title::before{content: ' ';display: inline-block;width: 10px;height: 10px;border: 2px solid #01B760;box-sizing: border-box;border-radius: 20px;margin-right: 14px;}
.fangan_box .cont_view .info_view .info_brief{font-size: 14px;color: #666666;padding-left: 24px;}
.fangan_box .cont_view .adv_view{padding-top: 25px;}
.fangan_box .cont_view .adv_item{max-width: 100%; width: 300px;height: 85px; padding: 8px 14px;margin-bottom: 20px;cursor: pointer;}
.fangan_box .cont_view .adv_item.not_cur{box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
.fangan_box .cont_view .adv_item.cur{border: 1px solid #01B760;}
.fangan_box .cont_view .adv_item .adv_title{font-size: 16px;line-height: 20px;}
.fangan_box .cont_view .adv_item.cur .adv_title{color: #01B760;}
.fangan_box .cont_view .adv_item .adv_title i.iconfont{font-size: 20px;margin-right: 6px;line-height: 20px;color: #545454;}
.fangan_box .cont_view .adv_item.cur .adv_title i.iconfont{color: #01B760;}
.fangan_box .cont_view .adv_item .adv_brief{font-size: 12px;color: #666;padding: 4px 0 0 26px;}
.fangan_box .center_btn{text-align: center;margin-top: 25px!important;}


.application_box .application_cont{display: flex;margin: 0 auto;padding: 20px 0;}
.application_box.application_right .application_cont{flex-direction: row-reverse;}
.application_box .application_cont .image_view{width: 50%;}
.application_box .application_cont .cont_view{width: 50%;text-align: left;padding-left: 58px;}
.application_box .cont_view .cont, .application_box .image_view .image{position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.application_box .cont_view .title{font-size: 32px;padding-bottom: 16px;}
.application_box .cont_view .sub_title{font-size: 18px;}
.application_box .cont_view .sub_title .red{color: #01B760;}
.application_box .cont_view .info{font-size: 0;width: 100%;margin-top: 40px;}
.application_box .cont_view .info .info_text{font-size: 14px;}
.application_box .cont_view .info .info_text::before{content: ' ';display: inline-block;width: 8px;height: 8px;border-radius: 100%;border: 1px solid #01B760;box-sizing: border-box;margin-right: 10px;}
.mingpian_view .application_box .cont_view .service_btn_view{margin-top: 24px;}
.mingpian_view .application_box06 .cont_view .service_btn_view{margin-top: 23px;}
.service_btn_view .center_btn{text-align: center;}
.section.application_left{background-color: #f6f6f6;}



.section {
  padding: 30px 0;
  text-align: center;
  clear: both;
}
.pain_point_box .section_content {
  font-size: 0;
}
.section .section_content {
  margin-top: 20px;
}
.pain_point_box .pain_point_item {
  width: calc(100%/6 - 20px);
  font-size: 16px;
  border: 1px solid #EBEBEB;
  display: inline-block;
  margin: 0 10px;
  padding: 24px 0;
  box-sizing: border-box;
}
.system_box {
  background: url('/skin/images/bgimage.jpg') no-repeat center center;
    background-size: auto;
  background-size: cover;
}
.system_box .section_title {
  color: #fff !important;
}
.system_box .section_content {
  font-size: 0;
}
.system_box .system_item {
  width: calc(100%/7 - 20px);
  display: inline-block;
  margin: 0 10px 35px;
  box-sizing: border-box;
}
.system_box .system_item .system_icon {
  font-size: 64px;
  color: #fff;
  line-height: 1;
}
.system_box .system_item .system_text {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  width: 100%;
  padding-top: 24px;
}
.marketing_method_box .method_item {
  width: calc(100%/3 - 20px);
  display: inline-block;
  margin: 0 10px 6px;
  box-sizing: border-box;
  vertical-align: text-top;
}
.marketing_method_box .method_item .title {
  font-size: 24px;
  padding-top: 16px;
}
.section * {
  box-sizing: border-box;
  line-height: 1.75;
}
.marketing_method_box .method_item .info {
  font-size: 14px;
  color: #666;
  width: 100%;
  text-align: center;
  padding: 10px 32px 20px;
}
.marketing_method_box .method_item .image {
  max-width: 100%;
}
.window_width {
  width: 1200px;
  margin: 0 auto;
    margin-top: 0px;
}
.marketing_method_box .section_content {
  font-size: 0;
}
.fission_box {
  background-color: #f6f6f6;
}
.connect_box .method_item {
  width: calc(100%/2 - 20px);
}
.monitor_box {
  background-color: #f6f6f6;
}
.solution_box .solution_item {
  width: calc(100%/5 - 20px);
  display: inline-block;
  margin: 0 10px 64px;
  box-sizing: border-box;
}
.solution_box .solution_item .solution_image {
  width: 110px;
}
.solution_box .solution_item .solution_text {
  font-size: 24px;
  display: inline-block;
  width: 100%;
  padding-top: 24px;
}
.solution_box .section_content {
  font-size: 0;
}







.section.service_box{
    background-color: #CEF0C9;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.service_box.peopleImg:after{
    content: '';
    position: absolute;
    width: 1400px;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 2;
    margin-left: -700px;
    background-image: url('/skin/images/service_img.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.service_box .window_width{
    position: relative;
    z-index: 3;
    padding: 60px 0;
    overflow: hidden;
}
.service_box .info{
    width: 789px;
    text-align: center;
    margin: 0 10px;
}
.service_box .info h3{
    margin: 0 0 20px;
    text-align: left;
}
.service_box.isAgent .info h3{
    text-align: center;
}
.service_box .info .section_sub_title{
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}
.service_box.isAgent .info .section_sub_title{
    text-align: center;
}
.service_box .info .section_sub_title a{
    color: #666;
}
.service_box ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 40px;
}
.service_box.isAgent ul{
    justify-content: center;
}
.service_box ul li{
    font-size: 14px;
    margin: 0 70px 0 0;
}
.service_box li h4{
    font-size: 24px;
    margin-bottom: 20px;
    color: #222;
    text-align: left;
}
.service_box .info li p{
    line-height: 2;
    text-align: left;
}
.service_box .staff{
    border-right: 2px solid #01B760;
    text-align: left;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.8;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 2;
}
.service_box .contact_btn{
    background: #fff;
    border: 1px solid #666;
    color: #222;
    padding: 0 40px;
    display: inline-block;
    transition: all .2s;
    margin-top: 40px;
}
.service_box .contact_btn:hover{
    background: #009900;
    border-color: #009900;
    color: #fff;
}

.section .section_btn {
  height: 35px;
  line-height: 33px;
  font-size: 14px;
  transition: all .2s;
}
#bottom,#new_bottom{ margin-top: 0 !important;}
.window_width {
  width: 1200px;
  margin: 0 auto;
}
.question_box .section_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.question_box .item {
  border: 1px solid #EBEBEB;
  margin: 0 10px;
  flex: 1;
}
.question_box .item_image {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.question_box .image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  vertical-align: top;
}
.question_box .section_content .title {
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  position: relative;
  z-index: 2;
  height: 185px;
  line-height: 185px;
}
.question_box .text {
  font-size: 20px;
  color: #333333;
  line-height: 1.5;
  padding: 30px 0;
}
.mingpian_view .section:nth-of-type(2n) {
  background: #f6f6f6 !important;
}
.answers_box {
  background: #f6f6f6;
}
.answers_box .section_content {
  overflow: hidden;
}
.answers_box .item {
  float: left;
  width: calc((100% - 60px)/3);
}
.answers_box .item .title {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  color: #222222;
  text-align: left;
  font-size: 16px;
}
.answers_box .item .title::before {
  content: '';
  background: #c00;
  border-radius: 20px;
  width: 4px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
}
.answers_box .item .text {
  padding-left: 20px;
  color: #999999;
  text-align: left;
  font-size: 14px;
}
