.swiper {
    width: 1200px;
    height: 380px;
    margin: 50px auto;
    position: relative;
}

.swiper .pic {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper .pic li {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;

    height: 100%;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -350px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.5);
}

.swiper .pic li img {
    width: 100%;
    height: 100%;
}

.now {
    z-index: 9;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.next {
    z-index: 6;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}

.prev {
    z-index: 6;
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    transform: translateX(-260px);
}

._bg {
    background-color: red !important;
}

.swiper .cricle {
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.swiper .cricle li {
    float: left;
    width: 14px;
    height: 14px;
    background-color: #cccccc;
    margin-right: 6px;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.swiper .btns {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 38px;
    z-index: 9;
}

.swiper .btns .leftbtn,
.swiper .btns .rightbtn {
    height: 100%;
    width: 38px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}


.swiper .btns .leftbtn::after,
.swiper .btns .rightbtn::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-left: 3px solid #ffffff;
    border-top: 3px solid #ffffff;

}

.swiper .btns .leftbtn::after {
    -webkit-transform: translate(12px, 8px) rotate(-45deg);
    -moz-transform: translate(12px, 8px) rotate(-45deg);
    -o-transform: translate(12px, 8px) rotate(-45deg);
    -ms-transform: translate(12px, 8px) rotate(-45deg);
    transform: translate(12px, 8px) rotate(-45deg);
}

.swiper .btns .rightbtn::after {
    -webkit-transform: translate(4px, 8px) rotate(135deg);
    -moz-transform: translate(4px, 8px) rotate(135deg);
    -o-transform: translate(4px, 8px) rotate(135deg);
    -ms-transform: translate(4px, 8px) rotate(135deg);
    transform: translate(4px, 8px) rotate(135deg);
}

.leftBox,
.rightBox {
    height: 300px;
    position: absolute;
    top: 30px;
    z-index: 99;
}

.leftBox {
    width: 182px;
    left: 0;
}

.rightBox {
    width: 222px;
    right: 0;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.w1200:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
.ai_card {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 80px;
}
.ai_card h2.t {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}
.ai_card p.sub_t {
    padding-top: 15px;
    font-size: 16px;
    text-align: center;
    padding-bottom: 60px;
}
.ai_card ul {
    padding-bottom: 70px;
}
.ai_card ul li {
    float: left;
    position: relative;
    width: 33%;
    height: 428px;
    border: 1px solid #e7e7e7;
    margin-left: -1px;
    z-index: 10;
}

.ai_card ul li:before {
    content: "";
    width: 0px;
    height: 2px;
    background: #00b8ff;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 999;
    transition: 1s;
}
.ai_card ul li .info {
    position: absolute;
    top: 80px;
    width: 100%;
    left: 0;
    transition: 0.5s;
}
.ai_card ul li .info .img {
    width: 100%;
    height: 90px;
    text-align: center;
}
.ai_card ul li .info h3 {
    font-weight: normal;
    color: #333;
    padding-top: 30px;
    font-size: 24px;
    text-align: center;
}
.ai_card ul li .info p {
    width: 80%;
    height: 85px;
    line-height: 24px;
    margin: 0 auto;
    color: #73747b;
    font-size: 14px;
}
.ai_card ul li a.btn {
    position: absolute;
    width: 120px;
    height: 40px;
    display: block;
    left: 50%;
    margin-left: -60px;
    bottom: 50px;
    color: #fff;
    background: #00b8ff;
    opacity: 0;
    border-radius: 2px;
    transition: 0.5s;
    font-size: 16px;
    text-align: center;
}
.ai_card ul li.active {
    box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);
}
.ai_card ul li.active:before {
    width: 380px;
    height: 3px;
}
.ai_card ul li.active .info {
    top: 50px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.ai_card ul li.active a.btn {
    opacity: 1;
}



.content-title{
    text-align: center;
}
.content{
    width:1300px;

    margin:0 auto;


}
.contentbox{
    display: flex;
    flex-wrap: flex-start;
       flex-wrap: wrap;
}
.con{
    width: 400px;
    height: 345px;
    float: left;
    position: relative;
    cursor: pointer;    margin-right: 20px;

}
.con img{
   width: 400px;
    height: 225px;
    margin-top: 30px
}
.txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    color: #fff;
    background-color: #ffffffb3;
     text-overflow: ellipsis;
}
.txt h3{
    font-weight: normal;
    font-size: 1.7rem;
    color: #0f67c7;
    font-weight:bold;

}
.txt p{
    text-align: left;
    padding: 0 15px;
    height: 40px;
    overflow: hidden;
  text-overflow: ellipsis;
    font-size: 14px;
    display: block;
    line-height: 20px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -moz-margin-before: 1em;
    -moz-margin-after: 1em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
}

.page_cxy{
    width: 1300px;
    margin:0 auto;
}
.page_cxy .t{
    text-align: center;
}
.page_cxy table img{
    display: block;
  margin-left: auto;
  margin-right: auto;
  float: right;
}



.about-history-list{ position:relative;margin-top:80px;;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(218,183,101,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#fff;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 16px 32px 0 rgba(0, 0, 0, 0.19);
  border-radius: 10px;}
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#fff; text-align:center; background-color:#005bac; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h3{ color:#005bac; background-color:#fff;font-weight: bold;}
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color:#929292;    box-shadow: 6px 6px 15px #e3e3e3;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:red; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:red;    box-shadow: 0px 6px 15px #e3e3e3;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}
/*a{color:#414141;text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}a:hover{text-decoration:none;}.pull-left{float:left;}.pull-right{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.container{width:980px;margin:0 auto;}img{max-width:100%;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}.col-1{ float:left; width:8.33333333%;}.col-2{ float:left; width:16.66666667%;}.col-3{ float:left; width:25%;}.col-4{ float:left; width:33.33333333%;}.col-5{ float:left; width:41.66666667%;}.col-6{ float:left; width:50%;}.col-7{ float:left; width:58.33333333%;}.col-8{ float:left; width:66.66666667%;}.col-9{ float:left; width:75%;}.col-10{ float:left; width:83.33333333%;}.col-11{ float:left; width:91.66666667%;}.col-12{ float:left; width:100%;}.col-13{ float:left; width:20%;}.col-offset-3{ margin-left:25%;}.tb{display:table; width:100%; height:100%;}.tbr{display:table-row;}.tbc{display:table-cell;vertical-align:middle;}
*/
.lazyload .t {text-align: center;}

        .box{
            width: 1260px;
            height: 400px;
            box-shadow: 0px 6px 15px #e3e3e3;
            margin: 50px auto;
            display: flex;
            border-right: 0;
            justify-content: center;
        }

        .box>div{
            width: 240px;
            height: 400px;
            float: left;
            background:url("") no-repeat center center;transition:all .7s ease 0s ;
        }
.box>div:hover{

            opacity: 1;
           
        }
        .box>div h1{
            color: #fff;
            font-size: 70px;
            padding: 40px 40px 0;
        }

.blue_i{display: block;margin: 15px auto;width: 130px;border-bottom: 2px solid #005bac;}        

.w1400{
    width: 1400px;
    margin: 0 auto;
    max-width:88%;

}
.w1400 .t{
    text-align: center;
}
.list_img{
      display: block;
  float: left;
  background: #d7d1d147;;
  font-size: 16px;
  color: #4c4c4c;
  text-align: center;
  width: 21%;
  padding: 10px;
  margin: 0.375rem 1.5%;
  padding-bottom: 25px;
  position: relative;
  overflow:hidden;
}
.list_img:hover{
      box-shadow: 0 2px 20px rgb(175 175 175 / 30%);
      color: #205ed1;
      font-weight: bold;
}
.list_img img{
    max-width: 100%;
    transition: .35s;
    -moz-transition: .35s;
    -ms-transition: .35s;
    -o-transition: .35s;
    -webkit-transition: .35s;
}
.list_img img:hover{
    transform:scale(1.2);
}
.list_img_t{
      padding: 1 .5rem;
  line-height: 26px;
  height: 26px;
margin-top: 10px
}
.boxf{
    padding-top:30px;
        display: flex;
            flex-wrap: wrap;
            justify-content: center;
    /*justify-content: space-evenly;*/
}

.container{
    max-width: 1320px;
}

.g-5{
    --bs-gutter-y: 3rem;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.text-center {
    text-align: center!important;
}
.col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
}
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
    padding-top: 40px;
}
.img-box {
    overflow: hidden;
    transition: all 0.4s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.img-box img {
    overflow: hidden;
    position: relative;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all 0.4s linear;
}
.img-box img:hover{
    transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
}
.department-text {
    box-shadow: 0px 4px 10px rgb(217 205 205 / 44%);
    margin-top: -30px;
    background-color: #fff;
    position: relative;
}


.p-4 {
    padding: 1.5rem!important;
}
.btn-three {
    border: none;
    background-color: #F3F6FF;
    padding: 20px;
    transition: all .4s;
}
.btn-three a {
    color: #000;
    font-weight: 500;
    transition: all .4s;
}
.btn-three:hover {
    background-color: #0474ed;
    transition: all .4s;

}
.btn-three:hover a {
    color: #fff;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}


.col{
    width: 600px;
    height: 370px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 60px;
    position: relative;
    transform: scale(1.5);
    color: white;
    font-size: 28px;
}
.col_window{
    height: 340px;
    background-color: #11212F;
    box-shadow: 0 0 8px black;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.col_con{
    position: absolute;
    left: 0;
    height: 340px;
    transition: left .4s ease;
}
.col_con>img{
    float: left;
}
.arrows_Lcon{
    width: 45px;
    height: 108px;
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    top: 35%;
    left: 0;
    cursor: pointer;
}
.arrows_Rcon{
    width: 45px;
    height: 108px;
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    top: 35%;
    right: 0;
    cursor: pointer;
}
.arrows_Lcon:hover{
    background: linear-gradient(to right,rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
}
.arrows_Rcon:hover{
    background: linear-gradient(to left,rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
}

.arrows_left{
    width: 23px;
    height: 36px;
    margin: 0 auto;
    margin-top: 35px;
    
}
.arrows_right{
    width: 23px;
    height: 36px;
    margin: 0 auto;
    margin-top: 35px;
}
.dots{
    width: 600px;
    height: 9px;
    margin: 0 auto;
    margin-top: 20px;
    transform: scale(1.5);
    position: absolute;
    bottom: 25px;
}
.dots div{
    width: 72px;
    margin: 0 auto;
}
.dots span{
    width: 16px;
    height: 9px;
    background-color: #496274;
    float: left;
    margin-left: 5px;
    border-radius: 2px;
    cursor: pointer;
    color: transparent;
}
.dots span:hover{
    background-color: #768895 !important;
}