@charset "utf-8";
.head-page .item:nth-child(2) >a::after {
    transform: scale(1);
}
.about .ftit {
    color: #333333;
    line-height: 1.3;
}
.about .tit {
    color: #333333;
}
.about .line{
    width: 118px;
    height: 2px;
    background: #333333;
    margin: 12px 0 58px;
}
.about .con{
    padding-right: 5px;
    box-sizing: border-box;
    line-height: 2.25;
    overflow-y: auto;
}
.about .con p{
    font-size: 16px;
}
.about-page01{
   background: url(../img/about01-bg.png) no-repeat center/cover;
}
.about-page01 .width1400{
    align-items: flex-start;
}
.about-page01 .item-l{
    width: 33.85%;
    height: 570px;
}
.about-page01 .item-r{
    width: 60.42%;
    margin-left: auto;
    padding-right: 5px;
    box-sizing: border-box;
}
.about-page01 .con {
    max-height: 360px;
    text-indent: 2em;
}
.about-page02 {
    align-items: flex-start;
    height: 737px;
}
.about-page02 .item-l{
    width: 51%;
    padding-left: 13.2%;
    padding-right: 20px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}
.about-page02 .item-l img{
    position: absolute;
    left: 0;
    border: 0;
    width: 66.7%;
    z-index: -1;
    bottom: 0;
}
.about-page02  .item-r{
    width: 49%;
    height: 100%;
}
.about-page02 .con{
    max-height: 465px;
}
.about-page03{
    background: #F5F5F5;
}
.about-page03 .lists{
    position: relative;
}
/* .about-page03 .swiper-container{
    position: initial;
}
.about-page03 .swiper-slide{
    width: 37.9%;
    z-index: 1;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    background: #ffffff;
}
.about-page03 .swiper-slide-active {
    z-index: 2;
}
.about-page03  .swiper-slide-duplicate{
    z-index: -1;
}
.about .about-page03 .line {
    margin: 12px 0 58px;
}
.about-page03 .swiper-button-next:after, .about-page03 .swiper-button-prev:after {
    font-size: 48px;
    font-weight: bold;
    color: #d6d6d6;
    transition: all .4s;
}
.about-page03 .swiper-button-next:hover:after, .about-page03 .swiper-button-prev:hover:after {
    color: #13429c;
} */
.about-page03 .swiper-pagination{
    display: none;
}
.about-tit{
    position: relative;
}
.about-tit::before{
    content: "";
    display: block;
    width: 100%;
    background: #E4E4E4;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
.pade-tit{
    width: 225px;
    background: #FFFFFF;
    margin: 0 auto;
    color: #333333;
    justify-content: center;
    position: relative;
}
.pade-tit::before,.pade-tit::after{
    content: "";
    display: block;
    width: 2px;
    height: 22px;
    background: #0B92FE;
    border: 1px solid #0B92FE;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pade-tit::before{
    left: 0;
}
.pade-tit::after{
    right: 0;
}
.pade-tit span{
    color: #0B92FE;
}
.pade-tit span::before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #0063CF;
    border-radius: 50%;
    margin: 0 7px;
}
.about-page04 .width1400 {
    padding: 0 5.5%;
    position: relative;
    margin-top: 80px;
}
.about-page04 .width1400::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #DCDCDC;
    left: 0;
    top: 50%;
    z-index: 0;
    margin-top: -1px;
    opacity: .8;
}
.about-page04 .swiper-container {
    padding: 0 10px;
    box-sizing: border-box;
    position: initial;
}
.about-page04 .width1400 .spot {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 155px;
    background: #999999;
    top: 50%;
}
.about-page04 .width1400 .spot::before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 0;
    margin-top: -8px;
    z-index: 1;
}
.about-page04 .swiper-slide:nth-of-type(2n-1) .spot{
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}
.about-page04 .swiper-slide:nth-of-type(2n-1) .spot::before{
    top: 100%;
}
.about-page04 .width1400 .spot::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #999999;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: -5px;
}
.about-page04 .swiper-slide:nth-of-type(2n-1) .spot::after{
    bottom: 100%;
}
.about-page04 .swiper-slide {
    padding: 170px 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: initial;
}
.about-page04 .width1400 .title {
    font-weight: bold;
    color: #0B92FE;
}
.about-page04 .width1400 .main {
    padding: 20px 20px 60px 24px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    margin-top: 0;
}
.about-page04 .swiper-slide:nth-of-type(2n-1) .main {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.about-page04 .swiper-slide:nth-of-type(2n-1) .main::after {
    top: auto;
    bottom: -15px;
    border-top: 16px solid #449ce7;
    border-bottom: 0 dotted !important;
}
.about-page04 .width1400 .scroll {
    max-height: 72px;
    overflow-y: auto;
    padding-right: 12px;
    min-height: 48px;
    margin-top: 6px;
}
.about-page04 .width1400 .content {
    color: #333333;
    line-height: 1.72;
}
.about-page04 .swiper-button-prev:after, .about-page04 .swiper-button-next:after{
    display: none;
}
.about-page04 .swiper-button-prev,.about-page04 .swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    transition: all .4s;
}
.about-page04 .swiper-button-prev {
    left: 0;
    background: url(../img/about-prve.png) no-repeat center/cover;
}
.about-page04 .swiper-button-next {
    right: 0;
    background: url(../img/about-next.png) no-repeat center/cover;
}
.about-page04 .swiper-button-prev:hover{
    background: url(../img/about-hprve.png) no-repeat center/cover;
}
.about-page04 .swiper-button-next:hover {
    background: url(../img/about-hnext.png) no-repeat center/cover;
}




/* 新增 */
.about-page03 .list {
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
 }
 .about-page03 .lists .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 20px auto 40px;
    cursor: pointer;
 }
 .about-page03 .lists .img img {
     width: 100%;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
 }
 .about-page03 .lists .text {
     border-top: 1px solid #EEEEEE;
     padding: 20px 0 10px;
 }
 .about-page03 .text .time{
     color: #555555;
 }
 .about-page03 .text .tit{
     margin-left: auto;
 }
 .about-page03 .swiper-pagination{
     display: none;
 }
 .about-page03 .but {
     margin-top: 45px;
     justify-content: center;
 }
 .about-page03 .swiper-button-prev,.about-page03 .swiper-button-next{
     position: initial;
     width: 57px;
     height: 57px;
     border: 1px solid #D2D2D2;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: initial;
     outline: none;
 }
 .about-page03 .swiper-button-next.swiper-button-disabled, .about-page03 .swiper-button-prev.swiper-button-disabled{
     opacity: 1;
 }
 .about-page03 .swiper-button-prev::before,.about-page03 .swiper-button-next::before{
     content: "";
     width: 20px;
     height: 16px;
     transition: all .3s;
 }
 .about-page03 .swiper-button-prev::before{
     background: url(../img/about01-prev.png) no-repeat center/cover;
 }
 .about-page03 .swiper-button-prev{
     margin-right: 48px;
 }
 .about-page03 .swiper-button-next::before{
     background: url(../img/about01-next.png)no-repeat center/cover;
 }
 .about-page03 .swiper-button-prev:hover,.about-page03 .swiper-button-next:hover{
     border: 1px solid #0F6CAE;
     background: #0F6CAE;
 }
 .about-page03 .swiper-button-prev:hover::before{
     background: url(../img/about01-hprev.png)no-repeat center/cover;
 }
 .about-page03 .swiper-button-next:hover::before{
     background: url(../img/about01-hnext.png)no-repeat center/cover;
 }
 .about-page03 .swiper-button-next:after, .about-page03 .swiper-button-prev:after{
     display: none;
 }
 .tech-tk{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.68);
    z-index: 999;
    display: none;
}
.tech-tk.active{
	display: block;
}
.tech-tk-box {
    display: inline-block;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 24px;
    width: 720px;
}
.techclose{
	margin-left: auto;
    display: block;
    width: 17px;
    margin-right: 10px;
    margin-top: 10px;
  
}
.tech-tk-img{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.tech-tk-img img{
    max-height: 550px;
}
@media only screen and (max-width: 1366px) {
    .about-page02 .item-l{
        padding-left: 4%;
        
    }
    .about .line{
        margin: 12px 0 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .about .con{
        margin-top: 30px;
    }
    .about-page01 .con {
        max-height: 285px;
    }
    .about .line {
        display: none;
    }
    .about-page01 .item-l {
        height: 450px;
    }
    .about-page02 .con {
        max-height: 360px;
    }
    .about-page02 {
        height: 580px;
    }
    .about-page04 .swiper-button-prev, .about-page04 .swiper-button-next{
        width: 45px;
        height: 45px;
    }
}
@media only screen and (max-width: 768px) {
    .tech-tk-box {
        width:92%;
    }
    .about-page01 .item-l {
        height: auto;
        width: 100%;
    }
    .about-page01 .item-l .bg-img {
        position: initial;
        transform: translate(0);
        height: auto;
        width: 100%;
    }
    .about-page01 .item-r{
        width: 100%;
        margin-top: 25px;
    }
    .about-page02 .item-l {
        padding-left: 4%;
        width: 100%;
    }
    .about-page02 .item-r {
        width: 92%;
        height: auto;
        margin:  0 auto;
       
    }
    .about-page02 .item-r img{
        position: initial;
        transform: translate(0);
        height: auto;
        width: 100%;
    }
    .about-page02{
        height: auto;
        flex-direction: column-reverse;
        padding: 30px 0;
    }
    .about .con {
        margin-top: 10px;
    }
    .about .con p{
        font-size: 14px;
    }
    .about-page02 .con {
        max-height: 210px;
    }
    .about-page03 .lists{
        padding: 0;
        margin-top: 30px;
    }
    .about-page03 .swiper-pagination{
        display: block;
        bottom: 0;
    }
    .about-page03 .swiper-button-next, .about-page03 .swiper-button-prev{
        display: none;
    }
    .about-page03 .swiper-container{
        padding-bottom: 40px;
    }
    .about-page04 .swiper-button-prev, .about-page04 .swiper-button-next{
        width: 35px;
        height: 35px;
        display: none;
    }
    .about-page04 .width1400 .main{
        padding: 20px 20px 24px;
    }
    .about-page04 .width1400 .spot{
        height: 120px;
    }
    .about-page04 .swiper-slide{
        padding: 130px 0;
    }
    .about-page04 .width1400{
        margin-top: 30px;
    }
    .about-page04 .width1400 .scroll {
        max-height: 48px;
        min-height: 24px;
    }
    
}