.banner{background-attachment:fixed;position: relative;width: 100%;border-top: 1px solid #eee;height: auto}
.index-banner {width: 100%;height: auto}
.index-banner .item {
    width: 100%;height: auto
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: cover
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    background-color:#fff;z-index: 9;
}
.index-banner .item::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0,0,0,0.45) 0.9554140127388535%, rgba(0,0,0,0) 100%);
    position: absolute;
    top: 0;
    left: 0;z-index: 1;
}
.index-banner.pc{display: block;}
.index-banner.mobile{display: none;}
.index-banner .item .img{width: 100%;position: relative;z-index: 1;}
.index-banner .item .img img{width: 100%;}
.index-banner .item .mobile-img{width: 100%;}
.index-banner .item video{width: 100%;height: 100%}
.video-back{width: 100%;height: 100%;}
.index-banner .item video{width: 100%;height:100%;object-fit:fill;}
.index-banner .item .text {
    text-align: left;
    padding: 50px 0 0 0;
    position: absolute;z-index: 9;width:1280px;left: 50%;margin-left: -640px;top:0;
    display: flex;
    flex-direction: column; /* 子元素垂直排列 */
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    height: 100%; /* 容器高度 */
    flex-wrap: wrap;
}
.index-banner .item h4 {
    width: 100%;
    font-size: 40px;line-height:50px;
    color: #fff;
    margin-bottom:20px;
    font-weight:600;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.index-banner .item p {
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    margin-bottom:60px;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.index-banner .item a.left{margin:0 auto 0 0;}
.index-banner .item a.center{margin:0 auto;}
.index-banner .item a.right{margin:0 0 0 auto;}
.index-banner .item a{color:#fff;font-size:18px;text-align: center;font-weight:400;display: inline-block;
    border-radius:35px;width:200px;line-height: 60px;backdrop-filter: blur(10px);
    background-image:-webkit-linear-gradient(125deg, var(--color-1),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-1),var(--color-2));
    box-shadow: 0 16px 32px -12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 16px 32px -12px rgba(0,0,0,0.5);
}
.index-banner .item a i{font-size:2rem;margin-left:5px;font-weight: 300}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .index-banner .item .text {padding: 50px 0 0 0;width:1200px;margin-left: -600px;}
    .index-banner .item h4 {font-size:55px;margin-bottom:20px;line-height:65px}
    .index-banner .item p {font-size: 20px;line-height:35px;margin-bottom:30px;}
    .index-banner .item a{width: 150px;line-height: 50px;font-size: 14px;}
    .index-banner .item a i{font-size:1.8rem;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .index-banner .item .text {padding: 30px 60px;width: 100%;margin-left: unset;left: unset;}
    .index-banner .item h4 {font-size:45px!important;line-height:55px;margin-bottom:15px;}
    .index-banner .item p {font-size:20px;line-height:25px}
    .index-banner .item a{width: 140px;line-height: 45px;font-size: 14px;}
    .index-banner .item a i{font-size:1.5rem;}
}
.index-banner .item.slick-active img {-webkit-animation: fadeInRight 1s both 0.6s;animation: fadeInRight 1s both 0.6s;}
.index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 0.4s;animation: fadeInUp 1s both 0.4s;}
.index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 0.6s;animation: fadeInUp 1s both 0.6s;}
.index-banner .item.slick-active {-webkit-animation: fadeInUp 1s both;animation: fadeInUp 1s both;}
@media (max-width: 992px) {
    .updown{display: none}
    .banner{height:60vh;margin-top:60px;}
    .index-banner {width: 100%;}
    .index-banner .item {height:60vh;background-image: none!important;}
    .index-banner .item .mobile img{width: 100%}
    .index-banner .item .text {padding:0 10px;text-align: center!important;}
    .index-banner .item h4{font-size: 2.5rem!important;margin-bottom:10px!important;line-height:3.5rem;letter-spacing: 0!important;}
    .index-banner .item p {font-size: 1.6rem!important;margin-bottom:25px!important;line-height:2.6rem;letter-spacing: 0!important;}
    .index-banner .item div{text-align: center!important;}
    .index-banner .item a{font-size:1.6rem!important;margin-right: 0;width:45%;line-height:4.5rem;}
    .index-banner .item a:last-child{display: none}
    .index-banner .item a i{font-size:1.8rem;}
    .index-banner .item a.left{margin:0 auto!important;}
    .index-banner .item a.right{margin:0 auto!important;}
    .en .index-banner .item h4 {width:100%;font-size:2rem;line-height:3.5rem;}
    .en .index-banner .item p{width:100%;font-size: 1.5rem;line-height: 2.5rem;}
}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background:rgba(0,0,0,0.15);
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 50%;
    opacity: 0.5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.8rem;color:#fff;}
.index-banner .PrevArrow{left:0;}
.index-banner .NextArrow{right:0;transform: rotate(-180deg)}
.index-banner .NextArrow:hover,
.index-banner .PrevArrow:hover{opacity: 1;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color: #fff}
.index-banner .slick-dots {position: absolute;height:10px;bottom:60px;width:100px;left:50%!important;margin-left:-50px;padding: 0;list-style-type: none;}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:10px;height:10px;margin-right:5px;background-color:rgba(255,255,255,0.9);border-radius: 50%}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:var(--color-1)}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .index-banner .slick-dots {bottom:40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
}
@media (max-width: 991px) {
    .index-banner .slick-dots {bottom:30px;}
    .index-banner .NextArrow,.index-banner .PrevArrow{opacity:0;}
    .index-banner .slick-dots {width:80px;margin-left: -40px;left: 50%;}
    .index-banner .slick-dots li {width:8px;height:8px;border-radius:50%;}
    .index-banner .slick-dots li.slick-active {width: 8px;}
    .index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 1s;animation: fadeInUp 1s both 1s;}
    .index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;}
    .index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 2s;animation: fadeInUp 1s both 2s;}
    .index-banner .item.slick-active {-webkit-animation: fadeIn 2s both;animation: fadeIn 2s both;}
}

/*news*/
.news{padding:60px 0;background-color: #fff;width: 100%;float: left}
.news .news-cont{flex-wrap: wrap;padding:30px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color:rgba(255,255,255,0.5);border: 1px solid rgb(0,0,0,0.05);
    -webkit-box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
}
.news .hot-news{width:550px;min-height:410px;display: flex;justify-content:center;align-items: center;flex-wrap: wrap;}
.news .hot-news a{display: block;width: 100%;transition: all 0.5s;}
.news .hot-news a img{width: 100%;margin-bottom: 20px;border-radius: 8px;}
.news .hot-news a:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.news .hot-news a h6{font-size: 18px;font-weight: 500;color:#212529;margin-bottom: 10px;}
.news .hot-news a p{font-size: 14px;line-height: 25px;color:#212529;font-weight: 400;font-family: "Microsoft YaHei"}
.news .hot-news a h6 span{color: #495057;float: right;font-size: 14px;}
.news .hot-news .more{width: 110px;margin: 0 auto 0 0;background-color: #edf2ff;font-size: 14px;text-align: center;line-height: 35px;border-radius: 5px;color: #495057;display: block;}
.news .hot-news .more:hover{background-color: var(--color-2);box-shadow: 0 16px 32px -12px #0055ff4d;color: #fff}
.news .hot-news .no-date{width: 100%;height: 100%;background-color:#f8f9fa;text-align: center;border-radius: 8px;padding: 20px;
    display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.news .hot-news .no-date img{width: auto;max-width: 100%;margin-bottom: 20px}
.news .hot-news .no-date span{font-size: 18px;font-weight: 500;color:#5fb2ff;width: 100%;text-align: center;display: block}
.news .news-list{width:calc(100% - 550px);padding-left: 5%}
.news .news-list ul {width: 100%;}
.news .news-list ul li{border-bottom: 1px dashed #eaeaea;padding-bottom:15px;margin-bottom:15px;cursor: pointer}
.news .news-list ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}
.news .news-list ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0}
.news .news-list .time{
    display: block;height:75px;border-radius: 5px;overflow: hidden;
    width: 80px;font-size: 14px;line-height:25px;color:#495057;text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.5s;
}
.news .news-list .time span{font-size:35px;color: #FFF;background-color:var(--color-2);text-align: center;height:50px;display: block;line-height:50px;}
.news .news-list ul li:hover .time{
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.news .news-list .content{width:calc(95% - 80px);margin-left:5%}
.news .news-list .content a{font-weight:500;font-size:16px;color:#343a40;display: block;line-height:26px;margin-bottom:5px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news .news-list .content a:hover {color:var(--color-2);}
.news .news-list .content p{font-size: 14px;font-family: "Microsoft YaHei";line-height: 22px;color:#212529;font-weight: 400;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

@media (max-width: 992px) {
    .news {padding:30px 10px;background-color:#fff}
    .news .section-title{margin-top:30px}
    .news .news-cont{padding:0;width: 100%;border-bottom: none;}
    .news .hot-news{width:100%!important;margin-right:0;margin-bottom:30px;min-height:auto;}
    .news .hot-news a img{margin-bottom:10px;}
    .news .hot-news a h6{font-size: 1.4rem;margin-bottom:5px;line-height: 2.2rem;}
    .news .hot-news a p{font-size: 1.4rem;line-height:2.2rem;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
    .news .hot-news a h6 span{float: unset;font-size: 1.4rem;width: 100%;}
    .news .hot-news .more{width: 120px;font-size: 1.4rem;line-height:35px;background-color: var(--color-2);box-shadow: 0 16px 32px -12px #0055ff4d;color: #fff}
    .news .news-list{width:100%!important;padding-left:0;padding-top: 20px;border-top: 1px dashed #ccc;}
    .news .news-list ul li{border-bottom: 1px dashed #ddd;}
    .news .news-list ul li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0}
    .news .news-list .content{width:calc(95% - 70px);}
    .news .news-list .content a{font-size:1.4rem;line-height:2.2rem;}
    .news .news-list .content p{font-size: 1.4rem;line-height:2rem;}
}

.zhili{width: 100%;background-color: #f8f8f8;padding: 60px 0;float: left}
.zhili .zhili-item{width: 48.5%;margin-right: 3%;}
.zhili .zhili-item:last-child{margin-right: 0;}
.zhili .zhili-item .zhili-ul{
    padding: 26px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color:rgba(255,255,255,0.5);border: 2px solid #fff;
    -webkit-box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
}
.zhili .zhili-item .zhili-ul li{display: block;margin-bottom:14px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.zhili .zhili-item .zhili-ul li:last-child{margin-bottom: 0;border-bottom: none;padding-bottom: 0}
.zhili .zhili-item .zhili-ul li a{display: block;position:relative;}
.zhili .zhili-item .zhili-ul li a:hover{}
.zhili .zhili-item .zhili-ul li a h6{font-size: 16px;font-weight: 500;color:#212529;margin-bottom: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
.zhili .zhili-item .zhili-ul li a:after{content: '';width: 3px;height: 10px;background-color: var(--color-2);position: absolute;left:-10px;top:2px;}
.zhili .zhili-item .zhili-ul li a p{font-family: "Microsoft YaHei";font-size: 14px;line-height: 22px;color:#212529;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;}
.zhili .zhili-item .zhili-ul li a:hover h6{color: var(--color-1)}
.zhili .zhili-item .zhili-ul li a:hover p{color: #666;}

.case{padding: 60px 0;width: 100%;float: left}
.case .case-ul{width: 100%;padding:10px 0;}
.case .case-ul li{width: 23.5%;margin-right: 2%;}
.case .case-ul li:last-child{margin-right: 0;}
.case .case-ul li a{display: block;padding:15px;border: 1px solid rgb(0,0,0,0.06);}
.case .case-ul li .img{width: 100%;height: 150px;background-color: #eee;background-size: cover;background-position: center;}
.case .case-ul li .info{padding: 15px 0;height: 60px;}
.case .case-ul li .info h6{font-size: 14px;line-height: 22px;color:#212529;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;font-weight: 400 }
.case .case-ul li a:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);border: 1px solid var(--color-2);}

.zhili-ul-text{
    padding: 25px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color:rgba(255,255,255,0.5);border: 2px solid #fff;
    -webkit-box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
}
.zhili-ul-text li{padding: 10px 15px;border-bottom: 1px solid #eaeaea;position: relative}
.zhili-ul-text li:after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-2);position: absolute;left: 0;top:50%;margin-top: -3px;}
.zhili-ul-text li a h6{font-size: 14px;line-height: 22px;color:#212529;font-family: "Microsoft YaHei";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
.zhili-ul-text li a:hover{color:  var(--color-1);}

.zhili-ul-list{width: 100%;}
.zhili-ul-list li{width:100%;margin-bottom: 14px}
.zhili-ul-list li:last-child{margin-bottom: 0;}
.zhili-ul-list li a{
    padding: 15px;
    border-radius: 12px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color:rgba(255,255,255,0.5);border: 2px solid #fff;
    -webkit-box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
    box-shadow: 0 12px 18px 2px rgb(204 204 204 / 17%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.zhili-ul-list li a .info{width: calc(100% - 80px)}
.zhili-ul-list li a .info h6{font-size: 15px;font-weight: 500;color: #212529;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;}
.zhili-ul-list li a .info p{font-family: "Microsoft YaHei";font-size: 14px;line-height: 22px;color:#212529;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;
}
.zhili-ul-list li a .time{
    display: block;height:55px;border-radius: 5px;overflow: hidden;
    width:60px;font-size: 13px;line-height:22px;color:#495057;text-align: center;font-family: "Microsoft YaHei";
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: all 0.5s;
}
.zhili-ul-list li a .time span{font-size:30px;color: #FFF;background-color:var(--color-2);
    text-align: center;height:35px;display: block;line-height:35px;font-family: MiSans}