.header {position:absolute;left:0;top:0;z-index:20;width:100%; padding:0 .6rem;}
.header .logo {display:flex;align-items:center;width:2.05rem;position:relative;}
.header .logo img{width:100%;}
.header .nav .one{ padding:.34rem 0; position:relative;}
.header .nav .one .one_a{position:relative; margin:0 .5rem; font-size:.18rem;color:#fff;display:block;}
.header .nav .one:hover .one_a,
.header .nav .one.cur .one_a{ font-weight:600; color:#fc5000;}
.header .nav .one dl{ position:absolute; top:100%; left:50%; width:max-content; min-width:100%; transform:translateX(-50%); text-align:center; background:rgba(255,102,1,0.75); padding:.25rem 0; display:none;}
.header .nav .one dl dd{ margin-bottom:.1rem;}
.header .nav .one dl dd a{ display:block; color:#fff;}
.header .nav .one dl dd a span{ padding-bottom:.05rem; display:inline-block; background-image: url(../images/line.png); background-repeat:no-repeat; background-size:contain; background-position:center bottom;}
.header .nav .one:hover dl{ display:block;}
.header:hover .nav .one:hover .one_a,
.header:hover .nav .one.cur .one_a{ font-weight:600; color:#fff;}

.header .icon_more{ z-index:10;}
.header .icon_more .top-search .icon{ display:block; width:.6rem;height:1.2rem;background-image:url(../images/search-icon1.png); background-repeat:no-repeat; background-position:center; background-size:.22rem;}
.header .icon_more .top-search .icon.on{background-image:url(../images/close.svg); }
.header .icon_more .top-search .vw100{ padding:.1rem 0 .3rem; background:rgba(255,102,1,0.75); position:absolute; top:100%; right:0; width:100vw; display:none;}
.header .icon_more .top-search input{ line-height:1; width:calc(100% - 2rem); outline:none; color:#fff; padding:.2rem 0; margin:0; font-size:.2rem; border:none; background:none;}
.header .icon_more .top-search input::-webkit-input-placeholder{ color:rgba(255,255,255,.4);}
.header .icon_more .top-search input::-moz-placeholder{ color:rgba(255,255,255,.4);}
.header .icon_more .top-search input:-ms-input-placeholder{ color:rgba(255,255,255,.4);}
.header .icon_more .top-search .line-box{ border-bottom:solid 1px rgba(255,255,255,.5);}
.header .icon_more .top-search .but{ width:1.18rem; background-image: url(../images/arrow-icon.png); background-repeat:no-repeat; background-position:center right; background-size:.6rem auto; cursor:pointer;}

.header .icon_more .version{ margin-left:.3rem; position:relative;}
.header .icon_more .version .icon{ cursor:pointer; width:.38rem; height:1.2rem; background-image: url(../images/global-icon.png); background-repeat:no-repeat; background-position:center; background-size:.22rem;}
.header .icon_more .version .ul{ display:none; width:1rem; text-align:center; position:absolute; left:50%; margin-left:-.5rem; background:#fff; padding:.05rem 0;}
.header .icon_more .version .ul li{ padding:.05rem 0;}
.header .icon_more .version .ul li a:hover{ color:#fc5000;}
.header .icon_more .version:hover .ul{ display:block;}

.header_fixed,
.header_black,
.header:hover{left:0; top:0; margin-left:0; width:100%; background-image: url(../images/top-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.header .open-menu{ display:none;}
.header .logo2{ display: none;}
.header.black{ background-color: #fff; position: relative;}
.header.black .logo{ width: 1.4rem;}
.header.black .logo1{ display: none;}
.header.black .logo2{ display: inline-flex;}
.header.black:not(:hover) .nav .one:not(.cur, :hover) .one_a{ color: #4c4948;}
.header.black:not(:hover) .icon_more .top-search .icon,
.header.black:not(:hover) .icon_more .version .icon{filter: brightness(0.3);}
.header.black:not(:hover) .open-menu i{ background-color: #4c4948; }
@media(max-width:1024px){
.header .open-menu{ margin-left:1em; position:relative; width:30px; height:30px; display:block; z-index:10;}
.header .open-menu i{position:absolute; width:100%; height:2px; background:#fff; left:0; top:50%; margin-top:-1px; transition: 0.3s;}
.header .open-menu:not(.on) i:nth-child(1){margin-top:-10px;}
.header .open-menu:not(.on) i:nth-child(3){margin-top:8px;}
.header .open-menu.on i:nth-child(2){opacity: 0;}
.header .open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.header .open-menu.on i:nth-child(3){transform: rotate(45deg);}
.header_fixed .open-menu i,
.header_black .open-menu i,
.header:hover .open-menu i{ background:#fff;}
.header .icon_more .top-search .icon{ height:1rem;}
.header .icon_more .top-search input{ font-size:.4rem;}
.header .icon_more .version{ margin-left:.2rem;}
.header .icon_more .version .icon{ width:.4rem; height:1rem;}
.header .nav{ position:fixed; top:0; right:-100%; height:100%; padding-top:1rem; width:4rem; transition:all .5s;}
.header .nav.active{ right:-1%;}
.header .nav .hidden{background:#fff;height:100%;align-content:flex-start;box-shadow:-5px 5px 10px rgba(0,0,0,0.05);overflow:auto;}
.header .nav .one{width:100%;margin:0; padding:.2rem 0; border-bottom:dashed 1px rgba(255,102,1,0.2);}
.header .nav .one .one_a{color:#333;line-height:2; font-size:.24rem;}
.header:hover .nav .one:hover .one_a,
.header:hover .nav .one.cur .one_a{color:#fc5000;}
.header .icon_more .version .ul{ font-size:.22rem;}
}

@media(max-width:640px){
.header{ padding:0 4%;}
.header .open-menu{ width:25px; height:25px;}
.header .icon_more .top-search .icon{ width:.5rem; background-size:.35rem;}
.header .icon_more .version{ font-size:.2rem; width:.4rem;}
.header_fixed .icon_more .top-search .icon,
.header:hover .icon_more .top-search .icon{ background-size:.35rem;}

.header .nav{ width:60%;}
.header .nav .one{ padding:0;}
.header .nav .one .one_a{ padding:.2rem 0; display:block; font-size:.3rem;}
.header .nav .one dl{ position:relative; width:100%; top:auto; padding:.2rem .35rem; text-align:left;}
.header .nav .one dl dd a{ font-size:.26rem;}
.header .nav .one dl dd:last-child{ margin-bottom:0;}
.header .nav .one:hover dl{ display:none;}
.header .nav .one_a.pull::after{ position:absolute; right:0; top:50%; content:''; display:block; width:.3rem; height:.3rem; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-size:.2rem; background-position:center; margin-top:-.13rem; transform:rotate(-90deg);}
}


/* index-ban */
.index-ban{ position:relative; z-index:9;}
.index-ban .pic{
    padding-bottom: 50%;
    position: relative;
}
.index-ban .pic img{ width:100%;height: 100%;object-fit: cover;position: absolute;
left: 0;
top: 0;}
.index-ban .text{ color:#fff; position:absolute; left:0; top:45%; width:100%; text-align:center; transform:translateY(-50%);}
.index-ban .text .tit{ font-size:.76rem; font-weight:600;}
.index-ban .text .des{ font-size:.2rem;}
.index-ban .swiper-pagination{ bottom:.5rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.index-ban .swiper-pagination .swiper-pagination-bullet{ width:.26rem; height:.26rem; display:-webkit-flex;display:flex; align-items:center; justify-content:center; border:solid 1px transparent; background:none; opacity:1; outline:none;}
.index-ban .swiper-pagination .swiper-pagination-bullet::after{content:'';width:.1rem;height:.1rem;background:#fff;border-radius:.1rem; }
.index-ban .swiper-pagination .swiper-pagination-bullet-active{ border-color:#fff;}
@media(max-width:1024px){
.index-ban .text .tit{ font-size:.6rem;}
}
@media(max-width:640px){
.index-ban .text{ padding:0 .6rem;}
.index-ban .text .tit{ font-size:.36rem;}
.index-ban .pic {
    padding-bottom: 5.5rem;
    position: relative;
}
}

/* 通用按钮 */
.aniu-box .but{ margin:0 .35rem; font-weight:lighter; font-size:.22rem; display:block; border:solid 1px #4c4948; padding:.12rem .3rem; min-width:3rem; text-align:center; border-radius:1rem;}
.aniu-box .but:hover{ font-weight:bold; color:#fc5000; border-color:#fc5000; border-top:transparent;}
.aniu-box .but.on{ background:#fc5000; font-weight:bold; color:#fff; border-color:#fc5000; border-top:transparent;}
@media(max-width:1024px){
.aniu-box .but{ font-size:.26rem; min-width:2.5rem;}
}

/* 首页 */
.index-title{ line-height:1.2; margin-bottom:.3rem; font-size:.4rem; font-weight:bold;color: #333}
.index-des{ margin:0 auto .5rem; line-height:1.7; font-size:.2rem;max-width: 76%}
.index-des p{margin:0;}
.index-one{ background:#fff;}
.index-one .text-shell{ width:100%; text-align:center; padding:1rem 0; color:#4c4948;}
.index-one .text-shell .center-box{margin:0 auto; max-width:94%; width:13.66rem; }
.index-one .text-shell .index-des{ margin-bottom:0;}
.index-two{ background:#fff; position:relative;}
.index-two .bg-tu img{ width:100%;}
.index-two .text-shell{ position:absolute; top:0; left:0; width:100%; text-align:center; padding:.75rem 0; color:#4c4948;}
.index-two .text-shell .center-box{margin:0 auto; max-width:94%; width:13.66rem; }
.index-three{ background:#fff;}
.index-three .bg-tu{position: relative;}
.index-three .bg-tu img{ width:100%;position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;z-index: -1;}
.index-three .bg-tu #Vcanvas{ background:#000; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:0;}
.index-three .bg-tu .up-but{ color:#fff; position:absolute; left:50%; top:50%; z-index:11; cursor:pointer; text-align:center; transform:translate(-50%,-50%);}
.index-three .bg-tu .up-but .icon{width:.5rem; height:.5rem; background-image: url(../images/play.svg); background-repeat:no-repeat; background-size:contain; background-position:center; margin:.1rem auto; border-radius:100%;}
.index-three .bg-tu .video_files{
    /* position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; */
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index:2;
}
.index-three .bg-tu .video_files video{
    width: 100%;
    display: block;
    height: auto;
}
.index-three .bg-tu .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #ff6601;cursor:pointer;}
.index-three .bg-tu .video_files .close::before,
.index-three .bg-tu .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.index-three .bg-tu .video_files .close::before{ transform:rotate(45deg);}
.index-three .bg-tu .video_files .close::after{ transform:rotate(-45deg);}

.index-three .bg-tu .video_files #video-canvas {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}

.index-three .bg-tu a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.35); }
.index-three .bg-tu a::before,
.index-three .bg-tu a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.index-three .bg-tu a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,1);margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.index-three .bg-tu a::after{width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid rgba(255,255,255,1);margin-left: -6px;margin-top: -12px;}
.index-three .text-shell{ width:100%; text-align:center; padding:1rem 0; color:#4c4948;}
.index-three .text-shell .center-box{margin:0 auto; max-width:94%; width:13.66rem; }
.index-three .text-shell .index-des{ margin-bottom:0;}
.index-four .text-shell{ width:100%; padding:.8rem 0 0; color:#4c4948;}
.index-four .list{margin-top: .8rem;}
.index-four .list .item{ width:100%; overflow:hidden; border-radius:.5rem;}
.index-four .list .item .pic{ padding-bottom:91%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.index-four .list .item .pic img{ width:100%; display:none;}
.index-four .list .item a{ color:#fff;}
.index-four .list .item .des{ position:absolute; top:40%; left:0; text-align:center; width:100%; transform:translateY(-50%);}
.index-four .list .item .des p{margin:0;}
.index-four .list .item .tiem{ font-weight:lighter; font-size:.2rem; letter-spacing:.05rem;}
.index-four .list .item .tit{ font-size:.22rem;margin-top: .2rem;}
.index-four .list .item .more{ position:absolute; left:0; bottom:.3rem; text-align:center; width:100%; color:#fc5000;}

.index-four .owl-nav{display: block !important;}
.index-four .owl-carousel .owl-nav .owl-next,.index-four .owl-carousel .owl-nav .owl-prev{width: 55px;height: 55px;border-radius: 100px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;}
.index-four .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;}
.index-four .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc}
.index-four .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.index-four .owl-carousel .owl-nav .owl-prev{left: -10%;top: -27px;}
.index-four .owl-carousel .owl-nav .owl-next{right: -10%;top: -27px;}

.index-four .owl-carousel .owl-nav .owl-prev:hover{background-color: #fc5000;}
.index-four .owl-carousel .owl-nav .owl-next:hover{background-color: #fc5000;}


.index-five{ width:100%; padding:.9rem 0 1.2rem; color:#4c4948;}
.index-six{ width:100%; color:#4c4948; padding-bottom:1rem;}
.index-six .text-shell{ width:100%; text-align:center; color:#4c4948;}
.index-six .text-shell .center-box{margin:0 auto; max-width:94%; width:10rem; }

.index-scene{width:100%; position:relative; overflow:hidden;}
.index-scene .ciol-pr{ position:relative; z-index:1;}
.index-scene video{width:100%;display:block;height: auto}
.index-scene video::-webkit-media-controls-enclosure{opacity:0;}
.index-scene #video-canvas{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:0;}
.index-scene .tips{position:absolute;display: flex;justify-content: center;z-index: 10;background: rgba(0, 0, 0, 0.5);color: #fff;text-decoration: none;padding: 0.3vw 0.4vw 0.3vw 1vw;border-radius: 2vw;font-size: 1vw;font-weight: bold;line-height: 1.4vw;overflow: hidden;transition: 0.2s all cubic-bezier(0.075, 0.82, 0.165, 1);}
.index-scene .tips::before {position: absolute;content: '';width: 100%;height: 100%;left: -100%;top: 0;border-radius: 2vw;background: rgba(255, 81, 0, 0.8);z-index: -1;transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);}
.index-scene .tips:hover::before {left: 0%;}
.index-scene .tips .circle {position: relative;width: 1.4vw;height: 1.4vw;border-radius: 50%;pointer-events: all;z-index: 10;margin-left: 1vw;}
.index-scene .tips .circle .top{position: absolute;width: 100%;height: 100%;background: #FF5100;border-radius: 50%;z-index: 10;}
.index-scene .tips .circle .top::before,
.index-scene .tips .circle .top::after{content:'';position: absolute;background-color: #fff;width: 45%;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.index-scene .tips .circle .top::after {width:2px;height:45%;}
.index-scene .tips .circle::before,
.index-scene .tips .circle::after {content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: 1vw;height: 1vw;background:#FF5100;opacity: 0.5;z-index:-1;border-radius: 50%;}
.index-scene .tips .circle::before {animation: circleAnim 3s .75s infinite;}
.index-scene .tips .circle::after {animation: circleAnim 3s infinite;}

@keyframes circleAnim {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.index-scene .t1 {left: 37vw;top: 28vw;}
.index-scene .t2 {left: 22vw;top: 14vw;z-index: 20;}
.index-scene .t3 {left: 72vw;top: 24vw;}
.index-scene .t4 {left: 17vw;top: 23vw;}
.index-scene .t5 {left: 61vw;top: 30vw;}
.index-scene .t6 {left: 51vw;top: 19vw;}

@media(max-width:1024px){
.index-title{ font-size:.36rem;}
.index-des{ font-size:.22rem;max-width: 100%}
.index-four .list .item .tit{ font-size:.36rem;}
.index-five{ padding:.5rem 0 .8rem;}
.index-four .owl-carousel .owl-nav .owl-prev{left: 0%;}
.index-four .owl-carousel .owl-nav .owl-next{right:0%;}
}

@media(max-width:768px){
.index-scene video{ opacity:0;}
.index-scene #video-canvas{ opacity:1;}
.index-three .bg-tu .video_files{ opacity:0;}
.index-three .bg-tu #Vcanvas{ opacity:1;}
.index-three .bg-tu .video_files{ padding-bottom:50%;}
.index-three .bg-tu .video_files video{opacity: 0; display:none;}
.index-three .bg-tu .video_files #video-canvas{opacity: 1;}
}
@media(max-width:640px){
.index-des{ font-size:.26rem;}
.index-two{ display:-webkit-flex; display:flex; flex-wrap: wrap-reverse;}
.index-two .text-shell{ position:relative; padding-bottom:.1rem;}
.index-three .text-shell{ padding:.5rem 0;}
.index-three .bg-tu a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.index-three .bg-tu a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -10px;}
.index-four .list .item{border-radius:.2rem; }
.index-four .list .item .tit{ font-size:.26rem;}
.index-scene .tips{padding:0.55vw 0.4vw 0.55vw 1vw;}
.index-scene .ciol-pr{ padding-bottom:50%;}
.index-scene video{ display:none;}
.index-scene video::-webkit-media-controls-enclosure{ opacity: 1}
}



/* 底部 */
.footer .line-box{ padding:1rem 0; border-top:solid 1px #a6a4a4;}
.footer .logo-bot img{ max-width:1.8rem; margin-bottom:1rem;}
.footer .bot-nav dl{ text-align:center; margin-right:.6rem; margin-bottom:.1rem;}
.footer .bot-nav dl:last-child{ margin-right:0;}
.footer .bot-nav dl dt{ font-weight:bold; font-size:.22rem; color:#4c4948; margin-bottom: .3rem;}
.footer .bot-nav dl dd{ margin:.1rem 0;}
.footer .bot-nav dl dd a{ font-size:.18rem; color:#9fa0a0;}
.footer .bot-nav dl dd a:hover{ color:#ff6601;}
.footer .bot-nav dl dd:last-child{ margin-bottom:0;}
.footer .bot-QRcode .iowl{ margin-bottom:.7rem;}
.footer .bot-QRcode {display: flex;flex-wrap: wrap;}
.footer .bot-QRcode .iowl .icon{ margin-bottom:.15rem;}
.footer .bot-QRcode .iowl .icon span{ display:block; border:solid .05rem #e2e2e2; border-radius:100%;}
.footer .bot-QRcode .iowl .icon img{ width:.39rem; opacity:.5;}
.footer .bot-QRcode .iowl .pic img{ max-width:1.4rem;}
.footer .bot-QRcode .iowl:last-child{ margin-bottom:0;}
@media(max-width:1024px){
.footer .line-box{justify-content:center;}
.footer .logo-bot{ margin-bottom:.5rem;}
.footer .logo-bot img{ margin-bottom:0;}
.footer .bot-nav{ width:100%; justify-content:center;}
.footer .bot-QRcode{ display: -webkit-flex; display:flex;}
.footer .bot-QRcode .iowl{ margin:0 .3rem; margin-bottom:0;}
}

@media(max-width:640px){
.footer .bot-nav{ justify-content:center; margin-bottom:.3rem;}
.footer .bot-nav dl{ margin-right:1em; margin-bottom:1em;}
.footer .bot-nav dl dt{ font-size:.26rem;}
.footer .bot-nav dl dd{ margin:.5em 0;}
.footer .bot-QRcode .iowl .pic img{ max-width:1.8rem;}
}


/* 悬浮 */
.sus-box{ position:fixed; right:0; bottom:5%; z-index:11;}
.sus-box .name-txt{position:relative;}
.sus-box .name-txt .icon{ width:.31rem; height:.31rem; background-image: url(../images/bar-icon1.png); background-repeat:no-repeat; background-position:center; background-size:contain; margin-bottom:.2rem; margin-left: auto; margin-right: auto;}
.sus-box .name-txt .name{ color:#fff; letter-spacing:.2em; font-size:.2rem; writing-mode:vertical-rl;margin: -.2em auto;}
.sus-box .name-txt .pointer{ cursor:pointer;background:#ff6601;padding:.2rem 0; width: .6rem; border-radius:.2rem 0 0 .2rem; transition:all .5s; position:relative; z-index:2; text-align: center;}
.sus-box .sus-des{ position:absolute; left:100%; top:0; background:#ff6601; width:max-content; height:100%; padding:.2rem .3rem; border-radius:.2rem 0 0 .2rem; transition:all .5s;}
.sus-box .sus-des .itol{ color:#fff; width:3.6rem; text-align:center; border-right:solid 1px #ffe2cf;}
.sus-box .sus-des .itol .iot{ letter-spacing:.1rem; font-size:.18rem; margin-right:.25rem; writing-mode: vertical-rl;}
.sus-box .sus-des .itol .QRcode img{ max-width:1.2rem;}
.sus-box .sus-des .itol .tit{ margin:.1rem 0; font-size:.18rem;}
.sus-box .sus-des .itol .wzx{ font-size:.22rem; font-weight:bold;}
.sus-box .sus-des .conwtd{ height:100%;}
.sus-box .tel-icon img{ max-width:.4rem;}
.sus-box .name-txt:hover .pointer{ border-radius:0;}
.sus-box .name-txt:hover .sus-des{ left:-7.8rem;}
.sus-box .pinned{ cursor:pointer; margin-top:.1rem; width:.6rem; height:.6rem; background:#ff6601 url(../images/bot-arrow.png); background-repeat:no-repeat; background-position:center; background-size:contain; border-radius:100%;}
@media(max-width:1024px){
.sus-box .pinned{ width:.8rem; height:.8rem; background-size:contain;}
.sus-box .name-txt .pointer{ padding:.3rem .2rem .2rem;}
.sus-box .name-txt .name{ font-size:.36rem;}
.sus-box .name-txt .icon{ width:.5rem; height:.5rem;}
}

@media(max-width:640px){
.sus-box{ bottom:1em;}
.sus-box .sus-des{ padding:0;}
.sus-box .name-txt .name{ line-height:1.8; font-size:.26rem;}
.sus-box .name-txt .pointer{ padding:.15rem;width:auto;}
.sus-box .sus-des .itol{ width:auto; padding:0 .2rem;}
.sus-box .sus-des .itol .QRcode img{ max-width:1.2rem;}
.sus-box .sus-des .itol .tit{ margin:.1rem 0;}
.sus-box .sus-des .itol .iot{ font-size:.24rem;}
.sus-box .sus-des .itol .wzx{ font-size:.24rem;}
.sus-box .tel-icon img{ max-width:.4rem;}
.sus-box .name-txt:hover .sus-des{ left:-4.3rem;}
}

/* 2025.2.24 */
.index-four .list .item .more{
    display: none;
}
.history_list .list{
    padding: 5% 10%;
    overflow: hidden;
    margin-top: 5%;
    position: relative;
}
.history_list .list::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/history_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    pointer-events: none;
}
.history_list .mySwiper .swiper_boxmain{
    background-image: url(../images/history_icon01.png);
    text-align: center;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    background-position:center;
}
.history_list .mySwiper .active .swiper_boxmain{
    background-image: url(../images/history_icon01_active.png);
}
.history_list .mySwiper .active .con{
    color: #ff5100;
} 
.history_list .mySwiper .con{
    text-align: center;
} 


.olist1{
    display: block;
}
.olist1 .item{
    margin-bottom: .15rem;
}
.olist1 .cpt_tit {
    color: #ff6601;
    text-align: center;
    font-size: .22rem;
}

.olist1 .cpt_tit span {
    padding-bottom: .25rem;
    position: relative;
    display: inline-block;
}

.olist1 .cpt_tit span:before{
    content:'';
    display: block;
    width: 60%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #ff6601;
}
.clist1{
    display: flex;
    flex-wrap: wrap;
}
.clist1 .citem{
    margin-top: 25px;
    width: 43.75%;
}
.clist1 .imgbox{
    padding-bottom: 2.2rem;
    position: relative;
}
.clist1 .imgbox>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.clist1 .text_box{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: .2rem;
    left: .2rem;
}
.clist1 .text_box .icon{
    width: .5rem;
    height: .5rem;
}
.clist1 .text_box .icon img{
    width: 100%;
    height: 100%;
}
.clist1 .text_tit{
    margin-left: .15rem;
    color: #fff;
    font-size: .22rem;
}
.clist1 .desc{
    color: #000000;
    font-size: .22rem;
    line-height: 1.5;
    margin-top: .15rem;
}
.olist1 .item:not(:last-child) .citem:not(:nth-child(2n+1)){
    margin-left: 12.5%;
}
.olist1 .item:last-child .citem{
    width: 100%;
}
.banner_video video {
    width: 100%;
}
.banner_video #pro_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    opacity: 0;
}
.banner_video {
    position: relative;
}
.banner_video video {
    width: 100%;
}
.banner_video .video_files {
    position: relative;
    z-index:1;
}

.banner_video .up-but {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 16;
    cursor: pointer;
    text-align: center;
    transform: translate(-50%,-50%);
}
.banner_video .bg-tu #Vcanvas{ background:#000; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; opacity:0;}
 
.banner_video .up-but .icon{width:.5rem; height:.5rem; background-image: url(../images/play.svg); background-repeat:no-repeat; background-size:contain; background-position:center; margin:.1rem auto; border-radius:100%;}
.padding_bootom.index-three{
    margin-top: .2rem;
}
/* .padding_bootom.index-three .innov_help_video{
    padding-bottom: 56.5%;
} */

.index-four .auto-inner2{
    max-width: 11.8rem;
}
@media (max-width: 768px) {
.index-three.padding_bootom .bg-tu .video_files{opacity: 1;}
.banner_video .video_files{ padding-bottom:40%;}
.banner_video video {opacity: 0; display:none;}
.banner_video #pro_video{opacity:1; height:100%; object-fit:cover;}
}

.copy_right {
    text-align: center;
    padding: .6rem 0 0;
    color: #9fa0a0;
}

.copy_right a {
    margin-left: .1rem;
}

.literacy_swiper .swiper {
    padding-bottom: .5rem;
}