.banner{  position: relative; height: 100vh; max-height: 39.06vw;}
.ban-swiper{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-height: 39.06vw;}
.ban-swiper .swiper-slide,
.ban-swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
.ban-swiper .swiper-slide{ overflow: hidden; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.ban-img{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.ban-img .img-bg{ width: 100%; height: 100%; transform: scale(1.1); transition: all 1s;}
.ban-img .mobile{ display: none;}
.ban-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 70px; z-index: 1;}
.ban-tit{ line-height: 1.2; font-weight: 600; margin-bottom: .5rem;}
.ban-swiper .swiper-slide-active .ban-img .img-bg{ transform: scale(1); transition: all 6s;}
.ban-page{ position: absolute; left: 0; right: 0; bottom: .4rem; z-index: 2;}
.ban-page .swiper-pagination{ text-align: center;}
.ban-page .swiper-pagination-bullet{ position: relative; width: 40px; height: 3px; max-width: .6rem; max-height: .06rem; border-radius: 0; background-color: #FFFFFF; border: none; opacity: 1; margin: 0 .04rem;}
.ban-page .swiper-pagination-bullet-active{ background-color: var(--main-color);}
.ban-mouse{ position: relative; width: 16px; height: 20px; border: 2px solid #FFFFFF; border-radius: 6px; margin-left: auto;}
.ban-mouse i{ display: block; width: 2px; height: 4px; background-color: #FFFFFF; position: absolute; left: 50%; margin-left: -1px; top: 15%; animation: inArrow 2s linear infinite;}
.ban-page-num{ line-height: 1; margin-top: .3rem; font-family: 'DINPro-Bold';}



/* 2024-08-14 */

.box1-bg {
    position: relative;
    padding: 30px 0;
    background-color: #F4F5F6;
    background: url(../images/box1-bg.png) center center #F4F5F6 no-repeat;
    background-size: cover; height: 590px;
}
.container{ max-width: 1220px;width: 1220px;}
.containerheader{ width: 1220px;margin: 0 auto;}
.box-title{text-align: center;margin:25px 0 20px 0;position:relative;}
.box-title h2{font-size: 30px;color: #333;}
.box-title h3{font-size:14px; color: #999;font-weight: normal;margin-top: 10px;}
.box-title a.more{position: absolute;color: #666;right: 20px;bottom: 5px;}

.box1-right {float: right;  width: 62%;   max-width:720px;margin-right:20px;margin-top: 20px;}

.tabs { display: block; gap: 5px;text-align: center;}
.tab {padding:9px 34px; background-color: #fff;color: #333;font-size: 16px;  border: none;  cursor: pointer;border-radius: 4px; margin: 0 5px;}
.tab.active { background-color: #E62129;color: #fff;}
.tab-content {  display: none; padding:15px 0 10px 0;}
.tab-content.active {display: block;}
.tab-content ul{display: flex;}
.tab-content li{display: block;flex: 1;margin: 8px 6px;text-align: center;overflow: hidden;}

.tab-content li i{margin: 0 auto 15px auto; color: #E62129;display: block;font-size:44px;}

.tab-content li a{background-color: #fff;display: block;border-radius:6px;padding:32px 10px 18px 10px;min-height: 140px;}
.tab-content li a span{color: #333333;font-size: 16px;}
.tab-content li a:hover{background-color: #3993FE;}
.tab-content li a:hover span{color:#fff}

.tab-content li a:hover i{ color:#fff/* 鼠标悬停时的颜色 *//* 鼠标悬停时反转颜色 */  } 
/* .tab-content li a.more{padding:50px 10px 30px 10px;} */


.box2-bg {
    position: relative;
    padding: 30px 0;
    background-color: #F4F5F6;
    background: url(../images/box2-bg.png) center center #F4F5F6 no-repeat;
    background-size: cover; height: 620px;
}
.box3-bg{ position: relative;
    padding: 30px 0;
    background-color: #F4F5F6;
    background: url(../images/box3-bg.png) center center #F4F5F6 no-repeat;
    background-size: cover; height: 530px;}
	
.box2-right {float: left;  width:80%;   max-width: 760px;margin-right:0px;margin-top: 20px;}

/* 名师 */
.swiper { width: 100%;margin-top: 30px;}
.mySwiper,.swiperbanner{overflow: hidden; }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper-slide img {display: block; object-fit: cover;}

.slide-box{ background: #fff;text-align: center;padding:35px 32px;}
.slide-box img{width: 120px;height:140px;margin: 0 auto;}
.slide-box h3{font-size: 16px;margin: 15px 0 8px 0;color: #000;}
.slide-box h4{font-size: 14px;font-weight: normal;color: #666;}

.swiperbanner{ width: 100%; position: relative;}
.swiperbanner .swiper-slide{height: 480px;}
.banner1{background: url(../images/1920-560.png) top center;}
.banner2{background: url(../images/banner2.png) top center;}
.banner3{background: url(../images/banner3.png) top center;}
.swiper-button-next, .swiper-button-prev{important;top:56%!important;color:rgba(255, 255, 255, 0.5)!important;}
/* 资讯 */
.news{background-color: #fff; padding: 0.5rem 0  0.6rem 0;}
.newList,.newList li{list-style: none;margin: 0;padding: 0;}
.newList {display: flex;margin-top: 40px;margin-bottom: 30px;}
.newList li{flex: 1;margin: 0 10px;}
.newList li:first-child{margin-left: 0;}
.newList li:last-child{margin-right: 0;}

.liBox{border: 1px solid #eee;border-top-left-radius: 16px;border-bottom-right-radius: 16px;padding-bottom: 25px;}
.box-t{display: flex;}
.date{width: 100px;text-align: center;}
.date span.year{background-color: #EFEFEF;display: block;border-top-left-radius: 16px;height: 30px;line-height: 30px;font-size: 16px;}
.date span.day{background-color: #E62129;display: block;border-bottom-right-radius: 16px;height: 30px;font-size: 22px;line-height: 30px;color: #fff;}
.box-t h3{flex: 1;padding:13px 12px 5px 14px;line-height: 1.6; /* 设置文本在两行内显示，并在超出两行时显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.liBox p{display: block;border-top: 1px solid #eee;margin: 15px 15px;padding-top: 15px;line-height: 1.7;color: #999; /* 设置文本在两行内显示，并在超出两行时显示省略号 */
    display: -webkit-box;
    -webkit-line-clamp:3; /* 控制显示的行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.liBox a.more{color: #999;margin-left: 20px;}	
	
/* 页脚 */
.footer{padding: 50px 0 0px 0;background-color:#f8f8f8}
.footer .row{display: flex;}
.footer_logo{width:300px;text-align: left;}
.footlink{flex: 1;display: flex;}
.link-l{width: 300px;text-align: left;}
.ksdh{flex: 1;text-align: left;}
.rcode{width:300px;}
.footer_logo img{padding-top:20px;}
.footer .row{margin-bottom: 20px;text-align: center;}

.footlink .row .phone,.addr{text-align: left;}
.footlink .row h3{text-align: left;}
.phone{color: #E62129;font-size: 18px;margin: 10px 0;}
.addr{line-height: 26px;font-size: 14px;}
.row h3{margin-bottom: 20px;font-size: 18px;color: #333;}
.ksdh ul{margin: 0;padding: 0;}
.ksdh li{display: block;list-style: none;line-height: 32px;color:#ABABAB;}
.ksdh li a{color:#ABABAB;margin:0 20px;}
.ksdh li a:first-child{margin-left: 0;}
.footer .rcode{text-align: center;}
.footer .rcode p{margin-top: 5px;line-height: 28px;}
.footer .footb{text-align: center;border-top: 1px solid #EEEEEE;line-height:40px;background-color: #E62129;color:#fff}

.float{position: fixed;right: 30px;top:138px;z-index: 9999;text-align: center;background-color: #fff;padding: 8px;border-radius: 6px;}
.float img{width:100px; height:100px;}
.float p{margin-top:5px;}