@charset "utf-8";
/* CSS Document */
.slider-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}

.slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.slider-img {
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slider-img.active {
    opacity: 1;
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}

.slider-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei";}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}

.container{width:1200px; margin: 0 auto;}



/*导航end*/
.owl-dots {
    text-align: center;

}

.owl-dots .owl-dot span {
    width: 0.8rem;
    height: 0.6rem;
    border-radius: 50px;
    background: #FFF;
    display: inline-block;
    margin: 0 0.3rem;
	transition:0.5s ease all;
}
.owl-dots .owl-dot.active span {
    opacity: 1;
    width: 2rem;
    background: #1d6ced;
	
}

#owl0 .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {
    opacity: 0;
}
#owl0.owl-carousel .owl-nav .owl-next img, #owl0.owl-carousel .owl-nav .owl-prev img{width:2rem;}
#owl0.owl-carousel .owl-nav i {
    font-size: 40px;
    color: #fff;
    opacity: 0.5;
}
#owl0.owl-carousel .owl-nav .owl-next {
    right: 80px;
}
#owl0.owl-carousel .owl-nav .owl-prev {
    left: 80px;
}
#owl0.owl-carousel:hover .owl-nav .owl-next {
    right: 20px;
}
#owl0.owl-carousel:hover .owl-nav .owl-prev {
    left: 20px;
}
#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl0.owl-carousel:hover .owl-nav button {
    opacity: 1
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display: block;
    position: absolute;
    outline: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 6;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/*OWL1*/



#owl1.owl-carousel .owl-nav .owl-next {
    right: -20px;
	top: 45%;
}
#owl1.owl-carousel .owl-nav .owl-prev {
    left: -20px;
	top: 45%;
}

#owl1.owl-carousel .owl-nav .owl-next:hover i, #owl1.owl-carousel .owl-nav .owl-prev:hover i {
    opacity: 1
}
#owl1.owl-carousel:hover .owl-nav button {
    opacity: 1
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
    transform: none;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
    visibility: visible;
}

.item{width:90%; display: flex; justify-content: right; padding-top: 30px;}
.top-box{position: relative; background:url(../images/bg.png) top center no-repeat; background-size: cover; padding:0 0 12rem;}
.top-box .logo{text-align: left; padding: 15px 10%;}
.top-box .logo img{width:8rem;}
.ban-txt{position: absolute; left: 10%; top: 25%; z-index: 999999;}
.ban-txt h1{font-size: 2.8rem; color: #000; font-weight: bold; margin: 0;}
.ban-txt p{font-size: 1.6rem; color: #042967; margin-top: 1.5rem;}
.ban-txt .down-btn{margin-top: 3rem; width: 11rem; cursor: pointer; background: linear-gradient(180deg, #5192fd, #1d6ced); color: #FFF; border-radius: 5px; text-align: center; padding:1rem 0; font-size:1.5rem;}
.tedian{background:url(../images/bg2.png)top center no-repeat; background-size: cover; }
.td-top{width:80%; margin: 0 auto;  position: relative;;}
.td-top .td-box{
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: .75rem;
    box-shadow: 0 4px 20px 0 hsla(0, 0%, 84.7%, .25);
    padding: 1.5rem .75rem;
    border: 1px solid #fff;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width:100%;
    margin-top:-8rem;
}
.td-top .td-box .d-flex{display: flex; justify-content: space-between;}
.td-top .td-box .d-flex .td-item{width:20%; text-align: center;}
.td-top .td-box .d-flex .td-item .item-pic{ margin-bottom: 1rem;}
.td-top .td-box .d-flex .td-item .item-pic img{width:35%;}
.td-top .td-box .d-flex .td-item .item-tit{font-size:1.8rem; color:#000; margin-bottom: 0.5rem;}
.td-top .td-box .d-flex .td-item .item-tit span{font-size:1rem;}
.td-top .td-box .d-flex .td-item .item-ftit{font-size:1.4rem; color:#333;}
.title{text-align: center; font-size: 2rem; color: #333; padding:2.5rem 0; font-weight: bold;}
.td-list{padding:4rem 10%;}







@media (max-width:767px) {
	.container{width:100%;}
	
}
.image-switcher {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.image-container {
    position: relative;
    width: 100%;
    height: 40rem;
}

.switch-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

.switch-img.active {
    opacity: 1;
}

.switch-btn {
    position: static;
    background: transparent;
    color: white;
    border: none;
    padding: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    transition: opacity 0.3s ease;
}

.switch-btn:hover {
    opacity: 0.8;
}

.prev {
    background: url('../images/left.png') no-repeat center/contain;
}

.next {
    background: url('../images/right.png') no-repeat center/contain;
}

.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0px auto;
    max-width: 1200px;
    padding: 0 15px;
    width: 100%;
}


.gongneng{background:#f6f8ff; padding:1rem 10%;}
.gn-1{display:flex; margin-bottom: 1rem; justify-content: space-between;}
.gn-1-l{width:calc(66% - 1rem)}
.gn-1-l-top {width:100%; display: flex; box-sizing: border-box; padding: 2rem; background:#e5f3fc; margin-bottom: 1rem; border-radius:2rem;}
.gn-1-l-top .top-l{width:80%}
.gongneng .tit{font-size:1.5rem; margin-bottom: 1rem; color:#000; font-weight: bold;}
.gongneng .ftit{font-size:1rem; color: #8e939f;}
.gn-1-l-top .top-r{width:20%}
.gn-1-bottom{width:100%; display: flex; justify-content: space-between;}
.gn-1-bottom .bottom-item{width:calc(50% - 0.5rem); display: flex; box-sizing: border-box; padding: 2rem; background:#FFF;border-radius:2rem;}
.gn-1-bottom .bottom-item .item-l{width:60%;}
.gn-1-bottom .bottom-item .item-r{width:40%;}
.gn-1-r{width:34%; background: #eaf2ff; box-sizing: border-box; padding:2rem; border-radius: 2rem;;}
.gn-2{display: flex; justify-content: space-between; margin-bottom: 1rem;}
.gn-2 .w50{width:calc(50% - 0.5rem);}
.gn-2 .w40{width:calc(40% - 0.5rem);}
.gn-2 .w60{width:calc(60% - 0.5rem);}
.gn-2 .bg1{background:#eaf2ff}
.gn-2 .bg2{background:#fff;}
.gn-2 .bg3{background:#e5f3fc}
.gn-2 .gn-2-item{ padding:2rem; display: flex; border-radius: 2rem; box-sizing: border-box;justify-content: space-between;}
.gn-2 .gn-2-item .item-l{width:70%;}
.gn-2 .gn-2-item .item-r{width:30%; text-align: center;}

.why{padding:2rem 0;}
.why-list{padding:2rem 10%;}
.why-list img{width:100%; height: auto;}
.f-box{background: url(../images/fbg.jpg) top center no-repeat; background-size: cover; padding:4rem 0; text-align: 
    center; font-size: 2.5rem; color:#FFF;}
.footer{background:#f5f5f5; padding: 2rem 10%;}
.f-logo{border-bottom: 1px solid #DDD; padding-bottom: 1rem;}
.copyright{text-align: center;padding:1rem 0; color:#888; font-size: 1rem;}
.copyright a{color:#333; text-decoration: none;}

img{max-width:100%; height: auto;}
@media (max-width:767px) {
	.container{width:100%;}
	
}