.home_main {
  width: 100%;
  /* height: 155px; */
}

.community_dynamics {
  background: -moz-linear-gradient(to bottom, #FCF0E2 0%, rgba(252, 236, 218, 0.80) 78%, #FFF7ED 100%);
  background: -ms-linear-gradient(to bottom, #FCF0E2 0%, rgba(252, 236, 218, 0.80) 78%, #FFF7ED 100%);
  background: -webkit-linear-gradient(to bottom, #FCF0E2 0%, rgba(252, 236, 218, 0.80) 78%, #FFF7ED 100%);
  background: linear-gradient(to bottom, #FCF0E2 0%, rgba(252, 236, 218, 0.80) 78%, #FFF7ED 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#FCF0E2", endColorstr="#FFF7ED", gradientType="0");
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(252, 236, 218, 0.80) 78%, #FFF7ED 100%);
  
}

.community_dynamics .online_order {
  position: fixed;
  top: 556px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-image: linear-gradient(-45deg, #1B7DC2 0%, #35A8F8 100%);
  box-shadow: 0 2px 10px 0 rgba(112, 179, 232, 0.49);
  border-radius: 2px;
  border-radius: 2px;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}

.home_main .title {
  width: 100%;
  height: 45px;
  padding: 69px 0 41px 0;
  text-align: center;
  font-size: 38px;
  line-height: 45px;
  color: #000000;
  letter-spacing: 0;
  font-weight: bold;
}

.home_main .title .more {
  font-weight: normal;
}

.home_main .decoration {
  width: 49px;
  height: 38px;
  background: url(../images/decoration.png) no-repeat;
  background-size: cover;
  margin-right: 22px;
  display: inline-block;
}

.home_main .decoration_right {
  margin-left: 13px;
  margin-right: 0;
  transform: rotateY(180deg);
}

.community_dynamics_main {
  height: 512px;
  width: 1114px;
  padding-bottom: 67px;
  margin: 0 auto;
  display: flex;
}

.community_dynamics {
  position: relative;
  height: 734px;
  overflow: hidden;
}

.community_dynamics_bg {
  position: absolute;
  bottom: 37px;
  right: 0;
  width: 266px;
  height: 205px;
  background: url(../images/bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

.community_dynamics_main .tab_list {
  width: 257px;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0 9px 10px 0 #FFF7EB;
}

.community_dynamics_main .tab_list li {
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: #fff;
  color: #666;
  font-size: 20px;
  cursor: pointer;
}

.community_dynamics_main .tab_list li div {
  width: 220px;
  height: 63px;
  margin: 0 auto;
  border-bottom: 0.5px solid #D6DAE6;
}

.community_dynamics_main .tab_list .on,
.community_dynamics_main .tab_list li:hover {
  box-shadow: 0 2px 5px 0 #ADB2B6;
  color: #fff;
  background: -moz-linear-gradient(to left, #F1872B, #FBBE5E);
  background: -ms-linear-gradient(to left, #F1872B, #FBBE5E);
  background: -webkit-linear-gradient(to left, #F1872B, #FBBE5E);
  background: linear-gradient(to left, #F1872B, #FBBE5E);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#FBBE5E", endColorstr="#F1872B", gradientType="1");
  background-image: linear-gradient(-45deg, #F1872B 0%, #FBBE5E 100%);
}

.community_dynamics_main .tab_list .on div,
.community_dynamics_main .tab_list .on,
.community_dynamics_main .tab_list li:hover div {
  border: 0 !important;
}

.community_dynamics_main .tab_list li:last-child div {
  border: none;
}

.community_dynamics_main .tab_content {
  width: 857px;
  height: 512px;
}

.tab_content li {
  display: none;
}

.tab_content li img {
  width: 100%;
  height: 100%;
}

.tab_content .on {
  display: block;
}

.company_dynamics {
  position: relative;
  padding-bottom: 50px;
  background: -moz-linear-gradient(to bottom, #EFF8FF, #FEFEFF);
  background: -ms-linear-gradient(to bottom, #EFF8FF, #FEFEFF);
  background: -webkit-linear-gradient(to bottom, #EFF8FF, #FEFEFF);
  background: linear-gradient(to bottom, #EFF8FF, #FEFEFF);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#EFF8FF", endColorstr="#FEFEFF", gradientType="0");
  background-image: linear-gradient(0deg, rgba(190, 210, 223, 0.00) 0%, rgba(159, 216, 255, 0.20) 100%);
  
}

.company_dynamics .title {
  padding: 35px 0 78px 0;
  position: relative;
  width: 1114px;
  margin: 0 auto;
}

.company_dynamics .title .more {
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  color: #666666;
  letter-spacing: 0;
  text-align: center;
  right: 0;
  top: 35px;
  cursor: pointer;
}

.company_dynamics .title .more i {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url(../images/more.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
}

.company_dynamics .title .more:hover {
  color: #005BAC;
}

.company_dynamics .title .more:hover i {
  background: url(../images/more-hover.png) no-repeat;
  background-size: 100% 100%;
}

.company_dynamics_main {
  width: 1114px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.company_dynamics_bg {
  width: 122px;
  height: 93px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  background: url(../images/bg1.png) no-repeat;
  background-size: 100% 100%;
}

.company_dynamics_main .left img {
  width: 540px;
  height: 305px;
  margin-top: 3px;
}

.company_dynamics_main .left .dynamics_block {
  margin-top: 41px;
  width: 540px;
  font-size: 26px;
}

.company_dynamics_main .dynamics_block {
  width: 100%;
}

.company_dynamics_main .dynamics_block .title-head {
  
  color: #000000;
  letter-spacing: 0;
  text-align: justify;
  line-height: 30px;
}

.company_dynamics_main .dynamics_block .content {
  width: 100%;
  word-break: break-all;
  margin-top: 9px;
  font-size: 17px;
  color: #666666;
  letter-spacing: 0;
  line-height: 26px;
}

.company_dynamics_main .dynamics_block .progress {
  margin-top: 30px;
  width: 100%;
  height: 3px;
  position: relative;
  background: rgba(216, 216, 216, 0.50);
}

.company_dynamics_main .dynamics_block .progress .in {
  width: 100px;
  height: 3px;
  background: #005BAC;
  position: absolute;
  left: 0;
  top: 0;
}

.company_dynamics_main .right {
  width: 480px;
}

.company_dynamics_main .right .dynamics_block {
  margin-top: 20px;
  font-size: 24px;
}

.company_dynamics_main .right .dynamics_block:first-child {
  margin-top: 0;
}

.dynamics_block:hover {
  cursor: pointer;
}

.dynamics_block:hover .title-head,
.dynamics_block:hover .content {
  color: #005BAC !important;
}

.dynamics_block:hover .title-head,
.dynamics_block:hover .progress .in {
  width: 100%;
  transition: 0.5s;
}

.service {
  width: 100%;
  height: 538px;
  background: url(../images/servicebg2.png) no-repeat;
  background-size: 100% 100%;
}

.service_inner {
  min-width: 1155px;
  height: 100%;
  margin: 0 auto;
}

.service_inner .box-head {
  position: relative;
  width: 1114px;
  margin: 0 auto;
  padding-top: 48px;
  text-align: center;
  font-size: 38px;
  line-height: 45px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 113, 172, 0.50);
  font-weight: bold;
}

.service_inner .box-head div {
  font-weight: normal;
}

.learnmore {
  position: absolute;
  top: 70px;
  right: 0;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 16px;
  cursor: pointer;
}

.learnmore i {
  display: inline-block;
  width: 8px;
  height: 11px;
  background: url(../images/learnmore.png) no-repeat;
  background-size: 100% 100%;
  
}

.servive_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 1155px;
  margin: 0 auto;
  margin-top: 30px;
}

.servive_block {
  padding-top: 20px;
}

.servive_block .detail {
  width: 223px;
  height: 311px;
  background-size: cover;
  
}

.servive_block .ghhf {
  background: url(../images/service1.png) no-repeat;
  background-size: 100% 100%;
  
}

.servive_block .zzrg {
  background: url(../images/service2.png) no-repeat;
  background-size: 100% 100%;
}

.servive_block .sdzh {
  background: url(../images/service3.png) no-repeat;
  background-size: 100% 100%;
  
}

.servive_block .lsdz {
  background: url(../images/service4.png) no-repeat;
  background-size: 100% 100%;
  
}

.servive_block .shqq {
  background: url(../images/service5.png) no-repeat;
  background-size: 100% 100%;
  
}

.servive_block:hover {
  padding-top: 0;
  transition: 0.5s;
  cursor: pointer;
}

.servive_title {
  padding-top: 179px;
  font-size: 22px;
  color: #000000;
  text-align: center;
  line-height: 30px;
}

.servive_title .servive_type {
  font-size: 22px;
  color: #F5A100;
    font-weight: bold;
}
.servive_title .servive_end {
  font-size: 18px;
  color: #666;
   font-weight: bold;
}

.service_desc {
  padding-top: 20px;
  font-size: 16px;
  color: #666666;
  text-align: center;
  line-height: 26px;
}

.totop {
  position: fixed;
  top: 64%;
  right: 20px;
  width: 48px;
  height: 48px;
  border: 1px solid #005BAC;
  border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

.totop_inner {
  width: 18px;
  height: 15px;
  background: url(../images/totop.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 18px;
}
.community-dynamics-box .community_dynamics_main_box {
  background-image: linear-gradient(0deg, #F5EDD7 9%, #F6DBB8 92%);
}

.community-dynamics-box .community_dynamics_main_box .community-dynamics-main {
  width: 1114px;
  padding-bottom: 67px;
  margin: 0 auto;
}

.community-dynamics-box .community-dynamics-nav-box {
  background: #FDF0E2;
  padding-top: 109px;
}

.community-dynamics-box .community-dynamics-nav {
  width: 674px;
  height: 141px;
  margin: 0 auto;
  display: block;
}

.community-dynamics-box .community-nav-item {
  width: 66px;
  float: left;
  font-size: 0;
  margin-right: 238px;
  cursor: pointer;
  position: relative;
  padding-bottom: 16px;
}
.community-dynamics-box .community-nav-item.on {
  margin-top: -10px;
}
.community-dynamics-box .community-nav-item.on:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-bottom: 25px solid #F6DBB8;
  left: 50%;
  bottom: -31px;
  margin-left: -40px;
}

.community-dynamics-box .community-nav-item:last-child {
  margin-right: 0;
}

.community-dynamics-box .community-nav-item img {
  display: block;
  margin: 0 auto;
  width:55px;
  height:50px;
}
.community-dynamics-box .community-nav-item.on img {
  width:66px;
  height:60px;
}
.community-dynamics-box .community-nav-item p {
  font-size: 24px;
  color: #262626;
  letter-spacing: 0;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.community-dynamics-box .community-nav-item.on p {
  font-size: 28px;
  color: #F18C24;
}
.community-dynamics-box .community-dynamics-main{
  position:relative;
}
.community-dynamics-box .community-dynamics-main .nav-second {
  height: 169px;
  display: flex;
  justify-content: center;
  display: none;
}

.community-dynamics-box .community-dynamics-main .nav-second.on {
  display: flex;
}

.community-dynamics-box .community-dynamics-main .nav-second .nav-second-item {
  height: 84px;
  width: 84px;
  background: #FFFFFF;
  border-radius: 50%;
  font-size: 20px;
  color: #262626;
  line-height: 84px;
  text-align: center;
  display: block;
  margin-top: 50px;
  cursor: pointer;
  margin-right:10px;
}
.community-dynamics-box .community-dynamics-main .nav-second .nav-second-item:last-child{
	margin-right:0;
}
.community-dynamics-box .community-dynamics-main .nav-second .nav-second-item.on,
.community-dynamics-box .community-dynamics-main .nav-second .nav-second-item:hover {
  background: linear-gradient(-37deg, #C87935 0%, #FFC975 100%);
  font-size: 20px;
  color: #FFFFFF!important;
}

.community-dynamics-box .community-dynamics-main .nav-second .nav-second-item:last-child {
  margin-right: 0;
}

.community-dynamics-box .community-dynamics-main .community-dynamics-content-item {
  box-sizing: border-box;
  padding: 30px 56px 22px 50px;
  position: relative;
  background: #FCF8F6;
  border-radius: 18px;
  display:none;
}
.community-dynamics-box .community-dynamics-main .flower-left {
  position:absolute;
  left: -95px;
  bottom: 39px;
  width:398px;
  height:150px;
  background:url("../images/flower-left.png") no-repeat;
  background-size: 100%;
}
.community-dynamics-box .community-dynamics-main .flower-right {
  position:absolute;
  right:-344px;
  top:-166px;
  width:266px;
  height:205px;
  background:url("../images/flower-right.png") no-repeat;
  background-size: 100%;
  z-index: 10;
}
.community-dynamics-box .community-dynamics-main .community-dynamics-content-item.on {
  display:block;
}
.community-dynamics-box .community-dynamics-main .community-dynamics-content-item .community-dynamics-detail {
  width: 819px;
  position: relative;
  min-height: 100px;
}

.community-dynamics-box .community-dynamics-content-item .community-dynamics-detail .community-dynamics-content-item-title {
  font-size: 22px;
  color: #B47B3F;
  margin-top: 18px;
  font-weight:bold;
}

.community-dynamics-box .community-dynamics-content-item .community-dynamics-detail .community-dynamics-content-item-text {
  font-size: 16px;
  color: #575757;
  letter-spacing: 0;
  text-align: justify;
  line-height: 26px;
  margin-top: 10px;
}

.community-dynamics-box .community-dynamics-content-item .btn-todetail {
  font-size: 18px;
  color: #FFFFFF;
  background-image: linear-gradient(135deg, #FDB068 0%, #CC813D 100%);
  border-radius: 9.28px;
  width: 133px;
  height: 43px;
  position: absolute;
  right: -180px;
  top: 33px;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
  z-index:11;
}