.overscroll::-webkit-scrollbar,.selects::-webkit-scrollbar{width:4px;height:1px;}

.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#fc5008;}

.overscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#f2f2f2;}

input[type='date']{

    position: relative;

}

input[type='date']::-webkit-calendar-picker-indicator {

    position: absolute;

    right: 0;

    padding-left: 100%;

}

.fs14{

    font-size: 14px;

}

.fs16{

    font-size: 16px;

}

.fs18{

    font-size: 18px;

}

.fs20{

    font-size: 20px;

}

.fs22{

    font-size: 22px;

}

.fs24{

    font-size: 24px;

}

.fs28{

    font-size: 28px;

}

.fs30{

    font-size: 30px;

}

.fs34{

    font-size: 34px;

}

.fs36{

    font-size: 36px;

}

.fs42{

    font-size: 42px;

}

.fs45{

    font-size: 45px;

}

.fs48{

    font-size: 48px;

}

.fs60{

    font-size: 60px;

}

   

@media (max-width:1459px) {

    .fs22{

        font-size: 20px;

    }

    .fs24{

        font-size: 20px;

    }

    .fs28{

        font-size: 24px;

    }

    .fs30{

        font-size: 28px;

    }

    .fs34{

        font-size: 30px;

    }

    .fs36{

        font-size: 30px;

    }

    .fs42px{

        font-size: 36px;

    }

    .fs45{

        font-size: 36px;

    }

    .fs48{

        font-size: 36px;

    }

    .fs60{

        font-size: 48px;

    }

}



@media (max-width:1280px) {

    .fs18{

        font-size: 14px;

    }

    .fs20{

        font-size: 16px;

    }

    .fs22{

        font-size: 18px;

    }

    .fs24{

        font-size: 20px;

    }

    .fs28{

        font-size: 20px;

    }

    .fs30{

        font-size: 24px;

    }

    .fs34{

        font-size: 24px;

    }

    .fs36{

        font-size: 24px;

    }

    .fs42px{

        font-size:28px;

    }

    .fs45{

        font-size: 28px;

    }

    .fs48{

        font-size: 28px;

    }

    .fs60{

        font-size: 36px;

    }

}



@media (max-width:768px) {

    .fs18{

        font-size: 14px;

    }

    .fs20{

        font-size: 14px;

    }

    .fs22{

        font-size: 14px;

    }

    .fs24{

        font-size: 14px;

    }

    .fs28{

        font-size: 18px;

    }

    .fs30{

        font-size: 18px;

    }

    .fs34{

        font-size: 18px;

    }

    .fs36{

        font-size: 18px;

    }

    .fs42px{

        font-size:20px;

    }

    .fs45{

        font-size: 20px;

    }

    .fs48{

        font-size: 20px;

    }

    .fs60{

        font-size: 24px;

    }

}



/* 我们的标准 */

.about_01,

.about_02,

.about_04{

    padding: 45px 0;

}

.about_01 .title{

    text-align: center;

     font-weight: 700;
   

    color: #025a9e;

}

.about_01 .desc{

    max-width: 1240px;

    width: 100%;

    margin: 25px auto 0;

    line-height: 1.4;

    text-align: justify;

}

.about_02 .title{

    text-align: center;

     font-weight: 700;

    color: #025a9e;

}

.about_02 .text_box{

    max-width: 900px;

    margin: -5.5% auto 0;

    padding: 40px 0 55px;

    background-color: rgba(248, 249, 251, .9);

    z-index: 2;

    position: relative;

    padding: 45px 55px;

}

.about_02 .imgbox{

    margin-top: 45px;

}

.about_02 .tit{

    color: #001c31;

     font-weight: 700;

    line-height: 1.5;

}

.about_02 .editor{

    margin-top: 10px;
    text-align: justify;

}



.hlist2{

    display: flex;

    flex-wrap: wrap;

}

.hlist2 .item{

    width: 48.6%;

    margin-bottom: 4%;

}

.hlist2 .item:not(:nth-child(2n+1)){

    margin-left: 2.8%;

}

.hlist2 .text_box{

    background-color: rgba(248, 249, 251, .9);

    padding: 40px 30px 70px 30px;

    max-width: 80%;

    margin: -14% auto 0;

    position: relative;

    z-index: 2;

}

.hlist2 .tit{

    color: #001c31;

     font-weight: 700;

}

.hlist2 .editor{

    line-height: 1.66;

    margin-top: 15px;

    max-height: 170px;

    overflow-y: auto;

    padding-right: 30px;
    text-align: justify;

}

.about_04 .title{

    text-align: center;

     font-weight: 700;

    color: #025a9e;

}

.about_04 .hlist3{

    margin-top: 50px;

}

.hlist3{

    display: flex;

    flex-wrap: wrap;

}

.hlist3 .item{

    width: 23.875%;

    margin-bottom: 60px;

}

.hlist3 .item:not(:nth-child(4n+1)){

    margin-left: 1.5%;

}

.hlist3 .imgbox{

    padding-bottom: 71.4%;

    position: relative;

    background-color: #f8f9fb;

}

.hlist3 .imgbox img{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    max-height: 68.5%;

}

.hlist3 .tit{

    color: #333333;

    margin-top: 35px;

    text-align: center;

    line-height: 1.5;

    padding: 0 25px;

}



.about_05 .title{

    text-align: center;

     font-weight: 700;

    color: #025a9e;

}

.about_05 .imgbox{

    margin-top: 65px;

    text-align: center;

}

.about_06{

    margin-top: -10%;

    background-color: #f8f9fb;

    position: relative;

    padding: 100px 0 80px;

}

.about_06 .title{

    text-align: center;

     font-weight: 700;

    color: #025a9e;

}

.about_06 .imgbox{

    text-align: center;

    margin-top: 60px;

}



@media (max-width:1459px) {

    .about_01, .about_02, .about_04{

        padding: 35px 0;

    }

    .about_06{

        padding: 60px 0 ;

    }

    .about_02 .text_box {

        padding: 40px;

    }

    .hlist2 .text_box{

        padding: 30px 30px 40px;

    }

}

@media (max-width:1280px) {

    .about_06{

        padding: 35px 0 ;

    }

    .about_02 .text_box {

        padding: 25px;

    }

    .about_01 .desc,

    .about_02 .imgbox{

        margin-top: 15px;

    }



    .hlist3 .tit {

        margin-top: 15px;

    }



    .hlist3 .item {

        width: 32.33%;

    }



    .hlist3 .item:not(:nth-child(4n+1)) {

        margin-left: 0;

    }



    .hlist3 .item:not(:nth-child(3n+1)) {

        margin-left: 1.5%;

    }



    .about_05 .imgbox,

    .about_06 .imgbox,

    .about_04 .hlist3{

        margin-top: 35px;

    }

    .hlist3 .item{

        margin-bottom: 40px;

    }

}

@media (max-width:1024px) {

    .about_01, .about_02, .about_04,.about_06{

        padding: 25px 0;

    }

    .hlist3 .item{

        margin-bottom: 20px;

    }

}

@media (max-width:768px) {

    .about_01, .about_02, .about_04,.about_06{

        padding: 20px 0;

    }

    .hlist2 .text_box {

        padding: 15px;

        max-width: 95%;

    }

    

    .hlist2 .editor {

        font-size: 12px;

        padding-right: 15px;

    }

    .about_05 .imgbox, .about_06 .imgbox, .about_04 .hlist3 {

        margin-top: 15px;

    }

}

@media (max-width:640px) {

    .hlist3 .item {

        width: 49%;

    }



    .hlist3 .item:not(:nth-child(3n+1)) {

        margin-left: 0%;

    }

    .hlist3 .item:not(:nth-child(2n+1)) {

        margin-left:2%;

    }

    .hlist2 .item{

        width: 100%;

    }

    .hlist2 .item:not(:nth-child(2n+1)) {

        margin-left: 0;

    }

}



/* 我们的使命 */

.mission01{

    padding: 50px 0 60px;

}

.mission01 .title{

    text-align: center;

    color: #025a9e;

    line-height: 1.5;

     font-weight: 700;

}

.mission01 .desc{

    color: #000000;

    line-height: 1.28;

    text-align: center;

     font-weight: 700;

    margin-top: 50px;

}

.mission01 .editor{

    line-height: 1.4;

    color: #000000;

    max-width: 1250px;

    width: 100%;

    margin: 35px auto 0;
text-align: justify;
}

.mission01 .imgbox{

    margin-top: 20px;

}

.mission01 .imgbox img{

    width: 100%;

}

.mission02 .title{

    text-align: center;

    color: #025a9e;

    line-height: 1.5;

     font-weight: 700;

}

.mission02 .desc{

    color: #000000;

    line-height: 1.4;

}

.mission02{

    padding: 60px 0;

}

.mission02 .hlist5{

    margin-top: 45px;

}

.hlist5{

    display: flex;

    flex-wrap: wrap;

}

.hlist5 .item:nth-child(3n+1),

.hlist5 .item:nth-child(3n+2){

    width: 49%;

}

.hlist5 .item:nth-child(3n+2){

    margin-left: 2%;

}

.hlist5 .item:nth-child(3n+3){

    width: 100%;

}

.hlist5 .imgbox{

    padding-bottom: 27.3vw;

    position: relative;

}

.hlist5 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.hlist5 .item{

    position: relative;

    margin-bottom: 2%;

}

.hlist5 .text_box{

    position: absolute;

    left: 50%;

    transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -ms-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    bottom: 30px;

    color: #fff;

    width: 100%;

    max-width: 95%;

    text-align: center;

}

.hlist5 .tit{

    line-height: 1.25;

     font-weight: 700;

}

.hlist5 .cdesc{

    line-height: 1.16;

    height: 0px;

    overflow: hidden;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    opacity: 0;

}

.hlist5 .item:hover .cdesc{

    height: auto;

    opacity: 1;

    padding-top: 20px;

}

.mission03{

    padding:0 0 4.8%;

}
.mission03 .imgbox {
    padding-bottom: 28%;
    position: relative;
}
.mission03 .imgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mission03 .inner{

    margin-top: -5%;

    position: relative;

    z-index: 2;

}

.mission03 .text_box{

    box-shadow: 0 0 15px rgba(0,0,0,0.1);

    background-color: #ffffff;

    padding: 4.4% 11.4% 3.8%;

    text-align: center;

}



@media (max-width:1459px) {

    .mission01 .desc {

        margin-top: 25px;

    }

    .mission01 .editor {

        margin-top: 25px;

    }

    .mission01,

    .mission02{

        padding: 45px 0;

    }

    

}

@media (max-width:1280px) {

    .mission01,

    .mission02{

        padding: 25px 0;

    }

}

@media (max-width:1024px) {

    .mission01 .desc {

        margin-top: 15px;

    }

    .mission01 .editor {

        margin-top: 15px;

    }

    .mission01,

    .mission02{

        padding: 15px 0;

    }

}

@media (max-width:768px) {

    .mission03 .text_box{

        padding: 25px 15px;

    }

    

}

@media (max-width:640px) {

    .hlist5 .item:nth-child(3n+1), .hlist5 .item:nth-child(3n+2) {

        width: 100%;

    }

    .hlist5 .item:nth-child(3n+2) {

        margin-left: 0;

    }

    .hlist5 .imgbox {

        padding-bottom: 60%;

    }

}



/* 新增 */

.oem1{

    padding: 30px 0 0;

}

.list89{

    padding: 70px 0  60px;

}

.list89 .item{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 60px;

    position: relative;

}

.list89 .imgbox{

    width: 64%;

}

.list89 .imgbox img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.list89 .text{

    width: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    position: absolute;

    background-color: rgba(0, 91, 157, .55);

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    padding: 3.4% 6%;

}



.list89 .item:nth-child(2n+1) .text{

    right: 0;

}

.list89 .item:nth-child(2n) .text{

    left: 0;

}

.list89 .item:nth-child(2n){

    flex-direction: row-reverse;

}



.list89 .tit{

    font-size: var(--f28);

    color: #fff;

    font-family:'Helvetica_Blod';

    line-height: 1.4;

}

.list89 .edit2{

    margin-top: 20px;

}

.list89 .edit2,

.list89 .edit2 *{

    color: #fff;

    line-height: 1.3;

}

.oem1 .base_tit2{

    max-width: 1200px;

    margin: 0 auto 50px;

}







.oem2{

    padding: 100px 0 80px;

    background-color: #f8f9fb;

}

.oem2 .list88{

    margin-top: 45px;

}

.list88{

    display: flex;

    flex-wrap: wrap;

}



.list88 .item{

    width: calc((100% - 20px) / 2);

    margin-bottom: 20px;

    position: relative;

}

.list88 .item:not(:nth-child(2n+1)){

    margin-left: 20px;

}

.list88 .imgbox{

    padding-bottom: 61.2%;

    position: relative;

}

.list88 .imgbox img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.list88 .text{

    transform: translate(0,-35px);

    -webkit-transform: translate(0,-35px);

    -moz-transform: translate(0,-35px);

    -ms-transform: translate(0,-35px);

    -o-transform: translate(0,-35px);

}

.list88 .tit{

    font-size: var(--f28);

    color: #021c31;

    margin-bottom: 20px;

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

    padding: 20px 5%;

    width: fit-content;

    margin: 0 auto;

    font-family:'Helvetica_Blod';

    background-color: #fff;

    box-shadow: 0 0 25px rgba(0, 0, 0, .2);

}

.list88 .desc{

    font-size: var(--f24);

    color: #595959;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    line-height: 1.5;

    margin-top: 15px;

}



.list88 .item:hover .tit{

    color: #fff;

    background-color: #fb5002;

}



.oem3{

    position: relative;

    padding: 105px 0 130px;

    background-repeat:no-repeat;

    background-size: cover;

}

.oem3 .base_tit3{

    color: #000000;

}

.oem3 .edit2{

    max-width: 1170px;

    margin: 40px auto 60px;

}

.oem3 .edit2,

.oem3 .edit2 *{

    color: #595959;

}





.rab1 .rab_t{

    display: flex;

    align-items: center;

    border-bottom: 1px solid #dee2e5;

    padding-bottom: 42px;

}

.rab1 .icon{

    min-width: 80px;

}

.rab1 .tit{

    font-size: var(--f28);

    color: #001c31;

    line-height: 1.28;

    margin-left: 30px;

    font-family:'Helvetica_Blod';

}

.rab1 .item{

    background-color: #fff;

    padding: 13.5%;

    height: 100%;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

}
.rab1 .item:hover img{
    transition: all .5S;
    -webkit-transition: all .5S;
    -moz-transition: all .5S;
    -ms-transition: all .5S;
    -o-transition: all .5S;
}
.rab1 .item:hover img{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}

.rab1 .item .edit2{

    color: #595959;

    max-width: unset;

    margin: 50px 0 10px;

    text-align: left;

}



.rab1 .item::before{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 3px solid #fc4c01;

    opacity: 0;

    transition: all .2s;

    -webkit-transition: all .2s;

    -moz-transition: all .2s;

    -ms-transition: all .2s;

    -o-transition: all .2s;

    display: none;

}

.rab1 .item:hover::before{

    opacity: 1;

}



.rab1 .swiper-slide{

    height: auto;

}

.oem3{

    overflow: hidden;

}

.oem3 .swiper-container{

    overflow: unset;

}



.rab1 .swiper-slide::before{

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: rgba(255, 255, 255, .72);

}



.oem3  .swiper-slide.swiper-slide-active::before,

.oem3  .swiper-slide.swiper-slide-next::before,

.oem3  .swiper-slide.swiper-slide-next + .swiper-slide::before {

    display: none;

}

.oem3  .swiper-slide.swiper-slide-active .item::before,

.oem3  .swiper-slide.swiper-slide-next .item::before,

.oem3  .swiper-slide.swiper-slide-next + .swiper-slide .item::before{

    display: block;

}



.swiper_box{

    display: flex;

    align-items: center;

    width: 100%;

    margin-top: 70px;

}

.swiper_box .swiper-pagination{

    flex: 1;

    height: 2px;

    background-color: rgba(13, 39, 57, .36);

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    position: relative;

}

.swiper_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    background-color: #fc4c02;

    height:7px;

    margin-top: -3px;

}



.swiper_box .swiper_btns{

    display: flex;

    align-items: center;

    margin-left: 50px;

}

.swiper_box .swiper_btn{

    width: 80px;

    height: 80px;

    background-color: #ffffff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: relative;

    cursor: pointer;

}



.swiper_box .swiper_btn.prev::before{

    content: '';

    display: block;

    position: absolute;

    top: 37%;

    border-bottom: 2px solid #999999;

    border-left: 2px solid #999999;

    transform: rotate(45deg);

    right: 25px;

    width: 20px;

    height: 20px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.swiper_box .swiper_btn.next::before{

    content: '';

    display: block;

    position: absolute;

    top: 37%;

    border-top: 2px solid #999999;

    border-right: 2px solid #999999;

    transform: rotate(45deg);

    right:31px;

    width: 20px;

    height: 20px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.swiper_box .swiper_btn.next{

    margin-left: 25px;

}

.swiper_box .swiper_btn:hover{

    background-color: #fc4c02;

}

.swiper_box .swiper_btn:hover::before{

    border-color: #fff;

}





.eai3 .list90{

    margin-top: 30px;

}



.list90{

    display: flex;

    flex-wrap: wrap;

}



.list90 .item:nth-child(4n+1){

    width: 58.4375%;

}

.list90 .item:nth-child(4n+2){

    width: 40%;

}

.list90 .item:nth-child(4n+3){

    width: 40%;

}

.list90 .item:nth-child(4n+4){

    width: 58.4375%;

}

.list90 .imgbox{

    padding-bottom: 360px;

    position: relative;

}

.list90 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.list90 .item{

    width: 31.5%;

    margin-bottom: 1.375%;

    position: relative;

}

.list90 .item:not(:nth-child(2n+1)){

    margin-left:1.375%;

}

.list90 .tit{

    position: absolute;

    bottom: 40px;

    left: 30px;

    right: 30px;

    font-size: var(--f22);

    color: #fff;

    line-height: 1.63;

}





@media(max-width:1459px){

    .oem1 .base_tit2 {

        margin-bottom: 30px;

    }

    .list89 {

        padding: 35px 0;

    }

    .oem2 {

        padding: 65px 0;

    }

    .oem3 {

        padding: 65px 0;

    }

    .oem3 .edit2 {

        margin: 20px auto 30px;

    }

    .rab1 .item .edit2 {

        margin: 20px 0;

    }

    .rab1 .icon {

        min-width: 45px;

    }

    .rab1 .rab_t {

        padding-bottom: 25px;

    }

    .swiper_box {

        margin-top: 30px;

    }

    .swiper_box .swiper_btn {

        width: 60px;

        height: 60px;

    }

    .swiper_box .swiper_btn.prev::before {

        width: 15px;

        height: 15px;

        right: 19px;

    }

    .swiper_box .swiper_btn.next::before {

        width: 15px;

        height: 15px;

        right: 23px;

    }

    .swiper_box .swiper_btns {

        margin-left: 25px;

    }

    .swiper_box .swiper_btn.next {

        margin-left: 15px;

    }

    .list89 .item{

        margin-bottom: 40px;

    }

    .list88 .tit{

        padding: 10px 3%;

    }

}

@media(max-width:1280px){

    .list89 {

        padding: 25px 0;

    }

    .oem2 {

        padding: 40px 0;

    }

    .oem2 .list88 {

        margin-top: 25px;

    }

    .list88 .text {

        transform: translate(0,-25px);

        -webkit-transform: translate(0,-25px);

        -moz-transform: translate(0,-25px);

        -ms-transform: translate(0,-25px);

        -o-transform: translate(0,-25px);

    }

    .rab1 .item{

        padding: 9.5%;

    }

    .rab1 .tit {

        margin-left: 20px;

    }

    .list89 .item{

        margin-bottom: 30px;

    }   

    .list88 .tit{

        padding: 10px 2%;

    }

}



@media(max-width:1024px){

    .list89 {

        padding: 20px 0;

    }

    .oem2 {

        padding: 20px 0;

    }

    .oem2 .list88 {

        margin-top: 20px;

    }

    .list88 .text {

        transform: translate(0,-15px);

        -webkit-transform: translate(0,-15px);

        -moz-transform: translate(0,-15px);

        -ms-transform: translate(0,-15px);

        -o-transform: translate(0,-15px);

    }

    .rab1 .rab_t {

        padding-bottom: 15px;

    }

    .rab1 .item .edit2 {

        margin: 10px 0;

    }

    .swiper_box .swiper_btn {

        width: 40px;

        height: 40px;

    }

    .swiper_box .swiper_btn.prev::before {

        width: 10px;

        height: 10px;

        right: 12px;

    }

    .swiper_box .swiper_btn.next::before {

        width: 10px;

        height: 10px;

        right: 16px;

    }

    .oem3 {

        padding: 40px 0;

    }

    .list89 .item{

        margin-bottom: 20px;

    }

    .list89 .edit2{

        margin-top: 10px;

    }

    .oem1 .base_tit2 {

        margin-bottom: 15px;

    }

    .list89 .text {

        width: 80%;

    }

}



@media(max-width:768px){

  

    .oem3 {

        padding: 20px 0;

    }

    .list88 .tit{

        padding: 5px 10px;

    }

}

@media(max-width:640px){

    .list89 .item {

        flex-wrap: wrap;

    }

    .list89 .imgbox {

        width: 100%;

    }

    .list89 .text {

        width: 95%;

        margin: -50px auto 0;

        position: relative;

        top: unset;

        left: unset;

        transform: translate(0,-0);

        -webkit-transform: translate(0,-0);

        -moz-transform: translate(0,-0);

        -ms-transform: translate(0,-0);

        -o-transform: translate(0,-0);

        padding: 15px;

    }

   

    .list88 .item {

        width: 100%;

    }

    .list88 .item:not(:nth-child(2n+1)) {

        margin-left: 0;

    }



    .swiper_box .swiper_btn {

        width: 30px;

        height: 30px;

    }

    .swiper_box .swiper_btn.prev::before {

        width: 7px;

        height: 7px;

        right: 9px;

    }

    .swiper_box .swiper_btn.next::before {

        width: 7px;

        height: 7px;

        right: 11px;

    }

    .swiper_box {

        margin-top: 15px;

    }

    .rab1 .icon {

        min-width: 45px;

        width: 45px;

    }

    .swiper_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

        height: 5px;

        margin-top: -2px;

    }

}



/* 04_企业系统集成服务 */

.eaibanner{

    position: relative;

}

.eaibanner .imgbox{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: 2;

}

.eaibanner .imgbox img{

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.eaibanner .video_box{

    width: 100%;

    z-index: 1;

    opacity: 0;

    position: relative;

}

.eaibanner .video_box.cur{

    opacity: 1;

    z-index: 4;

}

.eaibanner video{

    width: 100%;

}



.eaibanner .video_btn{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    z-index: 6;

    background-image: url(../images/icon11.png);

    background-repeat: no-repeat;

    width: 116px;

    height: 116px;

    cursor: pointer;

    background-size: contain;

}





.eai1{

    padding: 60px 0 0;

}

.eai1 .list87{

    margin-top: 70px;

}





.list87{

}



.list87 .auto_1240 {

    margin-top: -160px;

}



.list87 .text{

    padding: 50px;

    background-color: #ffffff;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    position: relative;

}



.eai2{

    padding: 100px 0 60px;

}

.eai2 .edit2{

    margin-top: 35px;

}

.eai2 .base_tit4{

    color:#001c31;

    text-align: left;

    margin: 35px 0;

}

.eai2 .base_tit3{

    color:#005b9d;

}



.list86{

    display: flex;

    flex-wrap: wrap;

}



.list86 .item:nth-child(6n+1){

    width: 38.75%;

}

.list86 .item:nth-child(6n+2){

    width: 26.25%;

}

.list86 .item:nth-child(6n+3){

    width: 31.875%;

}



.list86 .item:nth-child(6n+4){

    width: 31.875%;

}

.list86 .item:nth-child(6n+5){

    width: 26.25%;

}

.list86 .item:nth-child(6n+6){

    width: 38.75%;

}



.list86 .imgbox{

    padding-bottom: 360px;

    position: relative;

}

.list86 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.list86 .item{

    width: 31.5%;

    margin-bottom: 1.375%;

    position: relative;

}

.list86 .item:not(:nth-child(3n+1)){

    margin-left:1.375%;

}

.list86 .tit{

    position: absolute;

    bottom: 40px;

    left: 30px;

    right: 30px;

    font-size: var(--f22);

    color: #fff;

    line-height: 1.63;

}

.eai3{

    padding: 100px 0 90px;

    background-color: #f8f9fb;

}



.eai3 .edit2{

    margin-top: 25px;

}

.eai3 .list88{

    margin-top: 50px;

}











.list85{

    display: flex;

    flex-wrap: wrap;

}

.list85 .item{display:flex;padding:40px 0; align-items: flex-start;justify-content:space-between;width: 45%;}

.list85 .item:not(:nth-child(2n+1)){

    margin-left: 10%;

}

.list85 .item .list4_text{display:flex;align-items:center;flex:1;}

.list85 .item .icon i{color:#fb550f;font-size:70px;}

.list85 .item .icon{margin-right:25px;}

.list85 .item .tit{font-size:var(--f22);color:#000000;line-height:1.45;}

.list85 .item .down_btns{display:flex;align-items: center;margin-top: 5px;}

.list85 .item .eye i{font-size:16px;}

.list85 .item .down i{font-size:26px;}

.list85 .item .down{margin-left:30px;}

.list85 .item .other{font-size:var(--f18);color:#999999;display:flex;margin-top:20px;}

.list85 .item .time{margin-left:40px;display:block;position:relative;}

.list85 .item .time::before{content:'';display:block;position:absolute;background-color:#999999;left:-20px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);height:70%;width:2px;}

.list85 .item .text{padding-right:5%;}

.list85 .item:hover .tit{color:#fc5008;}



.list84 .item{

    width: 48%;

}

.list84 .item:not(:nth-child(2n+1)){

    margin-left: 0%;

}



.list84{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.link_me{

    width: fit-content;

    line-height: 60px;

    text-align: center;

    background-color: #fc4c02;

    text-align: center;

    padding: 0 40px;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    margin-left: 20px;

}

.link_me .span{

    padding-left: 40px;

    position: relative;

    color: #fff;

    font-size: var(--f22);

}

.link_me .span::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    background-image: url(../images/hicon00.png);

    width: 27px;

    height: 25px;

    background-repeat: no-repeat;

    background-size: contain;

}





@media (max-width:1459px){

    .list85 .item .icon i{font-size:56px;}

    .list85 .item{padding:30px 0;}

    .link_me {

        line-height: 50px;

        padding: 0 20px;

    }

    .eaibanner .video_btn{

        width: 80px;

        height: 80px;

    }

}

@media (max-width:1280px){

    .list85 .item .icon i{font-size:48px;}

    .list85 .item{padding:20px 0;}

    .eaibanner .video_btn{

        width: 60px;

        height: 60px;

    }

}

@media (max-width:1024px){

    .list85 .item .icon i{font-size:36px;}

    .list85 .item{

        width: 47%;

    }

    .list85 .item:not(:nth-child(2n+1)) {

        margin-left: 6%;

    }

    .link_me .span::before {

        width: 25px;

        height: 20px;

    }

    .link_me .span {

        padding-left: 30px;

    }

    .link_me {

        line-height: 40px;

    }

   

}

@media (max-width:768px){

    .list85 .item .icon i{font-size:28px;}

    .list85 .item .text{padding-right:15px;}

    .list85 .item .other{margin-top:10px;}

    .list85 .item .time{margin-left:30px;}

    .list85 .item .time::before{left:-15px;}

    .list85 .item{

        width: 100% !important;

    }

    .list85 .item:not(:nth-child(2n+1)) {

        margin-left: 0 !important;

    }

    .list84 .item{

        flex: unset;

        width: 100%;

    }

    .link_me {

        padding: 0 10px;

        line-height: 35px;

        margin-left: 0;

        margin-bottom: 10px;

    }

    .link_me .span::before {

        width: 16px;

        height: 14px;

    }

    .link_me .span {

        padding-left: 25px;

    }

    .eaibanner .video_btn{

        width: 40px;

        height: 40px;

    }

}







@media(max-width:1459px){

    .eai1 {

        padding: 50px 0 0;

    }

    .eai1 .list87 {

        margin-top: 40px;

    }

    .eai2 {

        padding: 65px 0 60px;

    }

    .eai3 {

        padding: 65px 0;

    }

    .list86 .imgbox,

    .list90 .imgbox{

        padding-bottom: 300px;

    }

    .list87 .text{

        padding: 30px;

    }

    .list87 .auto_1240{

       margin-top: -100px;

    }

}

@media(max-width:1280px){

    .eai1 {

        padding: 40px 0 0;

    }

    .eai1 .list87 {

        margin-top: 20px;

    }

    .eai2 {

        padding:40px 0;

    }

    .eai3 {

        padding: 40px 0;

    }

    .list86 .imgbox,

    .list90 .imgbox{

        padding-bottom: 220px;

    }

    .list87 .text{

        padding: 25px;

    }

    .list87 .auto_1240{

       margin-top: -60px;

    }

}

@media(max-width:1024px){

    .eai1 {

        padding: 20px 0 0;

    }

    .eai2 {

        padding:20px 0;

    }

    .eai3 {

        padding: 20px 0;

    }

    .list86 .imgbox,

    .list90 .imgbox{

        padding-bottom: 180px;

    }

    .list87 .text{

        padding: 20px;

    }

    .list87 .auto_1240{

      margin-top: -40px;

    }

}

@media(max-width:768px){

    .eai1 .list87 {

        flex-wrap: wrap;

    }

    .list87 .imgbox {

        width: 100%;

    }

    .list87 .text {

        margin-top: 15px;

        flex: unset;

        padding: 15px;

    }

    .eai2 .edit2 {

        margin-top: 20px;

    }

    .eai2 .base_tit4 {

        margin: 15px 0;

    }

    .list86 .tit,

    .list90 .tit{

        bottom: 15px;

        left: 10px;

        right: 10px;

    }

    .eai3 .edit2 {

        margin-top: 15px;

    }

    .list86 .imgbox,

    .list90 .imgbox{

        padding-bottom: 150px;

    }

    .eai3 .list90{

        margin-top: 20px;

    }

    .list87 .auto_1240{

      margin-top: -20px;

    }

    .list87 .imgbox{

        height: 150px;

    }

    .list87 .imgbox img{

        object-fit: cover;

        height: 100%;

    }

}

@media(max-width:640px){

    .eai3 .list88 {

        margin-top: 20px;

    }

    .list88 .item {

        margin-bottom: 10px;

    }

    .list86 .item {

        width: 100% !important;

    }

    .list86 .item:not(:nth-child(3n+1)){

        margin-left: 0 !important;

    }

    .list85 .item .down{

        margin-left: 15px;

    }



    .list90 .item {

        width: 100% !important;

    }

    .list90 .item:not(:nth-child(3n+1)){

        margin-left: 0 !important;

    }

    .list87 .auto_1240{

       margin-top: 0;

    }



}





/* 登录 */

.login{

    padding: 0px 0 50px;

}

.rab2{

    padding: 30px 140px 85px;

    box-shadow: 0 0 48px rgba(0, 91, 157, .1);

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

}

.login_top{

    padding-bottom: 15px;

    border-bottom: 1px solid #ededed;

}

.login_tit{

    position: relative;

     font-weight: 700;

    color: #005b9d;

    text-align: center;

    font-size: var(--f45);

}



.tishi{

    font-size: var(--f20);

    color: #595959;

    text-align: right;

    margin-top: 15px;

    display: block;

}
.tishi2{
     color: #595959;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0;
    font-size: var(--f20);
}
.tishi2 a:hover {
    color: #fc4c02;
}

.tishi a{
    color: #595959;
    margin-left: 5px;

}
.tishi a:hover{
       color: #fc4c02;
}



.form1{

    max-width: 700px;

    width: 100%;

    margin: 0 auto;

}

.list83{

    width: 100%;

    padding-top: 25px;

}

.form1 .item{

    display: flex;

    align-items: center;

    border: 1px solid #ededed;

    padding: 13px 22px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    margin-top: 20px;

}

.form1 .input{

    flex: 1;

    margin-left: 18px;

}

.form1 .input input{

    font-size: var(--f20);

    color: #999999;

    width: 100%;

}



.tishi1{

    display: flex;

    align-items:center;

    font-size: var(--f16);

    color: #999999;

    margin: 30px 0 40px;

}

.tishi1 a{

    color: #005b9d;

}



.login .uicon{

    min-width: 20px;

    width: 20px;

    height: 20px;

    border: 1px solid #ededed;

    position: relative;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}

.login .uicon.cur{

    background-color: #fc4c02;

}

.login .uicon.cur::before{

    content: '';

    display: block;

    position: absolute;

    top: 12%;

    border-bottom: 2px solid #fff;

    border-right: 2px solid #fff;

    transform: rotate(45deg);

    right: 5px;

    width: 5px;

    height: 9px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}





.login .ptit{

    margin-left: 15px;

}



.login .form_btn{

    background-color: #fc4c02;

    line-height: 50px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    font-size: var(--f22);

    color: #ffffff;

    text-align: center;

    cursor: pointer;

}

.login .form_btn{

    margin-top: 15px;

}



.links{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

}

.links a{

    font-size: 16px;

    color: #999999;

    margin: 0 15px;

}

.links .icon-16{

    font-size: 24px;

}



@media(max-width:1459px){

    .rab2 {

        padding: 45px 100px;

    }

    .login{

        padding: 0 0 65px;

    }

    .form_btn{

        line-height: 45px;

    }

}

@media(max-width:1280px){

    .rab2 {

        padding: 30px;

    }

    .login {

        padding: 0 0 45px;

    }

    .form2 .item{

        margin-top: 10px;

    }

    .list82 {

        margin-top: 10px;

    }

    .form2 .item {

        padding: 10px 15px;

    }

    .tishi1 {

        margin: 20px 0;

    }

}

@media(max-width:1024px){

    .rab2 {

        padding: 20px 30px;

    }

    .login {

        padding: 0 0 35px;

    }

    .form_btn{

        line-height: 35px;

    }

}

@media(max-width:768px){

    .rab2 {

        padding: 15px 20px;

    }

    .login {

        padding: 25px 0;

    }

    .tishi1 {

        margin: 30px 0;

    }

    .form1 .item {

        padding: 10px;

    }

    .list83 {

        padding-top: 15px;

    }

    .login .ptit{

        font-size: 12px;

    }

}

@media(max-width:640px){

    .tishi1 {

        margin: 20px 0;

    }

    .links a{

        margin: 0 10px;

    }

}





/* 注册 */



.list82{

    display: flex;

    flex-wrap: wrap;

    margin-top: 20px;

}

.form2 .item {

    width: 48.5%;

    display: flex;

    align-items: center;

    border: 1px solid #ededed;

    padding: 13px 22px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    margin-top: 20px;

}

.form2 .item .icon{

    margin-right: 15px;

}

.form2 .item .input{

    flex: 1;

    position: relative;

}

.form2 .item input{

    font-size: var(--f20);

    color: #999999;

    width: 100%;

}

.form2 .item input::placeholder{

    color: #999;

}

.form2 .item .input.select::before{

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-bottom: 8px solid #999999;

    bottom: 0;

    right: 0;

    z-index: 1;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}

.form2 .item.sex select{

    color: #333;

}

.form2 .item select{

    appearance: none;

    font-size: var(--f20);

    color: #999;

    border: none;

    width: 100%;

}



.form2 .item.item1{

    margin-left: 3%;

}



.form2 .item.item2 .btn_img{

    position: absolute;

    right: -15px;

    top:50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

.form2 .item.item2 .btn_img img{

    min-height: 40px;

}

.form2 .item.item2 .email_btn{

    position: absolute;

    right: -15px;

    top:50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    line-height: 40px;

    background-color: #ffede5;

    color: #fc4c02;

    padding: 0 15px;

    font-size: var(--f20);

}



.form2 .item.item3{

    width: 100%;

}



@media(max-width:900px){

    .form2 .item{

        width: 100% !important;

        margin-left: 0% !important;

    }

}

@media(max-width:640px){

    .list82 {

        margin-top: 10px;

    }

    .form2 .item {

        padding: 10px;

        margin-top: 10px;

    }

    .form2 .item.item2 .btn_img img {

        min-height: 30px;

        height: 30px;

    }

    .form2 .item.item2 .btn_img {

        right: 0;

    }

}



/* 联系我们弹窗 */

.form3{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9999;

    background-color: rgba(0, 0, 0, .2);

}

.form3 .main{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

}

.form3 .main .content{

    background-color: #fff;

    padding: 55px 150px 80px;

    position: relative;

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    overflow: hidden;

}



.form_top{

    padding-bottom: 30px;

    border-bottom: 1px solid #ededed;

}



.form_top .form_tit{

    font-size: var(--f45);

    color: #005b9d;

    text-align: center;

    font-family:'Helvetica_Blod';

}

.form_top .form_desc{

    font-size: var(--f24);

    color: #333333;

    text-align: center;

    margin-top: 30px;

}



.form3 .close{

    position: absolute;

    right: -60px;

    top: -60px;

    width: 0;

    height: 0;

    border: 60px solid transparent;

    border-bottom-color: #fc4c02;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.form3 .closer{

    width: 27px;

    height: 27px;

    position: absolute;

    right: -9px;

    top: 24px;

    z-index: 2;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    cursor: pointer;

}

.form3 .closer::before{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform:translate(-50%,-50%) rotate(45deg);

    -webkit-transform:translate(-50%,-50%) rotate(45deg);

    -moz-transform:translate(-50%,-50%) rotate(45deg);

    -ms-transform:translate(-50%,-50%) rotate(45deg);

    -o-transform:translate(-50%,-50%) rotate(45deg);

    width: 100%;

    height: 2px;

    background-color: #fff;

}

.form3 .closer::after{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%) rotate(45deg);

    -webkit-transform: translate(-50%,-50%) rotate(45deg);

    -moz-transform: translate(-50%,-50%) rotate(45deg);

    -ms-transform: translate(-50%,-50%) rotate(45deg);

    -o-transform: translate(-50%,-50%) rotate(45deg);

    width: 2px;

    height: 100%;

    background-color: #fff;

}





.list80{

    display: flex;

    flex-wrap: wrap;

    padding: 60px 0 0;

}

.list80 .item{

    width: 47.75%;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

}

.list80 .item:not(:nth-child(2n+1)){

    margin-left: 4.5%;

}



.list80 .lable{

    font-size: var(--f24);

    color: #333333;

    position: relative;

    margin-right: 10px;

    padding-right: 5px;

    white-space: nowrap;

    min-width: 105px;

    text-align: right;

}

.list80 .lable i{

    position: absolute;

    top: -5px;

    right: 0;

    color:#fc4c02;

}

.list80 .input{

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -ms-border-radius:4px;

    -o-border-radius:4px;

    height: 50px;

    border: 1px solid #eeeeee;

    flex: 1;

    padding-left: 10px;

}

.list80 .input input{

    width: 100%;

    font-size: var(--f22);

    color: #333;

    height: 100%;

}

.list80 .input textarea{

    font-size: var(--f22);

    color: #333;

}



.list80 .item.area{

    align-items: flex-start;

    width: 100%;

}

.list80 .item.area .input{

    height: auto;

}

.list80 .item.area .lable{

    padding-top: 10px;

}



.list80 textarea{

    height: 130px;

    width: 100%;

    outline: none;

    resize: none;

    border: none;

    padding: 15px;

}





.list80 .item1 .lable{

    min-width: 270px;

    text-align: right;

}



.form3 .form_btn{

    background-color: #fc4c02;

    text-align: center;

    font-size: var(--f24);

    color: #ffffff;

    padding: 0 45px;

    width: fit-content;

    margin: 60px auto 0;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    line-height: 50px;

    cursor: pointer;

}





@media(max-width:1459px){

    .form3 .main .content {

        padding: 30px 50px;

    }

    .list80 {

        padding: 40px 0 0;

    }

}

@media(max-width:1280px){

    .form3 .main .content {

        padding: 30px 50px;

    }

    .list80 {

        padding: 40px 0 0;

    }

    .form3 .form_btn {

        padding: 0 20px;

        margin: 40px auto 0;

        line-height: 45px;

    }

}

@media(max-width:1024px){

    .form3 .form_btn {

        padding: 0 15px;

        margin: 20px auto 0;

        line-height: 35px;

    }

    .list80 .input {

        height: 40px;

    }

    .list80 {

        padding: 30px 0 0;

    }

    .form_top .form_desc {

        margin-top: 20px;

    }

    .list80 textarea {

        height: 80px;

    }

    .form3 .main .content {

        padding: 15px;

    }

}

@media(max-width:768px){

    .list80 .item {

        width: 100%;

        flex-wrap: wrap;

        margin-bottom: 10px;

    }

    

    .list80 .item:not(:nth-child(2n+1)) {

        margin-left: 0;

    }

    .list80 .lable,

    .list80 .item1 .lable{

        min-width: unset;

    }

    .list80 .input{

        flex: unset;

        width: 100%;

        margin-top: 10px;

    }

    .list80 .input {

        height: 30px;

    }

    .form3 .form_btn {

        padding: 0 10px;

        margin: 10px auto 0;

        line-height: 30px;

    }

    .list80 {

        padding: 15px 0 0;

    }

    .form_top .form_desc {

        margin-top: 10px;

    }

    .form_top {

        padding-bottom: 10px;

    }

    .form3 .closer {

        width: 17px;

        height: 17px;

        right: -16px;

        top: 39px;

    }

    .form3 .close {

        right: -70px;

        top: -85px;

    }

    .list80 textarea {

        height: 50px;

    }

}



@media(max-width:640px){

    .list80 .input{

        height: 24px;

    }

}



.contact .link_me{

    margin-top: 20px;

    margin-left: 0;

    cursor: pointer;

}

/* 反馈 */

.feed01{

    box-shadow: 0 0 15px #f8f9fb;

    padding: 45px 80px;

    background-color: #fff;

}

.form4{

    max-width: 740px;

    width: 100%;

}

.form4 .item{

    display: flex;

    align-items: center;

    margin-bottom: 35px;

}

.form4 .lable{

    color: #000000;

    min-width: 185px;

    width: 185px;

    text-align: right;

}

.form4 .input{

    margin-left: 23px;

    border: 1px solid #eee;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    flex: 1;

    height: 50px;

}

.form4 .select{

    position: relative;

    padding: 0 30px;

   

}

.form4 .select::before{

    content: '';

    display: block;

    position: absolute;

    top: 30%;

    border-bottom: 2px solid #3d3d3d;

    border-left: 2px solid #3d3d3d;

    right: 18px;

    width: 10px;

    height: 10px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.form4 .select select{

    width: 100%;

    height: 100%;

    border: none;

    appearance: none;

    color: #999999;

}



.form4 .code.input{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-left: 30px;

}

.form4 .code.input .code_img{

    min-width: 125px;

}

.form4 .item.area{

    align-items: flex-start;

}

.form4 .item.area .lable{

    padding-top: 3%;

}

.form4 .item.area .input{

    padding: 30px;

    height: auto;

}

.form4 .area textarea{

    min-height: 180px;

    width: 100%;

    resize: none;

    border: none;

    color: #999999;

}

.form4 .input_btn{

    margin-left: 25px;

}

.form4 .submit{

    line-height: 50px;

    background-color: #fc4c02;

    padding: 0 50px;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    color: #fff;

    cursor: pointer;

}





@media(max-width:1459px){

    .feed01 {

        padding: 35px 40px;

    }

    .form4 .lable {

        min-width: 160px;

        width: 160px;

    }

    .form4 .item {

        margin-bottom: 20px;

    }

}

@media(max-width:1024px){

    .feed01 {

        padding: 25px;

    }

    .form4 .input {

        height: 40px;

    }

    

    .form4 .select {

        padding: 0 20px;

    }

    

    .form4 .code.input {

        padding-left: 20px;

    }

    

    .form4 .item.area .input {

        padding: 15px;

    }

    

    .form4 .submit {

        line-height: 40px;

    }

    .form4 .lable {

        min-width: 130px;

        width: 130px;

    }

}

@media(max-width:640px){

    .form4 .item {

        flex-wrap: wrap;

    }

    

    .form4 .input {

        width: 100%;

        flex: unset;

        margin-left: 0;

        margin-top: 10px;

    }

    

    .form4 .lable {

        text-align: left;

    }

    

    .feed01 {

        padding: 15px;

    }

    

    .form4 .code.input {

        padding-left: 15px;

    }

    

    .form4 .select {

        padding: 0 15px;

    }

    

    .form4 .input {

        height: 35px;

    }

    

    .form4 .select::before {

        top: 22%;

    }

    

    .form4 .area textarea {

        min-height: 100px;

    }

    

    .form4 .item.btn .lable {

        display: none;

    }

    

    .form4 .item.btn .input_btn {

        margin-left: 0;

    }

    

    .form4 .submit {

        line-height: 30px;

        padding: 0 25px;

    }

    .form4 .item {

        margin-bottom: 15px;

    }

}

/* 售后服务 */

.box50{

    margin: 0 0 45px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.box50 .time_box{

    display: flex;

    align-items: center;

    cursor: pointer;

}

.box50 .times_box{

    border: 1px solid #eeeeee;

    background-color: #fff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    padding: 12px 90px 12px 20px;

    position: relative;

    display: flex;

    align-items: center;

    margin-left: 20px;

    max-width: 370px;

}

.box50 .times_box::before{

    content: '';

    display: block;

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    background-image: url(../images/oicon01.png);

    width: 21px;

    height: 21px;

    background-size: contain;

    background-repeat: no-repeat;

}

.box50 .times_box .time_tit{

    color: #001c31;

}

.box50 .time_i{

    position: relative;

    width: 114px;

}

.box50 .times_box input{

    color: #001c31;

}

.box50 .ci{

    margin: 0 20px;

}

.search1{

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px;

    border: 1px solid #cfd7df;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    margin-left: 40px;

    flex: 1;

}

.search1 .input{

    padding-left: 20px;

    color: #949494;

}

.search1 .search_btn{

    width: 110px;

    height: 50px;

    background-image: url(../images/search_icon.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 22px;

    background-color: #005b9d;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

.sale01{

    background-color: #ffffff;

    padding-bottom: 50px;

    box-shadow: 0 0 15px rgba(0, 0, 0, .01);

}

.sale01 .table{

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    overflow: hidden;

}

.sale01 table{

    width: 100%;

}

.sale01 td:first-child{

    padding-left: 30px;

}

.sale01 td:last-child{

    padding-right: 30px;

    width: 110px;

    padding-left: 10px;

}

.sale01 thead{

    background-color: #005b9d;    

}

.sale01 thead td{

    color: #fff;

    font-size: 20px;

    padding: 25px 0;

}

.sale01 tbody td{

    font-size: 18px;

    color: rgba(0, 0, 0, .8);

    padding: 25px 10px;

    line-height: 1.3;

}

.sale01 tbody tr{

    position: relative;

}

.sale01 tbody tr::after{

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    left: 30px;

    right: 30px;

    height: 1px;

    background-color: #edecec;

}



.sale01 .state{

    text-align: center;

    line-height: 26px;

    padding: 0 10px;

    color: #fff;

    font-size: 14px;

    display: inline-block;

    width: 100%;

    cursor: pointer;

}

.sale01 .state1{

    background-color: #005b9d;

}

.sale01 .state2{

    background-color: #fc4c02;

}

.sale01 .sale_btn{

    background-color: #fc4c02;

    width: fit-content;

    margin: 50px auto 0;

    line-height: 50px;

    color: #fff;

    padding: 0 30px;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

@media(max-width:1459px){

    .search1 .search_btn {

        height: 40px;

        width: 100px;

    }

}

@media(max-width:1280px){

    .sale01{

        padding-bottom: 20px;

    }

    .sale01 tbody td{

        padding: 15px 0;

    }

}

@media(max-width:1024px){

    .sale01 thead td {

        font-size: 18px;

        padding: 15px 0;

    }

    .sale01 td:first-child {

        padding-left: 20px;

    }

    .sale01 tbody tr::after{

        left: 20px;

        right: 20px;

    }

    .sale01 td:last-child{

        padding-right: 20px;

    }

    .sale01 .sale_btn {

        margin: 25px auto 0;

        line-height: 40px;

    }

    .box50 {

        margin: 0 0 25px;

    }

}

@media(max-width:768px){

    .sale01 tbody td{

        font-size: 14px;

    }

    .sale01 thead td{

        font-size: 16px;

    }

}



@media(max-width:640px){

    .sale01 .table {

        overflow-x: auto;

    }

    .sale01 .table table {

        width: 280%;

    }

    .sale01 tbody td,

    .sale01 thead td{

        padding: 10px 0;

    }

    .sale01 .sale_btn {

        margin: 15px auto 0;

        line-height: 30px;

        padding: 0 20px;

    }

    .box50 {

        flex-wrap: wrap;

    }

    .box50 .time_box {

        flex-wrap: wrap;

    }

    .box50 .times_box {

        margin-left: 0;

        margin-top: 10px;

        width: 100%;

        padding: 10px 30px 10px 10px;

    }

    .search1 {

        margin-left: 0;

        margin-top: 10px;

    }

    .search1 .search_btn {

        height: 30px;

        width: 60px;

    }

}

/* 重设密码 */

.rebuild01{

    width: 100%;

}

.table2 table{

    width: 100%;

}

.table2 thead{

    background-color: #005b9d;

}

.table2 thead td{

    color: #ffffff;

    font-size: 22px;

}

.table2 td{

    text-align: center;

    padding: 30px 10px;

}

.table2 tbody td{

    color: #000000;

    font-size: 18px;

    line-height: 1.77;

}

.table2 tbody tr{

    border-bottom: 1px solid #ebebeb;

}



.rebuild01{

    box-shadow: 0 0 15px rgba(0, 0, 0, .01);

    background-color: #fff;

}



.form10{

    padding: 55px 60px;

}

.form10 .item{

    display: flex;

    align-items: center;

    margin-bottom: 35px;

}

.form10 .input{

    margin-left: 20px;

}

.form10 .lable{

    color: #000000;

}

.form10 .lable span{

    position: absolute;

    left: 0;

    top: 0;

    color: #ff0000;

}

.form10 .input{

    border: 1px solid #eeeeee;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    padding: 13px 25px;

    flex: 1;

}

.form10 .select.input{

    position: relative;

}

.form10 .select.input::before{

    content: '';

    display: block;

    position: absolute;

    top: 31%;

    border-bottom: 2px solid #3d3d3d;

    border-left: 2px solid #3d3d3d;

    right: 30px;

    width: 10px;

    height: 10px;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.form10 .input select{

    appearance: none;

    border: none;

}

.form10 .input input,

.form10 .input select{

    font-size: 20px;

    color: #999999;

    width: 100%;

    height: 100%;

}

.form10 .tips{

    margin-top: 25px;

    color: #999999;

    line-height: 1.66;

}

.form10 .form_btn{

    text-align: center;

    margin-top: 170px;

}

.form10 .form_btn .btn{

    display: inline-block;

    line-height: 50px;

    background-color: #fc4c02;

    text-align: center;

    color: #fff;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    padding: 0 50px;

}





@media(max-width:1459px){

    .table2 thead td {

        font-size: 18px;

    }

    .table2 td {

        padding: 20px 10px;

    }

    .form10 {

        padding: 30px;

    }

    .form10 .input input, .form10 .input select {

        font-size: 16px;

    }

    .form10 .form_btn{

        margin-top: 100px;

    }

}

@media(max-width:1280px){

    .form10 .input input, .form10 .input select {

        font-size: 14px;

    }

    .form10 .item {

        margin-bottom: 25px;

    }

    .form10 .form_btn{

        margin-top: 50px;

    }

    .form10 .form_btn .btn {

        line-height: 40px;

        padding: 0 30px;

    }

}

@media(max-width:1024px){

    .form10{

        padding: 25px;

    }

}

@media(max-width:640px){

    .table2 thead td{

        font-size: 16px;

    }

    .table2 td {

        padding: 10px;

    }

    .table2{

        overflow-x: auto;

    }

    .table2 table{

        width: 250%;

    }

    .form10 {

        padding: 15px;

    }

    .form10 .item {

        margin-bottom: 15px;

        flex-wrap: wrap;

    }

    .form10 .input {

        flex: unset;

        width: 100%;

        margin: 15px 0 0;

        padding: 10px 30px 10px 10px;

    }

    .form10 .select.input::before {

        right: 10px;

    }

    .form10 .form_btn {

        margin-top: 30px;

    }

    .form10 .form_btn .btn {

        line-height: 30px;

        padding: 0 20px;

    }

}



/* 公司简介 */

.prof01{

    padding: 45px 0 8.4%;

}

.prof01 .title{

     font-weight: 700;

    color: #005b9d;

    text-align: center;

    line-height: 1.111;

}



.prof01 .editor{

    margin-top: 40px;

    line-height: 1.666;

}

.prof02{

    padding: 8% 0 8.4%;

    background-size: cover;

    background-repeat: no-repeat;

}

.prof02 .editor{

    line-height: 1.666;

    width: 100%;


    color: #fff;
       max-width: 49%;
    color: #fff;
    max-height: 25vw;
    padding-right: 15px;

}

.prof03{

    padding: 6.8% 0 4%;

}

.prof03 .title{

     font-weight: 700;

    color: #005b9d;

    text-align: center;

    line-height: 1.111;

    max-width: 850px;

    margin: 0 auto;

}

.prof03 .editor{

    margin-top: 30px;

    line-height: 1.666;

    color: #333333;

}

.prof04 .imgbox{

    position: relative;

}

.prof04 .imgbox .base_video{

    background-image: url(../images/oicon06.png);

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 2vw;

    height: 2vw;

}

.prof05 .box10{

    padding: 6.2% 0 6.4%;

}

.box10{

    display: flex;

    align-items: center;

}

.box10 .text_box{

    width: 50%;

    padding-right: 5%;

}

.box10 .editor{

    line-height: 1.66;

}

.box10 .imgbox{

    width: 50%;

}

.prof06{

    background-repeat: no-repeat;

    background-size: cover;

    padding: 10% 0 11.6%;

}

.prof06 .text_box{

    max-width: 50%;

    display: inline-block;

    text-align: left;

}

.prof06 .box11{

    text-align: right;

}

.box11 .title{

    color: #005b9d;

    line-height: 1.2;

     font-weight: 700;

}

.box11 .editor{

    line-height: 1.66;

    margin-top: 45px;

}

.prof07{

    padding: 5.3% 0;

}

.prof07 .editor{

    line-height: 1.66;

    margin-top: 45px;

}

.box12{

    display: flex;

    align-items: center;

}

.box12 .text_box{

    flex: 1;

    padding-right: 6%;

}

.box12 .imgbox{

    width: 39%;

}

.prof08{

    padding: 5.3% 0;

    background-color: #f8f9fb;

}

.prof08 .title{

    text-align: center;

    color: #005b9d;

     font-weight: 700;

}

.prof08 .desc{

    color: #333333;

    line-height: 1.6;

    margin-top: 20px;

    text-align: center;

}

.prof08 .list14{

    margin-top: 40px;

}

@media(max-width:1459px){



}

@media(max-width:1280px){

    .prof01,

    .prof03,

    .prof05 .box10,

    .prof07{

        padding: 40px 0;

    }

    .prof01 .editor,.box11 .editor{

        margin-top: 30px;

    }

}

@media(max-width:1024px){



}

@media(max-width:768px){

    .prof01,

    .prof03,

    .prof05 .box10,

    .prof07{

        padding: 20px 0;

    }

    .prof01 .editor,

    .box11 .editor{

        margin-top: 20px;

    }

}

@media(max-width:640px){

    .prof05 .box10 {

        flex-wrap: wrap;

    }

    

    .box10 .text_box {

        width: 100%;

        padding-right: 0;

    }

    

    .box10 .imgbox {

        width: 100%;

        margin-top: 10px;

    }

    

    .prof06 {

        padding: 20px;

    }

    

    .prof06 .box11 {

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

        text-align: center;

        padding: 15px;

    }

    

    .prof06 .text_box {

        max-width: 100%;

    }

    

    .box12 {

        flex-wrap: wrap;

    }

    

    .box12 .text_box {

        flex: unset;

        width: 100%;

    }

    

    .box12 .imgbox {

        width: 100%;

        margin-top: 10px;

    }

    

    .prof08 .list14 {

        padding-top: 15px;

    }

}



/* 社会责任 */

.corpo001 .inner{

    width: 100%;

    max-width: 68.75%;

}

.corpo001{

    padding: 2.7% 0 5.4%;

    position: relative;

}

.corpo001 .title{

    text-align: center;

     font-weight: 700; 

    color: #005b9d;

}

.corpo001 .desc{

    color: #333333;

    line-height: 1.66;

    margin-top: 45px;

    text-align: center;

}

.corpo001 .hlist12{

    margin-top: 50px;

}

.hlist12{

    display: flex;

    flex-wrap: wrap;

    overflow: hidden;

    position: relative;

}

.hlist12 .item{

    width: 50%;

    background-color: #f8f9fb;

    padding: 34px;

}

.hlist12 .item:nth-child(1),

.hlist12 .item:nth-child(2){

    margin-bottom: 70px;

}

.hlist12 .item:nth-child(2),

.hlist12 .item:nth-child(4){

    text-align: right;

}

.hlist12 .cdesc{

    position: relative;

    padding-top: 25px;

    max-width: 54%;

    display: inline-block;

}

.hlist12 .cdesc::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background-image: url(../images/titicon.png);

    width: 52px;

    height: 17px;

    background-size: contain;

    background-repeat: no-repeat;

}

.hlist12 .item:nth-child(2) .cdesc::before,

.hlist12 .item:nth-child(4) .cdesc::before{

    left: unset;

    right: 0;

}



.hlist12 .center{

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #fff;

   border-radius: 50px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

    padding: 2%;

    transform: rotate(45deg) scale(1.2) translate(-50%,-50%) ;

    -webkit-transform: rotate(45deg) scale(1.2) translate(-50%,-50%) ;

    -moz-transform: rotate(45deg) scale(1.2) translate(-50%,-50%) ;

    -ms-transform: rotate(45deg) scale(1.2) translate(-50%,-50%) ;

    -o-transform: rotate(45deg) scale(1.2) translate(-50%,-50%) ;

    transform-origin: 0 0;

}

.hlist12 .imgbox{

    background-color: #f8f9fb;

    border-radius: 80px;

    -webkit-border-radius: 80px;

    -moz-border-radius: 80px;

    -ms-border-radius: 80px;

    -o-border-radius: 80px;

    position: relative;

    padding: 5%;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.hlist12 .imgbox::before{

    content: '';

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 80%;

    height: 80%;

    border: 2px solid #2ebe60;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    border-radius: 80px;

    -webkit-border-radius: 80px;

    -moz-border-radius: 80px;

    -ms-border-radius: 80px;

    -o-border-radius: 80px;

}

.hlist12 .imgbox img{

    transform: rotate(-45deg) ;

    -webkit-transform: rotate(-45deg) ;

    -moz-transform: rotate(-45deg) ;

    -ms-transform: rotate(-45deg) ;

    -o-transform: rotate(-45deg) ;

}



.corpo002{

    background-color: #f8f9fb;

    padding: 5.3% 0;

}



.corpo002 .title{

    text-align: center;

     font-weight: 700; 

    color: #005b9d;

}

.corpo002 .desc{

    color: #333333;

    line-height: 1.66;

    text-align: center;

    max-width: 1230px;

    margin: 45px auto 0;

}

.corpo002 .hlist13{

    margin-top: 45px;

}

.hlist13{

    display: flex;

}

.hlist13 .item{

    width: 23.875%;

    position: relative;

}

.hlist13 .item:not(:nth-child(4n+1)){

    margin-left: 1.5%;

}

.hlist13 .imgbox{

    padding-bottom: 126%;

    position: relative;

}

.hlist13 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.hlist13 .text_box{

    position: absolute;

    left: 30px;

    bottom: 40px;

    right: 30px;

    line-height: 1.36;

    color: #fff;

}

.corpo003{

    padding: 5.3% 0 0;

}

.corpo003 .title{

    text-align: center;

     font-weight: 700; 

    color: #005b9d;

    padding: 0 15px;

}

.corpo003 .desc{

    color: #333333;

    line-height: 1.66;

    text-align: center;

    max-width: 960px;

    margin: 45px auto 0;

    padding: 0 15px;

}

.corpo003 .box13{

    margin-top: 60px;

    position: relative;

}
.corpo003 .box13 .imgbox {
    padding-bottom: 36%;
    position: relative;
}

.corpo003 .box13 .imgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.corpo003_swiper{

    height: 50%;

    position: absolute;

    left: 7.95%;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    max-width: 500px;

    width: 92.05%;

}

.corpo003_swiper .swiper-container,

.corpo003_swiper .swiper-wrapper{

    height: 100%;

}

.corpo003_swiper .swiper-slide{

    padding: 3% 0;

}

.corpo003_swiper .tit{

    color: #fff;

    line-height: 1.36;

    position: relative;

    padding-left: 30px;

    overflow: hidden;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.corpo003_swiper .tit::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 14px;

    width: 20px;

    height: 2px;

    background-color: #fff;

}

.corpo004{

    padding: 5.3% 0;

}

.corpo004 .title{

    text-align: center;

     font-weight: 700; 

    color: #005b9d;

}

.corpo004 .desc{

    color: #333333;

    line-height: 1.66;

    text-align: center;

    max-width: 750px;

    margin: 45px auto 0;

}

.corpo004 .corpo004_swiper{

    margin-top: 55px;

    position: relative;

}

.corpo004_swiper .imgbox{

    padding-bottom: 69%;

    position: relative;

}

.corpo004_swiper .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.corpo004_swiper .text_box{

    padding: 30px 0 0;
    text-align: justify;

}

.corpo004_swiper .swiper_btn{

    position: absolute;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    width: 20px;

    height: 40px;

    cursor: pointer;

    z-index: 3;

}

.corpo004_swiper .prev{

    left: -5%;

}

.corpo004_swiper .next{

    right: -5%;

}

.corpo004_swiper .prev::before{

    content: '';

    display: block;

    position: absolute;

    top: 27%;

    border-bottom: 2px solid #999999;

    border-left: 2px solid #999999;

    right: -3px;

    width: 15px;

    height: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.corpo004_swiper .next::before{

    content: '';

    display: block;

    position: absolute;

    top: 27%;

    border-top: 2px solid #999999;

    border-right: 2px solid #999999;

    right: 6px;

    width: 15px;

    height: 15px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.corpo004_swiper .swiper_btn:hover::before{

    border-color: #fc4c02;

}



@media(max-width:1459px){



}

@media(max-width:1280px){

    .corpo001 .desc {

        margin-top: 25px;

    }

    .corpo001 .inner {

        max-width: 84.1%;

    }

    .corpo001 {

        padding: 30px 0 50px;

    }

    .corpo002,

    .corpo004{

        padding: 50px 0;

    }

    .corpo003{

        padding:50px 0 0;

    }

    .corpo003 .desc {

        margin-top: 25px;

    }

    .corpo003 .box13 {

        margin-top: 40px;

    }

    .corpo004 .desc {

        margin-top: 25px;

    }

    .corpo004 .corpo004_swiper {

        margin-top: 30px;

    }

    .corpo004_swiper .prev{

        left: -2%;

    }

    .corpo004_swiper .next{

        right: -2%;

    }

    .corpo002 .desc,

    .corpo001 .hlist12{

        margin-top: 30px;

    }

}

@media(max-width:768px){

    .corpo001 .desc {

        margin-top: 20px;

    }

    .corpo001 .inner {

        max-width: 84.1%;

    }

    .corpo001 {

        padding: 20px 0;

    }

    .corpo002,

    .corpo004{

        padding: 20px 0;

    }

    .corpo003{

        padding:20px 0 0;

    }

    .corpo003 .desc {

        margin-top: 20px;

    }

    .corpo003 .box13 {

        margin-top: 20px;

    }

    .corpo004 .desc {

        margin-top: 20px;

    }

    .corpo004 .corpo004_swiper {

        margin-top: 20px;

    }

    .corpo001 .inner{

        max-width: 94%;

    }

    .hlist12 .item:nth-child(1), .hlist12 .item:nth-child(2) {

        margin-bottom: 30px;

    }

    .hlist12 .item {

        padding: 20px;

    }

    .hlist12 .center {

        transform: rotate(45deg) scale(1.2) translate(-50%,-50%);

        -webkit-transform: rotate(45deg) scale(.8) translate(-50%,-50%);

        -moz-transform: rotate(45deg) scale(1.2) translate(-50%,-50%);

        -ms-transform: rotate(45deg) scale(1.2) translate(-50%,-50%);

        -o-transform: rotate(45deg) scale(1.2) translate(-50%,-50%);

    }

    .corpo002 .desc,

    .corpo001 .hlist12{

        margin-top: 20px;

    }

    .corpo004_swiper .text_box {

        padding: 20px 0 0;

    }

    .hlist13 {flex-wrap: wrap;}



    .hlist13 .item {

        width: 49%;

    }



    .hlist13 .item:not(:nth-child(4n+1)) {

        margin-left: 0;

    }



    .hlist13 .item:not(:nth-child(2n+1)) {

        margin-left: 2%;

    }



    .hlist13 .text_box {

        left: 15px;

        bottom: 15px;

        right: 15px;

    }

}

@media(max-width:640px){

    .corpo003_swiper{

        height: 80%;

    }

    .corpo004_swiper .text_box {

        padding: 15px 0 0;

    }

}

/* 联系我们 */



.contact01 .imgbox{

    position: relative;

    height: 740px;

}

.contact01 .map{

    height: 100%;

}



.contact01 .map_tit{

    color: #fc4c02;

     font-weight: 700;

}

.contact01 .map_text{

    margin-top: 10px;

    display: flex;

}

.contact01 .map_text .map_icon{

    width: 20px;

    height: 20px;

    min-width: 20px;

}

.contact01 .map_text .map_desc{

    margin-left: 10px;

    color: #333333;

    line-height: 1.5;

}



.hlist8{

    position: absolute;

    top: 50%;

    left: calc((100% - 1760px * 0.85 ) /2 );

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    background-color: #fff;

    padding: 15px 35px;

    max-width: 500px;

    width: 100%;

    max-height: 72%;

    overflow-y: auto;

    z-index: 999;

}

.hlist8 .item{

    padding: 35px 0;

    border-bottom: 1px solid #eee;

}

.hlist8 .capt{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.hlist8 .tit{

    color: #001c31;

     font-weight: 700;

}

.hlist8 .add_icon{

    width: 24px;

    height: 24px;

    position: relative;

}

.hlist8 .add_icon::before{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    width: 5px;

    height: 100%;

    background-color: #afb0b5;

}

.hlist8 .add_icon::after{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    width: 100%;

    height: 5px;

    background-color: #afb0b5;

}

.hlist8::-webkit-scrollbar,.selects::-webkit-scrollbar{width:7px;height:1px;}

.hlist8::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#fc4c02;}

.hlist8::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:rgba(192, 194, 200, .5);}



.hlist8 .cmain{

    height: 0;

    overflow: hidden;

    opacity: 0;

}



.hlist8 .citem{

    display: flex;

    margin-top: 15px;

}

.hlist8 .cicon{

    min-width: 20px;

    height: 20px;

    width: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translate(0,5px);

    -webkit-transform: translate(0,5px);

    -moz-transform: translate(0,5px);

    -ms-transform: translate(0,5px);

    -o-transform: translate(0,5px);

}

.hlist8 .c_tit{

    margin-left: 20px;

    flex: 1;

    line-height: 1.5;

}

.hlist8 .item.cur .cmain{

    height: auto;

    opacity: 1;

}

.hlist8 .item.cur .add_icon::before{

    opacity: 0;

}

.hlist8 .item.cur .add_icon::after{

    background-color: #fc4c02;

}









.contact02{

    padding: 65px 0;

}

.box51{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.box51 .tit{

    color: #001c31;

     font-weight: 700;

}

.box51 .desc{

    color: #333333;

    line-height: 1.66;

    margin-top: 10px;

}



.box51 .text_box{

    max-width: 1020px;

    flex: 1;

    margin-right: 20px;

}

.box51 .contact_btn{

    padding: 0 40px;

    line-height: 60px;

    background-color: #fc4c02;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    color: #fff;

    white-space: nowrap;

    margin-left: 10px;
    cursor: pointer;

}



/* 表单 */

.base_form{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .2);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 99999;

}

.base_form .cmain{

    background-color: #fff;

    padding:30px 135px 30px 35px;

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    position: relative;

    overflow: hidden;

}

.base_form .close{

    position: absolute;

    right: -60px;

    top: -60px;

    width: 0;

    height: 0;

    border: 60px solid transparent;

    border-bottom-color: #fc4c02;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}



.base_form .closer{

    width: 27px;

    height: 27px;

    position: absolute;

    right: -9px;

    top: 24px;

    z-index: 2;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    cursor: pointer;

}

.base_form .closer::before{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform:translate(-50%,-50%) rotate(45deg);

    -webkit-transform:translate(-50%,-50%) rotate(45deg);

    -moz-transform:translate(-50%,-50%) rotate(45deg);

    -ms-transform:translate(-50%,-50%) rotate(45deg);

    -o-transform:translate(-50%,-50%) rotate(45deg);

    width: 100%;

    height: 2px;

    background-color: #fff;

}

.base_form .closer::after{

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%) rotate(45deg);

    -webkit-transform: translate(-50%,-50%) rotate(45deg);

    -moz-transform: translate(-50%,-50%) rotate(45deg);

    -ms-transform: translate(-50%,-50%) rotate(45deg);

    -o-transform: translate(-50%,-50%) rotate(45deg);

    width: 2px;

    height: 100%;

    background-color: #fff;

}

.base_form .baseform_t{

    text-align: center;    

}

.base_form .baseform_t .form_tit{

    margin-top: 15px;

     font-weight: 700;

    color: #005b9d;

}

.base_form .baseform_t .form_desc{

    margin-top: 15px;

}

.form_tabs{

    display: flex;

    justify-content: center;

    border-bottom: 1px solid #ededed;

    margin-top: 40px;

}

.form_tabs .form_tab{

    padding-bottom:20px;

    position: relative;

    margin: 0 4%;

}

.form_tabs .form_tab.cur{

    color: #fc4c02;

}

.form_tabs .form_tab.cur::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 2px;

    background-color: #fc4c02;

}

.form_all{

    display: flex;

    flex-wrap: wrap;

    padding: 30px 0 0;

}

.form_list{

    max-height: 71vh;

    overflow-y: auto;

    overflow-x: hidden;

    padding-right: 1%;

}

.form_list .form_btns{

    margin-top: 30px;

    text-align: center;

}

.form_list .form_btns .form_btn{

    padding: 0 45px;

    line-height: 50px;

    background-color: #fc4c02;

    display: inline-block;

    color: #fff;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

.form_list .label{

    width: 180px;

    min-width: 180px;

    white-space: nowrap;

    text-align: right;

    color: #333333;

    margin-right: 10px;

    position: relative;

    padding-top: 7px;

}

/*.form_list .required .label::before{

    content: '*';

    display: block;

    position: absolute;

    top: 10px;

    right: 0;

    color: #fc4c02;

    font-size: 24px;

    line-height: .5;

}*/
.form_list .required .label i{
    color: #fc4c02;
    font-style: inherit;
        margin-left: 3px;
}

.form_list .bitem{

    display: flex;

    margin-bottom: 10px;

}

.form_list .input{

    border: 1px solid #eeeeee;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    height: 45px;

    flex: 1;

    position: relative;

}

.form_list .input input{

    width: 100%;

}

.form_list .w50{

    width: 45.5%;

}

.form_list .w100{

    width: 100%;

}

.form_list .margin-l{

    margin-left: 9%;

}

.form_list select{

    color: #999999;

    width: 100%;

    height: 100%;

    border: none;

    font-size: 16px;

    appearance: none;

}

.form_list .input{

    color: #999999;

    font-size: 20px;

    display: flex;

    align-items: center;

    padding-left: 30px;

}



.form_list .san .input:not(:last-child){

    margin-right: 15px;

}

.form_list .input.select::before{

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-bottom: 8px solid #999;

    border-top: 0;

    bottom: 15px;

    right: 15px;

    z-index: 1;

    transform:rotate(180deg);

    -webkit-transform:rotate(180deg);

    -moz-transform:rotate(180deg);

    -ms-transform:rotate(180deg);

    -o-transform:rotate(180deg);

}

.form_list .input.area{

    height: 150px;

}

.form_list textarea{

    border: none;

    width: 100%;

    height: 100%;

    padding: 30px 30px 30px 0;

    resize: none;

}

.form_list .upload.input{

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    height: 100%;

    margin-left: 20px;

}

.form_list .upload.input .up_img{

    position: absolute;

    inset: 10px;

}

.form_list .upload.input .up_img img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.form_list .upload input{

    position: absolute;

    padding: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    opacity: 0;

    cursor: pointer;

}

.form_list .upload .icon{

    text-align: center;

}

.form_list .upload .upload_tit{

    color: #999999;

    margin-top: 10px;

}

.form_list .code{

    display: flex;

    justify-content: space-between;

}

@media(max-width:1560px){

    .hlist8{

        left: 7%;

    }

    .form_tabs {

        margin-top: 20px;

    }

    .form_tabs .form_tab {

        padding-bottom: 10px;

        margin: 0 3%;

    }

    .form_list .input {

        font-size: 18px;

        padding-left: 15px;

    }

    .form_list textarea {

        padding: 15px 15px 15px 0;

    }

    .base_form .cmain {

        padding: 30px;

    }

    .form_list .form_btns .form_btn {

        padding: 0 30px;

        line-height: 45px;

    }

    .hlist8 .item {

        padding: 20px 0;

    }

    

    .contact01 .imgbox {

        height: 500px;

    }

    .contact02{

        padding: 40px 0;

    }

    .box51 .contact_btn {

        padding: 0 20px;

        line-height: 50px;

    }

}
@media(max-width:1459px){

    .form_list select {

        font-size: 15px;

    }
    
}
@media(max-width:1280px){


    .form_list .input.select::before {

        right: 10px;

    }

    .form_list .label {

        width: 140px;

        min-width: 140px;

    }

    .form_tabs .form_tab {

        margin: 0 2%;

    }

}

@media(max-width:1024px){

    .form_list select {

        font-size: 12px;

    }

    .form_tabs .form_tab {

        margin: 0 1%;

    }

}

@media(max-width:890px){

    .form_list .w50 {

        width: 49%;

    }

    .form_list .margin-l {

        margin-left: 2%;

    }

    .form_list .input{

        height: 35px;

    }

    .form_list .input.select::before {

        bottom: 10px;

        right: 8px;

    }

    .form_list .bitem {

        flex-wrap: wrap;

        margin-bottom: 0;

    }

    .form_list .label {

        width: fit-content;

        min-width: unset;

        text-align: left;

        display: inline-block;

    }

    .form_list .input {

        width: 100% !important;

        flex: unset;

        margin-top: 10px;

    }

    .form_list .san .input:not(:last-child) {

        margin-right: 0;

    }

    .form_list .upload.input {

        height: 100px;

        margin-left: 0;

    }

}

@media(max-width:768px){

    .hlist8 {

        left: 15px;

        max-width: 300px;

        padding: 0 15px;

    }

    .hlist8 .item {

        padding: 10px 0;

    }

    .hlist8 .citem {

        margin-top: 10px;

    }

    .hlist8 .c_tit {

        margin-left: 10px;

    }

    .hlist8 .cicon {

        min-width: 15px;

        width: 15px;

        height: 15px;

    }

    .box51 .contact_btn {

        padding: 0 15px;

        line-height: 40px;

    }

    .contact02 {

        padding: 20px 0;

    }

}

@media(max-width:640px){

    .form_tabs {

        overflow-x: auto;
        justify-content: flex-start;

    }

    

    .form_tabs .form_tab {

        white-space: nowrap;

        margin-right: 10px;

    }

    .base_form .cmain {

        padding: 15px;

    }

    

    .base_form .close {

        border: 50px solid transparent;

        border-bottom-color: #fc4c02;

    }

    

    .base_form .closer {

        width: 15px;

        height: 15px;

        right: -6px;

        top: 29px;

    }

    

    .form_list .bitem {

        width: 100% !important;

    }

    

    .form_list .margin-l {

        margin-left: 0;

    }

    

    .form_all {

        padding: 10px 0 0;

    }

    

    .form_list .form_btns .form_btn {

        padding: 0 20px;

        line-height: 30px;

    }

    .contact01 .imgbox {

        height: auto;

    }

    .contact01 .map {

        height: 400px;

    }

    .hlist8 {

        position: static;

        width: 100%;

        transform: unset;

        max-width: unset;

        margin-top: 10px;

    }

    .box51 {

        flex-wrap: wrap;

    }

    .box51 .text_box {

        min-width: unset;

        flex: unset;

    }

    .box51 .contact_btn {

        margin-left: 0;

        margin-top: 15px;

    }

}





/*支持改版模板 */

.sportSide {

    display: table-cell;

    vertical-align: top;

    width: 8.88888889em;

    position: relative;

    padding: 0 4.375% 4.0625% 0;

    font-size: var(--f45);

}

.sportSide:before {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 100vw;

    background-color: #fff;

    display: block;

    content: '';

}

.sportSide .inner{

    display: table;

    table-layout: fixed;

}

.sportSide .box {

    position: relative;

    z-index: 2;

}

.sportSide .title {

    font-size: 1em;

    color: #005b9d;

    line-height: 1.35em;

    margin-bottom: 0.22222222em;

    letter-spacing: -0.04444444em;

}

.sport_nav .sport_item {

    font-size: var(--f20);

    line-height: 1.66666667em;

    border-bottom: 1px solid #edecec;

    padding: 1.11111111em 0;

}

.sport_nav .sport_itema{

    font-size: var(--f20);

    line-height: 1.66666667em;

    color: #000;

    display: block;

    position: relative;

    padding-right: 1em;

}

.sport_nav .sport_itema::before{

    content: '';

    display: block;

    position: absolute;

    top: 41%;

    border-top: 1px solid #fc540d;

    border-right: 1px solid #fc540d;

    right: 18px;

    width: 6px;

    height: 6px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);


}


.sport_nav .sport2,
.sport_nav .sport3{

    height: 0;

    overflow: hidden;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



.sportname{

    color: #001c31;

     font-weight: 700;

}

.sport_nav .sport_itema:hover::before{

    opacity: 1;

}

.sport_nav .sport2_itema{

    font-size: 20px;

    position: relative;

    padding-left: 15px;

    margin-top: 20px;

    display: inline-block;

}

.sport_nav .sport2_itema::before {

    content: '';

    display: block;

    position: absolute;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-bottom: 7px solid #999999;

    border-top: 0;

    left: 0;

    top: 10px;

    z-index: 1;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}

 .sport_nav .sport_item:hover .sport_itema, 

.sport_nav .sport_item.cur .sport_itema{

    color: #fc4c02;

}

 .sport_nav .sport2_item:hover .sport2_itema, 
.sport_nav .sport2.cur .sport2_item:hover .sport2_itema,
.sport_nav .sport2.cur .sport2_item.cur .sport2_itema{
    color: #fc4c02;
}

 .sport_nav .sport2_item:hover .sport2_itema::before, 

.sport_nav .sport2.cur .sport2_item:hover .sport2_itema::before,
.sport_nav .sport2.cur .sport2_item.cur .sport2_itema::before{
    border-bottom: 7px solid #fc4c02;
}

/* .sport_nav .sport_item:hover .sport_itema::before, */
.sport_nav .sport_item.cur .sport_itema::before{
    opacity: 1;
    transform: rotate(135deg);
}

.sport_nav .sport3_item:hover a,
.sport_nav .sport3_item.cur a{
    color: #fc4c02;
}

.sport_nav .sport3_item{
    padding-left: 18px;
}

/* .sport_nav .sport2_item:hover .sport3, */
.sport_nav .sport3.cur{
    opacity: 1;
    height: auto;
    padding: 15px 0;
}

/* .sport_nav .sport_item:hover .sport2, */

.sport_nav .sport_item.cur .sport2,
.sport_nav .sport3.cur{
    opacity: 1;
    height: auto;
}





@media(max-width:1459px){

    .sport_nav .sport2_itema{

        font-size: 18px;

    }

}

@media(max-width:1024px){

    .sportSide {

        width: 100%;

        display: block;

        padding: 0;

    }

    .sport_nav {

        display: flex;

        flex-wrap: wrap;

    }

    .sport_nav .sport_item {

        width: 50%;

    }

    .sport_nav .sport2_itema{

        font-size: 16px;

    }

    .sport_nav .sport2_item:hover .sport3, .sport_nav .sport3.cur {

        padding: 10px 0;

    }

    .sport_nav .sport2_itema{

        margin-top: 10px;

    }

}

@media(max-width:640px){

    .sport_nav .sport_item{

        width: 100%;

    }

}





.search_box1{width:390px;height:60px;position:relative;display:flex;overflow:hidden;}

.search_box1 .input{width:100%;padding:0 95px 0 35px;border:1px solid #ebebeb;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;}

.search_box1 .input input{height:100%;font-size:var(--f18);color:#949494;width:100%;}

.search_box1 input::placeholder{color:#949494;}

.search_box1 .search_btn{

    width:110px;

    height:80%;

    position:absolute;

    right:2%;

    top:50%;

    bottom:0;

    background-color:#005b9d;

    border-radius:30px;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    -ms-border-radius:30px;

    -o-border-radius:30px;

    background-image:url(../images/search_icon.png);

    background-repeat:no-repeat;

    background-size:23px;

    background-position:center;

    transform:translate(0,-50%) ;

    -webkit-transform:translate(0,-50%) ;

    -moz-transform:translate(0,-50%) ;

    -ms-transform:translate(0,-50%) ;

    -o-transform:translate(0,-50%) ;

}



@media (max-width:1459px){

.search_box1{width:300px;height:45px;}

.search_box1 .search_btn{width:70px;}

.search_box1 .input{padding:0 75px 0 25px;}

}

@media (max-width:768px){

.search_box1 .input{padding:0 55px 0 15px;}

.search_box1 .search_btn{width:50px;}

.search_box1{height:35px;width:250px;}

}

@media (max-width:640px){

.search_box1{width:150px;height:30px;}

.search_box1 .input{padding:0 35px 0 10px;}

.search_box1 .search_btn{width:35px;background-size:16px;}

}



.buys{

    padding: 40px 0;

    background-color: #f8f9fb;

    border-top: 1px solid #ebebeb;

}

.buys .content{

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    padding-right: 35px;

}

.buys .buy_tit a{

    color: #fc4c02;

}

.buys .buy_tit1{

    padding-right: 5%;

    width: 50%;

}

.buys .buy_box{

    width: 50%;

    padding: 0 30px;

    position: relative;

}

.buys .buy_box .swiper_btn{

    position: absolute;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    width: 20px;

    height: 20px;

}

.buys .buy_box .swiper_btn.prev{

    left: 0;

}

.buys .buy_box .swiper_btn.prev::before{

    content: '';

    display: block;

    position: absolute;

    top: 28%;

    border-bottom: 2px solid #fff;

    border-left: 2px solid #fff;

    right: 2px;

    width: 8px;

    height: 8px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.buys .buy_box .swiper_btn.next{

    right: 0;

}

.buys .buy_box .swiper_btn.next::before{

    content: '';

    display: block;

    position: absolute;

    top: 28%;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    right: 7px;

    width: 8px;

    height: 8px;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}









.buys .buy_box .swiper-container{

    width: 100%;

}



.buys .buy_box .buy_tit{

    margin-top: 10px;

}


.buys .buy_box .buy_item{

    text-align: center;

}

.buys .buy_box .buy_item .imgbox{

    height: 40px;

    text-align: center;

}
.buys .buy_box .buy_item .imgbox img {
    height: 100%;
}


.buys .buy_box .buy_item .buy_close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
} 

.buys .buy_box .buy_item .buy_close:before,
.buys .buy_box .buy_item .buy_close:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #000;
}

.buys .buy_box .buy_item .buy_close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.buys .buy_box .buy_item .buy_close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}


.buys .close{

    position:absolute;

    right:0;

    top:50%;

    padding:15px;

    z-index:10;

    cursor:pointer;

    border-radius:50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    transform: translate(0,-50%);

    background-color: #fc4c02;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

}

.buys .close:before,.buys .close:after{content:"";position:absolute;width:50%;left:25%;top:50%;border-bottom:2px solid #fff;}

.buys .close:before{transform:rotate(45deg);}

.buys .close:after{transform:rotate(-45deg);}

@media (max-width:1459px){

    .list .buy_cart {

        width: 30px;

        height: 30px;

        background-size: 15px;

        right: 10px;

        bottom: 10px;

    }

    .buys {

        padding: 20px 0;

    }

}

@media (max-width:1024px){

    .buys .buy_tit1{

        width: 100%;

    }

    .buys .content {

        flex-wrap: wrap;

    }

    .buys .buy_box {

        flex: unset;

        width: 100%;

        margin: 15px 0;

    }

}

@media (max-width:768px){

    .list .buy_cart {

        width: 20px;

        height: 20px;

        background-size: 10px;

        right: 5px;

        bottom: 5px;

    }

}

.added{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .1);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

}

.added .main{

    background-color: #fff;

    max-width: 360px;

    width: 100%;

    padding: 50px 0 45px;

    text-align: center;

}

.added .added_tit{

    margin-top: 20px;

}

@media (max-width:768px){

    .added .main {

        padding: 30px 0;

        max-width: 200px;

    }

    .added .main .imgbox {

        width: 30px;

        margin: 0 auto;

    }

    .added .added_tit {

        margin-top: 10px;

    }

}

a.next_btn1{

    background-color: #fc4c02;

    color: #fff;

    margin: 10px auto;

    width: fit-content;

    padding: 5px 15px;

    display: block;

}

.car_btns{

    display: flex;

    flex-wrap: wrap;

    margin-top: 25px;

}

.car_btns .car_btn1,

.car_btns .car_btn2{

    display: block;

    line-height: 55px;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    display: flex;

    align-items: center;

}

.car_btns .car_btn1{

    background-color: #fc4c02;

    color: #fff;

    padding: 0 5%;

}

.car_btns .car_btn1 span{

    position: relative;

    padding-left: 40px;

}

.car_btns .car_btn1 span::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    background-image: url(../images/oicon12.png);

    width: 27px;

    height: 27px;

    background-repeat: no-repeat;

    background-size: contain;

}

.car_btns .car_btn2{

    border: 2px solid #ebebeb;

    color: #001c31;

    padding: 0 8%;

    margin-left: 3%;

}

@media (max-width:1459px){

    .car_btns .car_btn1, .car_btns .car_btn2{

        line-height: 45px;

    }

    .car_btns .car_btn1,

    .car_btns .car_btn2{

        padding: 0 3%;

    }

    .car_btns .car_btn1 span{

        padding-left: 35px;

    }

    .car_btns .car_btn1 span::before{

        width: 20px;

        height: 20px;

    }

}

@media (max-width:1280px){

    .car_btns .car_btn1, .car_btns .car_btn2{

        line-height: 35px;

    }

    .car_btns .car_btn1 span {

        padding-left: 20px;

    }

    .car_btns .car_btn1 span::before{

        width: 15px;

        height: 15px;

    }

}

@media (max-width:1024px){

    .car_btns .car_btn1, .car_btns .car_btn2{

        line-height: 30px;

    }

}

.base_hbox{

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .1);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999999;

}

.base_hbox .main {

    background-color: #fff;

    max-width: 360px;

    width: 100%;

    padding: 50px 0 45px;

    text-align: center;

}

.base_hbox .added_tit {

    margin-top: 20px;

}

@media (max-width:768px){

    .base_hbox .main {

        padding: 30px 0;

        max-width: 200px;

    }

    .base_hbox .main .imgbox {

        width: 30px;

        margin: 0 auto;

    }

    .base_hbox .added_tit {

        margin-top: 10px;

    }

}

/* 04_企业系统集成服务 */

.integrat01{

    padding: 90px 0 110px;

    background-color: #f8f9fb;

}

.integrat01 .title{

    text-align: center;

    color: #005b9d;

    line-height: 1.2;

     font-weight: 700;

    text-transform: capitalize;

}

.hbox21{

    display: flex;

    align-items: center;

    margin-top: 60px;

}

.hbox21 .imgbox{

    width: 48%;

}

.hbox21 .text_box{

    flex: 1;

    padding-left: 4%;

}

.integrat02{

    padding: 100px 0 60px;

}

.integrat02 .title{

    color: #001c31;

    line-height: 1.2;

     font-weight: 700;

    text-transform: capitalize;

}

.integrat02 .edit2{

    margin: 30px 0 40px;

}

.integrat02 .hlist15{

    margin-top: 45px;

}

.hlist15{

    display: flex;

    flex-wrap: wrap;

}

.hlist15 .item{

    margin-bottom: 2.5%;

    width: 31.66%;

    position: relative;

}

.hlist15 .item:not(:nth-child(3n+1)){

    margin-left: 2.5%;

}

.hlist15 .imgbox{

    padding-bottom: 56.5%;

    position: relative;

    overflow: hidden;

}

.hlist15 .imgbox::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: linear-gradient(transparent, #000);

    z-index: 2;

    height: 100%;

}

.hlist15 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.hlist15 .tit{

    color: #ffffff;

    line-height: 1.4;

    z-index: 2;

    position: absolute;

    left: 5%;

    bottom: 5%;

    right: 5%;

}

.hlist15 .item:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.integrat03{

    background-color: #f8f9fb;

    padding: 100px 0;

}

.integrat03 .title{

    margin-bottom: 40px;

}

.integrat03 .hlist16{

    margin: 45px 0;

}

.hlist16{

    display: flex;

    flex-wrap: wrap;

}

.hlist16 .item{

    margin-bottom: 1%;

    width: 49.5%;

    position: relative;

}

.hlist16 .item:not(:nth-child(2n+1)){

    margin-left: 1%;

}

.hlist16 .imgbox{

    padding-bottom: 56.5%;

    position: relative;

    overflow: hidden;

}

.hlist16 .imgbox::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: linear-gradient(transparent, #000);

    z-index: 2;

    height: 100%;

}

.hlist16 .imgbox img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}

.hlist16 .tit{

    color: #ffffff;

    line-height: 1.4;

    z-index: 2;

    position: absolute;

    left: 5%;

    bottom: 15%;

    right: 5%;

}

.hlist16 .item:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}

@media(max-width:1459px){

    .hbox21 {

        margin-top: 40px;

    }

    .integrat01,

    .integrat02,

    .integrat03{

        padding: 60px 0;

    }

}

@media(max-width:1024px){

    .hbox21 {

        margin-top: 20px;

    }

    .integrat01,

    .integrat02,

    .integrat03{

        padding: 30px 0;

    }

    .integrat02 .edit2 {

        margin: 15px 0;

    }

    .integrat02 .hlist15 {

        margin-top: 25px;

    }

    .integrat03 .title {

        margin-bottom: 20px;

    }

    .hlist16 .tit{

        bottom: 5%;

    }

    .integrat03 .hlist16 {

        margin: 25px 0;

    }

}

@media(max-width:768px){

    .hbox21 {

        flex-wrap: wrap;

    }

    .hbox21 .imgbox {

        width: 100%;

    }

    .hbox21 .text_box {

        padding: 3% 0;

    }

    .hlist15 .item {

        width: 49%;

        margin-bottom: 2%;

    }

    .hlist15 .item:not(:nth-child(3n+1)) {

        margin-left: 0;

    }

    .hlist15 .item:not(:nth-child(2n+1)) {

        margin-left: 2%;

    }

}

@media(max-width:640px){

    .hbox21 {

        margin-top: 15px;

    }

    .integrat01,

    .integrat02,

    .integrat03{

        padding: 15px 0;

    }

    .integrat02 .edit2 {

        margin: 10px 0;

    }

    .integrat02 .hlist15 {

        margin-top: 15px;

    }

    .integrat03 .title {

        margin-bottom: 15px;

    }

    

    .integrat03 .hlist16 {

        margin: 15px 0;

    }

}



/* 搜索结果页面 */

.search_banner{

    padding: 5% 0 0;

    background-color: #f8f9fb;

}

.search_banner .title{

    text-align: center;

    color: #666;

}

.search2_box{

    width: 100%;

    max-width: 800px;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    display: flex;

    justify-content: space-between;

    background-color: #fff;

    margin: 30px auto 0;

}

.search2_box .input{

    flex: 1;

    width: 100%;

    height: 100%;

    padding: 20px 30px;

}

.search2_box .input input{

    font-size: 18px;

    width: 100%;

}

.search2_box .search2_btn{

    background-color: #005b9d;

    color: #fff;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    padding: 0 50px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.search_banner .switchs1{

    margin-top: 35px;

}

.switchs1{

    display: flex;

    align-items: center;

    justify-content: center;

}

.switchs1 .switch{

    color: #333;

    margin: 0 15px;

}

.switchs1 .switch.cur{

    color: #005b9d;  

}

.switchs1 .switch span{

    position: relative;

    display: inline-block;

    padding-bottom: 15px;

}

.switchs1 .switch.cur span::before{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: #005b9d;    

}

.hlist40 .capt_box{

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

}

.hlist40 .capt_box .item_dsc span{

    color: #005b9d;

    display: inline-block;

    padding: 0 5px;

}

.hlist40 .item{

    margin-bottom: 25px;

}

.plist10 .pitem{

    padding: 20px 0;

    display: block;

}

.plist10 .p_tit{

   color: #333;

}

.plist10 .p_desc{

    color: #666;

    margin-top: 10px;

}

.plist10 .pitem:hover .p_tit{

    color: #005b9d;

}

@media(max-width:1459px){

    .search2_box .input {

        padding: 15px 20px;

    }

}

@media(max-width:1024px){

    .switchs1 .switch{

        margin: 0 10px;

    }

    .search2_box .input input{

        font-size: 14px;

    }

}

@media(max-width:640px){

    .search_banner .switchs1 {

        margin-top: 15px;

        flex-wrap: wrap;

    }

    .switchs1 .switch {

        margin: 0;

        width: 50%;

        margin-bottom: 10px;

    }

    .switchs1 .switch:first-child {

        width: 100%;

    }

    .switchs1 .switch span{

        padding-bottom: 10px;    

    }

    .hlist40 .capt_box {

        flex-wrap: wrap;

    }

    .hlist40 .item_tit{

        width: 100%;

    }

    .hlist40 .item_dsc{

        font-size: 12px;

        margin-top: 10px;

    }

    .plist10 .p_desc {

        font-size: 12px;

    }

    .plist10 .pitem {

        padding: 10px 0;

    }

    .hlist40 .item {

        margin-bottom: 15px;

    }

}


.hlist3 .item :hover img{
    transform:translate(-50%,-50%) scale(1.1) ;
    -webkit-transform:translate(-50%,-50%) scale(1.1) ;
    -moz-transform:translate(-50%,-50%) scale(1.1) ;
    -ms-transform:translate(-50%,-50%) scale(1.1) ;
    -o-transform:translate(-50%,-50%) scale(1.1) ;
}
.hlist3 .item .imgbox{
    overflow: hidden;
}
.hlist3 .item .imgbox img{
    transition: all .5s;
}

.mission03 .text_box:hover {
    background-color:#005b9d;
}
.mission03 .text_box:hover .editor {
    color: #fff;
}
.list86 .item img,
.list90 .item img,
.list89 .item img,
.list88 .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list86 .item:hover img,
.list90 .item:hover img,
.list89 .item:hover img,
.list88 .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.list86 .item .imgbox,
.list90 .item .imgbox,
.list89 .item .imgbox,
.list88 .item .imgbox{
    overflow: hidden;
}
/*  font-weight: 700; */


/* 技术汇总页面 */
@keyframes topbot {
    0%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
    50%{
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
    }
    100%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
}
.tech01{
    position: relative;
}
.tech01 .inner{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.te_list01{
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.5%;
}
.te_list01 .item{
    text-align: center;
}
.te_list01 .icon{
    display: inline-block;
    animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;
}
.te_list01 .icon img{
    height: 50px;
}
.te_list01 .tit{
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    line-height: 1.5;
}
.te_list02 .title{
    text-align: center;
    font-weight: 700;
}
.te_list02 .desc{
    text-align: center;
    margin: 1.5% 0 3.8%;
    color: #595959;
}
.te_section{
    padding:5.63% 0 2%;
}
.te_sections .te_list03{
    margin-top: 3%;
}
.te_sections{
    padding-bottom: 6%;
}
.te_list03{
    display: flex;
    flex-wrap: wrap;
}
.te_list03 .item{
    width: 30.33%;
    padding: 3.8% 3.8% 3.1%;
    background-color: #f8f9fb;
}
.te_list03 .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}
.te_list03 .imgbox{
    padding-bottom: 76.7%;
    position: relative;
    overflow: hidden;
}
.te_list03 .imgbox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.te_list03 .item:hover img{
    transform:translate(-50%,-50%) scale(1.1) ;
    -webkit-transform:translate(-50%,-50%) scale(1.1) ;
    -moz-transform:translate(-50%,-50%) scale(1.1) ;
    -ms-transform:translate(-50%,-50%) scale(1.1) ;
    -o-transform:translate(-50%,-50%) scale(1.1) ;
}
.te_list03 .tit{
    text-align: center;
    padding: 0 15px;
    margin-top: 9%;
    font-weight: 700;
}
.te_more{
    width: fit-content;
    padding: 0 100px;
    line-height: 60px;
    margin: 0 auto;
    background-color: #fc4c02;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    color: #fff;
    margin-top: 50px;
}
.te_box1{
    position: relative;
}
.te_box1 .text_box{
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 50%;
}
.te_box1.te_white .tit{
    color: #fff;
}
.te_box1.te_white .ctit{
    color: #fff;
}
.te_box1.te_black .tit{
    color: #001c31;
}
.te_box1.te_black .ctit{
    color: #585858;
}
.te_box1 .tit{
    font-weight: 700;
}
.te_list04{
    display: flex;
    flex-wrap: wrap;
    margin-top: 6%;
}
.te_list04 .item{
    text-align: center;
    width: 32.33%;
}
.te_list04 .item:not(:nth-child(2n+1)){
    margin-left: 1.5%;
}
.te_list04 .icon img{
    height: 50px;
}
.te_list04 .ctit{
    margin-top: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
}
@media(max-width:1459px){
    .te_list01 .icon img {
        height: 40px;
    }
    .te_list01 .tit {
        line-height: 1.3;
    }
}
@media(max-width:1024px){
    .te_more{
        line-height: 45px;
        padding: 0 50px;
    }
    .te_list04 .icon img{
        height: 30px;
    }
    .te_list01 .icon img{
        height: 30px;
    }
    .te_more{
        margin-top: 20px;
    }
}
@media(max-width:640px){
    .te_list01 {
        flex-wrap: wrap;
    }
    .te_list01 .item {
        width: 33.33%;
    }
    .tech01 .imgbox img {
        height: 250px;
        object-fit: cover;
    }
    .te_more{
        line-height: 30px;
        padding: 0 30px;
    }
    .te_box1 .text_box {
        width: 95%;
    }
    .te_box1 .imgbox {
        height: 250px;
    }
    .te_box1 .imgbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}



/* 新增首页新闻版块 */
.indexNews{
    height: 100%;
    position: relative;
}
.indexNews .title2{
    margin-bottom: 0;
}
.indexNews .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-top: 110px;
    z-index: 3;
    background-image: url(../uploadfiles/tech_list/new_indexbg.jpg);
}
.oboxpadding{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.oboxpadding .obox_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.oboxpadding .o_more{
   line-height: 45px;
   background-color: #fc4c02;
   padding: 0 30px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   font-size: var(--f18);
   color: #fff;
}
.obox2{
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-top: 55px;
}
.obox2 .left{
    display: flex;
    width: 53%;
}
.obox2 .left .imgbox{
    width: 43%;
    display: block;
}
.obox2 .left .imgbox img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.obox2 .right{
    width: 40%;
}
.obox2 .text_box{
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    width: 60%;
    position: relative;
    padding-bottom: 30px;
}
.obox2 .timer_box{
    /*margin-top: 60px;*/
}
.obox2 .timer_box .time_1{
    color: #fc4c02;
    font-size: var(--18);
}
.obox2 .timer_box .time_2{
    color: #005b9d;
    font-size: var(--f28);
    margin-top: 20px;
}
.obox2 .timer_box .time_desc{
    color: #333333;
    margin-top: 15px;
    font-size: var(--f20);
    line-height: 1.4;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.obox2 .text_box .tit{
    font-size: var(--f22);
    display: none;
}
.obox2 .omore{
    font-size: var(--f18);
    padding-right: 20px;
    position: absolute;
    bottom: 0;
    left: 50px;
}
.obox2 .omore::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 9px solid #fc4c02;
    border-top: 0;
    right: 0;
    bottom: 5px;
    z-index: 1;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.olist1{
    display: flex;
    flex-direction: column;
}
.olist1 .item{
    display: flex;
    height: 31.33%;
}
.olist1 .item:not(:first-child){
    margin-top: 3%;
}
.olist1 .imgbox{
    padding-bottom: 21%;
    position: relative;
    width: 31%;
}
.olist1 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.olist1 .o_time{
    flex: 1;
    padding-left: 35px;
}
.olist1 .o_tit{
    color: #6d7780;
    font-size: var(--f18);
}
.olist1 .o_desc{
    color: #333333;
    font-size: var(--f20);
    line-height: 1.5;    
    margin-top: 20px;
}
@media(max-width:1459px){
    .obox2 .text_box {
        padding-left: 30px;
    }
    .obox2 .omore {
        left: 35px;
    }
    .obox2 {
        margin-top: 25px;
    }
    .olist1 .o_time{
        padding-left: 25px;
    }
}
@media (max-width: 1024px){
    .indexNews .txt {
        position: relative;
        width: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .obox2 .right {
        width: 45%;
    }
    .obox2 .timer_box .time_desc{
        margin-top: 15px;
    }
    .obox2 .timer_box{
        /*margin-top: 40px;*/
    }
}
@media (max-width: 768px){
    .obox2 {
        flex-wrap: wrap;
    }
    .obox2 .left {
        width: 100%;
    }
    .obox2 .right {
        width: 100%;
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .obox2 .left {flex-wrap: wrap;}
    .obox2 .left .imgbox {
        width: 100%;
    }
    .obox2 .text_box {
        width: 100%;
        padding: 10px 0 30px;
        display: block;
    }
    .obox2 .omore {
        left: 0;
    }
    .obox2 .timer_box {
        margin-top: 10px;
    }
    .oboxpadding .o_more{
        line-height: 30px;
    }
}

.prof07 .editor,
.prof07 .editor *,
.prof01 .editor,
.prof01 .editor *,
.prof02 .editor,
.prof02 .editor *,
.prof03 .editor,
.prof03 .editor *,
.box10 .editor,
.box10 .editor *,
.box11 .editor,
.box11 .editor *{
    text-align: justify;
}
.hlist13 .item .imgbox,
.corpo004_swiper .swiper-slide .imgbox,
.hlist5 .item .imgbox{
    overflow: hidden;
}
.hlist13 .item img,
.corpo004_swiper .swiper-slide img,
.hlist5 .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hlist13 .item:hover img,
.corpo004_swiper .swiper-slide:hover img,
.hlist5 .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
 /*20240220*/
 @media(max-width:640px){
    .corpo004_swiper .swiper_btn {
        top: 30%;
        background: #fff;
        width: 30px;
        height: 30px;
    }
    
    .corpo004_swiper .prev::before,.corpo004_swiper .next::before {
        width: 6px;
        height: 6px;
        right: auto;
        left: 50%;
        top: 50%;
        margin-top: -3px;
        margin-left: 0px;
    }
    
    .corpo004_swiper .next::before {
        margin-left: -8px;
    }
    .prof02 .editor {
        max-width: 100%;
        max-height: max-content;
    }
}

.sport_nav .sport2_itema::before {
    opacity: 0;
}

.sport_nav .sport2_itema {
    padding-left: 0;
}
 
 /* 20240710 */
.Security .stit{border-bottom:1px solid #bfbfbf;padding-bottom:10px;margin-bottom:25px;font-size:32px;}
.Security .stxt{font-size:16px;line-height:1.4;margin-bottom:60px;}
.Security .stable{margin-bottom:60px;width:100%;overflow:auto;}
.Security .stable table{width:100%;border-spacing:0;border-collapse:collapse;}
.Security .stable th{padding:5px 10px;background:#005b9d;font-size:24px;color:#fff;font-weight:normal;height:56px;}
.Security .stable td{padding:5px 10px;font-size:20px;height:56px;text-align:center;border-bottom:1px solid #bfbfbf;}
.Security .stable td a{text-decoration: underline;color: #005b9d;}
.Security .sform{align-items:stretch;justify-content:space-between;}
.Security .sform .fml{flex:1 1 auto;}
.Security .sform .fmr{flex:0 0 auto;width:365px;max-width:50%;margin-left:5%;}
.Security .sform .fline{align-items:stretch;justify-content:space-between;margin-bottom:40px;}
.Security .sform .lb{flex:0 0 auto;line-height:56px;width:12em;}
.Security .sform .in{flex:1 1 auto;}
.Security .sform .in input{border:1px solid #a0a0a0;padding:0 1em;height:56px;width:100%;font-family:inherit;font-size:16px;background:none !important;outline:none;}
.Security .sform .in textarea{border:1px solid #a0a0a0;padding:0.5em 1em;width:100%;font-family:inherit;font-size:inherit;background:none !important;outline:none;resize:none;height:160px;}
.uploadbox{position:relative;z-index:5;height:250px;border:1px dashed #a0a0a0;justify-content:center;align-items:center;}
.uploadbox input[type="file"]{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;z-index:5;cursor:pointer;opacity:0;}
.uploadbox .btxt{text-align:center;}
.uploadbox .btxt .ico{font-size:34px;position:relative;width:1em;height:1em;margin:0 auto;}
.uploadbox .btxt .ico:before,.uploadbox .btxt .ico:after{content:"";position:absolute;background:#005b9d;width:100%;height:4px;top:50%;margin-top:-2px;left:0;}
.uploadbox .btxt .ico:after{transform:rotate(90deg);}
.uploadbox .btxt .p{margin-top:20px;line-height:1.2;}
.Security .tips{line-height:1.5;word-break:break-all;margin-top:40px;}
.Security .borderbox,.Security .btn{height:56px;border:1px solid #a0a0a0;text-align:center;line-height:54px;}
.Security .btn{border-color:#005b9d;font-size:32px;color:#005b9d;cursor:pointer;transition:.3s;}
.Security .btn:hover{background:#005b9d;color:#fff;}
@media(max-width:1459px){.Security .stit{font-size:24px;}
.Security .stable th{font-size:16px;}
.Security .stable td{font-size:14px;}
.Security .sform{display:block;font-size:18px;}
.Security .sform .lb{line-height:40px;}
.Security .sform .in input{height:40px;}
.Security .sform .fline{margin-bottom:20px;}
.Security .sform .in textarea{height:120px;}
.Security .sform .fmr{width:auto;max-width:100%;margin-left:0;}
.uploadbox{height:200px;}
.Security .tips{margin-top:20px;font-size:16px;}
.Security .borderbox{display:none;}
.Security .btn{font-size:24px;margin-top:30px;}
}
@media(max-width:768px){.Security .sform .fline{display:block;}
.Security .sform .lb{line-height:1.2;margin-bottom:10px;}
.Security .sform{font-size:14px;}
.Security .btn{font-size:18px;height:auto;line-height:44px;}
.Security .stit{font-size:20px;}
.Security .stxt{margin-bottom:20px;}
}
/*2024.8.30*/