.banner {
  width: 100%;
  height: 300px;
  overflow: hidden;
  background: url(../images/about/banner.png) no-repeat center;
}
.navigation {
  height: 56px;
  line-height: 56px;
  background: #f2f2f2;
  box-shadow: 4px 4px 4px #e8e8e8;
}
.navigation p {
  color: #1e1e1e;
  font-size: 22px;
  padding-left: 394px;
  background: url(../images/about/position.png) no-repeat center left;
  background-position: 350px center;
}
.navigation p a {
  color: #1e1e1e;
}
.template .left {
  float: left;
  margin-top: -74px;
  width: 300px;
}
.template .left .top {
  border-radius: 7px 7px 0 0 ;
  width: 100%;
  height: 90px;
  background: #b51829;
  text-align: center;
  /*  box-shadow: 2px 4px 4px #eaeaea; */
}
.template .left .top h2 {
  font-size: 30px;
  color: #fff;
  padding-top: 15px;
  margin-bottom: 10px;
  letter-spacing: 3px;
}
.template .left .top p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 8px;
}
.template .left .bs {
  box-shadow: 4px 4px 4px #f1f1f1;
}
.template .left .nav ul li {
  font-size: 24px;
  line-height: 78px;
  border: 1px solid #c5c5c5;
  border-bottom: none;
  padding-left: 60px;
}
.template .left .nav ul li a {
  color: #999999;
  font-size: 24px;
  cursor: text;
}
.template .left .nav ul li.active {
  background: url(../images/news/sj.png) no-repeat center;
  background-position: 240px center;
}
.template .left .nav ul li.active a {
  color: #b51829;
}
.template .left .tel {
  text-align: center;
  border: 1px solid #c5c5c5;
  padding-bottom: 25px;
  background: #f2f2f2;
}
.template .left .tel img {
  width: 37px;
  margin: 0 auto 0;
  padding-top: 14px;
}
.template .left .tel h6 {
  font-weight: normal;
  font-size: 24px;
  color: #b51829;
  line-height: 50px;
  width: 210px;
  margin: 0 auto;
  border-bottom: 2px solid #b51829;
}
.template .left .tel p {
  color: #b51829;
  margin-top: 10px;
  font-size: 22px;
}
.template .right {
  width: 850px;
  float: right;
  /*  .pagination{
      margin-top:50px;
      p{
        font-size: 18px;;
        color:#a8a8a8;
        a{
          border:1px solid #cfcfcf;
          display: inline-block;
          text-align: center;
          line-height: 35px;
          margin:0 6px;
          color:#a8a8a8;
          border-radius: 5px;;
          &.active,&:hover{
            color:#fff;
            background:#b51829;
            border:1px solid #b51829
          }
        }
        .num{
          width:35px;
          height:35px;
        }
        .btn{
          padding: 10px 10px;
          line-height: 18px;
          &.makesure{
            color:#fff;
            background:#b51829;
            border:1px solid #b51829;
          }
        }
        input{
          width:35px;
          height:35px;
          border:1px solid #cfcfcf;
          margin:0 10px;
          font-size: 18px;
          text-align: center;
          color:#a8a8a8;
          border-radius: 5px;;
        }
      }
    } */
}
.template .right .title {
  border-bottom: 2px solid #d9d9d9;
  margin-top: 14px;
}
.template .right .title h3 {
  font-size: 28px;
  color: #b51829;
  line-height: 54px;
  margin: 0 auto;
  width: 120px;
  border-bottom: 4px solid #b51829;
  margin-bottom: -3px;
}
.template .right .orther {
  position: relative;
}
.template .right .orther .swiper-button-prev {
  top: 110px;
  background: #b51829;
  width: 30px;
  height: 30px;
  margin-top: 0;
  border-radius: 40px;
  left: -2px;
}
.template .right .orther .swiper-button-prev img {
  display: block;
  margin: 6px 8px;
}
.template .right .orther .swiper-button-prev.swiper-button-disabled {
  background: #999999;
  opacity: 1;
}
.template .right .orther .swiper-button-next {
  top: 110px;
  margin-top: 0;
  background: #b51829;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  right: 0;
}
.template .right .orther .swiper-button-next img {
  display: block;
  margin: 5px 11px;
}
.template .right .orther .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background: #999999;
}
.template .right .orther .tabContents .tabContent {
  margin-top: 30px;
  display: none;
}
.template .right .orther .tabContents .tabContent:first-child{
  display: block;
}
.template .right .orther .tabContents .tabContent .sd {
  border-top: 1px solid #d9d9d9;
  padding-bottom: 30px;
}
.template .right .orther .tabContents .tabContent .sd .stitle {
  padding-left: 10px;
  line-height: 25px;
  font-size: 26px;
  color: #b51829;
  border-left: 6px solid #b51829;
  margin: 30px 0;
}
.template .right .orther .tabContents .tabContent .sd p {
  color: #666;
  font-size: 20px;
  line-height: 30px;
}
.template .right .orther .tabContents .tabContent .sd > a {
  width: 120px;
  height: 40px;
  border: 1px solid #b51829;
  border-radius: 5px;
  display: block;
  text-align: center;
  line-height: 40px;
  letter-spacing: 2px;
  font-size: 20px;
  color: #b51829;
  float: right;
  margin-top: 20px;
}
.template .right .orther .tabContents .tabContent .hj .swiper-container {
  width: 850px;
  padding-bottom: 15px;
}
.template .right .orther .tabContents .tabContent .hj .swiper-container .swiper-slide {
  width: 100%;
}
.template .right .orther .tabContents .tabContent .hj .swiper-container .swiper-slide img {
  width: 417px;
  height: 228px;
  border-radius: 6px;
}
.template .right .orther .tabContents .tabContent .hj .swiper-pagination-bullet {
  width: 50px;
  height: 5px;
  background-color: #d3d3d3;
  opacity: 1;
  border-radius: 0;
  margin: 0;
  border-radius: 2.5px;
  display: inline-block;

}
.template .right .orther .tabContents .tabContent .hj .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #b51829;
  opacity: 1;
}
.swiper-container2{
  padding-bottom: 15px;
}
.template .right .orther .tabContents .tabContent .hj .swiper-pagination {
  position: relative;
  margin: 0 auto;
  top: 15px;
  width: 150px;
  height: 5px;
  display: flex;
  /* background: #d3d3d3; */
  border-radius: 2.5px;
}
.template .right .orther .tabContents .tabContent .contact p {
  color: #1e1e1e;
  font-size: 17px !important;
  line-height: 40px;
}
.template .right .orther .tabContents .tabContent .contact p span {
  color: #b51829;
}
.template .right .orther .tabContents .tabContent .contact p.position {
  background: url(../images/branch/bposition.png) no-repeat center left;
}
.template .right .orther .tabContents .tabContent .contact p.btel {
  background: url(../images/branch/btel.png) no-repeat center left;
}
.template .right .swiper-container1 {
  padding: 42px 0;
  width: 775px;
  margin: 0 auto;
  padding-bottom: 14px;
}
.template .right .swiper-container1 .part {
  width: 245px;
  /* border: 1px solid #e7e7e7; */
  border-radius: 5px;
  /*     padding-bottom:10px; */
  /* overflow: hidden; */
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 10px;
  position: relative;

}
.template .right .swiper-container1 .part img {
  width: 100%;
  height: 184px;
  font-size: 0;
  display: block;
}
.template .right .swiper-container1 .part p {
  width: 100%;
  text-align: center;
  line-height: 35px;
  color: #b51829;
  font-size: 20px;
  margin-top: -1px;
  position: absolute !important;
  bottom: 0px;
  background: #fff;
  border: 1px solid #e2e1e1;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px;
}
.template .right .swiper-container1 .swiper-slide:hover .part,
.template .right .swiper-container1 .swiper-slide.active .part {
  box-shadow: 0px 0px 8px #c5c5c5;
}
.template .right .swiper-container1 .swiper-slide:hover .part p,
.template .right .swiper-container1 .swiper-slide.active .part p {
  color: #fff;
  background: #b51829;
  position: relative;
  border: 1px solid #b51829;
  border-left: 0;
  border-right: 0;
  border-radius: 0 0 5px 5px;
}
.template .right .swiper-container1 .swiper-slide:hover .part p:after,
.template .right .swiper-container1 .swiper-slide.active .part p:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: #b51829 transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-family: inherit !important;
  content: "" !important;
}