.inner-banner .text{
    top:38%;
 }
 .inner-banner .text h3{
     line-height: 1.2;
 }
 
 
 .ctn1{
   padding-top: 3.4375vw;
   padding-bottom: 3.229vw;
 }
 .ctn1 .img{
     margin-top: 2.29vw;
     margin-bottom: 1.67vw;
 }
 .ctn1 .img img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .ctn1-des{
     line-height: 2;
     color:#555;
 }
 
 .ctn2{
     position: relative;
     background: #f8f9fa;
     padding-top: 3.59375vw;
     padding-bottom: 4.74vw;
 }
 .ctn2 .culture-list{
     display: flex;
     margin-top: 2.1875vw;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 .ctn2 .culture-item{
   flex:0 0 48%;
   background-color: #fff;
   padding-bottom: 1vw;
 }
 .ctn2 .txt{
     width: 74.4%;
     margin:0 auto ;
     background-color: rgba(255,255,255,.9);
     padding: 1.5625vw 2.34375vw 0;
     transform: translateY(-68px);
 }
 .cul-tit{
     font-weight: bold;
     color: #c9151e;
     line-height: 1;
 
 }
 .cul-des{
     line-height: calc(4/3);
     margin-top: 1.40625vw;
     color: #666;
 }
 .cul-en{
     color: #c9151e;
     line-height: 32px;
     border-bottom: 1px solid #c9151e;
     margin-top: 1.72vw;
 }
 .culture-item .img img{
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
 
 .ctn3{
     background: url(/upload/image/2024/08/26/54555e59-0360-444c-9645-0467302cc6e5.jpg) no-repeat center center/cover;
     overflow: hidden;
     padding-top: 4.114vw;
     padding-bottom: 4.58vw;
 }
 
 
 .ctn3 .swpactive{
         overflow: initial;
         margin-top: 2.5vw;
         padding-bottom: 108px;
         position: relative;
 }
 .ctn3 .img img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 .ctn3  .ctn3-name{
     line-height: 1.5;
     color: #333;
     font-weight: 500;
     margin-top: 0.8854vw;
 }
 .ctn3 .img{
     position: relative;
             height: 0;
             padding-bottom: 121%;
             overflow: hidden;
             display:block;
 }
 .ctn3 .img img{
     position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             bottom: 0;
             left: 0;
             right: 0;
             margin: auto;
             transition: all 0.5s;
             object-fit: cover;
 }
 .ctn3  .swiper-button-prev {
     width:56px;
     height: 56px;
     background: url(../img/prev1.png);
     background-size: 18px 25px;
     background-position: center center;
     background-repeat: no-repeat;
     background-color: #fff;
     margin-top: 0;
     left: 50%;
     top: auto;
     bottom: 0;
     border-radius: 50%;
     transform: translateX(-145%);
     -webkit-transform: translateX(-145%);
     -moz-transform: translateX(-145%);
     -ms-transform: translateX(-145%);
 }
  .ctn3 .swiper-button-prev:before {
     content: '';
     width: 100%;
     height: 100%;
     background: url(../img/prev2.png);
     background-size: 18px 25px;
     background-position: center center;
     background-repeat: no-repeat;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
 }
 .ctn3  .swiper-button-next {
     width:56px;
     height: 56px;
     background: url(../img/next1.png);
     background-size: 18px 25px;
     background-position: center center;
     background-repeat: no-repeat;
     background-color: #fff;
     margin-top: 0;
     left: 50%;
     top: auto;
     bottom: 0;
     border-radius: 50%;
     transform: translateX(45%);
     -webkit-transform: translateX(45%);
     -moz-transform: translateX(45%);
     -ms-transform: translateX(45%);
 }
  .ctn3 .swiper-button-next:before {
     content: '';
     width: 100%;
     height: 100%;
     background: url(../img/next2.png);
     background-size: 18px 25px;
     background-position: center center;
     background-repeat: no-repeat;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
 }
 .ctn3 .swiper-button-prev:after,
 .ctn3 .swiper-button-next:after{
     content: none;;
 }
 .ctn3 .swiper-button-prev:hover:before ,
 .ctn3 .swiper-button-next:hover:before {
     opacity: 1;
 }
 
 
 .ctn4{
     background: url('../img/dz/a_bj4.jpg') no-repeat center bottom/contain;
     padding-top: 4.427vw;
     padding-bottom: 5.625vw;
 }
 .ctn4 .img{
     margin-top: 2.3958vw;
 }
 .ctn4 .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
 }
 
 
 .ctn5{
     background: url('../img/dz/a_bj5.jpg') no-repeat center center/cover;
     padding-top: 3.958vw;
     padding-bottom: 5.2vw;
 }
 .ctn5 .new{ 
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 3.072vw;
 }
 
 .new .new-lf{
     flex:0 0 42.3%;
     width: 42.3%;
 }
 .new .new-rg{
     flex:0 0 50%;
     width: 50%;;
 }
 .ctn5 .new .new-tit{
     position: relative;
     font-weight: bold;
     line-height: 1.8;
     padding-left: 20px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 .ctn5 .new .new-tit a{
     color: #333;
     transition: all .5s;
 }
 .ctn5 .new .new-tit a:hover {
     color: #c9151e;
 }
 .ctn5 .new .new-tit::before{
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background-color: #c9151e;
 }
 .ctn5  .lf-item .new-time{
     color: #999;
     line-height: calc(4 / 3);
     font-weight: 500;
     margin-top: 3px;
 }
 .ctn5 .lf-item .new-des{
     color: #666;
     line-height: 1.75;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     margin-top: 1vw;
     margin-bottom: 1.875vw;
 }
 .ctn5 .lf-item .img{
     overflow: hidden;
 }
 .ctn5 .lf-item .img img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 .ctn5 .lf-item .img:hover img{
    transform: scale(1.05);
 }
 .ctn5 .rg-list{
     border-top: 1px solid #d7d7d7;
 }
 .ctn5 .rg-item .new-des{
     color: #888;
     line-height: 1.75;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     margin-top: 6px;
 }
 .ctn5 .rg-item{
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 1.67vw;
     padding-bottom: 1.77vw;
     border-bottom: 1px solid #d7d7d7;
 }
 .ctn5 .rg-item .rg-lf{
     flex:1;
     margin-right: 7.7%;
     max-width: 80%;
 }
 .ctn5 .rg-item .rg-rg{
     flex:none;
 }
 .ctn5 .rg-item .new-time{
     color: #333;
     font-weight: 500;
     line-height: 1.5;
     margin-bottom: 1.25vw;
 }
 .ctn5 .new-more{
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: #333;
     overflow: hidden;
     margin:0 auto;
     transition: all .5s;
 }
 .ctn5 .new-more a{
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .ctn5  .new-more:hover{
     background: #c9151e;
 }
 
 
 .mores {
     position: relative;
     transition: all 1s ease 0.5s;
     -webkit-transition: all 1s ease 0.5s;
     -moz-transition: all 1s ease 0.5s;
     -ms-transition: all 1s ease 0.5s;
 }
 
 .ctn5 .mores {
     margin-top:2.8125vw;
 }
  .mores a {
     display: block;
     width: 180px;
     height: 40px;
     background: #c9151e;
     text-align: center;
     line-height: 40px;
     color: #fff;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     margin: 0 auto;
 }
 .ctn5 .mores a span {
     margin-left: 4px;
     transition: all 0.5s;
 }
 .ctn5 .mores a:hover {
     background: #a42b30;
 }
 .ctn5 .mores a:hover span {
     margin-left: 10px;
 }
 
 .ctn6{
     padding-top: 3.177vw;
     padding-bottom: 3.28vw;
 }
 
 .ctn6 .jon-class{
     width: 61.11%;
     margin:1.98vw auto 2.29vw;
     display: flex;
 }
 
 .ctn6 .jon-class div{
     flex: 1;
     background-color: #f8f9fa;
     text-align: center;
     line-height: 4;
     color: #333;
     transition: all .5s;
     position: relative;
     cursor: pointer;
 }
 .ctn6 .jon-class .active,
 .ctn6 .jon-class div:hover{
     background-color:#c9151e;
     color: #fff;
 }
 .ctn6 .jon-class .active:after{
     content: '';
     position: absolute;
     bottom: 0;
     left:50%;
     width: 0;
     height: 0;
     transform: translateX(-50%);
     border: 8px solid transparent;
     border-bottom-color:#fff;
 }
 .table-t{
     background-color: #e5e5e5;
     line-height: 52px;
     padding: 0 3.1vw;
     color:#333;
 }
 
 
 .recruit-top{
     line-height: 60px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 3.1vw;
     border-bottom: 1px dashed #c1c1c1;
     color: #4c4c4c;
     font-weight: bold;
     transition: all .5s;
     cursor: pointer;
 }
 .active .recruit-top{
     background-color: #c9151e;
     color: #fff;
 }
 .recruit-top svg{
     transition: all .5s;
 }
 .active .recruit-top svg{
     transform: rotate(180deg);
 }
 .active .recruit-top svg path{
     fill: #fff;
 }
 .recruit-btm{
     padding: 2.22vw 3.1vw 2.3vw;
     background-color: #f8f8f8;
     display: none;
 }
 .recruit-btm .ms{
     display: flex;
 }
 .recruit-btm .ms div{
    flex: 1;
 }
 .recruit-btm .rec-tit2{
     color:#4c4c4c;
     font-weight: bold;
     line-height: 1.5;
 }
 .recruit-btm .rec-des{
     margin-top: 8px;
     font-size: 14px;
     line-height: 36px;
     color: #888;
 }
 .recruit-btm .fs {
     margin-top: 1.09375vw;
     border-top: 1px dashed #c1c1c1;
     padding-top: 1.485vw;
 }
 .recruit-btm .resume{
     color: #888;
     font-size: 14px;
     line-height: 1.5;
     margin-top: 0.78235vw;
 }
 .recruit-btm .resume a{
 color: #c9151e;
 }
 .recruit-btm .td{
     color: #888;
     font-size: 14px;
     line-height:24px;
     margin-top: 12px;
 }
 .recruit-btm .more-recruit a{
     font-size: 14px;
     line-height: 24px;
     color: #c9151e;
     display: block;
 }
 .load{
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 1.5625vw;
 }
 .load span{
     color: #999;
     line-height: 1.5;
     margin-left: 14px;
     transition: all 0.5s;
     cursor: pointer;
 }
  .load span:hover{
      color: #c9151e;
  }
 .load img{
     /*animation-name: myload;
     animation-duration: 5s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;*/
 }
 
 @keyframes myload{
     from {transform: rotate(0);}
     to {transform: rotate(360deg);}
 }
  
 .ctn7{
     position: relative;
     padding-top: 3.125vw;
     padding-bottom: 4.16vw;
 }
 .ctn7>.img{
     position: absolute;
     left: 0;
     top:0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }
 .ctn7>.img img{
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .ctn7 .logo{
     margin: 3.229vw auto 1.1vw;
     width: 26.8%;
 }
 .ctn7 .logo img{
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 .ctn7 p{
    color: #999;
    text-align: center;
    line-height: calc(4/3);
    margin-bottom: 2.04vw;
 }
 
 
 .ctn7 .btns a {
     display: block;
     width: 180px;
     height: 40px;
     background: #c9151e;
     text-align: center;
     line-height: 40px;
     color: #fff;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     margin: 0 auto;
 }
 
 
 .ctn8{
     background-color: #f8f9fa;
     padding-top: 3.854vw;
     padding-bottom: 4.84375vw;
 }
 .ctn8 .contact-top{
    margin-top: 2.5vw;
    border: 2px solid #c9151e;
 }
 .ctn8 .contact-tit{
     font-weight: bold;
     text-align: center;
     color: #333;
     line-height: 2.25;
 }
 
 .ctn8 .con-box{
     padding:15px 14px;
     background-color: #fff;
     display: flex;
 }
 .ctn8 .con-lf{
     flex:0 0 36.19%;
     border-top:1px solid #d6d6d6;
 }
 .ctn8 .conlf-item{
     display: flex;
     padding: 3px 0;
     align-items: center;
     border-bottom:1px solid #d6d6d6;
 }
 .ctn8 .item-lf{
     flex:0 0 33.46%;
     text-align: center;
     background-color: #f5f5f5;
     line-height: 48px;
     font-weight: bold;
     color: #666;
 }
 .ctn8 .item-value{
     text-align: center;
     color: #333;
     line-height: 1.2;
     font-weight: 500;
     flex: 1;
 }
 
 .ctn8 .item-value a{
    color: #c9151e;
 }
 
 .ctn8 .con-rg{
     flex: 1;
 }
 .ctn8 .rg-list{
     display: flex;
     flex-wrap: wrap;
 }
 .ctn8 .conrg-item{
     flex: 0 0 48.3%;
     margin-left: 1.7%;
     background-color: #f5f5f5;
     padding:24px 2.34375vw 20px;
     overflow: hidden;
 }
 .ctn8 .conrg-item:nth-child(-n + 2){
     margin-bottom: 1vw;
 }
 .ctn8 .item-top{
     font-weight: 500;
     line-height: 1.5;
     color: #333;
    display: flex;
    align-items: center;
 }
 .ctn8 .item-top span{
     margin-left: 6px;
 }
 .ctn8 .rg-value{
 font-weight: bold;
 line-height: 1.4;
 margin-top: 5px;
 }
 .ctn8 .rg-value a{
     color: #c9151e;
 }
 
 .ctn8 .branch{
     display: flex;
     margin-top: 1.67vw;
     flex-wrap: wrap;
 }
 .ctn8 .branch-item{
     flex:0 0 32.36%;
     margin-right: 1.46%;
     background-color: #fff;
     border-bottom: 4px solid #c9151e;
 }
 .ctn8 .branch-item:nth-child(3n){
     margin-right: 0%;
 }
 .ctn8 .branch-top{
     text-align: center;
     background-color: #c9151e;
     color: #fff;
     display: flex;
     align-items: center;
     line-height: 1.4em;
     height: 2.8em;
     justify-content: center;
 }
 .ctn8 .branch-btm{
     padding: 1.71875vw 2.6vw 1.77vw;
     line-height: 1.75;
     color: #888;
 }
 @media screen and (max-width:1600px){
     .mores a,
     .ctn7 .btns a{
         width: 160px;
     }
 }
 @media screen and (max-width:768px){
     .ctn1{
         padding: 30px 0;
     }
     .ctn1 .img{
         margin-top: 20px;
         margin-bottom: 10px;
     }
     .ctn2 .culture-item{
         flex:0 0 100%;
         margin-bottom: 20px;
     }
     .ctn2 .txt{
         width: 80%;
         transform: translateY(-40px);
         padding: 15px 10px;
     }
     .ctn2 .culture-list{
         margin-top: 20px;
     }
     .ctn2{
         padding-top: 30px;
     }
     .ctn3 .swpactive {
 
         margin-top: 20px;
         padding-bottom: 60px;
     }
     .ctn3 .swiper-button-prev{
         width: 40px;
         height: 40px;
         transform: translateX(-120%);
     }
     .ctn3 .swiper-button-next{
         width: 40px ;
         height: 40px;
         transform: translateX(20%);
     }
     .ctn3{
         padding: 30px 0;
     }
 
     .new .new-lf,
     .new .new-rg{
         flex:0 0 100%;
         width: 100%;
     }
     .ctn5{
         padding: 30px 0;
     }
 
     .mores a,
     .ctn7 .btns a {
         width: 120px;
         height: 36px;
         line-height: 36px;
     }
     .ctn5 .new{
         margin-top: 20px;
     }
     .ctn5 .mores{
         margin-top: 20px;
     }
     .recruit-btm .ms {
         flex-wrap: wrap;
     }
     .recruit-btm .ms div{
         flex:0 0 100%
     }
     .recruit-btm .more-recruit a{
         word-break: break-word;
     }
     .recruit-btm .rec-des{
         line-height: 30px;
     }
     .recruit-top{
         line-height: 1.5;
         height: 3em;
     }
     .table-t{
         line-height: 42px;
     }
     .ctn6 .jon-class{
         width: 100%;
         margin: 20px 0;
     }
     .ctn6{
         padding: 30px 0;
     }
     .ctn6 .jon-class div{
         line-height: 2.8;
     }
     .load{
         margin-top: 15px;
     }
 
     .ctn8 .con-box{
         flex-wrap: wrap;
     }
     .ctn8 .con-lf{
         flex:0 0 100%;
     }
     .ctn8 .conrg-item{
         flex:0 0 100%;
         margin-left: 0;
         margin-top: 10px;
         padding: 15px 10px;
     }
     .ctn8 .branch{
         margin-top: 20px;
     }
     .ctn8 .branch-item{
        flex:0 0 100%;
        margin-right: 0%;
        margin-bottom: 10px;
     }
     .ctn8 .branch-btm{
         padding: 20px 10px;
     }
     .ctn8 .contact-top{
         margin-top: 20px;
     }
     .ctn8{
         padding: 30px 0;
     }
 }