.container {

  background: #fff;

}



.header .header-box {

  padding-top: 10px;

  margin-bottom: 15px;

  height: 87px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header .header-box .logo {

  width: 485px;

}



.header .header-box .tel {

  padding-left: 40px;

  background: url("../images/flzx/tel.png") no-repeat left center;

}



.header .header-box .tel span {

  font-size: 24px;

  color: #000;

}



.header .header-box .tel strong {

  color: #b51829;

  font-size: 28px;

}



.header .navbox {

  background: #b51829;

  position: relative;

  z-index: 10;

}



.header .navbox ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header .navbox ul li {

  position: relative;

  box-sizing: border-box;

}



.header .navbox ul li a {

  color: #fff;

  font-size: 20px;

  height: 50px;

  display: block;

  line-height: 50px;

}



.header .navbox ul li:last-child:hover .slidewrap {

  opacity: 1;

  height: auto;

  padding: 8px 0;

}



.header .navbox ul li.active::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 4px;

  background: #fff;

  bottom: 0;

  opacity: 1;

}



.header .navbox ul li::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 4px;

  background: #fff;

  bottom: 0;

  transition: all .2s linear;

  opacity: 0;

}



.header .navbox ul li:hover::after {

  opacity: 1;

}



.header .navbox ul li:last-child::after {

  background: transparent !important;

}



.header .slidebox {

  position: relative;

  z-index: 888;

}



.header .slidebox .slidewrap {

  position: absolute;

  right: -20px;

  width: 140px;

  height: 88px;

  background: #fff;

  border-bottom-right-radius: 8px;

  border-bottom-left-radius: 8px;

  transition: all .3s linear;

  opacity: 0;

  height: 0;

  overflow: hidden;

}



.header .slidebox .slidewrap a {

  display: block;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #333;

  width: 100%;

  transition: all .2s linear;

  font-size: 18px;

}



.header .slidebox .slidewrap a:hover {

  background: #b51829;

  color: #fff;

}



.banner {

  position: relative;

  overflow: hidden;

  min-width: 1200px;

}



.banner .swiper-container-horizontal > .swiper-pagination-bullets,

.banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {

  bottom: 25px;

}



.banner .swiper-pagination-bullet {

  border-radius: 0;

  opacity: 1;

  width: 60px;

  height: 5px;

  background: #d8d9df;

  transition: all .3s linear;

  outline: none;

}



.banner .swiper-pagination-bullet-active {

  background: #b51829;

}



.banner img {

  width: 100%;

}



.yewu {

  margin-top: 60px;

}



.yewu ul {

  margin-top: 30px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.yewu ul li {

  width: 182px;

  height: 182px;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  border-radius: 8px;

  overflow: hidden;

  margin-bottom: 20px;

  transition: all 1s linear 0s;

  position: relative;

  background: #f5f5f5;

}



.yewu ul li .yewubox {

  width: 182px;

  height: 182px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

  z-index: 10;

}



.yewu ul li .iconimgh {

  display: none;

}



.yewu ul li strong {

  font-size: 20px;

  color: #333333;

  line-height: 100%;

  display: block;

  text-align: center;

  margin-top: 22px;

}



.yewu ul li::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 182px;

  top: 0;

  left: 0;

  border: 1px solid red;

  background-image: linear-gradient(to bottom, #f24457, #b51829);

  opacity: 0;

  transition: all .3s linear;

  z-index: 1;

}



.yewu ul li:hover::after {

  opacity: 1;

}



.yewu ul li:hover strong {

  color: #fff;

}



.yewu ul li:hover .iconimg {

  display: none;

}



.yewu ul li:hover .iconimgh {

  display: block;

}



.news {

  margin-top: 40px;

  background: #f5f5f5;

  padding: 60px 0;

}



.news .newswrap {

  margin-top: 30px;

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  padding-bottom: 20px;

}



.news .newswrap .newsleft {

  width: 450px;

  font-size: 18px;

  background: #fff;

  height: 510px;

}



.news .newswrap .newsleft video {

  width: 100%;

}



.news .newswrap .newsleft strong {

  color: #333333;

  padding: 0 25px;

  margin: 6px auto 6px;

  display: block;

}



.news .newswrap .newsleft p {

  color: #747474;

  padding: 0 25px;

  line-height: 28px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}



.news .newswrap .newsright {

  flex: 1;

  margin-left: 20px;

}



.news .newswrap .newsright ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.news .newswrap .newsright ul li {

  width: 230px;

  margin-bottom: 20px;

  background: #fff;

  padding-bottom: 9px;

}



.news .newswrap .newsright ul li .litpic {

  width: 230px;

  height: 172px;

  overflow: hidden;

}



.news .newswrap .newsright ul li .litpic img {

  transition: all .3s linear;
  width: 230px;

}



.news .newswrap .newsright ul li .litpic:hover img {

  transform: scale(1.1);

}



.news .newswrap .newsright ul li p {

  font-size: 16px;

  color: #333333;

  line-height: 28px;

  margin-top: 8px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  padding: 0 5px;

}



.yangshi {

  margin-top: 60px;

}



.yangshi .yangshinav {

  display: flex;

  width: 650px;

  margin: 38px auto 0;

  justify-content: space-between;

  align-items: center;

}



.yangshi .yangshinav span {

  font-size: 24px;

  color: #333333;

  flex: 1;

  text-align: center;

  height: 26px;

  line-height: 26px;

  position: relative;

  cursor: pointer;

}



.yangshi .yangshinav span:nth-child(2) {

  border-left: 2px solid #b51829;

  border-right: 2px solid #b51829;

}



.yangshi .yangshinav span.current::after {

  content: "";

  width: 60px;

  height: 4px;

  background: #b51829;

  position: absolute;

  bottom: -18px;

  left: 50%;

  margin-left: -30px;

}



.yangshi .yangshiwrap {

  margin-top: 50px;

  padding-bottom: 30px;

}



.yangshi .yangshiwrap .yangshiitem {

  display: none;

}
.yangshi .yangshiwrap .yangshiitem:last-child ul{
  justify-content: center;
}
.yangshi .yangshiwrap .yangshiitem:last-child ul li{
   margin: 0 7px;
}


.yangshi .yangshiwrap .yangshiitem:first-child {

  display: block;

}



.yangshi .yangshiwrap ul {

  display: flex;

  justify-content: space-between;

}



.yangshi .yangshiwrap ul li {

  width: 226px;

  border: 1px solid #e5e5e5;

  padding-bottom: 20px;

  transition: all .3s linear;

}



.yangshi .yangshiwrap ul li .ysimg {

  width: 219px;

  margin: 3px auto 0;

}



.yangshi .yangshiwrap ul li strong {

  display: block;

  padding: 0 15px;

  color: #333333;

  line-height: 22px;

  margin: 10px 0 10px;
  
  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.yangshi .yangshiwrap ul li p {

  font-size: 14px;

  color: #737373;

  line-height: 20px;

  padding: 0 15px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.yangshi .yangshiwrap ul li:hover {

  transform: translateY(-10px);

  border: 1px solid #c5c5c5;

}



.team {

  margin-top: 60px;

}



.team .cbox {

  position: relative;

  padding-bottom: 60px;

}



.team .teamwrap {

  margin-top: 32px;

  position: relative;

}



.team .teamwrap .teamitem {

  display: flex;

  flex-wrap: nowrap;

}



.team .teamwrap .teamitem .teaml {

  width: 254px;

  border: 8px solid #fff;

  margin-left: 28px;

  position: relative;

  z-index: 5;

}



.team .teamwrap .teamitem .teamr {

  width: 870px;

  margin-left: 32px;

}



.team .teamwrap .teamitem .teamr h3 {

  font-weight: bold;

  font-size: 26px;

  line-height: 100%;

  color: #333333;

  margin-top: 15px;

}



.team .teamwrap .teamitem .teamr h3 span {

  font-size: 20px;

  display: inline-block;

  margin: 0 32px 0 18px;

}



.team .teamwrap .teamitem .teamr h3 small {

  font-size: 18px;

  font-weight: normal;

  color: #b51829;

}



.team .teamwrap .teamitem .teamr p {

  line-height: 27px;

  color: #494949;

  text-indent: 2em;

  margin-top: 20px;

  padding-left: 5px;

  padding-right: 20px;

}



.team .teamwrap .teamitembox {

  display: none;

}



.team .teamwrap .teamitembox:first-child {

  display: block;

}



.team .teamsmall {

  height: 140px;

  background: #b51829;

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 1;

  right: 0;

}



.team .teamsmall .teamsamllbox {

  width: 560px;

  height: 120px;

  position: absolute;

  right: 40px;

  top: 10px;

}



.team .teamsmall .teamsamllbox span {

  position: absolute;

  width: 44px;

  height: 32px;

  background-color: #fff;

  top: 50%;

  margin-top: -16px;

  background-repeat: no-repeat;

  background-size: 12px 20px;

  background-position: center;

  cursor: pointer;

  transition: all .3s linear;

}



.team .teamsmall .teamsamllbox span:hover {

  background-color: rgba(255, 255, 255, 0.5);

}



.team .teamsmall .teamsamllbox span.runl {

  left: 0;

  background-image: url("../images/flzx/jiantoul.png");

}



.team .teamsmall .teamsamllbox span.runr {

  right: 0;

  background-image: url("../images/flzx/jiantour.png");

}



.team .teamsmall .teamsamllbox ol {

  display: flex;

  width: 400px;

  height: 120px;

  margin: 0 auto;

  align-items: center;

  justify-content: space-between;

}



.team .teamsmall .teamsamllbox ol li {

  width: 166px;

  transition: all .3s linear;

  cursor: pointer;

}



.team .teamsmall .teamsamllbox ol li img {

  width: 100%;

}



.team .teamsmall .teamsamllbox ol li:first-child {

  transform-origin: left;

}



.team .teamsmall .teamsamllbox ol li:last-child {

  transform-origin: right;

}



.team .teamsmall .teamsamllbox ol li.fangda {

  transform: scale(1.3);

}



.team .teamul {

  width: 1200px;

  min-width: 1200px;

  margin: 20px auto 30px;

}



.team .teamul ul {

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

}



.team .teamul ul li {

  width: 183px;

  height: 226px;

  position: relative;

  overflow: hidden;

}



.team .teamul ul li .teaminfo {

  background: rgba(36, 23, 23, 0.6);

  color: #fff;

  font-size: 18px;

  transform: translateY(-50px);

  transition: all .5s ease-in 0s;

  height: 226px;

}



.team .teamul ul li .teaminfo strong {

  display: block;

  text-align: center;

  line-height: 50px;

  height: 50px;

  margin-bottom: 20px;

}



.team .teamul ul li .teaminfo p {

  line-height: 24px;

  font-size: 16px;

  padding: 0 10px;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}



.team .teamul ul li:hover .teaminfo {

  transform: translateY(-100%);

}



.anli {

  margin-top: 60px;

}



.anli .anliwrap {

  display: flex;

  flex-wrap: nowrap;

  margin-top: 30px;

  margin-bottom: 30px;

}



.anli .anliwrap .anliimg {

  width: 486px;

  height: 366px;

  position: relative;

  overflow: hidden;

}



.anli .anliwrap .anliimg img {

  transition: all .3s ease-in;

}



.anli .anliwrap .anliimg p {

  font-size: 18px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 466px;

  background: rgba(0, 0, 0, 0.4);

  line-height: 24px;

  padding: 15px 10px;

}



.anli .anliwrap .anliimg:hover img {

  transform: scale(1.1);

}



.anli .anliwrap .anlilist {

  flex: 1;

  margin-left: 27px;

}



.anli .anliwrap .anlilist ul {

  height: 366px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.anli .anliwrap .anlilist ul li {

  border: 1px solid #e5e5e5;

  box-sizing: border-box;

  position: relative;

  z-index: 20;

  transition: all .3s linear;

}



.anli .anliwrap .anlilist ul li .anliinner {

  height: 110px;

  background: #fff;

  padding: 0 20px;

  overflow: hidden;

}



.anli .anliwrap .anlilist ul li .anliinner strong {

  display: block;

  font-size: 18px;

  color: #333;

  transition: all .3s linear;

  margin-top: 18px;

  font-weight: bold;

}



.anli .anliwrap .anlilist ul li .anliinner p {

  font-size: 16px;

  color: #333;

  line-height: 24px;

  margin-top: 5px;

  transition: all .3s linear;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.anli .anliwrap .anlilist ul li .anliinner b {

  position: absolute;

  right: 20px;

  bottom: 12px;

  font-size: 14px;

  color: #7d7d7d;

  transition: all .3s linear;

}



.anli .anliwrap .anlilist ul li:hover {

  border: 1px solid #b51829;

}



.anli .anliwrap .anlilist ul li:hover strong, .anli .anliwrap .anlilist ul li:hover p {

  color: #b51829;

}



.anli .anliwrap .anlilist ul li:hover b {

  color: #ba3642;

}



.anli .anliwrap .anlilist ul li::after, .anli .anliwrap .anlilist ul li::before {

  content: "";

  width: 26px;

  height: 26px;

  border: 5px solid #b51829;

  position: absolute;

  z-index: -10;

  transition: all .3s linear;

  opacity: 0;

}



.anli .anliwrap .anlilist ul li:after {

  left: -5px;

  bottom: -5px;

}



.anli .anliwrap .anlilist ul li:before {

  right: -5px;

  bottom: -5px;

}



.anli .anliwrap .anlilist ul li:hover::after, .anli .anliwrap .anlilist ul li:hover::before {

  opacity: 1;

}



.huoban {

  margin-top: 60px;

}



.huoban .huobanbox {

  margin-top: 30px;

}



.huoban .huobanbox ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.huoban .huobanbox ul li {

  width: 222px;

  height: 90px;

  margin-bottom: 20px;

  border: 1px solid #b5b5b5;

  box-sizing: border-box;

  overflow: hidden;

  transition: all .3s linear;

}



.huoban .huobanbox ul li img {

  transition: all .3s linear;

}



.huoban .huobanbox ul li:hover img {

  transform: scale(1.1);

}



.fuwu {

  height: 460px;

  margin-top: 40px;

  min-width: 1200px;

  background: url("../images/flzx/fuwuimg.jpg") no-repeat center top;

  overflow: hidden;

}



.fuwu h2 {

  margin-top: 60px;

}



.fuwu .fuwuwrap {

  width: 1200px;

  height: 270px;

  background: rgba(255, 255, 255, 0.8);

  border-radius: 10px;

  margin-top: 32px;

  box-shadow: 0 0 10px 3px #d4d5dc;

}



.fuwu .fuwuwrap ul {

  display: flex;

  flex-wrap: nowrap;

  justify-content: space-around;

}



.fuwu .fuwuwrap ul li {

  width: 136px;

  overflow: hidden;

}



.fuwu .fuwuwrap ul li .yuan {

  height: 120px;

  width: 120px;

  margin: 43px auto 0;

  background: #b51829;

  border: 7px solid #edced3;

  border-radius: 50%;

  display: flex;

  align-items: center;

  cursor: pointer;

  transition: all .3s linear;

}



.fuwu .fuwuwrap ul li .yuan img {

  margin: 0 auto;

}



.fuwu .fuwuwrap ul li p {

  text-align: center;

  font-size: 24px;

  color: #333333;

  line-height: 100%;

  margin-top: 18px;

  transition: all .3s linear;

}



.fuwu .fuwuwrap ul li:hover .yuan {

  width: 122px;

  height: 122px;

  border: 5px solid #edced3;

  transform: rotateY(360deg);

  box-shadow: 0 5px 5px gray;

}



.fuwu .fuwuwrap ul li:hover p {

  margin-top: 10px;

}



.rongyu {

  margin-top: 60px;

}



.rongyu .rongyuimg {

  margin-top: 45px;

  margin-bottom: 30px;

}



.rongyu .rongyuimg div {

  margin-bottom: 20px;

}



.about {

  margin-top: 60px;

  color: #fff;

  overflow: hidden;

  min-width: 1200px;

  padding-bottom: 68px;

  background: url("../images/flzx/aboutbg.jpg") no-repeat center bottom;

}



.about .aboutbox {

  position: relative;

  margin-top: 40px;

}



.about .aboutbox .redbox {

  width: 900px;

  height: 520px;

  background: #b51829;

  padding-left: 35px;

  overflow: hidden;

}



.about .aboutbox .redbox strong {

  font-size: 24px;

  line-height: 100%;

  margin-top: 40px;

  display: inline-block;

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 15px;

}



.about .aboutbox .redbox strong::after {

  content: "";

  width: 50px;

  height: 3px;

  background: #fff;

  position: absolute;

  left: 50%;

  margin-left: -25px;

  bottom: 0;

}



.about .aboutbox .redbox p {

  text-indent: 2em;

  line-height: 30px;

  width: 625px;

  font-size: 18px;

}



.about .aboutbox .aboutimg {

  width: 483px;

  height: 362px;

  border: 4px solid #fff;

  position: absolute;

  top: 74px;

  right: 0;

  border-radius: 5px;

  overflow: hidden;

}



.about .aboutbox .aboutimg img {

  width: 100%;

  display: block;

}



.about .aboutbox .aboutimg .swiper-button-next {

  left: 64px;

  background-image: url("../images/flzx/aright.png");

}



.about .aboutbox .aboutimg .swiper-button-prev {

  left: 20px;

  background-image: url("../images/flzx/aleft.png");

}



.about .aboutbox .aboutimg .swiper-button-next, .about .aboutbox .aboutimg .swiper-button-prev {

  width: 44px;

  height: 32px;

  background-color: rgba(181, 24, 41, 0.5);

  bottom: 21px;

  top: auto;

  transition: all .3s linear;

  background-repeat: no-repeat;

  background-size: 12px 20px;

  background-position: center;

}



.about .aboutbox .aboutimg .swiper-button-next:hover, .about .aboutbox .aboutimg .swiper-button-prev:hover {

  background-color: #b51829;

}



.footer {

  height: 360px;

  background: url("../images/flzx/footerbg.jpg") center bottom;

  min-width: 1200px;

  overflow: hidden;

}



.footer .footer-inner {

  display: flex;

  flex-wrap: nowrap;

  height: 276px;

}



.footer .footer-inner .fleft {

  margin-left: 100px;

}



.footer .footer-inner .fleft .flogo {

  margin-top: 30px;

  margin-bottom: 15px;

}



.footer .footer-inner .fleft p {

  font-size: 18px;

  color: #f5f5f5;

  line-height: 30px;

}

.footer .footer-inner .fleft p a{

  color: #fff;

}



.footer .footer-inner .fright {

  margin-left: 122px;

}



.footer .footer-inner .fright strong {

  display: block;

  font-size: 30px;

  color: #fff;

  font-weight: normal;

  padding-left: 35px;

  background: url("../images/flzx/tel2.png") no-repeat left center;

  margin-top: 100px;

}



.footer .footer-inner .fright .xsh {

  margin-top: 22px;

}



.footer .copyright {

  font-size: 14px;

  color: #91949a;

  text-align: center;

  height: 83px;

  padding-top: 20px;

}