.banner{
  width:100%;
}

.banner .swiper-picture{
  width:100%;
}

.banner .swiper-pagination-bullet{
  background:#c7c5c4 !important;
}

.banner .swiper-pagination-bullet-active{
  background: white !important;
}

.home2 > .title{
  text-align: center;
}

.home2 > .desc{
  text-align: center;
}

.home2-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;
}

.home2-area .h2-area-item{
  position: relative;
  overflow: hidden;

  margin-top: 20px;
}

.home2-area .h2-area-item .show-item,.home2-area .h2-area-item .hover-item{
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width:100%;

  transition:top 0.5s ;
  -o-transition: top 0.5s ; /*兼容parsto内核*/
  -moz-transition: top 0.5s ; /*兼容gecko内核*/
  -webkit-transition: top 0.5s ; /*兼容webkit内核*/
}

.home2-area .h2-area-item .show-item .h2-item-title{
  margin-top: 15px;
  font-size: 20px;
  line-height: 35px;
}

.home2-area .h2-area-item .h2-item-desc{
  text-align: center;
  font-size: 14px !important;
  line-height: 25px !important;
}

.home3{
  background: url("/static/images/home_data_bg.png") no-repeat;
  background-size: cover cover;
  background-position: center center;
}

.home3 .home3-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  align-items: flex-start;
  justify-content: center;
}

.home3 .home3-area .h3-area-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} 

.home3 .home3-area .h3-area-item img{
  width:99px;
}

.home3 .home3-area .h3-area-item .h3-item-title {
  margin-top: 10px;
  font-size: 34px !important;
  line-height: 50px !important;
}

.home4{
  background: url("/static/images/home4_bg.png") no-repeat;
  background-position: center;

  text-align: center;

  color: white;
}

.home4 .home4-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;
}

.home4 .home4-area .h4-area-item{
  margin-top:40px;
}

.home4 .home4-area .h4-area-item .h4-content{
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  border-radius: 10px;

  border: 4px solid rgba(0, 0, 0, 0.0);
  background: rgba(255, 255, 255, 0.2);
  

  transition:border 0.5s ;
  -o-transition: border 0.5s ; /*兼容parsto内核*/
  -moz-transition: border 0.5s ; /*兼容gecko内核*/
  -webkit-transition: border 0.5s ; /*兼容webkit内核*/

  transition:background 0.5s ;
  -o-transition: background 0.5s ; /*兼容parsto内核*/
  -moz-transition: background 0.5s ; /*兼容gecko内核*/
  -webkit-transition: background 0.5s ; /*兼容webkit内核*/
} 

.home4 .home4-area .h4-area-item .h4-content:hover{
  border: 2px solid white;
  background:  rgba(0, 0, 0, 0.2);

  transition:border 0.5s ;
  -o-transition: border 0.5s ; /*兼容parsto内核*/
  -moz-transition: border 0.5s ; /*兼容gecko内核*/
  -webkit-transition: border 0.5s ; /*兼容webkit内核*/

  transition:background 0.5s ;
  -o-transition: background 0.5s ; /*兼容parsto内核*/
  -moz-transition: background 0.5s ; /*兼容gecko内核*/
  -webkit-transition: background 0.5s ; /*兼容webkit内核*/
}

.home4 .home4-area .h4-area-item .h4-content .h4-item-title{
  color:white;
  margin-top: 5px;
  line-height: 30px !important;
  font-size: 15px !important;
}

.h4-content > img{
  width:85px;
}

.home5{
  text-align: center;
}

.home5 .home5-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;
}

.home5 .home5-area .h5-area-item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  margin-top:75px;
}

.home5 .home5-area .h5-area-item .h5-img{
  background: none;
  border-radius: 100%;
  position: relative;
}

.home5 .home5-area .h5-area-item .h5-img::before {
  border: 4px solid transparent;
}


.home5 .home5-area .h5-area-item .h5-img::before, .home5 .home5-area .h5-area-item .h5-img::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;

  border-radius: 100%;
}

.home5 .home5-area .h5-area-item .h5-img:hover::before {
  /* border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da; */
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
          transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.home5 .home5-area .h5-area-item .h5-img::after {
  border: 0 solid transparent;
}
.home5 .home5-area .h5-area-item .h5-img:hover::after {
  border-top: 4px solid ;
  border-left-width: 4px;
  border-right-width: 4px;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
          transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.home5 .home5-area .h5-area-item .h5-img-0:hover::before {
  border-top-color: #8260a9;
  border-right-color: #8260a9;
  border-bottom-color: #8260a9;
}

.home5 .home5-area .h5-area-item .h5-img-0:hover::after {
  border-top-color: #8260a9;
}

.home5 .home5-area .h5-area-item .h5-img-1:hover::before {
  border-top-color: #61b9e8;
  border-right-color: #61b9e8;
  border-bottom-color: #61b9e8;
}

.home5 .home5-area .h5-area-item .h5-img-1:hover::after {
  border-top-color: #61b9e8;
}

.home5 .home5-area .h5-area-item .h5-img-2:hover::before {
  border-top-color: #4c85c2;
  border-right-color: #4c85c2;
  border-bottom-color: #4c85c2;
}

.home5 .home5-area .h5-area-item .h5-img-2:hover::after {
  border-top-color: #4c85c2;
}

.home5 .home5-area .h5-area-item .h5-img-3:hover::before {
  border-top-color: #ffd067;
  border-right-color: #ffd067;
  border-bottom-color: #ffd067;
}

.home5 .home5-area .h5-area-item .h5-img-3:hover::after {
  border-top-color: #ffd067;
}

.home5 .home5-area .h5-area-item .h5-img-4:hover::before {
  border-top-color: #74c273;
  border-right-color: #74c273;
  border-bottom-color: #74c273;
}

.home5 .home5-area .h5-area-item .h5-img-4:hover::after {
  border-top-color: #74c273;
}

.home5 .home5-area .h5-area-item .h5-img-5:hover::before {
  border-top-color: #d98027;
  border-right-color: #d98027;
  border-bottom-color: #d98027;
}

.home5 .home5-area .h5-area-item .h5-img-5:hover::after {
  border-top-color: #d98027;
}

.home5 .home5-area .h5-area-item .h5-img-6:hover::before {
  border-top-color: #b69f78;
  border-right-color: #b69f78;
  border-bottom-color: #b69f78;
}

.home5 .home5-area .h5-area-item .h5-img-6:hover::after {
  border-top-color: #b69f78;
}

.home5 .home5-area .h5-area-item .h5-img{
  width:155px;
  height:155px;
  margin-bottom: 40px
}

.home5 .home5-area .h5-area-item .h5-img img{
  margin-left:10px;
  margin-top: 10px;
  width:135px;
  height:135px;
}

.home5 .home5-area .h5-area-item .h5-item-title{
  margin-top: 15px;
  font-size: 20px !important;
  line-height: 25px !important;
}

.home5 .home5-area .h5-area-item .h5-img:hover .h5-item-title{
  color:#f2961f;
}

.h6-area{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  align-items: center;
  justify-content: center;

  margin-top: 40px;
}

.h6-area .h6-item{
  width:25%;
  height:250px;
  margin: 0 auto;

  background-size: cover cover;
  background-position: center center;
}

.h6-area .h6-item .h6-item-info{
  width:100%;
  height:150px;
  margin-top:100px;
  background: url("/static/images/home_news_bg.png") no-repeat;
  background-size: cover cover;
  background-position: center center;
}

.h6-area .h6-item .h6-item-info .h6-title{
  padding-top: 28px;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
  height:67px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.h6-area .h6-item{
  z-index: 1;
}

.h6-area .h6-item:hover{
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
  transition: box-shadow 0.5s ;
  -o-transition: box-shadow 0.5s ; /*兼容parsto内核*/
  -moz-transition: box-shadow 0.5s ; /*兼容gecko内核*/
  -webkit-transition: box-shadow 0.5s ; /*兼容webkit内核*/
  z-index: 999;
}

.h6-desc{
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}

.h6-desc > div{
  float: left;
}

.h6-desc > img{
  float: right;
  visibility: hidden;
}

.h6-area .h6-item:hover .h6-item-info .h6-desc >img{
  visibility:visible;
}

.h6-word-item{
  position: relative;
}

.h6-title-news{
  margin-left: 20px;
  margin-right: 20px;
  margin-top:30px;
  line-height: 28px !important;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.h6-desc-news{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 14px !important;
  line-height: 22px !important;
}

.h6-more-news{
  position: absolute;
  margin-left: 20px;
  margin-right: 20px;

  bottom:30px;
}

.h6-more-news >div{
  float: left;
  width:65px;
  z-index: 10;
  margin-top: 6px;
}

.h6-more-news > img{
  float: left;
  visibility: hidden;
  margin-left: -15px;
  z-index: 5;
}

.h6-area .h6-word-item:hover .h6-more-news >img{
  visibility:visible;
  margin-left: 0px;

  transition:margin-left 0.5s ;
  -o-transition: margin-left 0.5s ; /*兼容parsto内核*/
  -moz-transition: margin-left 0.5s ; /*兼容gecko内核*/
  -webkit-transition: margin-left 0.5s ; /*兼容webkit内核*/
}

.h6-button-news{
  margin-left: 20px;
  margin-right: 10px;
  padding:5px;

  border: 1px solid #f2961f;
}

.h6-item:hover .h6-button .h6-button-news{
  background: #f2961f;
  color:white;

  transition:background 0.5s ;
  -o-transition: background 0.5s ; /*兼容parsto内核*/
  -moz-transition: background 0.5s ; /*兼容gecko内核*/
  -webkit-transition: background 0.5s ; /*兼容webkit内核*/

  transition:color 0.5s ;
  -o-transition: color 0.5s ; /*兼容parsto内核*/
  -moz-transition: color 0.5s ; /*兼容gecko内核*/
  -webkit-transition: color 0.5s ; /*兼容webkit内核*/
}

.h6-button{
  margin-top: 130px;
}

.home-artice-area {
  display: block;
}

.mobile-home-artice-area {
  display: none;
}

.home-services-area {
  display: block;
}

.mobile-home-services-area {
  display: none;
}

.swiper-button-prev,.swiper-button-next{
  display: none;
}