html{font-size: 10px;}
.w {width: calc(100% - 30rem);max-width: 1920px;margin: 0 auto;}
*{box-sizing: border-box;}

.home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item h3{height:60px}
.home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item h3{height:42px!important;}



.banner{position: relative;max-width:1920px;margin:0 auto;}
.banner img{width:100%;}
.banner .bigImg{}
.banner .rollImg{position: absolute;width: 100%;top: -18%;left: 0;/*animation: move 30s linear infinite;*/z-index: 1;}
.banner .smallImg2{position: absolute;top: 6%;left: 50%;margin-left: -35%;width: 62%;z-index: 3;}
.banner .smallImg3{position: absolute;top: 17%;left: 50%;margin-left: -21%;width: 38%;z-index: 3;}
.banner video{position: absolute;z-index: -1;width: 100%;height: auto;bottom: 0;}
.banner .smallImg{position: absolute;transform: translateX(-50%);top: 8%;left: 50%;width: 62%;z-index: 2;}
.banner .swiper-slide {overflow: hidden;}
.bannerIn{background-color: #fff;padding: 5rem;display: flex;justify-content: space-between;position: absolute;z-index: 2;bottom: 8rem;left: 15rem;}
.bannerIn li{width: 32%;}
.bannerIn li p{font-size: 2.2rem;color: #000000;margin-top: 2.2rem;margin-bottom: 4rem;text-align: center;height:116px;display:flex;align-items:center;}
.bannerIn li span{display: block;width: 16rem;height: 4.5rem;font-size: 1.8rem;text-align: center;line-height: 4.2rem;border: 2px solid #1d509e;margin: 0 auto;transition: all 0.2s;color: #000;}
.bannerIn li span:hover{background:#1d509e;color: #fff;}
.bannerIn li img{width: 100%;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.bannerIn li img:hover{transform: scale(1.1);}
.bannerIn li div{overflow: hidden;}
.banner .swiper-pagination{bottom:15px !important;}
.banner .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;opacity:1;background:#fff;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{width: 2rem;height: 2rem;background: url(../png/2022042514524331936.png) no-repeat center center;background-size: 100% 100%;}

/* ai+行业 */
.ai_title {margin-top: 5.5rem;padding-top: 1px;padding-bottom: 4rem;text-align:center;}
.ai_title h4{font-size: 5rem;color: #1d509e;margin-bottom: 1rem;font-weight: 700;}
.ai_title h4 img{width: 6.5rem;vertical-align: middle;margin-bottom: 1.5rem;}
.ai_title p{font-size: 2.4rem;color: #666;}
.ai1_ul{display: flex;justify-content: center;flex-wrap: wrap;}
.ai1_ul li{width: 32%;margin-right: 2%;cursor: pointer;text-align: center;margin-bottom: 6rem;}
.ai1_ul li:nth-child(3n){margin-right: 0;}
.ai1_ul li h5{font-size: 3rem;color: #5c5c5c;margin-top: 4.2rem;margin-bottom: 0.7rem;}
.ai1_ul li p{color: #666;font-size:16px;}
.ai1_ul li>div{position: relative;overflow: hidden;}
.ai1_ul dl {position: absolute;bottom: -50%;left: 0;background: rgba(29,80,158,0.8);overflow: hidden;padding:4rem 2.5rem;height:100%;-o-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;opacity: 0;width:100%;}
.ai1_ul dl dd{width: 50%;float: left;text-align: left;margin-bottom: 2.6rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ai1_ul dl dd a{font-size: 2rem;color: #fff;}
.ai1_ul dl dd::before{content: '';background: url(../png/icon1.png) no-repeat left;display: inline-block;width: 1.2rem;
height: 1.2rem;background-size: 90% 100%;margin-right: 0.5rem;}
.ai1_ul li>div:hover dl{bottom: 0;opacity: 1;}
.ai1_ul dl dd a:hover{text-decoration: underline;}

.ai2{position: relative;overflow: hidden;background: url(../png/3-1.png) no-repeat;background-size: 100% 100%;min-height: 90rem;}
/* .ai2Box{position: absolute;top: 0rem;left: 10rem;height: 100%;} */
.ai2Tab{display: flex;justify-content: center;position: relative;z-index: 1;}
.ai2Tab li{width: 18rem;height: 5.5rem;border: 3px solid #fff;background: #f5f6f7;line-height: 4.8rem;text-align: center;margin: 0 2.5rem;font-size: 2.2rem;color: #000;cursor: pointer;border-radius: 10rem;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.ai2Tab li.active{color: #1d509e;box-shadow: 8px 15px 24px #bbbcbd;}
.ai2Tab li:hover{color: #1d509e;box-shadow: 8px 15px 24px #bbbcbd;}
.ai2Dl{}
.ai2Dl>dd{-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
/* .ai2dd1{position: absolute;width: 100%;bottom: 24rem;} */
.ai2dd1_img1{width: 28rem;position: absolute;left: 50%;top: 56%;transform: translate(-50%,-50%);z-index: 2;}
.ai2dd1_img2{width: 53rem;display: block;margin: -1rem auto;opacity:0.8;animation: move 10s linear infinite;}
@keyframes move{
  0%{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.ai2dd1Box {position: absolute;z-index: 3;width: 110rem;left:50%;transform: translateX(-50%);bottom: 38rem;}
.ai2dd1Box div{width: 23rem!important;height: 5.5rem;border: 3px solid #fff;background: #f5f6f7;line-height: 4.8rem;text-align: center;position: absolute;cursor: pointer;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.ai2dd1Box div a{font-size: 1.6rem; color: #000;display: block;height: 100%;width: 100%;}
.ai2dd1Box div:nth-child(1){top: 0;left: 0;}
.ai2dd1Box div:nth-child(5){top: 0;right: 0;}
.ai2dd1Box div:nth-child(2){top: 9rem;left: 14rem;}
.ai2dd1Box div:nth-child(4){top: 9rem;right: 14rem;}
.ai2dd1Box div:nth-child(3){top: 18rem;left: 50%;margin-left: -9rem;}
.ai2dd1Box div.active{box-shadow: 8px 15px 24px #bbbcbd;}
.ai2dd1Box div:hover{box-shadow: 8px 15px 24px #bbbcbd;}
.ai2dd1Box div:hover a{color: #1d509e;}
.ai2dd2{display: flex;justify-content: space-between;width: calc(100% - 60rem);margin: 0 auto;}
.ai2dd2Box {width: 100%;margin-top: 5rem;display: block;cursor: pointer;} 
.ai2dd2Box img{-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.ai2dd2Box div{overflow: hidden;}
.ai2dd2Box p{color: #000;font-size: 1.6rem;margin-top: 2rem;text-align: center;}
.ai2dd2Box:hover img{transform: scale(1.1);}
.ai2dd2Box:hover p{color: #1d509e;}
.ai2dd3{display: flex;justify-content: space-between;width: calc(100% - 60rem);margin: 0 auto;}
.ai2dd3 .ai2dd2Box{width: 100%;}

/*共同选择*/
.htmleaf-content{margin-top: 8rem;margin-bottom: 8rem;}
.htmleaf-content{position:relative;z-index:10;}
.htmleaf-content h4{text-align:center;font-size: 21px!important;color: #fff;width: 25%;line-height: 77px;position: absolute;left: 37.5%;top: 77px;z-index: 200;background: #1d509e;}
#iconWall{
    width: auto;
    margin: 0 auto;
    background:#eee;
    overflow: hidden;
    list-style: none;
}
#iconWall li{
    width:  12.5%;
    float: left;
    background:#fff;
}
/*二、3D反转区域处理 */
.img-back, .img-front{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 75px;
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;

    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden; 
}
.img-back a, .img-front a{display:block;padding:10px;}
#iconWall li img{
    display:block;
    width:auto;
    max-height:35px;
}
.img-3d{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    width:100%;
    height:75px;
}
#iconWall li .box{
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
}
#iconWall li .box2{
    border-top:1px solid #eee;
    border-right:1px solid #eee;
}
.img-back{
    -webkit-transform:rotateY(180deg) translateZ(0);
    transform: rotateY(180deg) translateZ(0);
}


.prize{position: relative;overflow: hidden; background: url(../png/4-1.png) no-repeat;padding-bottom: 17rem;padding-top: 6rem;background-size: 100% 100%;}
.prize::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #122078;z-index: -1;}
.prize::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: transparent;z-index: 10; display:none;}
/* .prize .prizeBig{width: 100%;} */
/* .prizeBox{position: absolute;top: 6rem;left: 50%;transform: translateX(-50%);} */
.prizeSmall{display: block;margin: 0 auto;width: 70%!important;position: relative;z-index: 2;}
.prize .swiper-slide{text-align: center;height:auto!important;}
.prize .swiper-slide img{height: 14rem;width: auto;}

.prize .swiper-container{margin-top: 6rem;height: 34rem;}
.prize .swiper-wrapper{-webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;}
.prize>a{display: block;height: 8rem;width: 35rem;line-height: 8rem;text-align: center;border: 1px solid #fff;border-radius: 1.2rem;color: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 5.5rem;} 
.prize>a:hover{background: rgba(29,80,158,0.2);}

.news.w{display: flex;justify-content: space-between;margin: 8rem auto;}
.news .imgBox{width: 47%;}
.news .newsList{width: 50%;}
.newsList h3 a{font-size: 3.8rem;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList p{font-size: 2.2rem;font-weight: 600;color: #666;line-height: 3.3rem;margin-top: 2.5rem;margin-bottom: 2.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:16px;}
.newsList li{padding-left: 2.5rem;position: relative;margin-bottom: 2.2rem;}
.newsList li a{font-size: 2.2rem;color: #666;line-height: 3.3rem;position: relative;font-size:16px;}
.newsList li::before{content: '';position: absolute;display: inline-block;width: 1.4rem;height: 1.6rem;background: url(../png/icon2.png) no-repeat left;background-size: 100% 100%;left: 0;top: 0.8rem;}
.newsList li:hover a{color: #1d509e;}
.newsList h3:hover a{color: #1d509e;}
.newsPlay .swiper-slide{width:100% !important;}
.newsPlay .swiper-slide a{display:block;}
.newsPlay .swiper-slide a img {width: 100%;height: 38rem;object-fit: cover;}


@media (max-width:1400px) {
  /* .w{width: 90%;} */
}
@media (max-width:1000px) {
  .home2022_index .bannerRel .header2023 .rightBox{right: -150%;}
  .footR dl{margin-left: 15rem;}
  #iconWall li{width:25%;}
  .img-back a, .img-front a{padding:20px;}
  .htmleaf-content h4{width:50%;left:25%;top:153px;font-size:22px;}
}
@media (max-width:768px){
  html{font-size: 6px;}
  .w{width: 100%;}
  /* .banner{margin-bottom: 10rem;} */
  .banner .smallImg{width: 78%;top:20%;}
  .banner .bannerIn{width: 100%;left:0;position: relative;flex-wrap: wrap;padding: 20px;padding-bottom: 0;bottom: 0rem;margin-top: 0rem;}
  .bannerIn li{width: 100%;}
  .bannerIn li span{display: none;}
  .bannerIn li p{font-size: 18px;}
  .bannerIn li:last-child p{margin-bottom: 1rem;}

  .ai_title h4{font-size: 22px;}
  .ai_title p{font-size: 18px;}
  .ai1 {padding: 20px;margin-top: -5rem;}
  .ai1_ul li{width: 100%;margin-right: 0;margin-bottom: 3rem;}
  .ai1_ul li h5{font-size: 18px;margin-bottom: 4px;margin-top: 2rem;}
  .ai1_ul li p{font-size: 15px;}
  .ai1_ul li img{width:100%;height:34rem;object-fit: cover;}
  .ai1_ul dl{padding:2rem 3rem;bottom:-100%; -o-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
  .ai1_ul dl dd{margin-bottom:2rem;padding-right:1rem;}
  .ai1_ul dl dd a{font-size:2.5rem;}
  .ai1_ul li:nth-child(3) dl{padding:4rem 3rem;}
  .ai1_ul li:nth-child(3) dl dd{margin-bottom:3rem;}
  .ai1_ul li:nth-child(5) dl{padding:4rem 3rem;}
  .ai1_ul li:nth-child(5) dl dd{margin-bottom:4rem;}

  .ai2{padding-bottom: 3rem;min-height: 84rem;}
  .ai2dd1Box{width: 100%;}
  .ai2dd1Box div:nth-child(1){left: 1rem;}
  .ai2dd1Box div:nth-child(2){left: 6rem;}
  .ai2dd1Box div:nth-child(5){right: 1rem;}
  .ai2dd1Box div:nth-child(4){right: 6rem;}
  .ai2dd2{width: 100%;padding: 0 20px;flex-wrap: wrap;}
  .ai2dd2Box{width: 100%;margin-top: 4rem;}
  .ai2dd2Box p{font-size: 2.4rem;}
  .ai2dd2 .ai2dd2Box:nth-child(n+3){margin-top: 2rem;}
  .ai2dd3{width: 100%;padding: 0 20px;flex-wrap: wrap;margin-top: 8rem;}
  .ai2dd3 .ai2dd2Box{width: 100%;}
  .ai2dd3 .ai2dd2Box:nth-child(n+3){margin-top: 2rem;}
  .ai2dd2 .ai2dd2Box img{height: 33rem;object-fit: cover;}
  /*.ai2dd2 .swiper-slide{transform: scale(0.8);-ms-transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms;display: inline-block;}
  .ai2dd2 .swiper-slide-active{transform: scale(1);}*/
  .ai2dd2 .swiper-slide img{height:30rem;width:100%;margin-top:1rem;}
  .ai2dd2 .swiper-slide-active img{height:33rem;width:100%;margin-top:0rem;}
  .ai2dd3 .swiper-slide img{height:23rem;width:100%;margin-top:1rem;}
  .ai2dd3 .swiper-slide-active img{height:25rem;width:100%;margin-top:0rem;}

  #iconWall li{width:50%;}
  #iconWall li:nth-child(n+7){display:none;}
  #iconWall li:nth-child(11){display:inline-block;}
  #iconWall li:nth-child(12){display:inline-block;}
  .htmleaf-content{margin-top:2rem;}
  .htmleaf-content h4{width: 100%;left: 0;top: 459px; position: relative;top:0;color:#1d509e;background:none;font-weight:700;}

  .prize{padding-bottom: 5rem;background-size: 200% 200%;}
  .prize .swiper-container{height: 20rem;margin-top:4rem;}
  .prize .swiper-slide.three{display: flex;justify-content: space-between;}
  .prize .swiper-slide img{height: 8.5rem;}
  .prize .swiper-slide.three img{width: 100%;height:7rem;}
  .prize .swiper-slide.two{display: flex;justify-content: space-around;}
  .prize .swiper-slide.two img{width: 100%;height:6rem;}

  .news{flex-wrap: wrap;padding: 0 20px;margin: 2rem auto;}
  .news .imgBox{width: 100%;}
  .news .newsList{width: 100%;}
  .newsList_one{margin-top: 2rem;}
  .newsList h3 a{font-size: 20px;font-weight: 400;}
  .newsList p{font-weight: 400;font-size: 16px;margin: 1.8rem 0;line-height: 25px;}
  .newsList li{margin-bottom: 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .newsList li a{font-size: 16px;line-height: 3rem;line-height: 25px;}
  .newsList li::before{top: 8px;}

}