#banner{position:relative}
#banner .swiper-container{height:930px}
#banner .swiper-slide{width:100%;height:100%}
#banner .swiper-slide .img{background-repeat:no-repeat;min-width:100%;height:100%;display:block}
#banner .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
#banner .swiper-slide .bgvideo{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
#banner .swiper-slide .bgvideo video{width:100%;height:100%;object-fit:cover}
#banner .swiper-slide .text{max-width:80%;position:absolute;z-index:2;left:50%;top:50%;color:#fff;transform:translate(-50%,-50%)}
#banner .swiper-slide .text>div{width:40%;float:left}
#banner .swiper-slide .text>div.black{color:#000}
#banner .swiper-slide .text>div.white{color:#fff}
#banner .swiper-slide .text>div.center{float:inherit;margin:0 auto;text-align:center}
#banner .swiper-slide .text>div.right{float:right;text-align:right}
#banner .swiper-slide .text .title{font-family:Tahoma;font-size:1.125rem;line-height:3rem;text-transform:uppercase}
#banner .swiper-slide .text .name{font-size:3rem;line-height:4rem}
#banner .swiper-slide .text .desc{font-size:1.125rem;line-height:2.5rem}
#banner .swiper-slide .video{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}
#banner .swiper-slide .video .ico{width:5.625rem;height:5.625rem;border-radius:5.625rem;background:#ED1C24;cursor:pointer;position:relative;border:#ED1C24 1px solid}
#banner .swiper-slide .video .ico:before{position:absolute;content:'';left:50%;top:50%;z-index:0;transform:translate(-50%,-50%);width:0;height:0;border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;border-left:1rem solid #fff}
#banner .swiper-slide .video .ico:after{position:absolute;content:'';width:200%;height:200%;left:-50%;top:-50%;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1;opacity:0;animation:changes 2s linear 0.5s infinite}
#banner .swiper-slide .video .ico:hover::after{animation-play-state:paused}
@keyframes changes{0%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.0}
50%{transform:scale(0.75);-webkit-transform:scale(0.75);opacity:0.3}
100%{transform:scale(1);-webkit-transform:scale(1);opacity:0.0}
}#banner .swiper-slide .video .lightcase-icon-close{position:absolute;right:0;top:0;display:none}
#banner .swiper-slide.active .video,#banner .swiper-slide.active .text,#banner .swiper-slide.active .img{z-index:-1}
#banner .swiper-slide.active .bgvideo{z-index:1}
#banner .idxbtn{width:4rem;height:4rem;line-height:3.75rem;position:absolute;top:50%;transform:translate(0,-50%);left:2%;z-index:3;border:#fff 3px solid;border-radius:100%}
#banner .idxbtn i{color:#fff;text-align:center;display:inline-block;width:90%;height:100%;font-size:2rem;cursor:pointer}
#banner .idxbtn.bannerpc-next{left:inherit;right:2%}
#banner .idxbtn.bannerpc-next i{width:110%}
#banner .idxbtn:hover{background:#fff}
#banner .idxbtn:hover i{color:#333}
#banner .swiper-button-all .bannerpc-prev:hover,#banner .swiper-button-all .bannerpc-next:hover{background:rgba(255,255,255,0.5)}
#banner .banner-scrollbar{position:absolute;left:0;bottom:5rem;z-index:1;text-align:center;margin-bottom:5rem}
#bannersearch .swiper-search{position:relative;left:0;bottom:0;width:100%;height:5rem;line-height:5rem;background:#1592da;z-index:1;color:#fff;font-size:0.875rem}
#bannersearch .swiper-search .left{float:left;width:100%;padding-right:38rem;position:relative}
#bannersearch .swiper-search .left .name{position:absolute;left:0;top:0;float:left;width:11rem;padding-left:3.125rem;padding-right:1.3125rem}
#bannersearch .swiper-search .left .desc{padding-left:10.3125rem;width:100%;float:left;position:relative}
#bannersearch .swiper-search .left .desc .search-input{float:left;width:100%;height:1.5rem;line-height:1.5rem;margin:1.75rem 0;padding-right:4rem}
#bannersearch .swiper-search .left .desc .search-input input{width:100%;float:left;border-bottom:#fff 1px solid;color:#fff}
#bannersearch .swiper-search .left .desc .search-input input::-webkit-input-placeholder{color:#fff}
#bannersearch .swiper-search .left .desc .search-go{float:left;top:0;right:0;padding:0 1.25rem;position:absolute;cursor:pointer}
#bannersearch .swiper-search .left .desc .search-go:before{position:absolute;right:0;top:49%;content:'';width:0;height:0;border-right:2px solid #fff;border-top:2px solid #fff;height:0.4rem;width:0.4rem;transform:rotate(deg);-webkit-transform:rotate(45deg) translate(-50%,0%);border-left:2px solid transparent;border-bottom:2px solid transparent}
#bannersearch .swiper-search .securities{background:#999999;float:right;padding-right:3.125rem;position:absolute;top:0;right:0}
#bannersearch .swiper-search .securities:before{position:absolute;content:'';left:0;top:0;z-index:0;transform:translate(-50%,0%);width:0;height:0;border-left:5rem solid transparent;border-right:5rem solid transparent;border-bottom:5rem solid #fff}
#bannersearch .swiper-search .securities:after{position:absolute;content:'';left:0.56rem;top:0;z-index:0;transform:translate(-50%,0%);width:0;height:0;border-left:4rem solid transparent;border-right:5rem solid transparent;border-bottom:5rem solid #999999}
#bannersearch .swiper-search .securities a{display:inline-block;float:left;color:#fff}
#bannersearch .swiper-search .securities .name{float:left}
#bannersearch .swiper-search .securities .name a{padding:0 1.875rem;position:relative;z-index:1}
#bannersearch .swiper-search .securities .name a:before{position:absolute;content:'';left:0;top:50%;width:1px;height:1rem;background:#647075;transform:translate(-50%,-50%)}
#bannersearch .swiper-search .securities .name a:nth-child(1)::before{display:none}
#bannersearch .swiper-search .securities .name a:nth-child(2){font-weight:bold}
#bannersearch .swiper-search .securities .name a:hover{color:#1A4683}
#bannersearch .swiper-search .securities .link{padding-left:5.625rem;float:left}
#bannersearch .swiper-search .securities .link a{position:relative;padding-right:1.5rem}
#bannersearch .swiper-search .securities .link a:before{position:absolute;right:0;top:49%;content:'';width:0;height:0;border-right:2px solid #fff;border-top:2px solid #fff;height:0.4rem;width:0.4rem;transform:rotate(deg);-webkit-transform:rotate(45deg) translate(-50%,0%);border-left:2px solid transparent;border-bottom:2px solid transparent}
#bannersearch .swiper-search .securities .link a:hover{color:#1A4683}
#bannersearch .swiper-search .securities .link a:hover::before{border-right:2px solid #1A4683;border-top:2px solid #1A4683}
#bannersearch .swiper-search.active{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.toptitle{display:inline-block;float:left;width:100%;text-align:center;font-size:1.875rem;line-height:2rem;color:#3E3E3E;padding-top:6rem;padding-bottom:3rem}
a.link-a-befo{display:inline-block;float:left;padding:1rem 3rem 1rem 1.5rem;border-radius:0.2rem;border:rgba(255,255,255,0.6) 1px solid;font-size:0.875rem;position:relative;background-color:#ffffff22}
a.link-a-befo:before{position:absolute;right:1rem;top:48%;z-index:0;content:'';width:0;height:0;border-right:2px solid #fff;border-top:2px solid #fff;height:0.4rem;width:0.4rem;transform:rotate(deg);-webkit-transform:rotate(45deg) translate(-50%,0%);border-left:2px solid transparent;border-bottom:2px solid transparent}
.product{padding:30px 0;background-color:#f7f8f9}
.product ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.product ul li{margin-bottom:20px;padding:20px;box-sizing:border-box;width:24%;height:300px;border:1px solid #ddd;border-radius:4px;background-color:#fff}
.product ul li.pro-desc{width:100%;margin-left:0}
.product ul li .li-box{position:relative;overflow:hidden}
.product ul li .img{width:100%}
.product ul li .ipname{margin-top:30px;content:'';color:#222;text-align:center;width:100%;font-size:18px;line-height:2.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product ul li .text{position:absolute;right:-100%;top:0;z-index:2;width:100%;height:100%;padding:10%;color:#fff;background:#1592daaa;opacity:0}
.product ul li .text .name{width:100%;float:left;font-size:18px;line-height:2rem;height:4rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product ul li .text .desc{width:100%;float:left;height:8.125rem;line-height:1.625rem;margin-top:15px;font-size:1rem;overflow:hidden}
.product ul li .text .link{width:100%;float:left;margin-top:2rem}
.product ul li .text .link a:after{position:absolute;left:0;top:0;z-index:-1;content:'';width:0%;height:100%;background:rgba(255,255,255,0.6);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.product ul li:hover{box-shadow:0.5rem 0.25rem 1rem 0.25rem rgb(0 0 0 / 20%)}
.product ul li:nth-last-child(1):hover{box-shadow:none}
.product ul li:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}
.product ul li:hover .ipname{opacity:0}
.product ul li:hover .text{opacity:1;right:0}
.product ul li:hover .title{opacity:0}
.product ul li .text .link a:hover{color:#333}
.product ul li .text .link a:hover::after{width:100%}
.product ul li .text .link a:hover::before{border-right:2px solid #333;border-top:2px solid #333}
.product ul li .text a{color:#fff}
.product .topname{float:left;text-align:center;width:50%;margin-left:25%;font-size:1rem;line-height:1.75rem;color:#6a6a6a}
.product .toplink{float:left;width:100%;padding:4rem 0 8rem 0}
.product .toplink a{margin-left:50%;color:#3e3e3e;transform:translate(-50%,0%);border:#C8CACC 1px solid}
.product .toplink a:before{border-right:2px solid #007AC1;border-top:2px solid #007AC1}
.product .toplink a:hover{background:#007AC1;color:#fff;border:#007AC1 1px solid}
.product .toplink a:hover::before{border-right:2px solid #fff;border-top:2px solid #fff}
.solution{float:left}
.insoft-main{width:100%;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;position:relative}
.insoft-main .mitem{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:-webkit-calc((100% - 56.25rem) / 3);width:-moz-calc((100% - 56.25rem) / 3);width:calc((100% - 56.25rem) / 3);height:39.6875rem;position:relative;overflow-x:hidden;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer}
.insoft-main .mitem[data-on="on"]{width:56.25rem;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}
.insoft-main .mitem .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.insoft-main .mitem .img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.img-common{background-repeat:no-repeat;background-position:center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-background-size:cover}
.insoft-main .mitem>a{position:relative}
.insoft-main .mitem>a:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(025,126,194,0.5)}
.insoft-main .mitem .box{z-index:11;position:absolute;left:50%;top:50%;height:94%;width:50rem;max-height:28.125rem;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;overflow:hidden}
.insoft-main .mitem[data-on="on"] .box{text-align:left}
.insoft-main .mitem .box .ico{width:5rem;height:5rem;display:inline-block;*display:inline;*zoom:1;margin-bottom:1rem}
.insoft-main .mitem .box .titlebox{margin:0 auto;width:3.125rem;overflow:hidden}
.insoft-main .mitem[data-on="on"] .box .titlebox{width:auto;height:auto}
.insoft-main .mitem .box .titlebox .cn{font-size:1.875rem;width:2rem;color:#fff;line-height:2.2rem;display:inline-block;*display:inline;*zoom:1}
.insoft-main .mitem[data-on="on"] .box .titlebox .cn{float:none;width:100%}
.insoft-main .mitem .box .demo{width:42rem;font-size:1.2rem;margin-top:3rem;color:#ffffff;line-height:2rem;height:8rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:none}
.insoft-main .mitem[data-on="on"] .box .demo{display:block}
.insoft-main .link{width:100%;float:left;margin-top:3rem}
.insoft-main .link a{display:none;border:1px solid #fff;color:#fff}
.insoft-main .link a:hover{background:#fff;color:#333}
a.link-a-befo:before{transition:all .5s}
.insoft-main .link a:hover.link-a-befo:before{border-right:2px solid #999;border-top:2px solid #999}
.insoft-main .mitem[data-on="on"] .link a{display:inline-block}
.abt-num{float:left}
.abt-num ul{width:100%;margin-bottom:4rem}
.abt-num ul li{width:31.3333%;margin-left:3%;position:relative}
.abt-num ul li:nth-child(1){margin-left:0}
.abt-num ul li:before{position:absolute;content:'';width:100%;height:1px;background:#E3E4E5;top:50%;left:0;transform:translate(0%,-50%)}
.abt-num ul li .text{width:100%;float:left}
.abt-num ul li .text .number{float:left;position:relative;left:50%;transform:translate(-50%,0%)}
.abt-num ul li .text:nth-child(1){color:#D70008;padding-bottom:1rem}
.abt-num ul li .text:nth-child(1) span{display:inline-block;float:left;height:1rem;font-size:1.125rem;line-height:1rem;margin-top:2.3rem;font-weight:bold}
.abt-num ul li .text:nth-child(2){line-height:4.5rem;color:#333;height:5.25rem;font-size:1rem;text-align:center}
.abt-txt{float:left}
.abt-txt ul{width:100%}
.abt-txt ul li{width:49%;margin-left:2%;position:relative;color:#fff}
.abt-txt ul li a{color:#fff}
.abt-txt ul li .img{width:100%;height:100%;float:left;overflow:hidden}
.abt-txt ul li .text{position:absolute;left:0;top:0;width:100%;height:100%;padding:2.5rem}
.abt-txt ul li .text .name{width:100%;float:left;font-size:1.875rem;line-height:3rem;margin-top:3.25rem}
.abt-txt ul li .text .desc{width:100%;float:left;margin-top:1.125rem;margin-bottom:4.375rem;font-size:1.2rem;line-height:1.8rem;height:3rem}
.abt-txt ul li .text .link{width:100%;float:left}
.abt-txt ul li .text .link a{width:31.3333%;margin-right:2%;margin-bottom:2%}
.abt-txt ul li .wechat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}
.abt-txt ul li:nth-child(1){margin-left:0}
.abt-txt ul li:nth-child(2):hover a{color:#e9e9e9}
.abt-txt ul li.abtlink{width:23.5%;margin-top:1.85%;cursor:pointer}
.abt-txt ul li.abtlink .name{margin-top:8rem}
.abt-txt .more{width:100%;float:left}
.abt-txt .more a{display:inline-block;float:right;font-size:0.875rem;color:#007AC1;font-weight:bold;line-height:2rem;height:2rem;margin:2.1875rem 0;position:relative;padding-right:11rem}
.abt-txt .more a i.ico{position:absolute;right:0}
.abt-txt .more a i.ico img{height:2rem}
.abt-txt ul li.abtlink.active .name{opacity:0}
.abt-txt ul li.abtlink.active .name.op1{opacity:1}
.abt-txt ul li.abtlink.active .wechat{opacity:1}
.abt-txt ul li .text .link a:hover{background:#fff;color:#333}
.abt-txt ul li .text .link a:hover::before{border-right:2px solid #333;border-top:2px solid #333}
.abt-txt ul li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
.teamwork{float:left;position:relative}
.teamwork img{width:100%;height:400px;object-fit:cover}
.teamwork .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.teamwork .text h1.toptitle{color:#fff;padding-top:5rem;padding-bottom:4rem}
.teamwork .text a{position:relative;left:50%;transform:translate(-50%,0%);color:#fff}
.teamwork .text a:hover{background:#fff;color:#333}
.teamwork .text a:hover::before{border-right:2px solid #333;border-top:2px solid #333}
.news{padding:6.25rem 0 10rem 0;float:left;background:#F2F4F5 url(../image/news-bg.jpg) bottom center no-repeat}
.news h1.toptitle{text-align:left;padding:0;padding-bottom:3rem}
.news h1.toptitle .title{float:left}
.news h1.toptitle .title a{position:relative;padding-right:2rem}
.news h1.toptitle .title a:before{position:absolute;content:'';right:0;bottom:0;width:1.5rem;height:1.5rem;background:url(../image/news-more.png);background-repeat:no-repeat;background-size:cover}
.news-block {
    display: flex;
    justify-content: space-between;
    width:100%;
}
.news .left{width:49%;float:left;position:relative}
.news .right{width:49%;float:left;}
.news .left .swiper-slide{width:100%}
.news .left .cont{width:100%;float:left;position:relative}
.news .left .img{width:100%;padding-right:20rem;height:14.25rem;float:left;overflow:hidden}
.news .left .img a{display:inline-block;width:100%;height:100%;overflow:hidden;position:relative}
.news .left .img a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}
.news .left .text{position:absolute;right:0;top:0;width:19rem;float:right}
.news .left .text>div{width:100%;float:left}
.news .left .text .name{font-size:1.125rem;line-height:1.875rem;height:3.75rem;overflow:hidden;color:#333}
.news .left .text .date{color:#e60013;font-weight:bold;font-size:0.875rem;line-height:3rem}
.news .left .text .desc{font-size:0.875rem;line-height:1.5rem;height:3rem;overflow:hidden;color:#989898}
.news .left .swiper-slide:hover .img img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1)}
.news .left .swiper-slide:hover .name a{color:#000}
.news .left .swiper-slide:hover .desc{color:#666}
.news .swiper-container,.news .swiper-wrapper,.news .swiper-slide{width:100%;z-index:0}
.news .left .swiper-button-all{position:absolute;z-index:1;right:19rem;transform:translate(100%,0%);bottom:0}
.news .left .swiper-button-all>div{background:#fff;width:2.5rem;height:2.5rem;float:left;margin-right:0.5rem;border:#D5D7DA 1px solid;border-radius:0.25rem;position:relative;cursor:pointer}
.news .left .swiper-button-all>div:before{position:absolute;right:40%;top:55%;content:'';width:0;height:0;border-right:2px solid #A0A0A0;border-top:2px solid #A0A0A0;height:0.4rem;width:0.4rem;transform:rotate(deg);-webkit-transform:rotate(45deg) translate(-50%,-50%);border-left:2px solid transparent;border-bottom:2px solid transparent}
.news .left .swiper-button-all>div:nth-child(1)::before{top:15%;right:30%;-webkit-transform:rotate(-135deg) translate(-50%,-50%)}
.news .left .swiper-button-all>div:hover{background:#E2E3E4}
.news .right .news-li{background:#fff;width:100%;float:left;margin-top:1rem;padding:0.8125rem 0;position:relative;box-shadow:0 0.2rem 0.2rem 0px rgba(198,200,204,0.6)}
.news .right .news-li:nth-child(1){margin-top:0}
.news .right .news-li .date{position:absolute;left:0;top:50%;transform:translate(0%,-50%);width:6rem;float:left;color:#D70008}
.news .right .news-li .date span{display:inline-block;width:100%;float:left;text-align:center;font-size:2.75rem;line-height:3rem}
.news .right .news-li .date span:nth-child(2){font-size:0.875rem;line-height:2rem}
.news .right .news-li .text{width:100%;float:left;padding-left:6rem;padding-right:0.8125rem;line-height:2.5rem}
.news .right .news-li .text>div{width:100%;height:2.5rem;float:left;overflow:hidden}
.news .right .news-li .text>div.name a{color:#333}
.news .right .news-li .text>div.desc{color:#989898}
.news .right .news-li:hover{background:#007AC1}
.news .right .news-li:hover .date span{color:#fff}
.news .right .news-li:hover .text>div.name{color:#fff}
.news .right .news-li:hover .text>div.desc{color:#fff}
@media(max-width:1680px){#bannswiper-slider-li .text.w1400{width:86%;margin:0 auto}
}@media(max-width:1440px){#bannersearch .swiper-search .securities .link{padding-left:3rem}
.news .left .text{width:19rem}
.news .left .swiper-button-all{right:19rem}
.product ul li .ipname{font-size:1.625rem;line-height:2rem;height:4rem}
.product ul li .text .name{font-size:1.5rem;line-height:1.875rem;height:3.75rem}
}@media(max-width:1366px){.news{padding:6rem 0}
.news .swiper-wrapper{width:100%}
.news .left{width:54%}
.news .right{width:44%}
.product ul li .text{padding:15% 10%}
}@media(max-width:1279px){a.link-a-befo{padding:0.5rem 2rem 0.5rem 1rem}
#banner .swiper-slide .text{max-width:inherit}
#bannersearch .swiper-search .left{padding-right:30rem}
#bannersearch .swiper-search .securities{padding-right:2rem}
#bannersearch .swiper-search .securities .link{padding-left:1rem}
.toptitle{padding-top:4rem;padding-bottom:2rem}
.product{background-color:#F0F4F7}
.product .toplink{padding-bottom:4rem}
.product ul li .text{padding:15% 10%}
.product ul li .ipname{font-size:1.5rem;line-height:1.875rem;height:3.75rem}
.product ul li .text .desc{line-height:1.5rem;height:7.5rem;margin-top:1rem}
.product ul li .text .name{font-size:1.3125rem;line-height:1.5rem;height:3rem}
.insoft-main .mitem{height:35rem}
.insoft-main .mitem .box .ico{width:4rem;height:4rem}
.insoft-main .mitem .box .titlebox .cn{font-size:1.5rem;line-height:2rem}
.insoft-main .mitem[data-on="on"]{width:50rem}
.abt-num ul{margin-bottom:2rem}
.abt-txt ul li:nth-child(1) .text{padding:3rem}
.abt-txt ul li:nth-child(2) .name{margin-top:4rem}
.teamwork .text h1.toptitle{padding:2rem 0}
.teamwork .web{display:inline-block}
.teamwork .mobile{display:none}
}@media(max-width:1024px){a.link-a-befo{padding:0.5rem 2rem 0.5rem 1rem}
#bannersearch .swiper-search{bottom:0rem;height:4rem;line-height:4rem}
#bannersearch .swiper-search.active{}
#bannersearch .swiper-search .left{padding-right:1rem}
#bannersearch .swiper-search .left .name{padding-left:1rem;width:9rem}
#bannersearch .swiper-search .left .desc{padding-left:8.3125rem}
#bannersearch .swiper-search .left .desc .search-input{margin:1.25rem 0}
#bannersearch .swiper-search .securities{padding-right:1rem}
#bannersearch .swiper-search .securities .name a{padding:0 0.875rem}
#bannersearch .swiper-search .securities .name a:nth-child(2){padding:0 0.875rem}
#bannersearch .swiper-search .securities .link{padding-left:0rem}
#banner .banner-scrollbar{bottom:1rem;margin-bottom:0}
.product ul li .text .desc{font-size:0.875rem}
.product ul li .text .link{margin-top:0.5rem}
.product ul li .ipname{font-size:1.25rem;line-height:1.5rem;height:3rem}
.product ul li .text .name{font-size:1.25rem;line-height:1.5rem;height:3rem}
.insoft-main .mitem{height:30rem}
.insoft-main .mitem .box .ico{width:3rem;height:3rem}
.insoft-main .mitem .box .titlebox .cn{font-size:1.25rem;line-height:1.625rem}
.insoft-main .mitem[data-on="on"]{width:42rem}
.insoft-main .mitem .box{width:38rem;max-height:20rem}
.abt-txt ul li:nth-child(1) .text{padding:1rem}
.abt-txt ul li .text{padding:1rem}
.abt-txt ul li .text .name{font-size:1.5rem}
.abt-txt ul li.abtlink .name{margin-top:5rem;font-size:1.5rem}
.abt-txt ul li:nth-child(2) .name{margin-top:3rem}
.abt-txt ul li .text .link a{padding:0.75rem 2rem 0.75rem 1rem}
.teamwork .text{width:100%}
.teamwork .text h1.toptitle{padding:1rem 0 2rem 0}
.teamwork .text a{padding:0.75rem 2rem 0.75rem 1rem}
.news{padding:4rem 0}
.news .left{width:59%}
.news .left .img{padding-right:15rem}
.news .left .text{width:14rem}
.news .left .swiper-button-all{right:14rem}
.news .right{width:39%}
}@media(max-width:768px){a.link-a-befo{padding:0.5rem 1.6rem 0.5rem 0.8rem;font-size:1rem}
a.link-a-befo:before{width:0.2rem;height:0.2rem;right:0.5rem}
#banner .swiper-slide,#banner .swiper-slide .img,#banner .swiper-slide .bgvideo,#banner .swiper-slide .img img{top:2rem;width:100%;height:auto!important;}
#banner .swiper-container{height:inherit}
#banner .swiper-slide{position:relative}
#bannersearch .swiper-search.active{bottom:0}
#bannswiper-slider-li{width:100%;height:22.5rem}
#banner .swiper-slide .text{width:90%;margin:0}
#banner .swiper-slide .text>div{width:100%}
#banner .swiper-slide .text .title{font-size:1rem;line-height:1.5rem}
#banner .swiper-slide .text .name{font-size:1.25rem;line-height:1.5rem;margin:0.5rem 0}
#banner .swiper-slide .text .desc{font-size:0.875rem;line-height:1.25rem}
#bannswiper-slider-li .bgvideo video{width:100%!important}
#banner .swiper-slide .video{z-index:2}
#banner .swiper-slide .video .ico{width:3rem;height:3rem}
#banner .swiper-slide .video .ico:before{border-top:0.3rem solid transparent;border-bottom:0.3rem solid transparent;border-left:0.6rem solid #fff}
#banner .banner-scrollbar{bottom:1rem}
#banner .swiper-container{height:calc(360px - 6rem)}
#bannersearch .swiper-search{bottom:0rem;height:3rem;line-height:3rem}
#bannersearch .swiper-search .left{padding-right:2%}
#bannersearch .swiper-search .left .name{padding-left:2%}
#bannersearch .swiper-search .left .desc{padding-left:7.5rem}
#bannersearch .swiper-search .left .desc .search-input{margin:0.75rem 0}
.toptitle{padding-top:2rem;padding-bottom:1rem;font-size:1.25rem}
.product{position:relative;background-color:#F0F4F7!important;background-size:100% auto!important}
.product .w1400{width:100%;margin:0}
.product ul li{width:49%;height:200px;margin-left:2%;margin-bottom:2%}
.product ul li:nth-last-child(2n-1){margin-left:0}
.product ul li .title{font-size:1.125rem;bottom:1rem}
.product ul li .text{right:0;top:inherit;bottom:0;opacity:1;height:2rem;padding:0;overflow:hidden;position:absolute}
.product ul li .text .name{position:initial;padding:0 0.5rem;font-size:1rem;height:2rem;line-height:2rem;overflow:hidden;text-align:center}
.product ul li .ipname{opacity:0}
.product ul li .text .desc,.product ul li .text .link{display:none}
.product .pro-desc{width:100%;margin:4% 0}
.product .pro-desc .pro-desc-text{position:absolute;left:50%;top:50%;width:80%;transform:translate(-50%,-50%)}
.product .pro-desc .toptitle{padding-top:0;font-size:1.25rem}
.product .pro-desc .topname{padding:0;margin:0;width:100%;font-size:0.875rem;line-height:1.5rem;height:4.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.product .pro-desc .toplink{padding:1rem 0}
.product .pro-desc .toplink a.link-a-befo{width:7rem}
.insoft-main .mitem{width:calc((100% - 12%) / 3);height:0;padding-bottom:72%}
.insoft-main .mitem .box .ico{width:2rem;height:2rem}
.insoft-main .mitem .box .titlebox .cn{font-size:1rem;line-height:1.1rem;width:1rem}
.insoft-main .mitem .box{width:100%;max-height:80%}
.insoft-main .mitem .box .demo{width:100%;font-size:0.875rem;line-height:1.25rem;height:5rem;margin-top:1.5rem}
.insoft-main .link{display:none;margin-top:0.5rem}
.insoft-main .mitem[data-on="on"]{width:100%}
.insoft-main .mitem[data-on="on"] .box{padding:0 5%}
.insoft-main .mitem[data-on="on"] .link{display:inline-block}
.abt-num ul{margin-bottom:0rem}
.abt-num ul li .text:nth-child(1) font{font-size:1.5rem;line-height:2rem;height:2rem;padding-right:0.75rem}
.abt-num ul li .text:nth-child(1) font::before{line-height:1rem;font-size:1rem}
.abt-num ul li .text:nth-child(1) span{font-size:0.875rem;margin-top:0.875rem}
.abt-num ul li .text:nth-child(2){height:2rem;line-height:2rem;font-size:0.875rem}
.abt-txt ul li{width:100%;margin-left:0;margin-top:2%}
.abt-txt ul li.abtlink{width:49%}
.abt-txt ul li .info{position:absolute;top:10%;width:90%;}
.abt-txt ul li .text .name{margin-top:0;font-size:2.125rem;}
.abt-txt ul li .text .desc{height:auto;font-size:1rem}
.abt-txt ul li:nth-child(2) .name{margin-top:0}
.abt-txt ul li .text{text-align:center}
.abt-txt ul li .text .link a{width:48%;float:left}
.abt-txt ul li.abtlink .name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.abt-txt .more a{padding-right:6.5rem;margin:1rem 0}
.abt-txt .more a i.ico img{height:1.25rem;width:auto;margin-top:0.375rem}
.teamwork .web{display:none}
.teamwork .mobile{display:inline-block}
.teamwork img.mobile{position:relative;left:50%;transform:translate(-50%,0);width:auto;max-width:inherit;!important;width:100%;height:12rem;object-fit:cover}
.teamwork .text h1.toptitle{padding:2rem 0}
.teamwork .text h1.toptitle{padding:0 10%;line-height:1.5rem;font-size:1rem}
.teamwork .text .link{float:left;width:100%;margin-top:1rem}
.teamwork .text .link a{padding:0.6rem 2rem 0.6rem 1rem}
.news{padding:2rem 0}
.news h1.toptitle{padding-bottom:1rem}
.news-block {
    flex-direction: column;
}
.news .left{width:100%;margin-bottom:1rem}
.news .left .img{position:absolute;left:0;top:0;width:8rem;height:6rem;padding-right:0rem}
.news .left .text{width:100%;padding-left:8.5rem;position:inherit;right:inherit;top:inherit}
.news .left .text .name{height:1.75rem;font-size:1rem;line-height:1.75rem;-webkit-line-clamp:1}
.news .left .text .date{line-height:1.2rem;margin:0.25rem 0}
.news .left .text .desc{line-height:1.25rem;height:2.5rem}
.news .left .swiper-button-all{right:0;top:-3rem;transform:inherit;height:2rem}
.news .left .swiper-button-all>div{width:2rem;height:2rem}
.news .left .swiper-button-all>div:nth-child(1)::before{top:10%;right:25%}
.news .left .swiper-button-all>div:nth-child(2)::before{top:60%;right:40%}
.news .right{width:100%;margin:0}
.news .right .news-li{padding:0.6125rem 0;}
.news .right .news-li:nth-child(1){margin-top:0.5rem}
.news .right .news-li .date{width:4rem}
.news .right .news-li .date span{font-size:1.875rem;line-height:2rem}
.news .right .news-li .date span:nth-child(2){font-size:0.75rem;line-height:1.5rem}
.news .right .news-li .text{padding-left:4.25rem}
.news .right .news-li .text>div{line-height:1.625rem;height:1.625rem;font-size:1rem}
.news .right .news-li .text>div.desc{height:2rem;line-height:1rem;font-size:0.75rem;text-overflow:inherit;white-space:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}@media(max-width:375px){.abt-num ul li .text:nth-child(1) font{font-size:1.4rem}
.insoft-main .mitem .box .titlebox .cn{font-size:1rem;line-height:1.05rem}
.insoft-main .mitem .box .ico{margin-bottom:0.3rem}
.insoft-main .mitem .box .demo{margin-top:0.5rem}
.insoft-main .link{display:none;margin-top:0.5rem}
}@media (min-aspect-ratio:16/9){#bannswiper-slider-li .bgvideo video{width:100%;height:auto}
}@media (max-aspect-ratio:16/9){#bannswiper-slider-li .bgvideo video{width:auto;height:100%}
}