.swiper-wrapper,
.swiper-slide{height: auto;}

/* banner */
.banner { width:100%; position:relative;}
.banner .ban_bg { width:100%; height:13.8rem; background:url(../images/banner_top_bg.png) repeat-x center  top; position:absolute; top:0; z-index:3;}
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom:49.765%;}
.banner .wrap em{transition: all 0.5s linear;-webkit-transform: scale(1.1);transform: scale(1);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 0.5s linear; transform: scale(1.1,1);opacity: 1;}
.banner .swiper-pagination{width: 6px;position: absolute;top: 50%;transform: translateY(-50%);right: 1.83rem;left: auto;bottom: auto;flex-direction: column;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 100%;height: 0.57rem;background: #fff;opacity: 1;margin: 4px 0;border-radius: 0;clip-path: polygon(0% 0%, 100% 5px, 100% 100%,0 calc(100% - 5px));transition: 0.3s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 2.33rem;}
.ban_txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5rem;
    z-index: 10;
    pointer-events: none;
}

.ban_btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    pointer-events: auto;
}

.ban_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6.5rem;
    height: 2rem;
    padding: 0 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 0.84rem;
    line-height: 1;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.ban_btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.ban_btn_icon {
    width: 1.26rem;
    height: 1.26rem;
    margin-right: 0.3rem;
    flex-shrink: 0;
}

.ban_btn_study {
    background-color: #00849a;
}

.ban_btn_study:hover {
    background-color: #006a7d;
}

.ban_btn_prep {
    background-color: #f47428;
}

.ban_btn_prep:hover {
    background-color: #d85f1a;
}
/* 标题 */
.iTitle{margin-bottom: 1.42rem;}
.iTitle .title{color: #000;line-height: 1.87rem;}
/* .iTitle .title::before{content: "";width: 4px;height: 1.2rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: var(--primary-color);} */
.iTitle.white .title{color: #fff;}
.iTitle.white .title::before{background: #fff;}

/* isect1 */
.isect1{background:#f3f4f4 url(../images/isect1_bg.jpg) no-repeat center top;background-size: cover;}
.isect1 .contLeft{width:71.036585%;}
.isect1 .contLeft .container{width:60%;}
.isect1 .contLeft .container .wrap{display: block;}
.isect1 .contLeft .container .pic{padding-bottom: 14.63333rem;}
.isect1 .contLeft .container .text{padding: 0.8rem 0rem 0.7rem;}
.isect1 .contLeft .container .text .title{color: #000;line-height: 1.27rem;padding-bottom: 5px;}
.isect1 .contLeft .container .text .desc{color: #78726E;line-height: 0.87rem;height: 1.73rem;margin: 0.1rem 0 0.57rem;}
.isect1 .contLeft .container .wrap:hover .text .title{color: var(--active-color);}
.isect1 .contLeft .container .swiper-pagination{bottom: 5.93rem;left: auto;width: auto;right: 0.53rem;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet{width: 0.57rem;height:0.2rem;background: #fff;opacity: 0.6;margin: 0;border-radius: 0;clip-path: polygon(5px 0%, 100% 0, calc(100% - 5px) 100%,0 100%);transition: 0.3s;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1rem;opacity: 1;}
.isect1 .contLeft ul{width: 37.339%;}
.isect1 .contLeft ul li{border-bottom: 1px solid #c7d0d1; padding-top: 1rem; padding-bottom: 1rem;transition: all .5s ease;}
.isect1 .contLeft ul li:first-child{padding-top: 0;}
.isect1 .contLeft ul li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:#00849a;opacity: 0;}
.isect1 .contLeft ul .wrap{display: block;display: flex;justify-content: space-between;  align-items: center;}
.isect1 .contLeft ul .wrap .title{line-height: 0.87rem;color: #3D3D3D;height: 1.73rem; width: calc(100% - 4.9rem);}
.isect1 .contLeft ul .wrap .pic { width: 4rem; height: 2.83333rem; overflow: hidden;}
.isect1 .contLeft ul .wrap .pic img {width: 100%;  height:2.833333rem;}
.isect1 .contLeft ul li:hover{border-color: transparent;}
.isect1 .contLeft ul li:hover::before{opacity: 1;}
.isect1 .contLeft ul li:hover .dateStyle,
.isect1 .contLeft ul li:hover .title,
.isect1 .contLeft ul li:hover .desc { color: #00849a;}
.isect1 .contLeft ul li:hover .moreStyle{color: #fff;}
.isect1 .contLeft ul li:hover .moreStyle .icon,
.isect1 .contLeft ul li:hover .dateStyle .icon{filter: brightness(0) invert(1);}
.isect1 .contLeft ul li:hover {transform: translateY(-10px);}
.isect1 .contRight{width: 26.34%;}
.isect1 .contRight ul{}
.isect1 .contRight ul li{ width: 100%; padding: 0.467rem; box-sizing: border-box;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.03); margin-top: 0.7rem;transition: all .5s ease;}
.isect1 .contRight ul li:first-child{ margin-top: 0;}
.isect1 .contRight ul li a{}
.isect1 .contRight ul li .date{flex-direction: column;color: #fff;white-space: nowrap;flex-shrink: 0;margin-right: 0.67rem;flex-shrink: 0; width: 2.1333rem; height: 2.466667rem; background: #00849a;}

.isect1 .contRight ul li .date em{display: block;color: #fff;font-weight:bold;}
.isect1 .contRight ul li .title{color: #0a0a0a;line-height: 0.87rem;max-height: 1.73rem;flex: 1;}
.isect1 .contRight ul li:hover .title{color:#fff;}
.isect1 .contRight ul li:hover {transform: translateY(-10px);  background: #00849a;}
.isect1 .contRight ul li:hover .date { background: #fff; color:#00849a; border-radius: 15px 0 15px 0;}
.isect1 .contRight ul li:hover .date em {color:#00849a;}
/* isect2 */
.isect2{padding-top: 2.4rem; margin-bottom: 1rem;}
/* .isect2::before{content: "";width: 100%;height: 11.87rem;position: absolute;left: 0;top: 0;background: url(../images/isect2_bg.jpg) no-repeat center;background-size: cover;} */
.isect2 .iTitle{margin-bottom: 1.33rem;}
.isect2 .container{width: 100%;padding: 0 0.5rem 4.23rem;margin-left: -0.5rem;height: 13.2rem;}
.isect2 .container .wrap{display: block;margin-top: 0.63rem;background: #F3F4F6;}
.isect2 .container .pic{padding-bottom: 60.52%;}
.isect2 .container .text{padding: 1.1rem 0.83rem 1.2rem;position: relative;}
.isect2 .container .text::before{content: "";width: 100%;height: 3px;background: #027CDF;position: absolute;left: 0;bottom: 0;transform: scale(0, 1);}
.isect2 .container .date{color: #313131;line-height: 0.83rem;height: 0.83rem;margin-bottom: 0.43rem;}
.isect2 .container .title{color: #313131;line-height: 1.03rem;text-align: center;height: 2.07rem;overflow: hidden;}
.isect2 .container .learnMore{position: absolute;left: 50%;bottom: 0.9rem;transform: translateX(-50%);opacity: 0;}
.isect2 .container .wrap:hover{background: #FFFFFF;box-shadow: 0px 4px 0.5rem 0px rgba(0, 0, 0, 0.1);margin-top: 0;}
.isect2 .container .wrap:hover .text::before{transform: scale(1);}
.isect2 .container .wrap:hover .text{padding-bottom: 2.73rem;}
.isect2 .container .wrap:hover .text .learnMore{opacity: 1;}
.isect2 .container .wrap:hover .text .date{justify-content: center;}


.serviceCont {}
.servicePic { transition: all 0.5s; margin: 0 auto 1rem; position: relative; box-sizing: border-box; border: 0px solid #00849a; border-radius: 50%; width:4rem; height:4rem; -webkit-transition: .5s;    -o-transition: .5s;   -moz-transition: .5s;   transition: .5s; background: #00849a;}
.servicePic img { width:2.033rem;height:2.033rem; transition: all 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.servicePic img:nth-child(2) {opacity: 0;}
.seriveList { max-width: 100%; width: 100%; margin: 0 auto;}
.seriveList ul { overflow: hidden;}
.seriveList li { /*box-shadow: -10px 0 10px rgba(0,0,0,0.03); padding-top:60px;*/ text-align: center;padding-top:1.4rem;}
.serviceType { margin-bottom: 50px; width:14.2857%;}
.serviceType p { color: #131313;}
.serviceTit p { font-weight: bold; font-size: 26px; color: #184da6; line-height: 1; margin-bottom: 13px;}
.serviceTit span { display: block; font-size: 16px; color: #9b9b9b; font-family: 'Times New Roman';}
.serviceTit { background: url(../images/sline.png) center bottom no-repeat; margin-bottom: 26px; padding-bottom: 36px;}
/*.serviceType:hover {background:url(../images/h-management-bg3.png) no-repeat; background-size:cover;	}*/
.serviceType .servicePic::after{ content: "";
    display: block;
    width: 5.433rem;
    height: 5.433rem;
    /*border: 1px dashed #00797c;*/
	background:url(../images/icon_cl.png) no-repeat center center; background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);}
.serviceType:hover .servicePic::after{ content: "";
    display: block;
    width: 5.433rem;
    height: 5.433rem;
    /*border: 1px dashed #00797c;*/
	background:url(../images/icon_cl.png) no-repeat center center;background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
	z-index:1;
    animation: circles 5s infinite linear;
    transform: translateX(-50%) translateY(-50%);}
.serviceType:hover .servicePic { background: #fff; border: 3px solid #00849a;-webkit-box-shadow: inset 0 3px 16px 0 #00797c;
    box-shadow: inset 0 3px 16px 0 #00797c;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;}
.serviceType:hover img:nth-child(1) {opacity: 1;}
.serviceType:hover img:nth-child(2) {opacity: 1;}
@keyframes circles {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0);}
    100% {
        transform: translateX(-50%) translateY(-50%) rotate(180deg);}
}

/* isect3 */
.isect3{background: url(../images/video_bgtop.png) no-repeat center 1.1rem; background-size: 12.43rem; padding-top: 3.33rem; padding-bottom: 2.1rem;}
.isect3 .container .wrap{display: block;height: 17.66667rem;box-sizing: border-box;padding: 2.3rem 2.53rem;color: #FFFFFF;line-height: 0.93rem;}
.isect3 .container .wrap .text{max-width: 19.5rem;}
.isect3 .container .wrap .videoIcon{position: absolute;z-index: 3;width: 3.466667rem; left: 50%; top: 50%;
    transform: translate(-50%, -50%);}
.isect3 .container .wrap.videoWrap .videoIcon{display: block;}
.isect3 .container .date{width: 4.83rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 0.67rem;}
.isect3 .container .date img{margin-right: 6px;filter: brightness(0) invert(1);}
.isect3 .container .title{line-height: 1.47rem;margin: 0.8rem 0;}
.isect3 .container .line{width: 100%;height: 1px;margin-bottom: 0.7rem;background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0) 99%);}
.isect3 .container .wrap:hover .title{color: var(--active-color);}
.isect3 .container .btnWrap{position: absolute;left: 2.53rem;bottom: 2rem;z-index: 2;}
.isect3 .container .wrap:hover .bgStyle{transform: scale(1.05);}

/* isect4 */
.isect4 li{width: 25%;}
.isect4 li.li1,
.isect4 li.li4{width: 50%;}
.isect4 li .wrap{display: block;height: 0;padding-bottom: 88.54%;color: #FFFFFF;}
.isect4 li .text{position: absolute;left: 0;bottom: 1.43rem;width: 100%;box-sizing: border-box;padding: 0 9.9%;}
.isect4 li .text .title{line-height: 1.38;}
.isect4 li .text .desc{line-height: 0.93rem;margin: 5px 0 1.53rem;}
.isect4 li .label{position: absolute;left: 2rem;top: 1.33rem;}
.isect4 li .wrap:hover .bgStyle{transform: scale(1.05);}
.isect4 li.li2 .wrap{background-image: url(../images/isect4_bg1.jpg);color: #888888;}
.isect4 li.li2 .wrap .title{color: #000000;}
.isect4 li.li2 .learnMore{color: #fff;}
.isect4 li.li2 .learnMore::after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
.isect4 li.li2 .learnMore img{filter: brightness(0) invert(1);}
.isect4 li.li3 .wrap{background-image: url(../images/isect4_bg2.jpg);}
.isect4 li.li4 .wrap{padding-bottom: 44.27%;}



.isect5 {}
.link-img { width: 100%;}
.link-img ul { overflow: hidden; display:flex; column-gap:2.185vw;}
.link-img ul li {width: 20%;float: left;}
.link-img ul li:first-child {margin-left: 0;}
.link-img ul li a {	display: block;	height:3.9rem;	overflow: hidden;}
.link-img ul li a img {	width: 100%;min-height: 100%;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;	-o-transition: all .4s ease-in-out;	-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.link-img ul li:hover a img {-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);	-ms-transform: scale(1.08);	transform: scale(1.08);	-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

/* 快捷入口 */
.way { width: 100%;	margin: 2.13333rem 0; display: flex;}
.way h4 {color: #000;font-weight: bold;float: left; min-width: 4.5rem;}
.way ul {	margin-left:2.23333rem;}
.way ul li { float: left;display: flex;column-gap: 2.18rem;flex-wrap: wrap;}
.way ul li a {display: inline-block;color: #0e0e0e;line-height:1.8;vertical-align: middle;}
/* .way ul li a:nth-child(7n) { margin-right: 0;} */
.way ul li a:hover  {color: #00849a;}



@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){
    .isect3 {background: url(../images/video_bgtop.png) no-repeat center 0.5rem; background-size: 12.43rem;}
 
}

@media screen and (max-width: 1300px){
    .isect3 {background: url(../images/video_bgtop.png) no-repeat center 0.5rem; background-size: 15.6rem;} 
    .
}


@media screen and (max-width: 1024px){
.isect4 li .text .desc{margin: 0 0 0.5rem;}
.isect4 li .label{left: 9.9%;}

}

@media screen and (max-width: 760px){
.iTitle{margin-bottom: 0.6rem;}
.iTitle .title{line-height: 1.4rem;padding-left: 0.5rem;}
.iTitle .title::before{height: 0.8rem;}

.banner .swiper-pagination{right: 5%; top: 70%;}
.banner .swiper-pagination .swiper-pagination-bullet{margin: 0;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 1.2rem;}

.banner .ban_bg {height: 3.8rem;background-size: contain;}

.isect1 .contLeft .container .text .desc { margin-bottom: 0;}

.isect1 .contLeft,
.isect1 .contRight,
.isect1 .contLeft .container,
.isect1 .contLeft ul{width: 100%;}
.isect1 .contLeft ul,
.isect1 .contLeft ul li{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.isect1 .contLeft .container .pic{padding-bottom: 51.41%;}
.isect1 .contRight{margin-top: 1rem;}


.isect2{padding: 2rem 0 0; margin-bottom: 0;}
.isect2 .iTitle{margin-bottom: 0.6rem;}
.isect2 .container{padding: 0;height: auto;margin-left: 0;}
.isect2 .container .wrap{margin: 0;}
.isect2 .container .learnMore{position: relative;left: 0;bottom: 0;transform: translate(0);margin: 0.5rem auto 0;opacity: 1;}
.isect2 .container .learnMore{border-color: var(--active-color)!important;color: #fff!important;transition: 0.5s ease-in-out;}
.isect2 .container .learnMore::after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
.isect2 .container .learnMore img{filter: brightness(0) invert(1);}
.isect2 .container .date{justify-content: center;}
.isect2 .container .text,
.isect2 .container .wrap:hover .text{padding: 0.6rem;}

.isect3 .container .wrap{height: auto;padding: 1.5rem 0.6rem 4rem;}
.isect3 .container .wrap .bgStyle::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);}
.isect3 .container .wrap .videoIcon{width: 1.5rem;right: 1rem;bottom: 1rem;}
.isect3 .container .title{line-height: 1.4;margin: 0.6rem 0 0.4rem;font-size: 0.66rem;-webkit-line-clamp: 2;}
.isect3 .container .line{margin-bottom: 0.4rem;}
.isect3 .container .btnWrap{left: 0.6rem;bottom: 1rem;}

.isect4 li{width: 50%;}
.isect4 li.li1, .isect4 li.li4{width: 100%;}
.isect4 li .text{bottom: 0.5rem;padding: 0 0.5rem;}
.isect4 li .label{left: 0.5rem;display: none;}
.isect4 li .text .learnMore{display: none;}
.isect3 .container .date{height: 1rem;}

.seriveList li {padding-top: 0.5rem;}
.serviceType {width:33.33%; margin-bottom: 20px;}
.servicePic { zoom: 0.7;}

.isect3 {background: url(../images/video_bgtop.png) no-repeat center 0.5rem; padding-top: 2rem;   background-size: 9rem; padding-bottom: 1rem;}

.link-img ul { flex-wrap: wrap;justify-content: space-around;}
.link-img ul li { width: 48%;}
.link-img ul li a {height: 2.9rem; margin-bottom:0.4rem;}
.link-img ul li:last-child { width: 100%;}
.link-img ul li:last-child a{ height: 4.9rem;}

.way {  margin: 1rem 0 0;flex-direction: column;}
.way ul {  margin-left: 0rem;}
.way h4 { margin-bottom: .5rem;}
.way ul li {flex-wrap: wrap;   justify-content: space-between;}

.ban_txt {       bottom: 1rem;    }
 .ban_btn_box {        gap: 0.4rem;    }
 .ban_btn {       min-width: 4.5rem;        height: 1.6rem;        padding: 0 0.5rem;        border-radius: 0.8rem;        font-size: 0.45rem;    }
 .ban_btn_icon {       width: 0.55rem;        height: 0.55rem;        margin-right: 0.2rem;    }

}

@media screen and (max-width: 468px){
}