﻿.index-vocational-work {min-width: 1300px;padding: 70px 20px 0;box-sizing: border-box;position: relative;z-index: 3;}
.index-vocational-work-top {margin: 55px auto 0;max-width: 1718px;height:46vw;background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;}
.index-vocational-work-top .word {position: absolute;top: 100px;left: 120px;color: #fff;width: 565px;}
.index-vocational-work-top .word .t {font-size: 42px;position: relative;padding-bottom: 22px;margin-bottom: 15px;}
.index-vocational-work-top .word .t:before {position: absolute;left: 0;bottom: 0;height: 2px;width: 46px;content: "";background: #fff;}
.index-vocational-work-top .word .p {font-size: 15px;line-height: 30px;}
.index-vocational-swiper {position: absolute;z-index: 2;left: 0;width: 100%;bottom: 30px;padding-top: 64px;}
.index-vocational-swiper-prev, .index-vocational-swiper-next {position: absolute;top: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 2px solid #fff;transition: all 0.2s;cursor: pointer;font-size: 18px;font-weight: bold;color: #fff;display: flex;align-items: center;justify-content: center;}
.index-vocational-swiper em{font-style:initial}
.index-vocational-swiper-prev:hover, .index-vocational-swiper-next:hover {background: #f00;border-color: #f00;}
.index-vocational-swiper-prev {right: 83px;}
.index-vocational-swiper-next {right: 31px;}
.index-vocational-swiper .swiper-slide {display: inline-block;vertical-align: top;width: auto;}
.index-vocational-swiper .swiper-slide .img {overflow: hidden;}
.index-vocational-swiper .swiper-slide .img img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.index-vocational-swiper .swiper-slide .t {text-align: center;height: 68px;line-height: 68px;overflow: hidden;font-size: 20px;font-weight: bold;color: #333;background-color: #fff;}
.index-vocational-swiper .swiper-slide:hover .img img {transform: scale(1.05);}
.index-vocational-swiper .swiper-slide:hover .t {color: #f00;}
.index-vocational-list {display: flex;max-width: 1718px;margin: 0 auto;}
.index-vocational-list .item {flex: 1;display: block;margin-top: 30px;position: relative;}
.index-vocational-list .item + .item {margin-left: 39px;}
.index-vocational-list .item:hover .bg img {transform: scale(1.05, 1.05);}
.index-vocational-list .bg {position: relative;width: 100%;height: 669px;overflow: hidden;}
.index-vocational-list .bg img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.index-vocational-list .title {position: absolute;text-align: center;width: 100%;left: 0;top: 80px;z-index: 5;padding-bottom: 18px;color: #fff;font-size: 34px;font-weight: bold;}
.index-vocational-list .title:after {position: absolute;left: 50%;bottom: 0;background-color: #fff;content: "";width: 24px;height: 3px;margin-left: -12px;}
@media (max-width:1600px){.index-vocational-swiper .swiper-slide .img img{max-height:19vw}}
@media (max-width:768px){.index-vocational-work-top{width: 100%;}
.index-vocational-work-top .word{left: 10%;width: 80%;}
.kche-t46 .kche-item-img{max-width:100%;}
.index-vocational-swiper{bottom: 5%;}}
#habcert-swiper .swiper-slide-active{transform: scale(1.1);}
.habcert-con {background: #bbc2c5;padding: 2% 4% 1%;}
.habcert-pagination{text-align: center;margin: 10px 0;margin-top: 3%;}
#habcert-swiper{padding: 2% 0;}
@media(max-width:500px){.habcert-pagination{margin-top:10%;}}.abouts-content{padding-left:0;padding-right:0;}
.about-common-main{padding-left:260px;padding-right:260px;}
.about-top-box{background:url(/Content/uploads/2025810300/202501161419551871f545975b4063811469a42f5198cf.jpg) no-repeat center/cover;}
@media (max-width:1600px){.about-common-main{padding-left:100px;padding-right:100px;}}
@media (max-width:1366px){.about-common-main{padding-left:80px;padding-right:80px;}}
@media (max-width:1024px){.about-common-main{padding-left:40px;padding-right:40px;}}
@media (max-width:768px){.about-common-main{padding-left:20px;padding-right:20px;}}
.aboutus-tab-box .abouts-content.about-common-main{padding-bottom:0;padding-left:60px;padding-right:60px;}
.aboutus-tab-box .aboutus-tab-list{display:flex;justify-content: center;}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a{padding:30px 15px;text-align: center;display:inline-block;font-size:18px;transition:all .3s;position:relative}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a:before{content:'';width:1px;height:30px;display:block;background:#ccc;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:last-child a:after{content:'';width:1px;height:30px;display:block;background:#ccc;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:hover a{color:#fff;background:var(--color)}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:hover a:before,.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:hover a:after{background:var(--color)}
@media (max-width:1024px){.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a{padding:20px 10px;font-size:14px;}}
@media (max-width:768px){.aboutus-tab-box .aboutus-tab-list{flex-wrap:wrap;justify-content: flex-start;}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item{width:50%;text-align: center;}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a{text-align: left;}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a:before,.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:last-child a:after{display:none;}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a{border-bottom:1px solid #eee}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item:first-child a{border-top:1px solid #eee}
.aboutus-tab-box .aboutus-tab-list .aboutus-tab-item a{padding:5px;font-size:14px;width:100%;}
.aboutus-tab-box .abouts-content.about-common-main{padding-left:20px;padding-right:20px;}}
.kche-wrap-width.aboutus-item{padding-top:100px;margin-top:-100px;}
.common-num{font-size:80px;font-weight:var(--fontbold7);color:#eee;line-height:1.2}
@media (max-width:1600px){.common-num{font-size:4.5vw}}
@media (max-width:768px){.common-num{font-size:40px;display:none;}}