/* 专题页 */
.flex { display: flex; }
.j-c { justify-content: center; }
.j-b { justify-content: space-between; }
.j-e { justify-content: flex-end; }
.a-c { align-items: center }
.a-e { align-items: flex-end }
.a-s { align-items: flex-start }
.f-d-c { flex-direction: column; }
.f-w { flex-wrap: wrap; }
:root {
   --animate-delay: 0.5s !important;
}

.special_footer { width: 100%; min-width: 1300px; height: 288px; padding: 0 100px; background: #0e0e0f; box-sizing: border-box; }
.special_footer .footer_top {  width: 100%; height: 220px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.special_footer .footer_top .foot_logo { width: 100px; height: 50px; }
.special_footer .footer_top .lt_logo { margin-right: 45px; }
.special_footer .footer_top .info_box .info_item { margin-right: 100px; }
.special_footer .footer_top .info_box .info_item:last-child { margin-right: 0; }
.special_footer .info_item .info_item_title {  font-size: 16px; line-height: 16px;color: rgba(255, 255, 255, .3); margin-bottom: 30px; }
.special_footer .info_item .info_item_text { display: block; font-size: 16px; color: #ffffff; line-height: 16px; margin-bottom: 24px; }
.special_footer .info_item .link_text:hover { text-decoration: underline; }
.special_footer .info_item .info_item_text.bold { font-weight: bold; font-size: 18px; }

.special_footer .footer_bottom { height: 67px; }
.special_footer .footer_bottom .filing { font-size: 16px; color: rgba(255, 255, 255, .3); }
.special_footer .footer_bottom .filing a { color: rgba(255, 255, 255, .3); margin-left: 5px; }
.special_footer .footer_bottom .filing a:hover { color: #ffffff; text-decoration: dashed; text-decoration: underline; text-decoration-color: #ffffff; }

/* 智课专题页 */
#special_zk { min-height: 100vh; /* overflow: hidden; */ }
#special_zk .banner { min-width: 1300px; width: 100%; height: 600px; overflow: hidden; background: no-repeat url('../images/special/zk/zk-banner.png') center center; background-size: cover; }
#special_zk .banner-inner { height: 100%;  }
#special_zk .banner-inner .banner-title { width: 652px; height: 140px; margin-bottom: 50px; }
#special_zk .use-btn { box-sizing: border-box; cursor: pointer; width: 200px; height: 50px; border: 1px solid #111111; font-weight: bold; font-size: 18px; color: #111111; transition: all .2s;}
#special_zk .use-btn:hover { border-color: #117afd; color: #117afd; }

#special_zk .zk_area { width: 100%;min-width: 1300px; overflow: hidden;}  
#special_zk .area_title { font-weight: bold; font-size: 26px; line-height: 26px; color: #111111; margin-bottom: 70px; text-align: center; }

#special_zk .zk_area1 { height: 450px; background: no-repeat url('../images/special/zk/area1-bg.png') center center; background-size: cover; }
#special_zk .zk_area1 .area_content { box-sizing: border-box; padding-top: 90px; }
#special_zk .zk_area1 .area_desc { width: 1030px; margin: 0 auto; font-weight: 400; font-size: 18px; color: #495A81; line-height: 30px; }

#special_zk .zk_area2 { height: 920px; background: linear-gradient(to bottom,#eaf3ff 100%,#f8fbff 100%); }
#special_zk .zk_area2 .area_content { padding-top: 80px; }
#special_zk .zk_area2 .area_title { margin-bottom: 170px; }
#special_zk .zk_area2 .area_top_list { margin-bottom: 160px; }
#special_zk .zk_area2 .item { width: 288px; height: 194px; position: relative; margin-right: 30px; }
#special_zk .zk_area2 .item:last-child { margin-right: 0 !important; }
#special_zk .zk_area2 .item .item_content { width: 100%; height: 100%; box-sizing: border-box; background: no-repeat url('../images/special/zk/area2-item-bg.png'); background-size: 100% 100%;  }
#special_zk .zk_area2 .item_desc { position: absolute; height: 100px; display: flex; align-items: center; bottom: 20px; left: 50%; transform: translateX(-50%); width: 212px; margin: 0 auto; font-weight: 400; font-size: 18px; color: #111111; line-height: 24px; /* text-align: center; */ }
#special_zk .zk_area2 .item .icon { width: 160px; height: 200px; position: absolute; top: -150px; margin-left: 50%; transform: translateX(-50%); } 
#special_zk .zk_area2 .area_bottom_list  .item { margin-right: 20px; } 


#special_zk .zk_area3 { height: 800px; background: url('../images/special/zk/area3-bg.png') no-repeat center center; background-size: cover;  }
#special_zk .zk_area3 .area_content { height: 100%; box-sizing: border-box; padding-top: 80px; }
#special_zk .zk_area3 .area_title { margin-bottom: 30px; }
#special_zk .zk_area3 .list_box { width: 100%; }
#special_zk .zk_area3 .list_box .list_left { width: 350px; border-radius: 14px; margin-right: 30px; background: #ffffff; }
#special_zk .zk_area3 .list_left .nav_item { width: 100%; height: 68px; border-radius: 14px; background: no-repeat ; background-size: 100% 100%; box-sizing: border-box; padding: 0 22px;font-weight: 400; margin-bottom: 5px; font-size: 18px; color: #333333; transition: all .3s ease; cursor: pointer;}
#special_zk .zk_area3 .list_left .nav_item:last-child { margin-bottom: 0; }
#special_zk .zk_area3 .list_left .nav_item::before { content: ''; display: block;width: 10px;
height: 10px; background: #111111; margin-right: 15px; }
#special_zk .zk_area3 .list_left .nav_item:hover { color: #117afd; }
#special_zk .zk_area3 .list_left .nav_item.active { background-image: url('../images/special/zk/nav-item-bg.png'); color: #ffffff; }
#special_zk .zk_area3 .list_left .nav_item.active::before { background-color: #ffffff; }
#special_zk .list_right { width: 100%; height: 506px; box-sizing: border-box; padding: 65px; border-radius: 12px; background: url('../images/special/zk/area3-right-bg.png') no-repeat center center; background-size: cover;}
#special_zk .zk_area3 .item_box { display: none; width: 490px; height: 330px; overflow: hidden; /* overflow-y: auto; */ }
#special_zk .zk_area3 .item_box .swiper-slide { width: 100%; height: auto; display: flex; }
#special_zk .zk_area3 .item_box .swiper-container { width: 100%; height: 100%; }
#special_zk .zk_area3 .item_box .item { width: 490px; height: 60px; box-sizing: border-box; padding: 0 25px; background: url('../images/special/zk/area3-item-bg.png') no-repeat; /* margin-top: 15px; */ background-size: 100% 100%;font-weight: bold; font-size: 20px; color: #FFFFFF; line-height: 20px;}
#special_zk .zk_area3 .item_box .item:first-child { margin-top: 0; }
#special_zk .zk_area3 .item_box .item .right-icon { display: block; width: 24px; height: 24px; margin-right: 10px; }


#special_zk .zk_area4 { /* height: 800px; */ background: #0581fd; overflow: hidden;}
#special_zk .zk_area4 .area_content { height: 100%; box-sizing: border-box; padding-top: 80px; position: relative; padding-bottom: 80px; }
#special_zk .zk_area4 .area_title { color: #ffffff; margin-bottom: 25px; }
#special_zk .zk_area4 .tab-box { margin-bottom: 25px; } 
#special_zk .zk_area4 .tab-item { background: transparent no-repeat;  background-size: 100% 100%; width: 290px; height: 60px; cursor: pointer;font-weight: normal; font-size: 18px; color: #FFFFFF; }
#special_zk .zk_area4 .tab-item:hover { font-weight: bold; }
#special_zk .zk_area4 .tab-item.active { font-weight: bold; background-image: url('../images/special/zk/tab-item-bg.png'); }
#special_zk .zk_area4 .swiper_box { position: relative; width: 100%; padding-bottom: 60px;  }
#special_zk .zk_area4 .swiper_box .swiper-container { width: 100%; height: auto; }
#special_zk .swiper_box .swiper-slide{ transition: all .4s ease; position: relative; overflow: hidden; /* margin-left: 30px; */ cursor: grab; }
#special_zk .swiper_box .swiper-slide .poster { position: relative; opacity: 1; transition: all .2s; z-index: 4; /* width: 800px; height: 450px; */ border-radius: 20px; overflow: hidden; }
#special_zk .swiper_box .swiper-slide .poster_img { /* width: 800px; */ width: 100%; object-fit: cover; }
#special_zk .zk_area4 .swiper_box .pagination_box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
#special_zk .zk_area4 .pagination_box .slide_title { font-size: 16px; color: #ffffff; line-height: 16px; margin-bottom: 20px; }
#special_zk .zk_area4 .pagination_box .special_zk_pagination { position: relative; width: 100px; height: 10px; background: rgba(255, 255, 255, .2); }
#special_zk .zk_area4 .pagination_box .swiper-pagination-progressbar-fill { background: #ffffff;}
#special_zk .swiper-slide .poster .mask { position: absolute; }
#special_zk .swiper-slide .video { display: none; background: #111111;  position: absolute; border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%;  z-index: 3; }
#special_zk .swiper-slide .mask { transition: all .2s; position: absolute; border-radius: 20px; top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 5; }
#special_zk .swiper-slide .mask .play_icon { display: none; width: 80px; height: 80px; cursor: pointer; }
#special_zk .swiper-slide.swiper-slide-active .mask { background-color: transparent; }
#special_zk .swiper-slide.swiper-slide-active .mask .play_icon { display: block; }
#special_zk .swiper-slide:not(.swiper-slide-active) { transform-style: preserve-3d;transform-origin: left center; }
#special_zk .swiper_box .swiper-slide.playing .mask { display: none; }
#special_zk .swiper_box .swiper-slide.playing .video { display: block; }
#special_zk .swiper_box .swiper-slide.playing .poster { opacity: 0; z-index: 2; }
#special_zk .swiper_box .swiper-slide.swiper-slide-prev { transform-origin: right center;  transform: perspective(900px) rotateY(-15deg); }
#special_zk .swiper_box .swiper-slide.swiper-slide-next { transform-origin: left center;  transform: perspective(900px) rotateY(15deg); }

/* 力拓AI平台专题页 */
#special_ltai { min-height: 100vh; background: #fafafa;/* overflow: hidden; */ }
#special_ltai .banner_box { min-width: 1300px; position: relative; width: 100%; height: 908px; box-sizing: border-box; /* padding-top: 177px; */ background: url('../images/special/lt/banner-bg.png') no-repeat bottom center; background-size: cover; }
#special_ltai .banner_box .header { width: 100%; margin-bottom: 80px; }
#special_ltai .banner_box .header .logo{ background-position: -147px -10px; }
#special_ltai .product-header #nav > li > a { color: #333333; }
#special_ltai .banner_box .banner_title { width: 779px; height: 122px; margin-bottom: 20px; }
#special_ltai .banner_box .banner_desc { width: 915px; text-align: center; font-weight: 400; font-size: 16px; color: #495A81; line-height: 30px; margin-bottom: 30px; }
#special_ltai .banner_box .use_btn { transition: all .2s ease; width: 160px; height: 50px; border-radius: 8px; background: #3381ff; font-size: 18px; color: #ffffff; font-weight: bold; }
#special_ltai .banner_box .use_btn:hover { background: #2d6dff; }
#special_ltai .banner_box .banner_main { /* display: none; */ width: 1200px; height: 540px;  position: absolute; left: auto; bottom: -234px; background: url('../images/special/lt/banner-main-bg.png') no-repeat ; background-size: 100% 100%; }
#special_ltai .banner_box .banner_main .banner_info { width: 800px; height: 356px; }
#special_ltai .ltai_area { width: 100%;min-width: 1300px; overflow: hidden; }

#special_ltai .ltai_area1 { height: 902px; box-sizing: border-box; padding-top: 312px; }
#special_ltai .ltai_area1 .area_content { position: relative; height: 100%; }
#special_ltai .ltai_area1 .area_title { font-weight: bold; text-align: center; font-size: 26px; line-height: 26px; margin-bottom: 24px; color: #111111; }
#special_ltai .ltai_area1 .area_desc { width: 822px; text-align: center; font-size: 14px; color: #495A81; line-height: 24px; margin:0 auto 30px; }
#special_ltai .ltai_area1 .area_main { position: absolute; left: -18px; bottom: 54px; }
#special_ltai .ltai_area1 .item { width: 416px; height: 402px; box-sizing: border-box; padding: 30px 0 0 48px; background: no-repeat; background-size: 100% 100%; }
#special_ltai .ltai_area1 .item .item_title { font-size: 26px; line-height: 26px; font-weight: bold; color: #ffffff; margin-bottom: 12px; }
#special_ltai .ltai_area1 .item .item_subTitle { font-size: 18px; line-height: 18px; font-weight: bold; color: #ffffff; margin-bottom: 12px; margin-bottom: 55px; }
#special_ltai .ltai_area1 .item .item_desc { width: 325px; font-size: 18px; color: #333333; line-height: 24px; }
#special_ltai .ltai_area1 .item:nth-child(1) { background-image: url("../images/special/lt/area1-item-bg1.png");  }
#special_ltai .ltai_area1 .item:nth-child(2) { margin-left: -8px; background-image: url("../images/special/lt/area1-item-bg2.png");  }
#special_ltai .ltai_area1 .item:nth-child(3) { margin-left: -8px; background-image: url("../images/special/lt/area1-item-bg3.png");  }


#special_ltai .ltai_area2 { height: 690px; background: url('../images/special/lt/area2-bg.png') no-repeat center center; background-size: cover; box-sizing: border-box; } 
#special_ltai .ltai_area2 .area_content  { overflow: hidden; height: 450px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px; padding: 0 60px 0 40px; }
#special_ltai .ltai_area2 .list_left { width: 370px; }
#special_ltai .ltai_area2 .nav_item { position: relative; border-bottom: 1px solid #eeeeee; padding-top: 40px; height: 105px; box-sizing: border-box; transition: all .2s ease; }
#special_ltai .ltai_area2 .nav_item::before { content: ''; display: block; position: absolute; top: 30px; left: -40px; width: 6px; height: 0; opacity: 0; background: #3381ff; }
#special_ltai .ltai_area2 .nav_item .item_title { transition: all .2s; cursor: pointer; font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 24px; color: #111111;}
#special_ltai .ltai_area2 .nav_item  .item_desc { display: none; transition: all .2s; font-size: 16px; line-height: 24px; color: #333333; }
#special_ltai .ltai_area2 .nav_item.active { height: 200px; }
#special_ltai .ltai_area2 .nav_item.active::before { opacity: 1; height: 140px;transition: all .2s ease; }
#special_ltai .ltai_area2 .nav_item.active .item_desc { display: block; }
#special_ltai .ltai_area2 .nav_item .item_title:hover { color: #0581fd; }
#special_ltai .ltai_area2 .nav_item:last-child { border-bottom: none; }
#special_ltai .ltai_area2 .list_right .item_box { display: none; }
#special_ltai .ltai_area2 .list_right .item_img { width: 602px; }


#special_ltai .ltai_area3 { height: 540px; background: #0a6bff; }
#special_ltai .ltai_area3 .area_content { width: 1260px; height: 100%; color: #ffffff; box-sizing: border-box;padding-top: 80px; position: relative; } 
#special_ltai .ltai_area3 .area_title { color: #ffffff;font-weight: bold; text-align: center; font-size: 26px; line-height: 26px; }
#special_ltai .ltai_area3 .code_box { width: 100%; position: absolute; bottom: 0; left: 0; }
#special_ltai .ltai_area3 .code_box .code_content { width: 620px; height: 218px; background: url('../images/special/lt/code-content-bg.png') no-repeat; background-size: 100% 100%; position: relative;  }
#special_ltai .ltai_area3 .code_content .content_name { margin-top: 60px; font-weight: bold; font-size: 24px; line-height: 24px; color: #FFFFFF; }
#special_ltai .ltai_area3 .code_list { position: absolute; left: auto; top: -170px; }
#special_ltai .ltai_area3 .code_list .code_item { width: 180px; margin-right: 12px; box-sizing: border-box; padding: 10px 0 0; height: 220px; background: #ffffff; }
#special_ltai .ltai_area3 .code_list .code_item:last-child { margin-right: 0; }
#special_ltai .ltai_area3 .code_list .code_item .code_img { display: block; margin: 0 auto 18px; width: 160px; height: 160px; }
#special_ltai .ltai_area3 .code_list .code_item .code_title { text-align: center; margin: 0 auto; font-size: 14px; line-height: 18px; color: #666666; }


@media screen and (max-width: 1601px) {
    .special_footer { padding: 0 50px; }
    #special_zk .swiper-slide .mask .play_icon { width: 60px; height: 60px; }
}