/*@王旭鑫*/
/*@email:1419350157@qq.com*/
/*@竹鹿科技*/
body {
  background-color: #f5f5f5!important;
}
.banner-box {
  background-image: url(../image/benefit/banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #fff;
  text-align: center;
}
.banner-box .w {
  position: relative;
  height: 100%;
}
.banner-box .w .b-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 4rem;
  margin: auto;
  width: 100%;
}
.banner-box .w .b-title h1 {
  font-size: 2.6rem;
}
.banner-box .w .b-title span {
  font-size: .9rem;
  opacity: .7;
}
.banner-box .w .details {
  position: absolute;
  bottom: 3rem;
  font-size: .9rem;
  opacity: .7;
  width: 60%;
  left: 0;
  right: 0;
  margin: auto;
}
.banner-box .w .details p {
  line-height: 2rem;
}
.nav-box {
  padding: 5% 0;
}
.nav-box .w .nav {
  width: 60%;
  margin: auto;
}
.nav-box .w .nav li {
  float: left;
  width: calc(33.33333333%);
  text-align: center;
}
.nav-box .w .nav li .icon {
  position: relative;
  width: 50px;
  height: 86.6px;
  margin: 15px auto;
  background-color: #fff;
  transition: .4s ease;
  transform: scale(1);
  line-height: 86.6px;
  cursor: pointer;
}
.nav-box .w .nav li .icon i {
  font-size: 3rem;
  color: #e81317;
  transition: .3s ease;
  transform: scale(1);
  display: inline-block;
}
.nav-box .w .nav li .icon:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: 50px;
  border-width: 43.3px 25px;
  transform: scale(1);
  transition: .4s ease;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.nav-box .w .nav li .icon:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 50px;
  transform: scale(1);
  transition: .4s ease;
  border-width: 43.3px 25px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  top: 0;
}
.nav-box .w .nav li .text p:nth-child(2) {
  font-size: .9rem;
  color: #666;
}
.nav-box .w .nav li:hover .icon {
  transform: scale(1.1);
  background-color: #e81317;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=0, Color=#ff3030)";
  /*IE 8*/
  -moz-box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /*FF 3.5+*/
  -webkit-box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=135, Color=#ff3030);
  /*IE 5.5-7*/
}
.nav-box .w .nav li:hover .icon i {
  color: #fff;
  transform: scale(1.1);
}
.nav-box .w .nav li:hover .icon:before {
  transform: scale(1.015);
  border-color: transparent #e81317 transparent transparent;
}
.nav-box .w .nav li:hover .icon:after {
  transform: scale(1.015);
  border-color: transparent transparent transparent #e81317;
}
.nav-box .w .nav .li-active .icon {
  transform: scale(1.1);
  background-color: #e81317;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=0, Color=#ff3030)";
  /*IE 8*/
  -moz-box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /*FF 3.5+*/
  -webkit-box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 10px 24px rgba(255, 48, 48, 0.3);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=135, Color=#ff3030);
  /*IE 5.5-7*/
}
.nav-box .w .nav .li-active .icon i {
  color: #fff;
  transform: scale(1.1);
}
.nav-box .w .nav .li-active .icon:before {
  transform: scale(1.015);
  border-color: transparent #e81317 transparent transparent;
}
.nav-box .w .nav .li-active .icon:after {
  transform: scale(1.015);
  border-color: transparent transparent transparent #e81317;
}
.benefit-box {
  padding-bottom: 5%;
}
.benefit-box .benefit-item {
  position: relative;
}
.benefit-box .benefit-item .news {
  transform: scale(0);
  display: none;
}
.benefit-box .benefit-item .news .item {
  float: left;
  width: calc(32%);
  margin-right: 2%;
  margin-bottom: 2%;
  overflow: hidden;
}
.benefit-box .benefit-item .news .item a {
  display: block;
  background-color: #fff;
  position: relative;
  height: 100%;
}
.benefit-box .benefit-item .news .item a .img {
  position: relative;
  line-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  z-index: 3;
}
.benefit-box .benefit-item .news .item a .txt {
  padding: 40px 20px;
  position: relative;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.benefit-box .benefit-item .news .item a .txt .date {
  color: #999;
  z-index: 1;
  position: relative;
  transition: 0.2s ease-in-out;
  font-size: 12px;
  margin-bottom: 15px;
}
.benefit-box .benefit-item .news .item a .txt .t-title {
  color: #252525;
  position: relative;
  z-index: 1;
  transition: .2s ease;
  line-height: 2rem;
  height: 4rem;
}
.benefit-box .benefit-item .news .item a .txt .describe {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  margin: 20px 0 100px 0;
}
.benefit-box .benefit-item .news .item a .txt button {
  background-color: #e81317;
  color: #fff;
}
.benefit-box .benefit-item .news .item a:hover .img {
  transform: translateY(-101%);
  opacity: 0.3;
}
.benefit-box .benefit-item .news .item:nth-child(3n) {
  margin-right: 0;
}
.benefit-box .benefit-item .item-active {
  transform: scale(1);
  display: block;
}