html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
button{padding: 0}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
/*
公用动画
*/
@keyframes top_title {
    0%{
        opacity: 0;
        transform: translateY(150%);
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}



@keyframes op {

    100%{
        opacity: 1;
    }
}

.email{margin-left: 107px;width: 200px;display: flex;justify-content: center;}
.email .emailBox{background-color: rgb(232,105,12);border-radius: 50%;width: 50px;height: 50px;transition: all .5s;position: relative;display: flex;justify-content: center;align-items: center}
.email img{transition: all .5s;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%)}
.email .text{width: 0;opacity: 0;transition: all .1s;white-space: nowrap;font-size: 20px;color: #fff}
.email:hover .emailBox{width: 200px;border-radius: 20px}
.email:hover .text{width: auto;opacity: 1;margin-left: 20px;}
.email:hover img{left: 10px;transform: translate(0,-50%);width: 25px;}


main.bg3s{background-image: url("../images/bg3s.png");background-size: cover;background-repeat: no-repeat;position: relative}
.h{font-size: 64px;color: rgba(130, 130, 130, 0.6);font-weight: 900;line-height: 93px;position: relative;display: inline-block;padding: 0 10px;opacity: 0}
.h span{position: absolute;left: 0;bottom: 0;color: #1D1D1F;font-size: 48px;font-weight: 700;line-height: 70px;width: 100%;;text-align: center}
.h.active_animate{animation: top_title .9s 200ms ease-in forwards;}
main.bg3s{background-image: url("../images/bg3s.png");background-size: cover;background-repeat: no-repeat;position: relative}
.h{font-size: 64px;color: rgba(130, 130, 130, 0.6);font-weight: 900;line-height: 93px;position: relative;display: inline-block;padding: 0 10px;opacity: 0}
.h span{position: absolute;left: 0;bottom: 0;color: #1D1D1F;font-size: 48px;font-weight: 700;line-height: 70px;width: 100%;;text-align: center}
.h.active_animate{animation: top_title .9s 200ms ease-in forwards;}

@keyframes bx_left {
    0%{
        transform: translateX(50%);
    }
    100%{
        opacity: 1;
        transform: translateX(-50%);
         }
}

.page_text{position: absolute;top: 20%;left: 50%;animation: bx_left .9s .2s forwards;opacity: 0;}
.page_text p{font-size: 48px;color: #F5F5F7;line-height: 70px;}
.page_text span{font-size: 20px;line-height: 29px;color:  rgba(130, 130, 130, 0.6)}


.swiper{position: unset}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: -5%}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: -5%}
.swiper-button-next, .swiper-button-prev{color: rgba(255,255,255,.6);width: 52px;height: 52px;border-radius: 50%; background: rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:25px ;}

    /*
    公用banner
    */
.public_banner {position: relative}
.public_banner .text{position: absolute;left: 100px;bottom: 186px;color: #fff}
.public_banner .text h3{font-size: 80px;line-height: 115px;font-weight: 700;margin-bottom: 4px}
.public_banner .text p{font-size: 40px;line-height: 43px;font-weight: 700;}
.public_banner  img {width: 100%;object-fit: cover}
.public_banner .m_img{display: none}

/*
公用宽度
*/
.content{width:84.375%;margin: 0 auto;}
/*software 主体宽度  */
.soft_width{width: 84.375%;margin: 0 auto;}
.public_bg{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.software_main_bg{background-image: url('../images/sf_main.png');}

/*
头部
*/
header{position: fixed;top: 0;width: 100%;z-index: 2;}

header .content{background: rgba(124, 76, 40, 0.3);height: 80px;box-shadow: 0 0 24px 0 #00000040;
    border-radius: 0 0 16px 16px;display: flex;align-items: center;padding-left: 36px;backdrop-filter: blur(32px);
}
header .nav {width: 65.833%;display: flex;justify-content: space-between;margin-left: 26px}
header .nav span{font-size: 20px;line-height: 29px;color: #F5F5F7;text-align: center;display: block}
header .nav a{padding:5px 10px;border-radius: 10px;transition: all .35s ease-out}
header .nav a:hover{background-color: rgb(232,105,12)}
header .nav a span:last-child{color: #82828299}

body.active{overflow: hidden}

.m_nav {display: none;cursor: pointer;}
.m_nav img{width: 80px;height: 80px;}


/*
手机导航
*/
.m_nav_list{background-color: #282828;position: fixed;top: 0;width: 100%;height: 100vh;z-index: 5;padding: 38px 20px 0 51px;box-sizing: border-box;left:100%;transition: all .35s ease-out;opacity: 0}
.m_nav_list.active{left: 0;opacity: 1;}
.m_nav_list .top{display: flex;justify-content: space-between}
.m_nav_list .menu_close{margin-top: 20px;cursor: pointer;}
.m_nav_list .links{padding-left: 41px;margin-top: -20px}
.m_nav_list .links a{display: block;font-size: 20px;line-height: 29px;color: #F5F5F7;font-weight: 700;padding-left: 28px;position: relative}
.m_nav_list .links a::before{content: '';position: absolute;width: 8px;height: 4px;background-color: #FF6B0099;border-radius: 4px;left: 0;top: 50%;transform: translateY(-50%)}
.m_nav_list .links a:nth-of-type(n+2){margin-top: 24px}
.m_nav_list .btn{margin-top: 44px}
.m_nav_list .btn a {display: flex;width: 220px;line-height: 40px;background: rgba(255, 107, 0, 0.6);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 12px;text-align: center;padding-left: 15px;box-sizing: border-box;align-items: center;padding-right: 45px;justify-content: space-between;margin: 0 auto}
.m_nav_list .btn a span{font-size: 16px;font-weight: 700;color: #F5F5F7}
.m_nav_list p{color: rgba(130, 130, 130);font-size: 8px;line-height: 12px;margin-top: 110px;text-align: center}


/*
主页
*/
.index_box {background-image: url("../images/bg2.png");background-repeat: no-repeat;background-size: cover;padding-bottom: 120px;}

.index_box .content {padding-top: 72px;}

.index_box .list{margin-top: 44px}

.index_box .list .item{opacity: 0}
.index_box .list .item.active_animate{animation: top_title .9s 0.5s ease-out forwards;}
.index_box .list .item:nth-of-type(2).active_animate{animation-delay: 1s}
.index_box .list .item:nth-of-type(3).active_animate{animation-delay: 1.5s}
.index_box .btn{opacity: 0}
.index_box .list .item a {width:57.592%;background: rgba(29, 29, 31, 0.6);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);border-radius: 16px;display: block;padding: 18px 38px;position: relative;transition: all .35s ease-out}
.index_box .list .item a p{font-size: 24px;color: #F5F5F7CC;margin-bottom: 20px;}
.index_box .list .item a:hover{background:rgb(255,107,0)}
.index_box .list .item a span{color:#9B9A9ACC;font-size: 16px; }
.index_box .list .item a:before{content: '';position: absolute;width: 18px;height: 18px;border-left: 2px solid #fff;border-top: 2px solid #fff;right: 38px;top: 50%;transform: translateY(-50%) rotate(135deg)}
.index_box .list .item:nth-of-type(n+2){margin-top: 20px}
.index_box .btn{height: 100px;display: flex;justify-content: center;align-items: center;margin: 40px auto 0;width: 200px}
.index_box .btn:hover a{background-color: rgb(255,107,0);box-shadow: 0px 0px 48px rgba(255,107, 0.45);padding: unset}
.index_box .btn a {display: block;color: #ffffff;line-height: 50px;text-align: center;width: 184px;background: #1D1D1F;padding: 2px;border-radius: 12px;transition: all .35s ease-out;box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.45);}
.index_box .btn.active_animate{animation: op .9s 2s ease-out forwards;}
.index_box_two .btn{opacity: 0;}
.index_box_two{width: 0;transition:  all .5s ease-out;overflow: hidden}
.index_box_two.active_animate{width: 100%;}
.index_box_two .btn.active_animate{animation: op .9s 1.5s ease-out forwards;}
.index_box_two {background: #282828;padding-bottom: 40px;box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.35);}
.index_box_two .h{display: block;text-align: center;padding-top: 10px;}
.index_box_two .h span{color: #ffff}
.index_box_two .list{display: flex;justify-content: space-between;margin-top: 22px;position: relative}
.index_box_two  .btn{width: 164px;height: 100px;transition: all .35s ease-out;position: relative;display: flex;justify-content: center;align-items: center;margin: 40px auto 0}
.index_box_two .btn:hover a { background-color: rgb(255,107,0);box-shadow: 0 0 48px 0 rgba(255,107,0.3);padding: unset}
.index_box_two .btn a {display: block;line-height: 50px;text-align: center;color: #ffffff;  padding: 2px;transition: all .35s ease-out;  background: rgba(130, 130, 130, 0.6);position: absolute;width: 154px;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.45);border-radius: 12px;}
.index_box_two .list .item{width: 100%;box-sizing: border-box;transition: all .35s ease-out}
.index_box_two .list .item a {position: relative}
.index_box_two .list .item a img{width: 100%;object-fit: cover}
.index_box_two .list .item a .text{position: absolute;margin: 0 auto;width: 91.73%;bottom: 10px;background: rgba(29, 29, 31, 0.8);
    border-radius: 16px;padding: 20px 10px 12px 20px;box-sizing: border-box;min-height: 105px;transition: all .35s ease-out;left: 4%;overflow: hidden}
.index_box_two .list .item a:hover .click{width: 100%;min-height: 100%;left:0;transform: none;bottom: 0}
.index_box_two .list .item a:hover .click span{opacity: 1;}
.index_box_two .list .item a:hover .ok{background-color: unset}
.index_box_two .list .item  .click {display: flex;justify-content: center;align-items: center;height:105px }

.index_box_two .list .item  .click span:before{content: '';position: absolute;width: 50%;height: 50%;border-top: 5px solid #ffffff;border-left: 5px solid #ffffff;left:50%;top:50%;transform:translateX(-55%) translateY(-50%) rotate(135deg);}
.index_box_two .list .item a .text p:first-child{font-size: 24px;color: #F5F5F7;opacity: 0.8;}
.index_box_two .list .item a .text p:nth-of-type(2){font-size: 16px;color: rgba(130, 130, 130, 0.6);opacity: 0.8;}
.index_box_two .list .item a .text span{font-size: 16px;color: #7B7B7B;opacity: 0.8;}
.index_box_two .list .item a .click span{width: 200px;height: 200px;border: 5px solid #fff;border-radius: 50%;opacity: 0;position: relative;transition: all .35s ease-out}
.index_box_two.works{background-image: url("../images/bg2.png");background-size: cover;box-shadow: unset;margin-top: 45px;padding-bottom: 134px}
.index_box_two.works .list{flex-wrap: wrap}
.index_box_two.works .list .item:nth-of-type(n+5){margin-top: 50px}
.index_box_two.works .item{width: 23.518%;}
.index_box_two .item:hover{padding: 10px;}
.index_box_two .item:hover a{filter: drop-shadow(0px 0px 10px rgba(255, 107, 0, 0.6))}
.index_box_two .list .item{opacity: 0}
.index_box_two .list .item.active_animate{animation: top_title .9s 1s ease-out forwards;}
.index_box_two .list .item.active_animate:first-child{animation-delay: 0.4s}
.index_box_two .list  .swiper-slide:nth-of-type(2) .item.active_animate{animation-delay: 0.8s}
.index_box_two .list  .swiper-slide:nth-of-type(3) .item.active_animate{animation-delay: 1.2s}
.index_box_two .list   .swiper-slide:nth-of-type(4) .item.active_animate{animation-delay: 1.6s}
.index_box_two.works .list{opacity: 0}
.index_box_two.works{width: 100%;}
.index_box_two.works .list.active_animate{animation: top_title 1.5s ease-out forwards}
.index_box_two.works .list .item{opacity: 1;}
.index_box_three{padding-top: 83px;background-image:url("../images/bg3.png");background-repeat: no-repeat;background-position: center;background-size: cover;padding-bottom: 160px}
.index_box_three .content{display: flex;justify-content: space-between}
.index_box_three .left{width: 49.074%;overflow: hidden;filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.35));
    border-radius: 16px; }
.index_box_three .left img{width: 100%;object-fit: cover}
.index_box_three .right{flex: 1;display: flex;flex-direction: column;justify-content: space-around}
.index_box_three .right .h{padding-right: 50px;width: 100%;display: block;text-align: center;}
.index_box_three .right .box{margin-top: 50px;width: calc(100% + 70px);background: rgba(29, 29, 31, 0.5);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;margin-left: -70px;box-sizing: border-box;padding: 0 10px 105px;transition: all .35s ease-out}
.index_box_three .right .box:hover{background: rgba(29, 29, 31, 0.7) }
.index_box_three .right h4{font-size: 48px;line-height: 70px;color: rgba(245, 245, 247, 0.8);text-align: center;padding-top: 15px;}
.index_box_three .right p{margin-top: 57px;font-size: 20px;line-height: 29px;color: rgba(245, 245, 247, 0.7);-webkit-line-clamp: 7}
.index_box_three .right .btn{place-self: flex-end;transition: all .35s ease-out;display: flex;justify-content: center;align-items: center;height: 100px;width: 200px; }
.index_box_three .right .btn:hover a{background-color: rgb(255,107,0);box-shadow: 0 0 48px 0 red;padding: unset}
.index_box_three .right .btn a {line-height: 50px;font-size: 16px;color: #ffff; text-align: center;display: block;transition: all .35s ease-out;width: 154px;border-radius: 12px;background: #1D1D1F;padding: 2px}
.index_box_three .left{opacity: 0;}
.index_box_three .left.active_animate{animation: top_title .9s 0.8s ease-out forwards;}
.index_box_three .right .box{opacity: 0;}
.index_box_three .right .box.active_animate{animation: top_title .9s 1.2s ease-out forwards;}
.index_box_three .right .btn{opacity: 0}
.index_box_three .right .btn.active_animate{animation: op .9s 1.5s ease-out forwards}



.work_tab{margin-top: -78px;}
.work_tab .content{width: 70%;background: rgba(245, 245, 247, 0.3);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;padding: 24px 0;transition: all .35s ease-out}
.work_tab .content:hover{background-color:rgb(245, 245, 247) }
.work_tab .content ul li:hover{background-color: rgb(174,174,174);border:1px solid transparent}
.work_tab .content ul li{width: 88px;border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 12px;transition: all .35s ease-out}
.work_tab .content ul {display: grid;grid-template-columns: repeat(5,1fr);column-gap: 12px;row-gap: 28px;width: 62.277%;margin: 0 auto}
.work_tab .content ul li a {display: block;line-height: 42px;text-align: center;}














.box_two {width: 82.962%;margin:107px auto 0}
.box_two .h{margin: 0 auto;text-align: center;display: block}
.box_two .li{margin-top: 25px;display: flex;justify-content: space-between}
.box_two .li .item{width: 48.883%;position: relative;transition: all .35s ease-out;overflow: hidden;box-sizing: border-box}
.box_two .li .item:hover{padding: 10px}
.box_two .li .item a >img{width: 100%;object-fit: cover}
.box_two .li a {position: relative;display: block;transition: all .35s ease-out;overflow: hidden}

.box_two .li a:hover .bg{background-color: transparent;backdrop-filter: none;}
.box_two .li a:hover .box{width: 100%;left: 0;min-height: 100%;bottom: 0}
.box_two .li a:hover .box .con{display: flex;align-items: flex-end;padding: 80px 20px 0;}
.box_two .li a:hover .box .con img{width:180px;object-fit: cover}
.box_two .li a .box{display:flex;flex-direction: column;justify-content: space-between}
.box_two .li a .box span{text-align: right;padding-bottom: 33px;color: #fff!important;padding-right: 70px;position: relative;
    display: none;}
.box_two .li  a:hover .box span{display: block}
.box_two .li a .box span:before{position: absolute;content: '';border-top: 2px solid #fff;border-left: 2px solid #ffffff;right: 45px;width: 15px;height: 15px;transform: rotate(135deg) ;top:  11%;}
.box_two .li  a:hover .arrow  {opacity: 1;border: unset }
.box_two .li a  .con{display: none;font-size: 32px;color: #fff}
.box_two .li a  .con img{opacity: 0;transition: all .35s ease-out}
.box_two .li a:hover .box .con img{opacity:1;}
.box_two .li a .text{width: 71.689%;position: absolute;bottom: 68px;left: 28px;background: rgba(29, 29, 31, 0.1);box-sizing: border-box;min-height: 82px;transition: all .35s ease-out;backdrop-filter: blur(32px);padding: 4px 11px 10px 12px;border-radius: 16px;}
.box_two .li a .text p{font-size: 32px;min-height: 46px;color: #fff;opacity: .8;}
.box_two .li a .text span{font-size: 17px;color: rgba(130, 130, 130, 0.6);transition: all .35s ease-out}
.box_two .li .arrow{position: absolute;bottom: 33px;right: 29px;width: 35px;height: 35px;border: 2px solid #F5F5F7;opacity: 0.6; border-radius: 24px;display: flex;justify-content: center;align-items: center;transition: all .35s ease-out}
.box_two .li .arrow span{width: 15px;height: 15px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(135deg);margin-left: -5px}
.box_two .li .item{opacity: 0;}
.box_two .li .item:first-child.active_animate{animation: top_title .9s .5s ease-out forwards;}
.box_two .li .item:last-child.active_animate{animation: top_title .9s 1s ease-out forwards;}








/*
banner
*/

.public_banner .text h3{animation: top_title .9s 200ms ease-out forwards;opacity: 0;}
.public_banner .text p{animation: top_title .9s 250ms ease-out forwards;opacity: 0;}
.public_banner.single:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(29, 29, 31, 0.1);backdrop-filter: blur(32px);}






/*
页码
*/
.page {display: flex;justify-content: center;margin-top: 42px}
.page span{position: relative;width: 40px;height: 40px;}
.page span:first-child:before{position:absolute;content: '';width: 10px;height: 10px;border-top:2px solid #000;border-left: 2px solid #000;left:50%;top: 50%;transform:translate(-50%,-50%) rotate(-45deg)}
.page span:last-child:before{position:absolute;content: '';width: 10px;height: 10px;border-top: 2px solid #000;border-left: 2px solid #000;left:50%;top: 50%;transform:translate(-50%,-50%) rotate(135deg)}
.page ul{display: flex}
.page ul li{width: 40px;height: 40px;border-radius: 50% ;transition: all .35s ease-out}
.page ul li:hover{background-color: rgba(203,150,123); }
.page ul li a {display: flex;justify-content: center;align-items: center;height: 100%;color: rgba(0, 0, 0, 0.6);font-size: 18px;font-weight: bold;border-radius: 50%}
.page ul li:nth-of-type(n+2){margin-left: 5px}
.page ul li.active a {background-color:rgba(29, 29, 31, 0.8);color: #fff }
.page ul li.active_animate {background-color: rgba(29, 29, 31, 0.8);}
.page ul li.active_animate a {color: #fff;font-weight: unset;}







.single_box{position: relative;margin-top: -495px;padding-bottom: 136px;}
.single_box .content{position: relative;display: flex;justify-content: space-between;opacity: 0;}
.single_box .content.active_animate{animation: top_title 1.2s  forwards}
.single_box .content>.text{position: absolute;top: -55px;left: 0}
.single_box .content>.text a {display: flex;align-items: center;font-size: 18px;font-weight: 700;color: #F5F5F7}
.single_box .left{width: 49.074%;}
.single_box .left img{width: 100%;object-fit: cover}
.single_box  .right h2 {padding-top: 10px;font-size: 80px;font-weight: 700;line-height: 116px;color: #F5F5F7}
.single_box  .right .top{display: flex;flex-direction: column;align-items: flex-end}
.single_box  .right .top span{font-size: 20px;line-height: 29px;color: rgba(130, 130, 130, 0.6);}
.single_box  .right{margin-left: 20px;flex: 1}
.single_box  .right  .boxs{padding: 72px;background: rgba(29, 29, 31, 0.5);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;color: #F5F5F7;font-size: 24px;transition: all .35s ease-out}
.single_box  .right  .boxs:hover{background-color:rgba(29, 29, 31, 0.7) }
.single_box  .right .code{margin-top: 68px;display: flex}
.single_box  .right .code img{margin: 0 auto}
.single_box  .right .box_h{font-size: 48px;line-height: 70px;color: #1D1D1F;margin: 40px auto}
.single_box .index_box_two.lists{box-shadow: unset;background-color: unset;width: 100%;}
.single_box .content.active_animate  .index_box_two.lists .item{opacity: 1}
.single_box .lists .list .item{width: 48%;}
.single_box .lists .list .item:nth-of-type(n+3){margin-top: 30px}
.single_box .lists .list {flex-wrap: wrap}

.single_box .m_s{display: none;width: 79.5%;margin:31px auto 0 }
.single_box .m_s .box_h{font-size: 32px;font-weight: 700;line-height: 46px;color: #1D1D1F;text-align: right}
.single_box .content.news {display: block}
.single_box .content h2 {font-size:48px; font-weight: 700;line-height: 70px;color: #1D1D1F;padding-top: 40px;}
.single_box .content h2.m{opacity: 1;}
.single_box .content .date {font-size: 20px;line-height: 29px;color: rgba(130, 130, 130, 0.6);font-weight: 500;display: block}
.single_box .content  .box_content{background: rgba(29, 29, 31, 0.5);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;width: 83.056%;padding: 23px 27px 30px 45px;box-sizing: border-box;margin-top: 40px;font-size: 20px;color: #F5F5F7;transition: all .3s ease-out}
.single_box .content  .box_content:hover {background-color:rgba(29, 29, 31,0.8) }
.single_box.news .content_img{width: 83.056%;object-fit: cover;}
.single_box.news{padding-bottom: 210px;}






.new {padding-top: 30px;background-image: url("../images/bg2.png");background-size: cover;background-repeat: no-repeat;padding-bottom: 228px;}
.new .content{width: 70%;}
.new .content .new_list{display: flex;justify-content: space-between;flex-wrap: wrap;opacity: 0;}
.new .content .new_list.active_animate{animation: top_title 1.8s forwards;}
.new .content .item:nth-of-type(n+3){margin-top: 40px}
.new .content .item:hover{padding: unset;}
.new .content .item{width: 46%;position: relative;}
.new .content .item .relative{position: relative;width: 100%;display: flex;justify-content: center;}
.new .content .item .relative a{width: 100%;display: block;margin: 0 20px}
.new .content .item .bgbox{position: absolute;width: 100%;height: calc(100% + 20px);background-color: #fff;border-radius: 25px;box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);left: 50%;transform: translate(-50%);transition: all .5s;margin-top: -20px;}
.new .content .item .text{transition: all .5s}
.new .content .item:hover .bgbox{margin-top: 0;width: calc(100% - 41px);height: 100%;}
.new .content .item:hover .text{margin-left: 20px;}
.new .content .item .top img{width: 100%;object-fit: cover}
.new .content .item .hp{font-size: 24px;color:  #1D1D1F;margin-top: 20px}
.new .content .item  p{color: #6A6A6A;font-size: 20px;}
.new .content .item  span{font-size: 20px;color: #6A6A6A;display: inline-block;padding: 10px 0}





















.contact{background-image: url("../images/img9.png");background-size: cover;background-repeat: no-repeat}
.contact .content{display: block}
.contact .content .form{width: 64.814%;margin:40px auto 0}
.contact .content .form form{display: flex;flex-direction: column;align-items: center}
.contact .content .form form  .input input{padding-left: 20px;box-sizing: border-box}
.contact .content .form form  .input {display: flex;align-items: center;width: 100%;justify-content: space-between;}
.contact .content .form form  .input span{position: relative;}
.contact .content .form form  .input span.k{align-self: flex-start;}
.contact .content .form form  .input:nth-of-type(n+2){margin-top: 20px}
.contact .content .form form  .input:nth-of-type(n+2) span:before{content: '*';position: absolute;color: red;right: -10px}
.contact .content .form form  .input textarea{width: 71.942%;background: #F4F4F4;box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.35);border-radius: 10px;height: 260px;border: none;outline: none;margin-left: 35px;padding: 20px;box-sizing:border-box }
.contact .content .form form .btn {font-size: 16px;font-weight: 700;color: #F5F5F7;margin-top: 56px;position: relative;padding-left: 20px;}
.contact .content .form form .btn .radio{width: 10px;height: 10px;background: rgba(130, 130, 130, 0.6);border-radius: 50%;cursor: pointer; margin-right: 5px;transition: all .35s ease-out;position:absolute;text-align: center;left: 0;top: 50%;transform: translateY(-50%);display: flex;justify-content: center}
.contact .content .form form .btn .radio span{opacity: 0;font-size: 10px;}
.contact .content .form form .btn .radio.active{background-color: #000000;width: 15px;height: 15px;}
.contact .content .form form .btn .radio.active span{opacity: 1
;}
.contact input[type=radio]{background-color: red;visibility: hidden;display: none}

.contact .content .form form .input>span{text-align: right;flex: 1;font-size: 20px;font-weight: 500;color: #1D1D1F}
.contact .content .form form  .input input{background: #F4F4F4;margin-left: 35px;width: 71.942%;height: 50px;box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.35);border: 0;outline: none;border-radius: 10px;}
.contact h3{width: 74%;margin: 0 auto;text-align: center;font-size: 32px;line-height: 48px;padding-top: 52px;}

.contact .boxk {display: inline-block;position: relative;margin-left: 16px}
.contact .boxk:hover span{padding: unset;box-shadow: 0 0 48px 0 rgba(255,107,0.3);background: rgb(255,107,0)}
.contact .boxk span{position: absolute;width: 100%;height: 100%;background: #1D1D1F;box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.45);border-radius: 12px;top:50%;transform: translate(-50%,-50%);left: 50%;transition: all .35s ease-out;padding: 2px;}
.contact .boxk input{position: relative;border: 0;background: transparent;color: #fff;width: 200px;height: 50px;cursor: pointer;}






.bg4s{padding-top: 52px;}
.privacy {background-image: url("../images/bgim.png");background-repeat: no-repeat;background-size: cover}
.privacy .content{display: block}
.privacy .content {padding-top: 60px;}
.privacy .content p{margin-top: 60px;font-size: 20px;line-height: 29px;}
.privacy .content h3{margin-top: 60px;font-size: 48px;line-height: 70px;}












.about_box{background-image: url("../images/about_img.png");background-size: cover;background-repeat: no-repeat;padding-top: 128px;}
.about_box .left{position: relative;width: 67.87%;opacity: 0;}
.about_box .left.active_animate{animation: top_title .9s .4s forwards}
.about_box .left img{width: 100%;object-fit: cover}
.about_box .box{padding-bottom: 400px;}
.about_box .left .text.active_animate{animation: top_title .9s .8s forwards}
.about_box .left .text{position: absolute;width: 97.27%;left:50%;background: rgba(29, 29, 31, 0.5);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;top: 50%;transform: translateY(-50%);padding:10px 46px 57px;opacity: 0;
    color: rgba(245, 245, 247, 0.6);font-size: 20px;transition: all .35s ease-out}
.about_box .left .text:hover{background-color: rgba(29, 29, 31, 0.8)}
.about_box .box_three img{margin: 0 auto;opacity: 0;}
.about_box .box_three.active_animate img{animation: top_title .9s .5s forwards;}
.about_box .box_six .box .imgs .one div:nth-of-type(1){flex: 1}
.about_box .box_six .box .imgs .one div img{width: 100%;height: 100%;object-fit: cover}
.about_box .box_six .box .imgs .one div:nth-of-type(2){flex: 2}
.about_box .box_six .box .imgs .one div:nth-of-type(3){flex: 1}
.about_box .box_six .box .imgs .two div{flex: 1}
.about_box .box_six .box .left .imgs .boxs{position: absolute;top: 0;width: 20.138%;}
.about_box .box_six .box .imgs .two div img{width: 100%;object-fit: cover;height: 100%}
.about_box .content .h {display: block;text-align: center}
.about_box  .box_bs{background-color: #282828;overflow: hidden;opacity: 0;transition:all .9s ease-out}

@keyframes top_bottom {
    0% {
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
        opacity: 1;
    }
}
.about_box  .box_bs.active_animate{animation:top_bottom .9s  ease-out;opacity: 1;}
.about_box  .box_two .li_s{display: flex;opacity: 0;margin-top: 100px}
.about_box  .box_two .li_s.active_animate{animation: top_title .9s .3s forwards }
.about_box  .box_two .li_s .item{flex: 1}
.about_box  .box_two .timeline{display: flex;opacity: 0;}
.about_box  .box_two .timeline.active_animate {animation: top_title .9s forwards;}
.about_box  .box_two .item  .timeline:first-child{animation-delay: 0.3s}
.about_box  .box_two .item  .timeline:nth-of-type(2){animation-delay: 0.6s}
.about_box  .box_two .item  .timeline:nth-of-type(3){animation-delay: 0.9s}
.about_box  .box_two .item  .timeline:nth-of-type(4){animation-delay: 1.2s}
.about_box  .box_two .item  .timeline:nth-of-type(5){animation-delay: 1.5s}
.about_box  .box_two .item  .timeline:nth-of-type(6){animation-delay: 1.8s}
/*.about_box  .box_two .item  .timeline:nth-of-type(7){animation-delay: 2.4s}*/


.about_box  .box_two  .item .timeline:first-child .shuxian:after{content: '';position: absolute;height:40px;width: 5px;top: -40px;background-color: #828282 }
.about_box  .box_two  .item .timeline:last-child .shuxian:after{width: 5px;height: calc(50% - 8px);bottom: 0;background-color:#282828;content: '';position: absolute }
/*.about_box  .box_two .item .timeline:last-child .shuxian{}*/
.about_box  .box_two .timeline .shuxian{width: 5px;background: #828282;position: relative;}
.about_box  .box_two .timeline .shuxian::before{content: '';width: 8px;height: 8px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 5px solid #828282;background-color: #282828;position: absolute;}

/*.about_box  .box_two .timeline .shuxian::after{content: '';height: 30px;width: 4px;position: absolute;top:0;background-color: #828282;transform: translate(-50%,-100%);left: 50%}*/
.about_box  .box_two .timeline span:first-child{font-size: 36px;color: #F5F5F7;margin-right: 33px;padding: 20px 0}
.about_box  .box_two .timeline span:last-child{margin-left: 33px;font-size: 18px;color:rgba(245, 245, 247, 0.6);line-height: 26px;width: 0;flex: 1;display: flex;align-items: center }
.about_box  .box_four  .boxs{width: 83.05%;background: rgba(29, 29, 31, 0.5);box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;padding: 32px 65px 72px;box-sizing: border-box;position: relative;transition: all .35s ease-out}
.about_box  .box_four  .boxs:hover{background-color:rgba(29, 29, 31, 0.8) }
.about_box  .box_four  .content .list .item span{display:inline-block;padding:2px 16px;background: rgba(255, 107, 0, 0.6);backdrop-filter: blur(32px);border-radius: 24px;font-size: 12px;color: #F5F5F7}
.about_box  .box_four{padding-top:50px ;padding-bottom: 50px}
.about_box  .box_four  .content .list{margin-top: 26px;}
.about_box  .box_four  .content .list .map{position: absolute;bottom: -30px;right: 0;transform: translateX(50%)}
.about_box  .box_four  .content .list .item p{font-size: 16px;line-height: 23px;margin: 8px 0;color: rgba(245, 245, 247, 0.8);}
.about_box  .box_four  .content .list  {display: flex;opacity: 0;}
.about_box  .box_four  .content .list.active_animate{animation: top_title .9s .5s forwards}
.about_box  .box_four  .content .list .item{flex: 1}
.about_box  .box_five{background-image: url("../images/about_box2.png");background-size: cover;background-repeat: no-repeat;padding-top: 60px;padding-bottom: 90px;}
.about_box  .box_five  .content{position: relative}
.about_box  .box_five .swiper_s{margin-top: 24px;position: relative;}
.about_box  .box_five .swiper_s .swiper-slide .item{opacity: 0;}
.about_box  .box_five .swiper_s.active_animate  .swiper-slide .item{animation: top_title .9s forwards}
.about_box  .box_five .swiper_s.active_animate  .swiper-slide:first-child .item{animation-delay: .3s}
.about_box  .box_five .swiper_s.active_animate  .swiper-slide:nth-of-type(2) .item{animation-delay: .6s}
.about_box  .box_five .swiper_s .item{padding: 50px 60px 57px;background: rgba(0, 0, 0, 0.5);position: relative;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);color: rgba(245, 245, 247, 0.8);border-radius: 24px;font-size: 20px;line-height: 29px;transition: all .35s ease-out}
.about_box  .box_five .swiper_s .item .text{position:absolute;right: 22px;bottom:23px;font-size: 64px;color: rgba(245, 245, 247, 0.2);
}
.about_box  .box_five .swiper_s .item:hover{background-color:rgba(0, 0, 0, 0.8) }
.about_box .box_five .logos.active_animate li {animation: top_title .9s  forwards;}
.about_box .box_five .logos  ul li:first-child{animation-delay: .3s}
.about_box .box_five .logos  ul li:nth-of-type(2){animation-delay: .6s}
.about_box .box_five .logos  ul li:nth-of-type(3){animation-delay: .9s}
.about_box .box_five .logos  ul li:nth-of-type(4){animation-delay: 1.2s}
.about_box .box_five .logos  ul li:nth-of-type(5){animation-delay: 1.5s}
.about_box .box_five .logos  ul li:last-child{animation-delay: 1.8s}
.about_box .box_five .logos ul li{opacity: 0;width: 160px;height: 177px;overflow: hidden;transition: all .9s ease-out}
.about_box .box_five .logos ul li:hover {width: auto;height: auto}
.about_box .box_five .logos ul li img{width: 100%;}
.about_box  .box_five .logos ul{display: flex;justify-content: space-between}
.about_box  .box_five .logos ul{filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.35));border-radius: 24px;overflow: hidden}
.about_box .box_three{ background: #282828}
.about_box .box_six{background-color: #fff}
.about_box .box_six .box{display: flex}
.about_box .box_six .box .left{background: #6B6B6B;position: relative;margin-top: 28px;height: 384px;width: 58.047%;box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.35);border-radius: 0px 32px 0px 0px;opacity: 0;}
.about_box .box_six .box .left.active_animate{animation: op .9s .4s forwards;}
.about_box  .box_six .box  .imgs{position: relative; transform: translate(100%,90px); border-radius: 32px;box-shadow:  0px 0px 32px rgba(0, 0, 0, 0.35);overflow: hidden;opacity: 0;transition: all .9s ease-out}
.about_box  .box_six .box  .imgs.active_animate{transform: translate(-50%,90px);opacity: 1;}
/*.about_box  .box_six .box  .imgs .text{position: absolute;top: 0;left: 0;height: 100%;width:20.138%;background: rgba(29, 29, 31, 0.5);display: flex;justify-content: center;overflow: hidden;align-items: center;font-size: 40px;text-align: center;color: #F5F5F7;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 32px 0px 0px 32px;z-index: 4}*/
.about_box  .box_six .box  .imgs .one{display: flex;}
.about_box  .box_six .box  .imgs .two{display: flex}
.about_box  .box_six .box  .imgs .text{position: absolute;top: 0;left: 0;height: 100%;width:23.138%;background: rgba(29, 29, 31, 0.5);display: flex;justify-content: center;overflow: hidden;align-items: center;font-size: 40px;text-align: center;color: #F5F5F7;box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);z-index: 4}



.software_one{display: flex;justify-content: space-between;position: relative;padding-top: 60px;margin-bottom: 60px}
.software_one .left{width: 82.963%;padding-bottom: 120px;filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.35));border-radius: 16px;}
.software_one .left .img{padding-bottom: 53.751%}
.software_one .left.active_animate{animation: top_title .9s 0.35s ease-out forwards;opacity: 0;}
.software_one .right{position: absolute;bottom: 0;right: 0;width: 57.593%;background: rgba(29, 29, 31, 0.5);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;box-sizing: border-box;padding: 24px 38px 22px;transition: all 0.5s ease;opacity: 0;}
.software_one .right.active_animate{animation: top_title .9s 0.55s ease-out forwards;}

.software_one .right:hover{background: rgba(29, 29, 31, 0.8)}
.software_one .right h2{font-size: 48px;line-height: 70px;text-align: center;color: #F5F5F7;padding-bottom: 16px}
.software_one .right p{font-size: 20px;line-height: 29px;color: #F5F5F7;opacity: 0.8;text-indent: 1em}

.software_two_bc{padding-top: 24px;padding-bottom: 140px;position: relative}
.software_two_bc .software_two_title.active_animate{animation: top_title .9s 0.55s ease-out forwards;opacity: 0;}
.software_two_bc h2{font-size: 32px;line-height: 46px;text-align: center;color: #F5F5F7;margin-bottom: 24px;position: relative;z-index: 3;margin-top: 44px;min-height: 92px;}
.software_two_bc h2.soft_active{text-align: left;font-size: 44px;line-height: 64px;color: #F5F5F7;opacity: 0.8;position: relative;padding-left: 24px}
.software_two_bc h2.soft_active::before{content: '';position: absolute;top: 30px;left: 0;width: 10px;height: 10px;background: #FF6B00;box-shadow: 0 0 12px rgba(255, 92, 0, 0.85);border-radius: 50%;}

.software_two_bc .software_two_bg_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.software_two_bc .software_two_bg_img.active_animate{animation: top_title .9s .35s ease-out forwards;opacity: 0;}
.software_two{display: flex;justify-content: space-between;align-items: center;}
.software_two .left{width: 32.037%;display: flex;justify-content: flex-end;}
.software_two .left .inner{position: relative;width: 254px;height: 254px;}
.software_two .left .inner.active_animate{animation: top_title .9s 0.75s ease-out forwards;opacity: 0;}

.software_two .left .inner .right_content{display: none;position: absolute;top: 0;left: 0;font-size: 20px;line-height: 29px;color: #F5F5F7;opacity: 0.8;text-shadow: 0 0 32px rgba(0, 0, 0, 0.35);width: 486px}
.software_two .left .inner.soft_active .right_content{display: block;}
.software_two .left .inner.soft_active img{visibility: hidden;}
.software_two .left .one{position: absolute;top: 50%;left: 50%;width: 188px;height: 206px;transform: translate(-50%,-50%);}
.software_two .left .two{width: 100%;height: 100%;}
.software_two .right{width: 25.926%}
.software_two .right ul li{position: relative;margin-bottom: 40px;cursor: pointer;border-radius: 20px;}
.software_two .right ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s ease;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(32px);border-radius: 20px;}
.software_two .right ul li:last-child{margin-bottom: unset}
.software_two .right ul li>img{width: 100%;}
.software_two .right ul li.active_animate{animation: top_title .9s 0.95s ease-out forwards;opacity: 0;}
.software_two .right ul li.active{animation: top_title .9s .2s ease-out forwards;opacity: 0;}
.software_two .right ul li:nth-of-type(2){animation-delay: 1.15s;}
.software_two .right ul li:nth-of-type(3){animation-delay: 1.35s;}

.software_two .right .text{position: absolute;z-index: 3;top: 50%;left: 0;transform: translateY(-50%);align-items: center;transition: all 0.5s ease;width: 100%}
.software_two .right .text .fin_img{position: relative;}
.software_two .right .text img{width: 40px;height: 40px;margin-right: 20px;position: absolute;top: 50%;left: 24px;transform: translateY(-50%);transition: all 0.5s ease;}
.software_two .right .text p{font-size: 24px;line-height: 106.41%;color: #F5F5F7;opacity: 0.8;transition: all 0.5s ease;margin-left: 100px}
.software_two .right span{display: none}

.software_two .right ul li:hover{filter: drop-shadow(0px 0px 32px rgba(255, 107, 0, 0.6));}
.software_two .right ul li:hover::before{opacity: 1;}
.software_two .right ul li:hover p{opacity: 0;transform: translateY(-50px);}
/*.software_two .right ul li:hover .text{left: 40%;}*/
.software_two .right ul li:hover .text img{left: 50%;transform: translate(-50%,-50%);}

.software_three{padding: 30px 0}
.title{font-size: 64px;line-height: 93px;text-align: center;color: rgba(130, 130, 130, 0.6);position: relative;margin-bottom: 37px;opacity: 0;transition:  all .6s ease-out;transform: translateY(50%)}
.title.active_animate{opacity: .6;transform: none}
.title h2{font-size: 48px;line-height: 70px;text-align: center;color: #000000;position: absolute;left: 0;bottom: -2px;width: 100%;font-weight: normal;opacity: 1}
.software_three .content{display: flex;justify-content: space-between;}
.software_three .content .left{width: 32.037%;background: rgba(29, 29, 31, 0.5);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;box-sizing: border-box;padding: 40px 32px 57px;transition: all 0.5s ease;opacity: 0;}
.software_three .content .left.active_animate{animation: top_title .9s .3s forwards}
.software_three .content .right{width: 66.019%;}
.software_three .content h3{font-size: 24px;line-height: 106.41%;text-align: center;color: #F5F5F7;opacity: 0.9;}
.software_three .content p{font-size: 20px;line-height: 29px;color: #F5F5F7;opacity: 0.8;text-indent: 1em;margin-bottom: 30px}

.software_three .content .left:hover{background: rgba(29, 29, 31, 0.8);}
.software_three .content .right .list:hover{background: rgba(29, 29, 31, 0.8);}


.software_three .content .left p:last-child{margin-bottom: unset}
.software_three .content .left .top{display: flex;align-items: center;margin-bottom: 20px}
.software_three .content .left .top h3{margin-left: -30px;margin-top: 20px}
.software_three .content .left img{width: 25.177%;}
.software_three .content .right .list.active_animate{animation: top_title .9s .8s forwards;}
.software_three .content .right .list{background: rgba(29, 29, 31, 0.5);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;padding: 40px 24px 33px 40px;display: flex;box-sizing: border-box;opacity: 0;}
.software_three .content .right .list.active_animate{animation: top_title .9s .6s forwards}
.software_three .content .right>.list{margin-bottom: 22px;transition: all 0.5s ease;}
.software_three .content .right .item{display: flex;justify-content: space-between;}
.software_three .content .right .item .list{width: 48.527%;transition: all 0.5s ease;}
.software_three .content .right .list h3{text-align: left;padding-bottom: 7px}
.software_three .content .right .list .text{margin-left: -30px;margin-top: 5px;}
.software_three .content .right .list p{margin-bottom: unset}
.software_three .content .right .item .list h3{padding-bottom: 19px}
.software_four{padding-bottom: 219px;}
.software_four .content{width: 67.481%;margin: 0 auto;}
.software_four .content ul{display: flex;justify-content: space-between;}
.software_four .content ul li{width: 22.624%;box-sizing: border-box;background: #F5F5F7;box-shadow: 0 0 32px rgba(0, 0, 0, 0.35);border-radius: 16px;padding: 12px;transition: all 0.5s ease;opacity: 0}
.software_four .content ul li.active_animate{animation: top_title .9s .3s forwards}
.software_four .content ul li:nth-of-type(2){animation-delay: .6s}
.software_four .content ul li:nth-of-type(3){animation-delay: .9s}
.software_four .content ul li:nth-of-type(4){animation-delay: 1.2s}


.software_four .content ul li:hover{background-color: rgb(255, 107, 0);}
.software_four .content ul li:hover h3,
.software_four .content ul li:hover p{color: #ffffff;}
.software_four .content h3{font-size: 24px;line-height: 106.41%;text-align: center;color: #1D1D1F;font-weight: normal;}
.software_four .content p{font-size: 16px;line-height: 23px;color: #1D1D1F;letter-spacing: 1px;}
.software_four .content .top{display: flex;margin-bottom: 16px;align-items: flex-end}
.software_four .content .top h3{margin-left: -15px}
.software_four .content .top img{max-width: 40px;}
.software_four .content ul li:hover img{filter:  brightness(0.7) invert(1);}

.software_four .four_sf{filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.35));background: #282828;margin-top:60px;opacity: 0;}
.software_four .four_sf.active_animate{animation: top_title .9s .4s forwards}
.software_four .four_sf .img{padding-bottom: 19.259%;}
.software_four .four_sf .img::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(32px);opacity: 0;z-index: 3;transition: all 0.5s ease;}
.software_four .four_sf .inner{position: relative}
.software_four .four_sf .text{position: absolute;bottom: 27px;right: 63px;width: 236px;display: flex;align-items: center;cursor: pointer;}
.software_four .four_sf p{font-size: 32px;line-height: 46px;text-align: center;color: #F5F5F7;font-weight: bolder;opacity: 1;padding-bottom: 4px}
.software_four .four_sf .text .module{position: relative;}
.software_four .four_sf .text .module .sec{position: absolute;top: 50%;left: 0;opacity: 0;transform: translateY(-50%);transition: all 0.5s ease;z-index: 4;}
.software_four .four_sf .text .final_first{position: relative;margin-left: 9px;}
.software_four .four_sf .text .final_first .one{width: 35px;height: 35px;}
.software_four .four_sf .text .final_first .two{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 11px;height: 20px;z-index: 4;}
.software_four .four_sf .text .final_first .three{position: absolute;top: 50%;left: -20px;transform: translate(-50%,-50%);width: 11px;height: 20px;opacity: 0;transition: all 0.5s ease;}

.software_four .four_sf .inner:hover .img::before{opacity: 1}
.software_four .four_sf .inner:hover .text .module .sec{opacity: 1;}
.software_four .four_sf .inner:hover .text .final_first .one{opacity: 0}
.software_four .four_sf .inner:hover .text .final_first .three{opacity: 1;z-index: 4;left: 0}
.software_four .four_sf .inner:hover .text .module .sec{left: 40%}

.educ_one{display: flex;justify-content: flex-end;position: relative;padding: 91px 0 72px;}
.educ_one .left.active_animate{animation: top_title .9s .8s forwards}
.educ_one .left{position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 3;background: rgba(29, 29, 31, 0.5);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;box-sizing: border-box;padding: 21px 36px;transition: all 0.5s ease;}
.educ_one .left:hover{background-color: rgba(29, 29, 31, 0.8)}
.educ_one .left,.educ_one .right{width: 66.019%;opacity: 0;}
.educ_one .right.active_animate{animation: top_title .9s .3s forwards}
.educ_one .left h3{font-size: 48px;line-height: 70px;text-align: center;color: #F5F5F7;opacity: 0.9;margin-bottom: 24px}
.educ_one .left p{font-size: 20px;line-height: 29px;color: #F5F5F7;opacity: 0.8;}
.educ_one .right .img{padding-bottom: 71.126%;}

.software_four .center{display: flex;justify-content: flex-start ;position: relative;margin: 150px auto 140px}
.software_four .center .left, .software_four .center .right{width: 57.593%;opacity: 0;}
.software_four .center .right{transform: translateY(100%)}
.software_four .center .left.active_animate {animation: top_title .9s .3s forwards}

@keyframes top_box {
    0%{
        transform: translateY(50%);
    }
    100%{
        opacity: 1;
        transform: translateY(-50%);
    }
}

.software_four .center .right.active_animate{animation: top_box .9s .6s forwards;}
.software_four .center .left .img{padding-bottom: 69.132%;}
.software_four .center .right{box-sizing: border-box;padding: 24px 24px 34px;background: rgba(29, 29, 31, 0.5);box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);backdrop-filter: blur(32px);border-radius: 16px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: all 0.5s ease;}
.software_four .center .right:hover{background: rgba(29, 29, 31, 0.8)}
.software_four .center .right h3{font-size: 48px;line-height: 70px;text-align: center;color: #F5F5F7;opacity: 0.9;margin-bottom: 24px}
.software_four .center .right p{font-size: 20px;line-height: 29px;color: #F5F5F7;opacity: 0.8;}

.software_four .four_sf .center_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.software_four .four_sf .inner .center_text .animal{opacity: 1;transition: all 0.5s ease;}
.software_four .four_sf .inner:hover .center_text .animal{opacity: 0;transform: translateY(-100px)}
.software_four .four_sf .inner:hover .text .fir{opacity: 0}
.software_four .four_sf .inner:hover .text .sec{opacity: 0;display: block}


@keyframes zmd {
    /*0%{*/
    /*    transform: translateX(0);*/
    /*}*/
    100%{
        transform: translateX(-100%);
    }

}

.about_box .box_six .box .imgs .pmd{position: relative;}
.about_box .box_six .box .imgs .pmd .one:nth-of-type(2){position: absolute;left:100%;width: 100%;height: 100%;top: 0}
.about_box .box_six .box .imgs .pmd {animation: zmd  5s linear   infinite;}
.about_box .box_six .box .imgs .pmd .two:nth-of-type(2){position: absolute;left:100%;width: 100%;height: 100%;top: 0}
/*.about_box .box_six .box .imgs .pmd {animation: zmd  5s linear   infinite;}*/

/*
底部
*/

footer{background-color: #282828;padding-top:55px;}
footer .content{display: flex;justify-content: space-between}
footer .content .nav ul{display: flex}
footer .content .nav li{display: flex;flex-direction: column;margin-left: 60px}
footer .content .nav a{padding-left: 16px;font-size: 20px;line-height: 29px;color: #ffffff;position: relative;font-weight: 700;margin-bottom: 8px;transition: all .3s ease-out}
footer .content .nav a:hover{text-shadow: 0 0 5px rgba(255,255,255,.6)}
footer .content .nav a:before{content: '';position: absolute;;width: 8px;height: 8px;border-radius: 50%;background-color: #FF6B00;left: 0;top: 50%;transform: translateY(-50%)}
footer .content .map{filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.35));
    overflow: hidden;margin-top: -188px;}
footer .email {margin-top: 15px}
footer .content .map .map_s{width: 380px;height: 284px;border-radius: 16px;overflow: hidden}
footer .content .map .map_s iframe{width: 100%;height: 100%;object-fit: cover}
footer .content .map img:last-child{margin: 0 auto}
footer>p{text-align: center;font-size: 16px;color: #fff}
footer>p span:first-child{display: inline-block;margin: 0 22px;color: rgba(130, 130, 130, 0.6) }
footer>p  a {font-size: 16px;color: rgba(130, 130, 130, 0.6);line-height: 23px;transition: all .3s ease-out}
footer>p  a:hover {color: #fff}
.m_content{display: none}
.m_content .left p{color: #ffffff;margin-top: 20px;font-size: 10px;line-height: 14px;text-decoration: underline;}
.m_content .right{position: relative}
.m_content .right .text{position: absolute;bottom: 10px;width: 145px;font-size: 12px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;font-weight: 700;color: #fff;align-items: center}
.m_content .right .text p{margin-left: -55px}
.m_content .right .text span{color: rgba(130, 130, 130, 0.6);font-weight: 500;}


.contact .content .form form .input:nth-of-type(n+2) span:before{display: none}
.contact .content .form form .input{display: unset}
.contact .content .form form .input>p{display: flex;}
.contact .content .form form .input>p span:first-child{width: 25.899%;text-align: right;font-size: 20px;line-height: 29px;color: #1D1D1F;}
.contact .content .form form .input>p span:last-child{width: 71.942%}
.contact .content .form form .btn{display: flex;align-items: center;}
.contact .boxk input{background: #1D1D1F;box-shadow: 0 0 48px rgba(0, 0, 0, 0.45);border-radius: 12px;}
.contact .boxk{min-width: 219px}
.contact .content .form form .input input{width: 100%}
.contact .content .form form .input textarea{width: 100%}

.contact .content .form form .btn .radio bdi{opacity: 0;font-size: 10px;}
.contact .content .form form .btn .radio.active bdi{opacity: 1;}