*{box-sizing:border-box;margin:0;padding:0;} @font-face{font-family:HarmonyOS_Sans_SC_Medium;src:url(https://ctmon-file.ctmon.com.cn/fonts/HarmonyOS_Sans_SC.woff2) format('woff2');} @font-face{font-family:HarmonyOS_Sans_SC;src:url(https://ctmon-file.ctmon.com.cn/fonts/HarmonyOS_Sans_SC.woff2) format('woff2');} @font-face{font-family:HarmonyOS Sans SC;src:url(https://ctmon-file.ctmon.com.cn/fonts/HarmonyOS_Sans_SC.woff2) format('woff2');} @font-face{font-family:HarmonyOS_Sans_SC_Light;src:url(https://ctmon-file.ctmon.com.cn/fonts/HarmonyOS_Sans_SC.woff2) format('woff2');} @font-face{font-weight:500;font-family:HarmonyOS_Sans_SC_Bold;src:url(https://ctmon-file.ctmon.com.cn/fonts/HarmonyOS_Sans_SC.woff2) format('woff2');} @font-face{font-family:Poppins;src:url(../font/Poppins-Regular.ttf) format('truetype');} @font-face{font-family:DIN;src:url(../font/DIN-REGULAR.woff) format('truetype');} @font-face{font-family:'Century Gothic';src:url(../font/GOTHIC.TTF) format('truetype');} a:active,a:hover,a:link,a:visited{background:0 0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;} a{text-decoration:none;} ul{list-style:none;} body{overflow-x:hidden;-webkit-tap-highlight-color:transparent;font-family:"HarmonyOS_Sans_SC";} .content1300{margin:0 auto;width:1300px;max-width:94%;} .content1440{margin:0 auto;width:1440px;max-width:94%;} .content1400{margin:0 auto;width:1400px;max-width:94%;} .content1240{margin:0 auto;width:1240px;max-width:94%;} .content1200{margin:0 auto;width:1200px;max-width:94%;} .content1500{margin:0 auto;width:1500px;max-width:94%;} .content1600{margin:0 auto;width:1600px;max-width:94%;} .hoverLi .pic{overflow:hidden;} .hoverLi:hover .imgScale{transform:scale(1.05);} .imgScale{display:block;width:100%;transition:all 1s;} .index-title{position:relative;z-index:1;} .main{padding-top:70px;} .header{position:fixed;top:0;left:0;z-index:999;padding:0 4.16%;width:100%;background-color:#fff;box-shadow:0 3px 14px 0 rgba(226,226,226,.5);} .header.active{box-shadow:0 3px 14px 0 rgba(226,226,226,.5);} .header.active .r .nav li>a{line-height:70px;} .header .content{display:flex;justify-content:space-between;align-items:center;} .header .logo img{display:block;} .header .r{display:flex;align-items:center;} .header .r .nav{display:flex;} .header .r .nav li>a{position:relative;display:block;color:#070707;font-size:16px;font-family:HarmonyOS_Sans_SC;line-height:70px;transition:all .6s;} .header .r .nav li>a::before{position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#182f8e;content:'';transition:all .6s;transform:translateX(-50%);} .header .r .nav li.rel>a::before{opacity:0;} .header .r .nav li:hover>a::before{width:100%;} .header .r .nav li:hover>a{color:#182f8e;} .header .r .nav li:not(:last-child){margin-right:72px;} .header .r .nav .subNav{position:absolute;left:0;display:none;padding:20px 0;width:100%;background-color:#f5f5f5;transition:all .6s;} .header .r .nav li:hover .subNav{display:block;} .header .r .nav .subNav .content1666{margin:0 auto;width:1666px;max-width:94%;} .header .r .nav .subNav-t{position:relative;padding:0 50px 0 22%;} .header .r .nav .subNav-t .btn{position:absolute;top:50%;color:#9e9e9e;font-size:32px;cursor:pointer;transform:translateY(-50%);} .header .r .nav .subNav-t .btn:hover{color:#182f8e;} .header .r .nav .subNav-t .btn.btn-prev{left:19.5%;} .header .r .nav .subNav-t .btn.btn-next{right:0;} .header .r .nav .subNav-t .swiper-slide{padding:0 22px;width:auto;color:#333;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:60px;cursor:pointer;} .header .r .nav .subNav-t .swiper-slide a{color: #333;} .header .r .nav .subNav-t .swiper-slide span{position:relative;} .header .r .nav .subNav-t .swiper-slide span::before{position:absolute;bottom:-5px;left:50%;width:0;height:1px;background-color:#182f8e;content:'';transition:all .6s;transform:translateX(-50%);} .header .r .nav .subNav-t .swiper-slide.active span::before{width:100%;} .header .r .nav .subNav-t .swiper-slide.active{background-color: #182f8e;color:#182f8e;} .header .r .nav .subNav-t .swiper-slide.active a{color:#ffffff;} .header .r .nav .subNav-t .swiper-slide:not(:last-child){margin-right:14px;} .header .r .nav .subNav-c{display:flex;border-top:1px solid #ededed;} .header .r .nav .subNav-c-l{padding:24px 0;width:19.8%;background-color:#ededed;} .header .r .nav .subNav-c-l a{position:relative;display:flex;padding:7px 30px 7px 20px;color:#333;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:28px;justify-content:space-between;} .header .r .nav .subNav-c-l a::before{position:absolute;top:50%;left:0;width:3px;height:0;background-color:#182f8e;content:'';transition:all .6s;transform:translateY(-50%);} .header .r .nav .subNav-c-l a.active::before{height:100%;} .header .r .nav .subNav-c-l a.active{background-color: #182f8e;color: #ffffff;} .header .r .nav .subNav-c-r{background-color:#fff;flex:1;} .header .r .nav .subNav-c-r .items{display:none;width:100%;height:100%;} .header .r .nav .subNav-c-r .items.active{display:block;} .header .r .nav .subNav-c-r .items .itemBox{display:none;} .header .r .nav .subNav-c-r .items .itemBox.active{display:block;} .header .r .nav .subNav-c-r .items1{padding:35px 43px;} .header .r .nav .subNav-c-r .items1 .title{color:#182f8e;font-weight:400;font-size:16px;font-family:HarmonyOS_Sans_SC_Medium;line-height:1;} .header .r .nav .subNav-c-r .items1 .items-c{position:relative;display:flex;margin-top:10px;justify-content:space-between;} .header .r .nav .subNav-c-r .items1 .items-c-l{position:relative;width:80%;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemLists{display:flex;flex-wrap:wrap;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList{padding:0 15px;padding-bottom:30px;width:25%;border-right:1px solid #f2f2f2;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList:nth-child(4n+1){padding-left:0;width:23%;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList:nth-child(4n+1):before{position:absolute;width:100%;height:1px;background-color:#f2f2f2;content:'';} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList-title{padding-top:20px;color:#333;font-weight: bold;font-size:14px;font-family:HarmonyOS_Sans_SC_Medium;line-height:1;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList-des{margin-top:15px;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList-des a{display:block;color:#666;font-weight:400;font-size:12px;font-family:HarmonyOS Sans SC;line-height:16px;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList-des a:hover{color:#182f8e;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList-des a:not(:last-child){margin-bottom:6px;} .header .r .nav .subNav-c-r .items1 .items-c-r{padding-top:20px;padding-left:20px;width:20%;border-top:1px solid #f2f2f2;text-align:right;} .header .r .nav .subNav-c-r .items1 .items-c-r .text-box{width:200px;max-width:100%;text-align:left;} .header .r .nav .subNav-c-r .items1 .items-c-r-title{display:flex;color:#182f8e;font-weight:400;font-size:14px;font-family:HarmonyOS_Sans_SC_Medium;line-height:1;} .header .r .nav .subNav-c-r .items1 .items-c-r-title img{margin-left:11px;} .header .r .nav .subNav-c-r .items1 .items-c-r .a-list a{display:block;margin-top:23px;} .header .r .nav .subNav-c-r .items1 .items-c-r .a-list .text{display:-webkit-box;overflow:hidden;margin-bottom:15px;color:#666;text-overflow:ellipsis;font-weight:400;font-size:14px;font-family:HarmonyOS Sans SC;line-height:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .header .r .nav .subNav-c-r .items1 .items-c-r .a-list a:hover .text{color:#182f8e;} .header .r .nav .subNav-c-r .items2{padding:33px 37px;} .header .r .nav .subNav-c-r .items2 .title{color:#333;color:#182f8e;font-size:16px;font-family:HarmonyOS_Sans_SC_Medium;line-height:1;} .header .r .nav .subNav-c-r .items2 .item-t{display:flex;padding-top:11px;color:#333;font-weight: bold;font-size:14px;font-family:HarmonyOS_Sans_SC_Medium;line-height:2;cursor:pointer;justify-content:space-between;align-items:center;} .header .r .nav .subNav-c-r .items2 .item .item-t .iconfont{display:none;transition:all .3s;} .header .r .nav .subNav-c-r .items2 .item.active .item-t .iconfont{transform:rotate(90deg);} .header .r .nav .subNav-c-r .items2 .items-c{position:relative;display:flex;margin-top:10px;flex-wrap:wrap;} .header .r .nav .subNav-c-r .items2 .item{margin-right:35px;width:250px;max-width:24%;} .header .r .nav .subNav-c-r .items2 .item:nth-child(4n+1):before{position:absolute;width:100%;height:1px;background-color:#f2f2f2;content:'';} .header .r .nav .subNav-c-r .items2 .item-c{display:block!important;padding:9px 0 39px;} .header .r .nav .subNav-c-r .items2 .item-c a{display:block;color:#666;font-weight:400;font-size:12px;font-family:HarmonyOS Sans SC;line-height:20px;} .header .r .nav .subNav-c-r .items2 .item-c a:hover{color:#182f8e;} .header .r .nav .subNav-c-r .items2 .item-c a:not(:last-child){margin-bottom:6px;} .header .r li.rel{position:relative;} .header .r li:hover .subNav1{display:block;} .header .r .subNav1{position:absolute;left:50%;display:none;padding:10px 0;width:170px;border-top:2px solid #182f8e;background-color:#fff;transform:translate(-50%);} .header .r .subNav1 a{display:block;padding:0 20px;color:#333;text-align:center;font-weight:400;font-size:14px;font-family:HarmonyOS Sans SC;line-height:36px;justify-content:space-between;} .header .r .subNav1 a:hover{color:#182f8e;} .header .r li:hover .subNav2{display:block;} .header .r .subNav2{position:absolute;left:50%;display:none;margin-top:-2px;width:630px;border-top:2px solid #ededed;transform:translate(-50%);} .header .r .subNav2 .subNav2Container{display:flex;} .header .r .subNav2 .subNav2Container-l{width:50%;background-color:#f5f5f5;} .header .r .subNav2 .subNav2Container-l a{position:relative;display:flex;padding:0 20px;color:#333;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:38px;justify-content:space-between;} .header .r .subNav2 .subNav2Container-l a.active{background-color:#fff;color:#182f8e;} .header .r .subNav2 .subNav2Container-l a::before{position:absolute;top:50%;left:0;width:3px;height:0;background-color:#182f8e;content:'';transition:all .6s;transform:translateY(-50%);} .header .r .subNav2 .subNav2Container-l a.active::before{height:100%;} .header .r .subNav2 .subNav2Container-r{padding:30px;width:50%;background-color:#fff;} .header .r .subNav2 .subNav2Container-r .items.active{display:block;} .header .r .subNav2 .subNav2Container-r .items{display:none;} .header .r .subNav2 .subNav2Container-r .items-t{padding-bottom:10px;border-bottom:1px solid #f2f2f2;color:#182f8e;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:1;} .header .r .subNav2 .subNav2Container-r .items-c{margin-top:10px;} .header .r .subNav2 .subNav2Container-r .items-c a{display:block;color:#666;font-weight:400;font-size:14px;font-family:HarmonyOS Sans SC;line-height:32px;} .header .r .subNav2 .subNav2Container-r .items-c a:hover{color:#182f8e;} .header .r .icons{display:flex;margin-left:74px;align-items:center;} .header .r .icons a{position:relative;color:#070707;} .header .r .icons a:hover{color:#182f8e;} .header .r .icons a:not(:last-child),.header .r .language{margin-right:30px;} .header .r .icons a .iconfont{display:block;font-size:20px;} .header .r .icons a .iconfont.icon-ditu_diqiu_o{transform:scale(1.2);} .header .r .language{position:relative;} .header .r .language span{display: block;font-size: 20px;transform: scale(1.2);} .header .r .language ul{position:absolute;top: 20px;background: #ffff;padding: 0px;left: 50%;transform: translateX(-50%);/* border: 1px solid #cdcdcd; */display: none;padding-top: 20px;} .header .r .language ul li a{display:block;padding:10px 20px;border-top: 1px dashed #cdcdcd;} .header .r .language ul li:first-child a{border-top: 0px;} .header .r .language:hover ul{display:block;} .header .headerSearch .searchContainer{position:absolute;top:60px;right:0;display:none;overflow:hidden;width:400px;height:50px;border:1px solid #f1f1f1;background-color:#fff;} .header .headerSearch .searchContainer form{display:flex;} .header .headerSearch .searchContainer input{padding:0 5px 0 22px;width:100%;outline:0;border:none;color:#333;font-size:16px;flex:1;} .header .headerSearch .searchContainer input::placeholder{font-size:14px;} .header .headerSearch .searchContainer .submit{width:60px;background-color:#182f8e;color:#fff;text-align:center;line-height:48px;} .header .headerSearch .searchContainer .submit .iconfont{font-size:18px;} .header .searchBtn .iconfont{display:block;font-size:20px;} .commonMore{display:flex;width:160px;height:50px;border:1px solid rgba(24,47,142,.23);background-color:#fbfcfd;color:#182f8e;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;transition:all .6s;align-items:center;justify-content:center;} .commonMore:hover{border-color:#182f8e;background-color:#182f8e;color:#fff;} .commonMore .iconfont{margin-left:20px;font-size:28px;} .commonMore1{display:flex;width:35px;height:25px;border:1px solid #fff;transition:all .6s;transform:skew(-10deg);align-items:center;justify-content:center;} .box3 .box-c .c a:hover .commonMore2,.box3 .box-c .l a:hover .commonMore2,.commonMore1:hover{border-color:#182f8e;background-color:#182f8e;color:#fff;} .commonMore1 .iconfont{color:#fff;font-size:20px;} .commonMore2{border:1px solid #999;} .commonMore2 .iconfont{color:#999;} .box3 .box-c .c a:hover .commonMore2 .iconfont,.box3 .box-c .l a:hover .commonMore2 .iconfont,.commonMore2:hover .iconfont{color:#fff;} .box3 .box-c .l a:hover .text-box-b{color:#182f8e;} .index-title .des{margin-bottom:10px;color:#182f8e;font-weight:400;font-size:22px;font-family:HarmonyOS Sans SC;line-height:1;} .index-title .title{color:#070707;font-weight:400;font-size:34px;font-family:HarmonyOS Sans SC;line-height:1.33;} .commonBtns .btn{cursor:pointer;fill:#0f0;stroke-width:30;} .commonBtns .btn .icon{position:relative;display:flex;width:50px;height:56px;align-items:center;justify-content:center;} .commonBtns .btn .icon::after,.commonBtns .btn .icon::before{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/sjx.png);background-size:cover;content:'';} .commonBtns .btn .icon::after{background-image:url(../images/sjx1.png);opacity:0;transition:all .6s;} .commonBtns .btn .icon:hover::after{opacity:1;} .commonBtns .btn .icon{padding-left:10px;} .commonBtns .btn.btn-next .icon{transform:rotate(180deg);} .commonBtns .btn .icon .iconfont{position:relative;z-index:2;color:#182f8e;font-size:32px;transition:all .6s;} .commonBtns .btn:hover .icon .iconfont{color:#fff;} .commonBtns .btn.btn-next .icon .iconfont{transform:rotate(-180deg);} .commonMoreBtn{display:flex;color:#fff;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1;align-items:center;} .commonMoreBtn .commonMore1{margin-left:10px;} .commonMoreBtn:hover .commonMore1{border-color:#182f8e;background-color:#182f8e;color:#fff;} .footer{background-color:#121416;} .footer-t{display:flex;padding:45px 0 20px;justify-content:space-between;align-items:center;} .footer-t .logo img{display:block;} .footer-t .social{display:flex;} .footer-t .social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);color:rgba(255,255,255,.5);text-align:center;line-height:40px;transition:all .6s;} .footer-t .social a:hover{background-color:#182f8e;color:#fff;} .footer-t .social a .iconfont{font-size:20px;} .footer-t .social a:not(:last-child){margin-right:14px;} .footer-c{display:flex;padding:20px 0 0 0;border-top:1px solid rgba(255,255,255,.07);align-items:center;justify-content:space-between;} .footer-c-l{display:flex;align-items:center;} .footer-c-l a{color:#fff;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:1;} .footer-c-l a:hover{opacity:.5;} .footer-c-l a:not(:last-child){margin-right:90px;} .footer-c-r{color:#fff;text-align:right;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1;} .footer-c-r .tel{margin-top:10px;font-weight:400;font-size:24px;} .footer-b{display:flex;padding:15px 0;color:rgba(255,255,255,.5);font-size:14px;font-family:HarmonyOS_Sans_SC_Light;line-height:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;} .footer-b a{color:rgba(255,255,255,.5);} @keyframes scale{0%{transform:translate(-50%,50%) scale(.3);} 100%{transform:translate(-50%,50%) scale(1);} } .banner1{position:relative;} .banner1::before{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.45);content:"";} .banner1 .pic img{display:block;width:100%;min-height:330px;object-fit:cover;} .banner1 .pic img.m{display:none;} .banner1 .banner-box{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);} .banner1 .banner-box .text-box{width:560px;max-width:100%;} .banner1 .banner-box .title{color:#fff;font-weight:400;font-size:36px;font-family:HarmonyOS Sans SC;line-height:1.45;} .banner1 .banner-box .des{margin-top:10px;color:#fff;font-size:18px;font-family:HarmonyOS_Sans_SC_Light;line-height:1.6;} .banner1 .banner-box .commonMore{display:inline-flex;margin-top:25px;padding:0 25px;width:auto;border:1px solid rgba(255,255,255.02);background-color:transparent;color:#fff;} .banner1 .banner-box .commonMore:hover{border-color:#182f8e;background-color:#182f8e;} .commonBread{padding:12px 0;color:#777;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1.5;} .commonBread .icon-home{color:rgba(119,119,119,.8);font-size:18px;} .commonBread .icon-youjiantou11{margin:0 7px;color:rgba(119,119,119,.8);font-size:12px;} .commonBread a{color:#777;} .commonBread .icon-home:hover,.commonBread a:hover{color:#182f8e;} .innerTitle{color:#070707;font-weight:400;font-size:36px;font-family:HarmonyOS Sans SC;line-height:1.5;} .innerDes{margin-top:10px;color:#777;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1.875;} .swiper-pagination{position:relative;bottom:0!important;display:none;margin-top:15px;} .swiper-pagination-bullet{width:16px;height:4px;border-radius:0;background:#888;opacity:.35;cursor:pointer;} .swiper-pagination-bullet-active{width:29px;background:#182f8e;opacity:1;transition:all .6s;} .newsList .btn{position:absolute;top:50%;z-index:2;transform:translateY(-50%);} .newsList{padding:60px 0 50px 0;background:url(../images/product-box3-bg.jpg);background-size:cover;} .newsList .box-c{position:relative;padding:50px;background-color:#fff;} .newsList .box-c .swiper-slide a{display:flex;justify-content:space-between;} .newsList .box-c .l{width:44.84%;} .newsList .box-c .l .label{color:#182f8e;font-size:18px;font-family:HarmonyOS_Sans_SC_Light;line-height:1;} .newsList .box-c .l .text-title{display:-webkit-box;overflow:hidden;margin-top:16px;color:#070707;text-overflow:ellipsis;font-weight:400;font-size:24px;font-family:HarmonyOS Sans SC;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .newsList .box-c .l .text-des{display:-webkit-box;overflow:hidden;margin-top:20px;color:#777;text-overflow:ellipsis;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .newsList .box-c .l .commonMore{margin-top:25px;} .newsList .box-c .r{width:51.42%;} .newsList .box-c .r .pic{height:100%;} .newsList .box-c .r .pic img{height:100%;object-fit:cover;} .newsList .commonBtns .btn .icon::before{background-image:url(../images/sjx2.png);} .newsList .commonBtns .btn .icon::after{background-image:url(../images/sjx3.png);} .newsList .commonBtns .btn .icon .iconfont{color:#fff;} .newsList .commonBtns .btn:hover .icon .iconfont{color:#182f8e;} .newsList .swiper-pagination-bullet-active{background-color:#fff;} .newsList .btn.btn-prev{left:-100px;} .newsList .btn.btn-next{right:-100px;} .solution-details .serviceSupport{background:#fff;} .serviceSupport{padding:55px 0 60px 0;text-align:center;} .serviceSupport .innerTitle span{color:#182f8e;} .serviceSupport .box-c{margin-top:30px;} .serviceSupport .box-c .swiper-wrapper{justify-content:center;} .serviceSupport .box-c .swiper-slide{position:relative;width:235px;text-align:center;} .serviceSupport .box-c .swiper-slide::before{position:absolute;top:50%;right:0;width:1px;height:62px;background:#333;content:'';opacity:.07;transform:translateY(-50%);} .serviceSupport .box-c .swiper-slide:last-child::before{display:none;} .serviceSupport .box-c .swiper-slide .icon{margin:0 auto;width:60px;height:60px;border-radius:50%;background:rgba(92,113,141,.05);text-align:center;line-height:60px;transition:all .6s;} .serviceSupport .box-c .swiper-slide:hover .icon{background-color:#024498;} .serviceSupport .box-c .swiper-slide .icon .iconfont{display:block;color:#024498;font-size:30px;transition:all .6s;} .serviceSupport .box-c .swiper-slide:hover .icon .iconfont{color:#fff;transform:rotateY(180deg);} .serviceSupport .box-c .swiper-slide .text{margin-top:15px;color:#070707;font-weight:500;font-size:18px;font-family:HarmonyOS Sans SC;line-height:1;transition:all .6s;} .serviceSupport .box-c .swiper-slide:hover .text{color:#182f8e;} .recommendProduct{padding:50px 0 50px;background-image:url(../images/product-box4-bg.jpg);background-size:cover;text-align:center;} .recommendProduct .box-t{display:flex;margin:20px auto 30px;align-items:center;justify-content:center;} .recommendProduct .productBtn{display:block;margin:0 4px;padding:0 24px;height:47px;background:rgba(136,136,136,.08);color:#020202;text-align:center;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:47px;} .recommendProduct .productBtn.active{background-color:#182f8e;color:#fff;} .recommendProduct .productListItem .text-box{background:rgba(255,255,255,.55);} .recommendProduct .box-c .items{display:none;animation:fadeInUpSmall 1s forwards;} .recommendProduct .box-c .items.active{display:block;} .productListItem{position:relative;width:24.12%;} .productListItem:not(:last-child){margin-right:1.14%;} .productListItem .img{position:relative;padding-top:66.56%;} .productListItem .img .pic{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;} .productListItem .img .pic img{max-width:100%;max-height:100%;} .productListItem .text-box{padding:35px 30px;background-color:#fff;} .productListItem .text-title{display:-webkit-box;overflow:hidden;color:#070707;text-overflow:ellipsis;font-weight:400;font-size:18px;font-family:HarmonyOS_Sans_SC_Medium;line-height:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .productListItem:hover .text-title{color:#182f8e;} .productListItem .text-des{display:-webkit-box;overflow:hidden;margin-top:15px;height:60px;color:#999;text-overflow:ellipsis;font-size:16px;font-family:HarmonyOS_Sans_SC_Light;line-height:1.875;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .productListItem .more{margin-top:25px;height:50px;border:1px solid rgba(24,47,142,.15);background:rgba(24,47,142,.03);color:#182f8e;text-align:center;font-weight:400;font-size:16px;font-family:HarmonyOS Sans SC;line-height:48px;transition:all .6s;} .productListItem .more:hover{background-color:#182f8e;color:#fff;} .innerNav{border-bottom:1px solid rgba(51,51,51,.07);background-color:#fff;} .innerNav .swiper-slide{position:relative;padding:21px 0;width:auto;color:#333;font-size:18px;font-family:HarmonyOS_Sans_SC_Light;line-height:1;cursor:pointer;} .innerNav .swiper-slide:not(:last-child){margin-right:60px;} .innerNav .swiper-slide::before{position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#122f8f;content:'';transition:all .6s;transform:translateX(-50%);} .innerNav .swiper-slide.active::before,.innerNav .swiper-slide:hover::before{width:100%;} .innerNav .swiper-slide.active,.innerNav .swiper-slide:hover{color:#122f8f;} .m_right{display:none;} .modal{position:fixed;top:0;left:0;z-index:999;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.55);} .modal .shadow{position:absolute;top:0;left:0;width:100%;height:100%;} .video-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .modal .close{position:absolute;top:-26px;right:-26px;color:#fff;font-size:24px;cursor:pointer;} .video-content video{display:block;margin:0 auto;max-width:90vw;max-height:80vh;} .pagination ul{display:flex;justify-content:center;flex-wrap:wrap;} .pagination ul li{margin:3px;width:49px;height:48px;border:1px solid #f1f1f1;color:#333;text-align:center;font-size:16px;line-height:46px;cursor:pointer;} .pagination ul li .iconfont{font-size:18px;} .pagination ul li.active,.pagination ul li:hover{background-color:#122f8f;} .pagination ul li a{display:block;color:#333;} .pagination ul li.active a,.pagination ul li:hover a{color:#fff;} .m-right-buttom{display:none;} .m-navbar{display:none;} @keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0,30px,0);} to{opacity:1;transform:translate3d(0,0,0);} } .fadeInUpSmall{animation-name:fadeInUpSmall;} .mobileNav{display:none;} @media (max-width:1635px){.header .r .nav .subNav-c-r .items2 .item{margin-right:0;width:23%;} .header .r .nav .subNav-c-r .items2 .item:not(:nth-child(4n)){margin-right:2.66%;} } @media (max-width:1630px){.content1300,.content1400,.content1600{width:80%;max-width:80%;} } @media (max-width:1459px){.box5 .box-t .l .text-title,.index-title .title{font-size:30px;} .banner .swiper-slide .des,.index-title .des{font-size:20px;} } @media (max-width:1440px){.header .r .nav .subNav-c-l a{padding:7px 15px;font-size:16px;} .header .r .nav .subNav-c-r .items1,.header .r .nav .subNav-c-r .items2{padding:30px 25px;} .header .r .nav .subNav-c-r .items1 .items-c-l .itemList{padding:0 15px;padding-bottom:25px;} .header .r .nav .subNav-c-r .items1 .items-c-r{padding-left:15px;} .header .r .nav li:not(:last-child){margin-right:40px;} .banner1 .banner-box .title{font-size:36px;} .innerTitle{font-size:32px;} } @media (max-width:1430px){.content1400{width:94%;} } @media (max-width:1366px){.content1300,.content1400,.content1600{width:90%;max-width:90%;} } @media (max-width:1330px){.content1300{width:94%;} } @media (max-width:1280px){.header .r .nav li>a{line-height:70px;} .header .r .subNav2{left:30%;transform:translateX(-30%);} .banner1 .banner-box .des{font-size:16px;} .main{padding-top:70px;} .banner1 .banner-box .commonMore,.commonBread{font-size:14px;} .banner1 .banner-box .title,.innerTitle{font-size:28px;line-height:1.5;} .productListItem .more{margin-top:20px;height:46px;font-size:14px;line-height:44px;} .productListItem .text-des{font-size:15px;} .commonBtns .btn .icon .iconfont{font-size:30px;} .productListItem .text-box{padding:30px 25px;} .serviceSupport .box-c .swiper-slide .text{font-size:17px;} .newsList .box-c{padding:30px;} .serviceSupport .box-c .swiper-slide{width:20%;} .innerDes{margin-top:5px;} } @media (max-width:1199px){.productListItem{width:32%;} .commonBtns .btn .icon{width:44px;height:49px;} .commonBtns .btn .icon .iconfont{font-size:26px;} .productListItem:not(:last-child){margin-right:2%;} .banner1 .banner-box .title,.innerTitle{font-size:28px;} .footer-t{padding:40px 0;} .footer-c-l a:not(:last-child){margin-right:40px;} .header{padding:0 3%;} .header .content{height:60px;} .main{padding-top:60px;} .header .r .nav{display:none;} .m-right-buttom{display:block;cursor:pointer;user-select:none;} .m-right-buttom .in{display:flex;width:19px;height:30px;align-items:center;justify-content:center;} .m-right-buttom span,.m-right-buttom span:after,.m-right-buttom span:before{display:block;width:19px;height:2px;background:#182f8e;transition:top .2s linear;} .header.active .m-right-buttom span,.header.active .m-right-buttom span:after,.header.active .m-right-buttom span:before{background:#182f8e;} .m-right-buttom span{position:relative;transition:all .2s .4s ease,background 0s;} .m-right-buttom span:after,.m-right-buttom span:before{position:absolute;left:0;height:2px;content:'';transition:top .2s .4s ease,transform .4s ease;transform-origin:50% 50%;} .m-right-buttom span:before{top:6px;} .m-right-buttom span:after{top:-6px;} .header.active .m-right-buttom.active span,.m-right-buttom.active span{background:0 0;transition:all .2s 0s ease;} .m-right-buttom.active span:after,.m-right-buttom.active span:before{top:0;width:19px;transition:top .2s ease,transform .2s .3s ease;} .m-right-buttom.active span:before{transform:rotate3d(0,0,1,45deg);} .m-right-buttom.active span:after{transform:rotate3d(0,0,1,-45deg);} .m-navbar.active li{border-radius:5px;background-color:#f0f0f0;} .m-navbar.active li .subNav{display:none;padding:0 25px;border-radius:0 0 5px 5px;background-color:#f0f0f0;} .m-navbar.active li .subNav a{margin-top:0;padding:10px 0!important;border-radius:0;background-color:transparent;font-size:14px;} .m-navbar.active li .subNav .item-title{padding:10px 0 0;} .m-navbar.active li .subNav a:not(:last-child){border-bottom:1px solid rgba(193,199,208,.7);} .m-navbar ul{display:block;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch;} .m-navbar li{display:block;margin:0;width:100%;opacity:0;transition:all .4s ease;transform:translateY(32px);} .m-navbar.active li{opacity:1;transform:translateY(0);} .m-navbar li:hover a{color:#747474!important;} .m-navbar li.active a{color:#182f8e!important;} .m-navbar{position:fixed;top:0;left:0;z-index:998;display:none;margin-right:0;padding:100px 4% 20px;width:100%;height:100%;background-color:#444;} .m-navbar li+li{margin-top:12px;} .m-navbar li+li{margin-left:0;padding:0;} .m-navbar li+li:after{display:none;} .m-navbar li a{display:block;padding:9px!important;height:auto;border-radius:5px;background:#fafafa;color:#121212;font-weight:400;} .newsList .box-c .l .text-title{font-size:22px;} } @media (max-width:1024px){.banner1 .banner-box .des{margin-top:8px;} .newsList .box-c .l .text-title{font-size:20px;} .header .r .icons a .iconfont{font-size:20px;} .newsList .box-c .l .text-des,.newsList .box-c .l .text-title{margin-top:10px;} .newsList .box-c .l .commonMore{margin-top:20px;} .productListItem .text-box{padding:20px;} .productListItem .more{margin-top:25px;height:45px;line-height:43px;} .banner1 .banner-box .title,.index-title .title,.innerTitle{font-size:26px;} .footer-t{padding:30px 0;} .footer-c-l a:not(:last-child){margin-right:25px;} .footer-t .social a{width:40px;height:40px;line-height:40px;} .footer-t .social a .iconfont{font-size:18px;} .footer-b{padding:15px 0;font-size:14px;line-height:1.5;} .commonMore{width:140px;height:46px;} .commonMore .iconfont{margin-left:10px;} .innerDes{margin-top:8px;line-height:1.7;} .recommendProduct .box-t{margin:25px 0;} .recommendProduct .productBtn{padding:0 15px;height:40px;font-size:14px;line-height:40px;} } @media (max-width:860px){.serviceSupport .box-c .swiper-slide::before{display:none;} .serviceSupport .box-c .swiper-wrapper{flex-wrap:wrap;} } @media (max-width:768px){.banner1 .pic img.m{display:block;} .banner1 .pic img.pc{display:none;} .banner1 .banner-box .des{font-size:18px;} .serviceSupport .box-c .swiper-slide .icon{width:45px;height:45px;line-height:45px;} .serviceSupport .box-c .swiper-slide .icon .iconfont{font-size:20px;} .serviceSupport .box-c .swiper-slide .text{margin-top:7px;font-size:14px;} .pagination ul li:nth-child(n+7){display:none;} .pagination ul li:last-child{display:block;} .innerNav .swiper-slide{padding:15px 0;} .innerNav .swiper-slide{font-size:16px;} .innerNav .swiper-slide:not(:last-child){margin-right:20px;} .commonBtns .btn .icon{width:42px;height:47px;} .index-title .des{font-size:20px;} .commonMore{width:120px;height:40px;font-size:14px;} .commonMore .iconfont{font-size:20px;} .banner1 .banner-box .title,.index-title .title,.innerTitle{font-size:24px;} .footer-b{font-size:12px;} .footer-c-l{display:none;} .footer-c-r{display:flex;width:100%;text-align:center;align-items:center;justify-content:center;} .footer-c-r .tel{margin-top:0;margin-left:15px;font-size:18px;} .footer-t .logo img{height:35px;} .main{padding-top:50px;} .header .logo img{height:35px;} .headerSearch{display:none;} .pagination ul li{width:36px;height:36px;line-height:36px;} .modal .close{top:-30px;right:0;} .video-content{width:85%;} .video-content video{display:block;margin:0 auto;width:100%;height:auto;} .swiper-pagination{margin-top:20px;} .banner1 .pic img{height:200px;min-height:auto;} .product .box2 .box-c{margin-top:30px;} .newsList,.recommendProduct,.serviceSupport{padding:50px 0;} .productListItem{width:49%;} .newsList .box-c .l .label{font-size:16px;} .newsList .box-c .swiper-slide{padding:0 1px;} } @media (max-width:767px){.content1300,.content1400,.content1600{width:90%;max-width:90%;} .banner1::before{display:block;} .swiper-pagination-bullet{width:12px;height:3px;} .swiper-pagination-bullet-active{width:18px;} .banner1 .banner-box .des{font-size:15px!important;} .banner1 .banner-box .commonMore,.product .box2 .btn.btn-next,.product .box2 .btn.btn-prev{display:none!important;} .recommendProduct .productListItem .text-box{padding:25px 25px 40px 25px;} .pagination ul li{font-size:14px;} .pagination ul li .iconfont{font-size:15px;} .content1600{width:90%;max-width:90%;} } @media (max-width:630px){.serviceSupport .box-c .swiper-slide{width:33.33%;} } @media (max-width:500px){.innerNav .swiper-slide{padding:10px 0;font-size:14px;} .innerNav .swiper-slide:not(:last-child){margin-right:15px;} .serviceSupport .box-c .swiper-slide:nth-child(1),.serviceSupport .box-c .swiper-slide:nth-child(2),.serviceSupport .box-c .swiper-slide:nth-child(3){margin-bottom:20px;} .commonMoreBtn{font-size:14px;} .newsList .box-c .l .text-des,.productListItem .text-des{margin-top:10px;font-size:14px;line-height:1.5;} .productListItem .more{font-size:14px;} .fadeInUpSmall{animation:none;} .footer-t{flex-direction:column;align-items:center;justify-content:center;} .footer-t .social{margin-top:15px;} .innerDes{font-size:14px;} .commonBread{padding:10px 0 15px;font-size:12px;line-height:20px;} .commonBread .icon-home{font-size:14px;} .commonBread .icon-youjiantou11{margin:0 3px;} .recommendProduct .box-t{margin:20px 0;} .productListItem .more{margin-top:20px;height:40px;line-height:38px;} .productListItem{width:100%;} .banner1 .banner-box .des{font-size:16px;} .recommendProduct .productBtn{padding:0 10px;height:35px;line-height:35px;} .newsList .box-c .l .text-title{font-size:18px;} .newsList .box-c{padding:20px;} .newsList,.recommendProduct,.serviceSupport{padding:35px 0 35px 0;} .serviceSupport .box-c{margin-top:25px;} .commonMore1{width:30px;height:20px;} .swiper-pagination{margin-top:0;} .index-title .des{font-size:16px;} .banner1 .banner-box .title,.index-title .title,.innerTitle{font-size:22px;} .footer-t{padding:30px 0 20px 0;} .header .r .icons a:not(:last-child){margin-right:20px;} .footer-t .social a{width:35px;height:35px;line-height:35px;} .footer-t .social a .iconfont{font-size:16px;} .footer-b{flex-direction:column;align-items:center;} .footer-b-l,.footer-b-r{width:100%;text-align:center;} .innerNav{display:none;} .mobileNav{position:relative;display:block;padding:0 15px;height:50px;border-bottom:1px solid #eee;background:#fff;color:#070707;font-size:14px;font-family:HarmonyOS Sans SC;line-height:50px;} .mobileNav.active{box-shadow:none;} .mobileNav-t{display:flex;justify-content:space-between;} .mobileNav.active .mobileNav-t .iconfont{transform:rotate(90deg);} .mobileNav-b{position:absolute;left:0;display:none;width:100%;background-color:#fff;} .mobileNav-b a{display:block;padding:0 15px;border-bottom:solid 1px #eee;color:#070707;} } .right-flex{position:fixed;top:50%;right:0;z-index:9;margin-top:-200px;width:50px;height:auto;} .right-flex ul{width:100%;} .right-flex li{position:relative;float:right;margin-bottom:5px;width:50px;height:50px;border-radius:8px 0 0 8px;background:#a7afb9;line-height:50px;transition:width .3s,background .3s,margin .3s;} .right-flex li .ico{position:absolute;top:0;right:0;width:50px;height:50px;transition:right .3s;} .right-flex li a{display:block;width:100%;height:100%;} .right-flex li p{padding:0 20px;color:#fff;font-size:15px;line-height:50px;transition:transform .3s;} .right-flex li.one{width:90px;height:50px;border-radius:4px;background-color:#458d45;} .right-flex li.one p{padding:3px 10px;text-align:center;font-size:16px;line-height:22px;} .right-flex li.four .ico,.right-flex li.li-three .ico,.right-flex li.two .ico{left:0;} .right-flex li.four p,.right-flex li.li-three p,.right-flex li.two p{padding:0 20px 0 50px;} .right-flex li.four p{pointer-events:none;} .right-flex li.four:hover p{pointer-events:unset;} .right-flex li.two{margin-right:-150px;width:200px;} .right-flex li.three{margin-right:-100px;width:150px;} .right-flex li .ico{color:#fff;text-align:center;font-size:28px;} .right-flex li .ico.ico03{font-size:32px;} .right-flex li .ico.ico08{font-weight:700;font-size:18px;} .right-flex .right-close{width:100%;height:40px;font-weight:700;font-size:12px;} .right-flex .close-icon{display:block;margin:0 auto 10px;width:32px;height:32px;border-radius:50%;background:#a7afb9;color:#fff;text-align:center;font-size:14px;line-height:32px;cursor:pointer;transition:all .3s;transform:rotate(45deg);} .right-flex.show .close-icon{transform:rotate(0);} .right-flex .to-top em{display:block;padding-top:10px;color:#fff;text-align:center;} @media (min-width:1151px){.right-flex li:hover{width:50px;background:#0f328c;} .right-flex li.one:hover{width:90px;background-color:#0f328c;} .right-flex li.four:hover .ico,.right-flex li.li-three:hover .ico,.right-flex li.two:hover .ico,.right-flex li:hover .ico{right:0;left:auto;} .right-flex li.two:hover{margin-right:0;width:220px;} .right-flex li.three:hover{margin-right:0;width:140px;} .right-flex li.four:hover{margin-right:0;width:180px;} .right-flex li.li-three:hover p,.right-flex li.two:hover p{padding:0 20px;} .right-flex li.four:hover p:last-child{padding:0 53px 0 0;} .right-flex li.four:hover p:last-child img{border:3px solid #0f328c;border-radius:8px;} } @media (max-width:1000px){.right-flex .four,.right-flex .right-close,.right-flex .two,.right-flex li.one{display:none!important;} } @media (max-width:640px){.right-flex,.right-flex li{width:40px;height:40px;} .right-flex li .ico{width:40px;height:40px;line-height:40px;} .right-flex .to-top em{margin-top:0;font-size:12px;line-height:30px;} .right-flex{top:100%;} } .app-kfbt{display:none;height:48px;} .app-kf{position:fixed;z-index:5;overflow:hidden;} .app-kf,.kufuul{bottom:0;left:0;width:100%;height:50px;} .kufuul{position:absolute;display:inline-block;padding:2px 0;} .kefu li,.kufuul{text-align:center;} .kefu li{float:left;width:50%;height:50px;color:#fff;line-height:50px;transition:all .4s;} .kefu li a em{display:inline-block;margin-right:10px;vertical-align:-2px;font-size:20px;} .kf-dh,.kf-zx{display:block;width:100%;height:100%;background:#a7afb9!important;color:#fff;text-align:center;font-size:15px;line-height:50px;} .kf-dh{background:#182f8e!important;} @media (max-width:640px){.app-kfbt{display:block;} table{max-width:100%;} table img{height:auto!important;} table iframe{width:100%!important;max-width:100%!important;aspect-ratio: 16/9;height: auto;} } .header .r .subNav1 a span.iconfont{display:none;} .fixed-code{position:fixed;top:0;left:0;z-index:10001;display:none;width:100%;height:100vh;background:rgba(0,0,0,.6);} .fixed-code .code-tit{color:#333;text-align:center;font-size:18px;} .fixed-code .fixed-cdli{position:absolute;top:50%;left:50%;z-index:100;width:350px;height:360px;background-color:#fff;box-shadow:0 -.615vw 1.042vw rgb(0 0 0 / 20%);color:#333;text-align:center;opacity:1;transform:translate(-50%,-50%);} .fixed-code .fixed-cdlict{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);} .fixed-code .fixed-cdlict img{width:80%;height:80%;} .close-box{position:absolute;top:2%;right:4%;width:20px;height:20px;} .close-box::after{position:absolute;top:13px;left:0;width:24px;height:2px;background-color:#103384;content:'';-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .close-box::before{position:absolute;top:13px;left:0;width:24px;height:2px;background-color:#103384;content:'';-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;} .flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-around;} .flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:left;} .flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;} .flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;} .cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;} .flexace{align-items:center;} label.error{color:red;} .sp16-9{aspect-ratio: 16/9;}