.qiYe{
    background: url(../images/img/bg.jpg) center top no-repeat;
    max-width: 1920px;
    margin: 0px auto;
    background-size: cover;
    
    padding-top: 180px;
}
.qiYe .flexs{
  

}

.qiYe .left{
    width: 32%;
    float: left;
}
.qiYe .right{
    width: 68%;
    float: right;
}
.qiYe .right img{
    width: 100%;
}


.qiYe .desc {
    width: 100%;
}


.qiYe .desc h1{
     color: #242424;
     font-size: 28px; font-weight: 600;
     line-height: 1.3;
     letter-spacing: 10px;
}


.qiYe .desc h5{
     color: #313131;
     font-size: 16px;
     line-height: 2;
     position: relative;
     padding-bottom: 25px;
     display: inline-block;
     letter-spacing: 4px;
}
.qiYe .desc h5::after{
   position: absolute;
   content: '';
   height: 2px;background: #bababa;
   bottom: 0px;
   width: 60%;
   left: 0;
}




.qiYe .desc p{font-size: 14px; line-height: 45px; color: #212121;}
.qiYe .desc p span{
    color: #c6000b;
    font-size: 27px;
}

.qiProList ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}

.qiProList li {
    padding-bottom: 55px;
    width: 32%;
    position: relative;
 
 }

 .qiProList dl{
    background: #f7f6f6;
    height: 250px;
    display: flex;
      align-items: center;
}
.qiProList li:hover {
    background: url(../images/bgs.jpg) no-repeat;
    background-size: cover;
   
}


.qiProList li .con{
    margin-left: 10%;
    margin-right: 10%;
}
.qiProList .pic{
    font-size: 42px;
    color: #d61019;
   
}
.qiProList   h1{
    font-size: 24px;
    line-height: 3;
}
.qiProList p{
    font-size: 16px;
    color: #959595;
    line-height: 1.5;
}


.qiProList li:hover  .pic{
    color: #ffffff;
}
.qiProList li:hover   h1{

    color: #ffffff;
}
.qiProList li:hover  p{
    color: #ffffff;
}

.qiTit{
    font-size: 35px; font-weight: 600;
    color: #343434;
    line-height: 3;
    margin-top: 85px;
}
.ziXun{
    display: flex;
    justify-content: center;
  

}


.ziXun img{max-width: 100%; }


.qiProList li:hover dl{
    background: none;
}

 
.qiProList .ico{
    position:absolute;
    bottom:10%;
    right:10%;
    display:none
    }
 .qiProList li:hover .ico{
    display:block
}

.qiBg2{
    background: url(../images/img/bg2.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 300px;

}
.qiTit2{
    color: #222222;
    font-size: 28px;
    line-height: 1.5;
}
.qiBg2 .list{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;
}
.qiBg2 .list dl{
    border: 1px solid #c6000b;
    width: 31%;

}
.qiBg2 .list dl dt{
    line-height: 3;
    background: #c6000b;
    text-align: center;
    color: #ffffff;
    font-size: 25px;
}
.qiBg2 .list dl dd{
    display: flex;
    justify-content: center;
    line-height: 2;
    flex-flow: column;
    text-align: center;
    font-size: 21px;
    padding: 15px 0;
}
.lader{
    margin-top: -100px;
}
.lader .left{
    float: left;
    width: 45%;
    
}
.lader .right{
    float: right;
    width: 50%;
    
}
.lader .right img{
    width: 70%;
}

.lader h1{
    color: #c6000b;
    font-size: 45px;
    line-height: 2;
}

.lader dl{ margin-top: 100px; width: 76%; float: right;
    text-align: right;
}
.lader dl  h2{
    font-size: 35px; font-weight: 400;
    color: #292929;
    margin-top: 25px;
}

.lader dl  h3{
    font-size: 21px;font-weight: 400;
    color: #c6000b;
    position: relative;
    line-height: 50px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}


.lader dl  h3::after{
    position: absolute;
    content: '';
    height: 2px;background: #bababa;
    bottom: 0px;
    width: 50%;
    right: 0;
 }
.lader dl  p{
    color: #202020;
    font-size: 17px;
    line-height: 2;
}
.qiBg3{
    background: url(../images/img/bg3.jpg) center top no-repeat;
    background-size: cover;
    
} 
.qiBg3 .keHufex dl h1 {font-size: 30px;}
.qiTit3{
    display: flex;
}
.qiTit3 dl{
    width: 70px;
}
.qiTit3 img{
    width: 100%;
}
.qiTit3 h1{
    font-size: 18px;
    color: #c6000b;
    margin-left: 25px;
    margin-top: 45px;
}

.qiTit4{
    display: flex;
    justify-content: center;
    margin-top: 55px;
    width: 100%;
}
.qiTit4 h1{
    font-size: 28px;
    color: #c6000b;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.qiTit4 h1::after{
    position: absolute;
    content: '';
    height: 2px;background: #c6000b;
    bottom: 0px;
    width: 120%;
    left: -10%;
 }

.qiTit4 p{
    text-align: center;
    font-size: 25px; padding: 40px 0;
}


.daoShi{
    position: relative;

    width: 100%;
    margin-top: 55px;
    padding-bottom:105px;
    height:auto

}
.daoShi .mySwiper{
    width: 60%;
    height: 100%;
    margin: 0px auto;


 
}
.daoShi .swiper-slide{
    width: 100%;
    
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height:auto;
    
}

.daoShi .swiper-slide dl a{
margin:0px auto
}

.daoShi .swiper-slide dl{
    text-align: center;
    width:23%;
    text-align:center;
    margin-top:15px
}

.daoShi .swiper-slide dl p{
line-height:2
    
}
.daoShi .swiper-slide  dl a{ overflow: hidden;
    width:130px;
    height: 130px;
    display: block;
    background: #e1a76c;
     border-radius:100% ;
     margin-bottom: 5px;
}

.daoShi .swiper-slide dl img{
    width: 100%;
}

.daoShi .swiper-button-next {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    right: 50%;
    bottom: 0px;
    left: auto;
    background: #c6000b;
    color: #ffffff;
    top: auto;
}
.daoShi .swiper-button-prev  {
    background: #c6000b;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    right: 45%;
    bottom: 0px;
    left: auto;
    top: auto;
}

.jlp{
    width: 70%;
    margin: 0px auto;
}

.qiTit.red{
    color: #c6000b;
}

.zxCase{
    height: 1680px;
    position: relative;
    width: 100%;
    margin-bottom: 55px;
}

.zxCase .mySwiper{
    width: 100%;
    height: 100%;
    margin: 0px auto;

 
}
.zxCase .swiper-slide{
    width: 100%;
    height: 750px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  
}

.zxCase .swiper-slide dl{
    border: 1px solid #c6000b;
    width: 90%;
    height: 100%;
}

.zxCase .swiper-slide dl h5{
    line-height: 3;
    font-size: 27px;
    color: #ffffff;
    background: #c6000b;
    text-align: center;

}
.zxCase .swiper-slide dl h6{
    line-height: 2;
    font-size: 24px;
    color: #c6000b;
    margin-left: 25px;

}
.zxCase .swiper-slide dl p{font-size: 14px; line-height: 26px;
    margin: 0 25px;
}

.zxCase .swiper-button-next {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    right: 50%;
    bottom: 0px;
    left: auto;
    background: #c6000b;
    color: #ffffff;
    top: auto;
}



.zxCase .swiper-button-prev {
    background: #c6000b;
    color: #ffffff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    right:45%;
    bottom: 0px;
    left: auto;
    top: auto;
}

.friend  {float: left; width: 67%; position: relative; }
.friend img{
    width: 100%;
}

.friend a:nth-child(6n){
     margin-right: 0;
}

.book.qi{
    background: url(../images/qi.jpg) center top no-repeat #000;
    background-size: cover;
    height: 550px;
    display: flex;
    align-items: center;
}
@media all and (max-width: 768px) {
.friend {float: left; width: 100%; position: relative; }
.friend a{
  width: 30%;
  display: inline-block;
  margin-top: 5px;
  margin-right: 4%;

}
.friend a:nth-child(3n){
     margin-right: 0;
}


    .qiYe{
        padding-top: 80px;
    }
    .qiYe .left{
        width: 90%;
        margin-left: 5%; 
        margin-top: 5px;
  
    }
    .qiYe .left dl{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-top: 15px;
  
    }
    .qiYe .left dl p{
        width: 50%;
    }

    .qiYe .right{
        width: 100%;
   
  
    }
    
.qiYe .desc h1{

    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 20px;
    font-weight: 300;
}


.qiYe .desc h5{
 
    font-size: .7rem;
    line-height: 2;
    padding-bottom: 25px;

    letter-spacing: 4px;
}


.qiYe .desc p{
    font-size: .7rem;
}
.qiYe .desc p span{
    font-size: .8rem;
}



.qiTit4{display: flex;justify-content: center;margin-top: 2.1875rem;width: 100%;}
.qiTit4 h1{
    font-size: 1rem;
    color: #c6000b;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.qiTit4 h1::after{
    position: absolute;
    content: '';
    height: 2px;background: #c6000b;
    bottom: 0px;
    width: 100%;
    left: 1%;
 }

.qiTit4 p{
    text-align: center;
    font-size: 0.9375rem;
    line-height:2.8125rem; padding: 0;
}

.qiProList li {width: 100%; padding-bottom: 10px; }
 
 .qiProList   h1{
    font-size: 1rem;
    line-height: 3;
}
.qiProList p{
    font-size: .85rem;
    color: #959595;
    line-height: 1.5;
}


 .qiProList dl{
   padding: 15px 0;
    height: auto;

}
 
 

.qiTit{
    font-size: 1.125rem;
    margin-top: 0.625rem;
}
.qiTit2{
    font-size: 1rem; line-height: 1.875rem;
}
.ziXun{
    flex-wrap:wrap;
}
.ziXun dl{
    width: 100%;
    text-align: center;
 
}

.qiBg2 .list {margin-top: 0;}
.qiBg2 .list dl{
    border: 1px solid #c6000b;
    width: 100%;
    margin-top: 0.9375rem;

}


.qiBg2 .list dl dt{
    line-height: 3;

    font-size: 1rem;
}
.qiBg2 .list dl dd{

    font-size: .8rem;
    padding: 15px 0;
}



.lader {
    margin: 0px;
  
}
.lader .left{ float: none;
    width: 85%;
    margin: 0 auto ;
}
.lader dl {
    margin-top: 1.25rem;
    width: 100%;
    float: left;
    text-align: center;
}
.lader .right{ text-align: center;width: 100%;}
.lader .right img{
    width: 50%;

}

.lader dl  h2{
    font-size: .7rem;
 
    margin-top: 5px;

}

.lader dl  h3{
    font-size: .7rem;

    padding-bottom: 15px;
    margin-bottom: 15px;
}




.qiBg2{

    padding-bottom: 0;
    margin-top: -55px;

}

.lader   h1{ text-align: center;
    font-size: 1.2rem;
    margin-top: 1.5625rem;
}
.lader dl  h2{
    font-size: 1.125rem;
    margin-top: 5px;

}

.lader dl  h3{
    font-size: 1rem;padding-bottom: 5px;margin-bottom: 5px;}

.lader dl  h3::after{
    position: absolute;
    content: '';
    height: 2px;background: #bababa;
    bottom: 0px;
    width: 40%;
    right: 30%;
 }
.lader dl  p{
    color: #202020;
    font-size: 0.875rem;
    line-height: 1.75rem;
}

.daoShi {margin-top: 3.4375rem;padding-bottom: 4.375rem;height: auto;}
.daoShi .mySwiper{
    width: 100%;
    height: 100%;
    margin: 0px auto;


 
}

.daoShi .swiper-slide  dl a{
    width:100px;
    height: 100px;
    display: block;
    overflow:overflow;
    background: #e1a76c;
     border-radius:100% ;
     margin-bottom: 5px;
}
.daoShi .swiper-slide dl{
    text-align: center;
    width:33%;
    text-align:center;
    margin-top:15px
}
.daoShi .swiper-button-next {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 55%;
    bottom: 0px;
    left: auto;
    background: #c6000b;
    color: #ffffff;
    top: auto;
}
.daoShi .swiper-button-prev  {
    background: #c6000b;
    color: #ffffff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 40%;
    bottom: 0px;
    left: auto;
    top: auto;
}
.zxCase{
    height: auto;
    position: relative;
    width: 100%;
    margin-bottom: 55px;
    padding-bottom: 30px;
}
.zxCase .swiper-slide{

    height: auto;
    
  
}


.zxCase .swiper-slide dl {width: 100%;}
.zxCase .swiper-slide dl h5{
    line-height: 3;
    font-size: 1rem;


}
.zxCase .swiper-slide dl h6{
    line-height: 2;
    font-size: 1rem;
    color: #c6000b;
    margin-left: 15px;

}
.zxCase .swiper-slide dl p{
    margin: 0 15px;
}

.zxCase .swiper-button-next {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: 55%;
    bottom: 0px;
    left: auto;
    background: #c6000b;
    color: #ffffff;
    top: auto;
}



.zxCase .swiper-button-prev {
    background: #c6000b;
    color: #ffffff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right:40%;
    bottom: 0px;
    left: auto;
    top: auto;
}







.ziXun img{
    width: 90%;
}

.ziXun dl:nth-child(3) img{
    width: 50%;
}

.book.qi{height: 460px;}


.jlp {width: 100%; margin: 0px auto; }

}