*[class^="ifont-"],*[class*=" ifont-"]{font-family:"ifont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
html{font-size:16px;}
body{font:16px/1.8 "Microsoft Yahei",verdana;}
.cw1400{max-width:1400px; margin: auto;}
.cw1600{padding:0 8.3333333333%; max-width:inherit;}
.cw1680{max-width: 1680px;margin: auto;}
@media (max-width: 1720px){
.cw1680{max-width: 90%;}
}
:root{
--mainColor: #14a1b6;
}
[body]{max-width:1920px; margin:0 auto;}
#fullpage{background:#171b2c;}
.bb{height:200px; width:100%; background:#f00;}
.header{top: 0;left: 0;right: 0;margin: auto;}
.hd{height: 101px;background: #04091c;}
.header{z-index:100;}
.header .cw1680{}
.header.h2{background: #04091c;}
.header .logo{max-width:200px; width:13%;height: 100px;}
/* .header .nav{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.header .nav li{flex:auto; -webkit-box-flex:auto; text-align:center; position:relative;} */
.header{height: 100px;}
.header .nav{text-align:center;}
.header .nav>ul{text-align:center;}
.header .nav li{display:inline-block;padding:30px 0;}
.header .nav li .one{color:#fff; font-size:1em; padding:0 40px;}
.header .nav li.cur .one,
.header .nav li .one:hover{color: var(--mainColor);}
.header .nav li.cur .one{font-weight: bold;}
.header .nav li .second{width: 160px;height: 0;overflow: hidden;background: #111420;left: -50%;right: -50%;margin: auto;top: 90px;}
.header .nav li .second .h{padding: 15px 0;}
.header .nav li .second .t2{width: 100px;padding: 15px 0;margin: 0 auto;color: #999999;font-size: 16px;}
.header .nav li .second .t2:hover{color: var(--mainColor);font-weight: bold;}
.header .nav .products .second{width: 100%;height: 0;overflow: hidden;top: 100px;left: 0;right: 0;margin: auto;background: rgba(17,20,32,.95);}
.header .nav .products .list .pro{max-width: 25%;padding: 45px 2.5%;}
.header .nav .products .list .pro .p{width: 130px;height: 95px;}
.header .nav .products .list .pro .name{margin-top: 30px;color: #999999;font-size: 16px;}
.header .nav .products .list .pro:hover .name{color: #fff;font-weight: bold;}
.header .lang a{font-size:1em; color:#fff;}
.header .lang a span{margin:0 15px 0 0;}
@media (max-width: 1600px){
.header .nav li .one{padding: 0 20px;}
}
@media (max-width: 1280px){
.header .nav li .one{font-size: 0.7em;}
}
@media (max-width: 1200px){
.header .logo{max-width: 160px;}
}
@media (max-width: 1050px){
.header .nav{display: none;}
.header .logo{float: left;max-width: 200px;width: 200px;display: block;}
.header .logo .m-pic{width: 100%;}
.header .logo .m-pic img{display: inline-block;}
.header .lang{float: right;line-height: 100px;}
.header .m-pic{height: 100px;}
.header .menu{float: right;margin-left: 40px;width: 60px;height: 100px;background: url(/images/menu.png) no-repeat center center;}
}
#menu{top: 0px;left: 0;right: 0;width: 100%;height: 0;overflow: hidden;background: #04091c;z-index: 100;overflow-y: scroll;}
#menu .close{width: 100px;height: 100px;background: url(/images/icon8.png) no-repeat center center;}
#menu .nav{border-top: 1px solid #dedede;}
#menu .nav .child{border-bottom: 1px solid #dedede;}
#menu .nav .child .one{width: 90%;margin: 0 auto;font-size: 24px;color: #fff;padding: 30px 0;background: url(/images/icon12.png) no-repeat right center;}
#menu .nav .child .one:hover{color: var(--mainColor);background-image: url(/images/icon14.png);}
#menu .nav .child .two{width: 86%;margin: 0 auto;height: 0;overflow: hidden;}
#menu .nav .child .two .t2{color: #f5f5f5;font-size: 18px;margin-bottom: 30px;}
#menu .nav .child .two .t2:hover{color: var(--mainColor);}
#menu::-webkit-scrollbar{display: none;}
#menu.ta{height: 100%;}
#menu.ta::-webkit-scrollbar{display: block;width:10px;height:10px;background-color:#F5F5F5;}
#menu.ta::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);border-radius:10px;background-color:#F5F5F5;}
#menu.ta::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#555;}
.inx-banner{}
.inx-banner .txt{font-size:3.5em; color:#fff; top:170px; left:0; right:0;}
.inx-banner .windshield{width:40.46875%; bottom:145px; left:50%; margin:0 0 0 -20.234375%;}
.inx-banner .windshield::before{padding:66.92406% 0 0; content:''; display:block; background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.inx-banner .ico-mouse{width:30px; height:68px; background:url(/images/6.png) no-repeat center/cover; margin:26px auto 0; bottom:50px; left:50%; transform:translate(-50%, 0);}
.inx-banner .l-speed{left:10%; bottom:138px; width:19.21875%;}
.inx-banner .l-speed::before{padding:56.09756% 0 0; content:''; display:block; background:url(/images/3.png) no-repeat center/100% 100%;}
.inx-banner .r-speed{right:10%; bottom:138px; width:19.270833%;}
.inx-banner .r-speed::before{padding:55.94594% 0 0; content:''; display:block; background:url(/images/4.png) no-repeat center/100% 100%;}
.inx-banner .l-line{left:6.25%; bottom:0; width:31.5625%;}
.inx-banner .l-line::before{padding:37.788778% 0 0; content:''; display:block; background:url(/images/1.png) no-repeat center/cover;}
.inx-banner .r-line{right:6.25%; bottom:0; width:29.89583%;}
.inx-banner .r-line::before{padding:39.89547% 0 0; content:''; display:block; background:url(/images/2.png) no-repeat center/cover;}
@media (max-width: 1600px){
.inx-banner .windshield{bottom: 60px;}
.inx-banner .windshield::before{background-size: 80%;}
}
@media (max-width: 1400px){
.inx-banner .windshield{bottom: 130px;}
.inx-banner .windshield::before{background-size: 90%;}
}
@media (max-width: 1200px){
.inx-banner .windshield{bottom: 140px;}
.inx-banner .windshield::before{background-size: 100%;}
}
/*第一å±*/
.inx-banner .txt,
.inx-banner .l-speed,
.inx-banner .r-speed,
.inx-banner .l-line,
.inx-banner .r-line,
/*.inx-banner .windshield,*/
.inx-banner .ico-mouse{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#fullpage>.active .inx-banner .l-line,
#fullpage>.active .inx-banner .r-line{-webkit-animation-name:upIn; animation-name:upIn;}
#fullpage>.active .inx-banner .l-speed,
#fullpage>.active .inx-banner .r-speed{animation-delay:0.6s;}
#fullpage>.active .inx-banner .l-speed{-webkit-animation-name: leftIn; animation-name: leftIn;}
#fullpage>.active .inx-banner .r-speed{-webkit-animation-name: rightIn; animation-name: rightIn;}
/*#fullpage>.active .inx-banner .windshield{animation-delay:0.8s; -webkit-animation-name: upIn; animation-name: upIn;}*/
#fullpage>.active .inx-banner .txt{animation-delay:0.8s; -webkit-animation-name: bottomIn; animation-name: bottomIn;}
#fullpage>.active .inx-banner .ico-mouse{-webkit-animation-name: In; animation-name: In; animation-delay:0.9s;}
@-webkit-keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes upIn{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes upIn{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes leftIn{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes leftIn{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes rightIn{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes rightIn{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes In{0%{opacity:0;}100%{opacity:1;}}
@keyframes In{0%{opacity:0;}100%{opacity:1;}}
.inx-cart-box{}
.inx-cart-box{background:no-repeat center/cover; min-height:950px;}
.inx-cart-box .item .tips,
.inx-cart-box .item .cart{-webkit-transition:all 1000ms ease 0s; -moz-transition:all 1000ms ease 0s; -ms-transition:all 1000ms ease 0s; -o-transition:all 1000ms ease 0s; transition:all 1000ms ease 0s; opacity:0;}
.inx-cart-box .item .tips{height: 0;opacity: 0;}
.inx-cart-box .item1{width:4.7395833%;/*left: 49.2%;top: 7.5%;*/}
.inx-cart-box .item1 .tips{width:100%; z-index:2;}
.inx-cart-box .item1 .tips::before{padding:127.47252% 0 0; display:block; content:'';}
.inx-cart-box .item1 .cart{width:57.14285%; background:url(/images/9.png) no-repeat center/cover; bottom:-18.96551%; left:50%; transform:translate(-50%, 0);}
.inx-cart-box .item1 .cart::before{padding:100% 0 0; display:block; content:'';}
.inx-cart-box .item2{width:4.6875%;/*left: 37.810417%;top: 14%;*/}
.inx-cart-box .item2 .tips{width:100%; z-index:2;}
.inx-cart-box .item2 .tips::before{padding:137.777% 0 0; display:block; content:'';}
.inx-cart-box .item2 .cart{width:57.14285%; background:url(/images/11.png) no-repeat center/cover; bottom:-12.90322%; left:50%; transform:translate(-50%, 0);}
.inx-cart-box .item2 .cart::before{padding:100% 0 0; display:block; content:'';}
.inx-cart-box .item3{width:4.7395833%; /*left:27.9%; top:47.89473%;top: 34%;*/}
.inx-cart-box .item3 .tips{width:100%; z-index:2;}
.inx-cart-box .item3 .tips::before{padding:131.868131% 0 0; display:block; content:'';}
.inx-cart-box .item3 .cart{width:40.65934%; background:url(/images/13.png) no-repeat center/cover; bottom:-1.6666%; left:18.68131%;}
.inx-cart-box .item3 .cart::before{padding:105.40540% 0 0; display:block; content:'';}
.inx-cart-box .item3 .people{width:14.28571%; left:2.19780%; bottom:5.83333%; background:url(/images/14.png) no-repeat center/cover;}
.inx-cart-box .item3 .people::before{padding:230.76923% 0 0; display:block; content:'';}
.inx-cart-box .item4{width:7.34375%; /*left:30.935417%; top:45.89473%;*/}
.inx-cart-box .item4::before{padding:124.82269% 0 0; display:block; content:'';}
.inx-cart-box .item4 .tips{width:70.92198%; z-index:2; right:0; top:0;}
.inx-cart-box .item4 .tips::before{padding:119% 0 0; display:block; content:'';}
.inx-cart-box .item4 .cart{width:54.60992%; background:url(/images/16.png) no-repeat center/cover; bottom:0; left:0;}
.inx-cart-box .item4 .cart::before{padding:87.01298% 0 0; display:block; content:'';}
.inx-cart-box .item4 .people{width:14.28571%; left:2.19780%; bottom:5.83333%; background:url(/images/17.png) no-repeat center/cover;}
.inx-cart-box .item4 .people::before{padding:230.76923% 0 0; display:block; content:'';}
.inx-cart-box .item5{width:5.98958333%; /*left: 21%;bottom: 12.75%;*/}
.inx-cart-box .item5::before{padding:142.60869% 0 0; display:block; content:'';}
.inx-cart-box .item5 .tips{width:86.95652%; z-index:2; right:0; top:0;}
.inx-cart-box .item5 .tips::before{padding:115% 0 0; display:block; content:'';}
.inx-cart-box .item5 .cart{width:73.04347%; background:url(/images/19.png) no-repeat center/cover; bottom:0; left:0;}
.inx-cart-box .item5 .cart::before{padding:78.57142% 0 0; display:block; content:'';}
.inx-cart-box .item5 .people{width:13.91304%; left:31.30434%; bottom:0; background:url(/images/20.png) no-repeat center/cover;}
.inx-cart-box .item5 .people::before{padding:250% 0 0; display:block; content:'';}
.inx-cart-box .item6{width:5.208333%; /*bottom:18.42105%;left: 38%;*/}
.inx-cart-box .item6 .tips{width:100%; background:no-repeat center/cover; z-index:2;}
.inx-cart-box .item6 .tips::before{padding:119% 0 0; display:block; content:'';}
.inx-cart-box .item6 .cart{width:50%; background:url(/images/22.png) no-repeat center/cover; bottom:-30.25210%; left:-1px;}
.inx-cart-box .item6 .cart::before{padding:114% 0 0; display:block; content:'';}
.inx-cart-box .item7{width:4.6875%; /*right: 22.052%;bottom: 39.63157%;*/}
.inx-cart-box .item7 .tips{width:100%; z-index:2;}
.inx-cart-box .item7 .tips::before{padding:137.777% 0 0; display:block; content:'';}
.inx-cart-box .item7 .cart{width:96.666%; background:url(/images/24.png) no-repeat center/cover; bottom:-26.61290%; right:0;}
.inx-cart-box .item7 .cart::before{padding:91.95402% 0 0; display:block; content:'';}
.inx-cart-box .item1{left:50.78125%; top:13.57894%;}
.inx-cart-box .item2{left:39.0104166%; top:22.73684%;}
.inx-cart-box .item3{left:27.125%; top:35.10526%;}
.inx-cart-box .item4{left:29.63541666%; top:47.89473%;}
.inx-cart-box .item5{left:20.57291666%; bottom:12.63157%;}
.inx-cart-box .item6{left:39.4791666%; bottom:18.42105%;}
.inx-cart-box .item7{right:20.05208333%; bottom:36.63157%;}
.inx-cart-box.line1 .item .tips{height: auto;}
/*.inx-cart-box.line1 .item5{left: 19.572917%;bottom: 10.63157%;}
/*
.inx-cart-box.line1 .item1{left:51.20%; top:11.5%;}
.inx-cart-box.line1 .item2{left:39.0104166%; top:18%;}
.inx-cart-box.line1 .item3{top:35.10526%;}
.inx-cart-box.line1 .item4{left:29.96%; top:47.89473%;}
.inx-cart-box.line1 .item5{left:20.57291666%; bottom:16%;}
.inx-cart-box.line1 .item6{left:39.4791666%;}
.inx-cart-box.line1 .item7{right:20.05208333%; bottom:36.63157%;}
*/
.inx-product{}
.inx-product .txt{font-size:1.5em; font-family:'GilroyLight'; color:#14a1b6;}
.inx-product .intro{font-size:2.63em; color:#fff; margin:0 0 1%;}
.inx-product .btn{right:0; top:50%; width:10.625%; transform:translate(0, -50%);}
.inx-product .btn .prev{width:41.176470%; background:url(/images/33.png) no-repeat center/contain;}
.inx-product .btn .prev::before{padding:100% 0 0; display:block; content:'';}
.inx-product .btn .next{width:41.176470%; background:url(/images/35.png) no-repeat center/contain;}
.inx-product .btn .next::before{padding:100% 0 0; display:block; content:'';}
.inx-product .btn .prev:hover{background-image:url(/images/34.png);}
.inx-product .btn .next:hover{background-image:url(/images/36.png);}
.inx-product .container{overflow:visible; opacity:0;}
.inx-product .container.isok{opacity:1;}
.inx-product .slide{background:#25293b; border-radius:30px;}
.inx-product .slide a{padding:12% 0;}
.inx-product .slide .img{width:75.2%; margin:0 auto;}
.inx-product .slide .img::before{padding:74.46808% 0 0; display:block; content:'';}
.inx-product .slide .img>div:last-child{opacity:0;}
.inx-product .slide .name{font-size:1.38em; color:#fff; font-weight:bold; margin:10% 0 5%;}
.inx-product .slide:hover .name{color: #14a1b6;}
.inx-product .slide .brief{font-size: 14px;width: 80%;margin: 0 auto; color:#fff;height: 52px;line-height: 26px;}
.inx-product .slide a:hover .img>div{opacity:0;}
.inx-product .slide a:hover .img>div:last-child{opacity:1;}
@-webkit-keyframes quan {
0% { -moz-transform: scale(0); transform: scale(0); opacity: 1; }
50% { opacity: .7; }
100% { -moz-transform: scale(1); transform: scale(1); opacity: .2; }
}
@keyframes quan {
0% { -moz-transform: scale(0); transform: scale(0); opacity: 1; }
50% { opacity: .7; }
100% { -moz-transform: scale(1); transform: scale(1); opacity: 0; }
}
.inx-tech{}
.inx-tech .txt{font-size:1.5em; font-family:'GilroyLight'; color:#14a1b6; margin-top: 7%;}
.inx-tech .intro{font-size:2.63em; color:#fff; margin:0 0 1%;}
.inx-tech .m-intro{line-height: 40px;}
.inx-tech .box .l-txt-list{width:49.0625%;}
.inx-tech .box .l-txt-list .list{margin:5% 0 0;}
.inx-tech .box .l-txt-list dl{width:48%;}
.inx-tech .box .l-txt-list dl dt{width:14%; margin:0 6% 0 0;}
.inx-tech .box .l-txt-list dl dt::before{padding:108.92857% 0 0; display:block; content:'';}
.inx-tech .box .l-txt-list dl dt img{max-width:100%;}
.inx-tech .box .l-txt-list dl dd{width:80%;}
.inx-tech .box .l-txt-list dl dd .title{font-size:1em; color:#fff;}
.inx-tech .box .l-txt-list dl:hover dd .title{color: #14a1b6;}
.inx-tech .box .l-txt-list dl dd .brief{font-size:0.88em; color:#999;}
.inx-tech .box .l-txt-list .space{margin:0 0 7.89473%;}
.inx-tech .box .l-txt-list .space:last-child{display:none;}
.inx-tech .box .r-bg{width:47.125%; margin:0 2.0625% 0 0;}
.inx-tech .box .m-bg{margin: 5% 2.0625% 0 0;}
.inx-tech .box .r-bg::before{padding:101.06100% 0 0; display:block; content:'';}
.inx-tech .box .r-bg .quan{animation:quan 2s ease-out infinite; -webkit-animation:quan 2s ease-out infinite; border-radius:50%; overflow:hidden;}
.inx-tech .box .r-bg .c-title{color: #999; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 26px; font-family:'GilroyLight';}
.inx-tech .box .r-bg .mobile{background:url(/images/26.png) no-repeat center/cover; width:31.962864%; left:50%; top:50%; transform:translate(-50%, -50%);}
.inx-tech .box .r-bg .mobile::before{padding:240.248962% 0 0; display:block; content:'';}
.inx-tech .box .r-bg .mobile .dian{animation:quan 2s ease-out infinite; -webkit-animation:quan 1s ease-out infinite; border-radius:50%; overflow:hidden;}
.inx-tech .box .r-bg .mobile .dian::before{padding:100% 0 0; display:block; content:'';}
.inx-tech .box .r-bg .mobile .dian.d1{top:3px; left:-6.63900%; width:19.917012%; background:url(/images/27.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d2{top:-1.72711%; left:35.68464%; width:29.04564%; background:url(/images/28.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d3{top:2.072538%; right:-9.54356%; width:20.74688%; background:url(/images/29.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d4{top:19.68911%; left:38.58921%; width:23.65145%; background:url(/images/30.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d5{top:36.09671%; left:39.83402%; width:20.74688%; background:url(/images/29.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d6{bottom:4.31778%; left:-4.14937%; width:17.42738%; background:url(/images/31.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d7{bottom:-1.55440%; left:37.34439%; width:24.89626%; background:url(/images/32.png) no-repeat center/cover;}
.inx-tech .box .r-bg .mobile .dian.d8{bottom:4.31778%; right:-5.80912%; width:17.42738%; background:url(/images/31.png) no-repeat center/cover;}
.inx-customer{}
.inx-customer .top{}
.inx-customer .top .txt{font-size:1.5em; font-family:'GilroyLight'; color:#14a1b6;}
.inx-customer .top .intro{font-size:2.63em; color:#fff; margin:0 0 1%;}
.inx-customer .top .link{width:176px; height:56px; line-height:56px; border-radius:28px; border:2px solid #14a1b6; right:0; top:50%; transform:translate(0, -50%); font-size:0.88em; color:#14a1b6;}
.inx-customer .top .link:hover{background:#14a1b6;color: #fff;}
.inx-customer .l-slide{}
.inx-customer .l-slide{width:26.375%; top:50%; left:0; transform:translate(0, -50%);}
.inx-customer .l-slide .logo img{max-width:100%;height: 50px;}
.inx-customer .l-slide .title{font-size:1.5em; color:#fff; margin:40px 0 7px;}
.inx-customer .l-slide .brief{font-size:1em; color:#ccc;}
.inx-customer .l-slide .btn{width:40.28436%; margin:15% 0 0;}
.inx-customer .l-slide .btn .prev{width:41.17647%; background:url(/images/33.png) no-repeat center/cover;}
.inx-customer .l-slide .btn .prev::before{padding:100% 0 0; display:block; content:'';}
.inx-customer .l-slide .btn .next{width:41.17647%; background:url(/images/35.png) no-repeat center/cover;}
.inx-customer .l-slide .btn .next::before{padding:100% 0 0; display:block; content:'';}
.inx-customer .l-slide .btn .prev:hover{background-image:url(/images/34.png);}
.inx-customer .l-slide .btn .next:hover{background-image:url(/images/36.png);}
.inx-customer .l-slide .btn .prev.swiper-button-disabled,
.inx-customer .l-slide .btn .next.swiper-button-disabled{opacity: .6;cursor: default;}
.inx-customer .r-slide{width:61.25%;}
.inx-customer .r-slide::before{padding:59.18367% 0 0; display:block; content:'';}
.inx-customer .r-slide .slide{border-radius:28px; overflow:hidden;}
.inx-video{}
.inx-video{height:100vh;}
.inx-video .video{}
.inx-video .video video{object-fit:fill;}
.inx-video .btn{background:#171b2c; opacity:0;}
.inx-video .btn.paused{opacity:1;}
.inx-video .btn .txt-icon{left:50%; top:50%; transform:translate(-50%, -50%);}
.inx-video .btn .txt-icon .icon{width:25%; background:url(/images/38.png) no-repeat center/cover; margin:0 auto 10px; bottom:-120%; opacity:0;}
.inx-video .btn .txt-icon .icon::before{padding:100% 0 0; content:''; display:block;}
.inx-video .btn .txt-icon .txt{font-size:2.81em; color:#fff; bottom:-120%; opacity:0;}
#fullpage .foot .inten{top: -6.25%;}
.ntention-form{}
.ntention-form{padding:6.25% 0 0;}
.ntention-form .bg{width:24%;}
.ntention-form .bg .txt{font-size:1.5em; font-family:'GilroyLight'; color:#14a1b6;}
.ntention-form .bg .intro{font-size:2.63em; color:#fff; margin:0 0 30px;}
.ntention-form .bg .img{width:49.21875%; background:url(/images/39.png) no-repeat center/cover;}
.ntention-form .bg .img::before{padding:124.33862% 0 0; display:block; content:'';}
.ntention-form .form{width:70%;}
.ntention-form .form .checkbox{margin:0 0 58px;}
.ntention-form .form .checkbox label{padding:0 0 0 32px; font-size:1em; color:#fff; margin:0 100px 0 0;}
.ntention-form .form .checkbox label::before{width:22px; height:22px; background:url(/images/40.png) no-repeat center/cover; content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%);}
.ntention-form .form .checkbox label.cur::before{background-image:url(/images/41.png);}
.ntention-form .form .checkbox label:last-child{margin:0;}
.ntention-form .form .inp-box .inp{width:32.14285%; height:60px; line-height:60px; background:#22273d; margin:0 0 20px; border-radius:9px;}
.ntention-form .form .inp-box .inp input{padding:0 5.555%; font-size:0.88em; color:#fff; vertical-align:top;}
.ntention-form .form .inp-box .inp input::-webkit-input-placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .inp-box .inp input:-ms-input-placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .inp-box .inp input::placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .inp-box .inp:nth-child(2):last-child{width:66.07142%;}
.ntention-form .form .inp-box .inp:nth-child(2):nth-last-child(2){width:32.14285%; margin:0 0 0 1.78571%;}
.ntention-form .form .txt-area .textarea{width:85.71428%; height:100px; background:#22273d; border-radius:9px 0 0 9px;}
.ntention-form .form .txt-area .textarea textarea{font-size:0.88em; color:#fff; resize:none; padding:2.08333%;}
.ntention-form .form .txt-area .textarea textarea::-webkit-input-placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .txt-area .textarea textarea:-ms-input-placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .txt-area .textarea textarea::placeholder {color:rgba(255,255,255,0.2);}
.ntention-form .form .txt-area .submit{width:14.28571%; height:100px; line-height:100px; font-size:1.13em; color:#fff; background:#14a1b6; border-radius:0 9px 9px 0;}
.footer{}
.footer{/* margin:6.25% 0 0; */ /* height:340px; */ background:#171b2c;}
.footer dl.nav{width:12.5%; margin:60px 1.25% 0 0;}
.footer dl.nav.info{width:31.25%; margin:60px 0 0;}
.footer dl.nav dt{font-size:1em; color:#fff; margin:0 0 26px;}
.footer dl.nav dd{font-size:0.88em; color:#999; line-height:220%;}
.footer dl.nav dd a:hover{color:#fff;}
.footer .right{margin:60px 0 0;}
.footer .right .tips{width:auto; height:46px; line-height:44px; border:2px solid #14a1b6; border-radius:23px; font-size:0.88em; color:#14a1b6; padding: 0 10px;}
.footer .right .tips span{margin:0 10px 0 0;}
.footer .right .tips .code{width:200px; height:200px; padding:20px; background:#fff; border-radius:5px; bottom:50px; left:50%; transform:translate(-50%, 0);}
.footer .right .tips .code .m-pic{width: 160px;height: 160px;}
.footer .right .tips:hover .code{display:block;}
.footer .right .follow{margin:36px 0 0;}
.footer .right .follow a{margin:0 23px 0 0;}
.footer .right .follow a:last-child{margin:0;}
.footer .copyright{line-height:70px; height:70px; border-top:1px solid #1a272c; font-size:0.88em; color:#999; margin:2% 0 0;}
@media (max-width: 1280px){
.footer dl.nav{width: 15%;}
}
@media (max-width: 1050px){
.footer dl.nav{display: none;}
.footer dl.nav.info{width: 46%;display: block;}
}
@media (max-width: 756px){
.footer dl.nav.info{width: 100%;text-align: center;}
.footer dl.nav dt{font-size: 26px;line-height: 38px;}
.footer .copyright{padding: 30px 0;height: auto;margin-top: 30px;}
.footer .copyright,
.footer dl.nav dd{font-size: 24px;line-height: 36px;}
.footer .right .tips{width: 320px;font-size: 24px;margin: 0 auto;}
.footer .right .tips span{font-size: 24px;}
.footer .right,
.footer dl.nav.info{float: none;width: 100%;}
}
#wb-blank{width: 100%;height: 0;overflow: hidden;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: rgba(0,0,0,.6);z-index: 1000;}
#wb-blank.open{height: 100%;}
#wb-float{width: 400px;height: 0;overflow: hidden;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: #fff;z-index: 1002;}
#wb-float .title{padding: 22px 0;width: 92%;margin: 0 auto;border-bottom: 1px solid #ddd;}
#wb-float .title .t1{font-size: 16px;color: #000;line-height: 28px;max-width: 80%;}
#wb-float .title .close{line-height: 28px;font-size: 28px;color: #999;font-family: Arial;}
#wb-float .code{padding: 20px 0;border-bottom: 1px solid #ddd;}
#wb-float .code .m-pic{width: 200px;height: 200px;margin: 0 auto;}
#wb-float .con{padding: 15px 0;width: 92%;margin: 0 auto;font-size: 14px;color: #000;}
@media (max-width: 756px){
#wb-float .title .t1{font-size: 26px;}
#wb-float .con{font-size: 24px;}
#wb-float{width: 80%;}
}
.inner-banner{background: #171b2c;}
.inner-banner{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.inner-banner .center:after{content: "";width: 100%;display: inline-block;position: relative;padding-top: 59.97%;}
.inner-banner .txt{left:50%; transform:translate(-50%, 0); top:240px; z-index:2;}
.inner-banner .txt1{font-size:2.88em; color:#fff; font-weight:bold;}
.inner-banner .txt2{font-size:1.5em; color:#fff;}
.inner-banner .img{width:56.25%; bottom:0; left:50%; margin:0 0 0 -28.125%; background:url(/images/t-back.jpg) no-repeat center/cover;}
.inner-banner .img::before{padding:89.888% 0 0; display:block; content:'';}
.inner-banner .img .i1{width: 105px; height: 87px; background:url(/images/t-1.png) no-repeat center center; top:58%;right: 22%; z-index:4; animation: rotation 3s ease-in-out infinite;}
.inner-banner .img .i2{width: 105px; height: 87px; background:url(/images/t-2.png) no-repeat center center; top:58%;left: 25.45%; z-index:4; animation: rotation 3s ease-in-out infinite;}
.inner-banner .img .i3{width: 105px; height: 87px; background:url(/images/t-3.png) no-repeat center center; top:75%;right: 35%; z-index:4; animation: rotation 3s ease-in-out infinite;}
@keyframes rotation{
0%{margin-top: 0;}
50%{margin-top: -15px;}
100%{margin-top: 0px;}
}
.tech-tab{}
.tech-tab{padding:60px 0 0;}
.tech-tab .txt{font-size:2.63em; color:#333; font-weight:bold; margin:0 0 34px;}
.tech-tab .txt::before{width:30px; height:4px; background:#14a1b6; border-radius:2px; bottom:0; left:50%; transform:translate(-50%, 0); content:''; display:block; position:absolute;}
.tech-tab .intro{font-size:1em; color:#666; margin:0 0 54px;}
.tab-list{margin:0 0 40px;justify-content: center;}
.tab-list li{padding:0 25px; font-size:1.13em; color:#333; margin:0 9px; height:50px; line-height:50px; border-radius:25px;}
.tab-list li.slide{width: auto;}
.tab-list li.cur:hover,
.tab-list li.cur{background:#14a1b6; color:#fff; font-weight:bold;}
.tab-list li:hover{color:#14a1b6;}
.cart-list{}
.cart-list li{width:22.85714%; border-radius:20px; margin:0 2.85714% 0 0; padding:20px; background:#eee;}
.cart-list li:nth-child(4n){margin:0;}
.cart-list li .img{margin:0 auto;}
.cart-list li .img::before{padding:88.888% 0 0; display:block; content:'';}
.cart-list li .title{font-size:1.13em; color:#333; margin:0 0 22px;}
.cart-list li .brief{font-size:0.88em; color:#666; padding:0 0 10px;}
.cart-list li:hover{background:#25293b;}
.cart-list li:hover .title{color:#14a1b6; font-weight:bold;}
.cart-list li:hover .brief{color:#fff;}
.cart-info{padding:40px 0;}
.cart-info dl{width:33.333%; padding:0 20px 0 5.71428%;}
.cart-info dl dt{width:12.95896%; left:0; top:0; max-width:60px;}
.cart-info dl dt::before{padding:100% 0 0; display:block; content:'';}
.cart-info dl dd .title{font-size:1em; font-weight:bold; color:#333;}
.cart-info dl dd .brief{font-size:0.88em; color:#666;}
.dispatch-list{margin:0 0 40px;}
.dispatch-list li{width:20%; border-radius:16px; margin:40px 2.85714% 0 0;}
.dispatch-list li::before{padding:71.42857% 0 0; display:block; content:'';}
.dispatch-list li:nth-child(4n){margin:40px 0 0; width:31.42857%;}
.dispatch-list li:nth-child(4n)::before{padding:45.4566% 0 0;}
.dispatch-list li .name{line-height:40px; height:40px; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8); font-size:1em; color:#333;}
.dispatch-list li .txt-box{background:url(/images/42.png) no-repeat #25293b right/cover; padding:0 6.81818%;}
.dispatch-list li .txt-box>div{top:50%; transform:translate(0, -50%);width: 87%;}
.dispatch-list li.oy .txt-box{overflow-y: auto;}
.dispatch-list li.oy .txt-box::-webkit-scrollbar{width:5px;height:5px;background-color:#f2f2f2;}
.dispatch-list li.oy .txt-box::-webkit-scrollbar-track{background-color:#f2f2f2;}
.dispatch-list li.oy .txt-box::-webkit-scrollbar-thumb{background-color:var(--mainColor);}
.dispatch-list li .txt-box .text{font-size:1em; color:#fff; padding:0 0 0 19px;}
.dispatch-list li .txt-box .text::before{width:6px; height:6px; background:#14a1b6; border-radius:50%; left:0; top:50%; margin:-3px 0 0; content:''; position:absolute;}
.dispatch-list li:nth-child(-n+4){margin-top:0;}
.server-list{}
.server-list li{width:22.85714%; margin:0 2.85714% 2.85714% 0; background:#eee; border-radius:18px;}
.server-list li::before{padding:118.75% 0 0; display:block; content:'';}
.server-list li .img{width:18.4375%; margin:28.15789% auto 12.10526%;}
.server-list li .img::before{padding:103.38983% 0 0; display:block; content:'';}
.server-list li .brief{font-size:1.13em; color:#333;}
.server-list li:nth-child(4n){margin:0 0 2.85714%;}
.core-tech{}
.core-tech{padding:5.208333% 0;}
.core-tech .txt{font-size:2.63em; color:#333; font-weight:bold; margin:0 0 34px;}
.core-tech .txt::before{width:30px; height:4px; background:#14a1b6; border-radius:2px; bottom:0; left:50%; transform:translate(-50%, 0); content:''; display:block; position:absolute;}
.video-item{}
.video-item{border-radius:17px;}
.video-item::before{padding:43.57142% 0 0; display:block; content:'';}
.video-item .video video{object-fit:fill;}
.video-item .video-btn{background:no-repeat center/cover; opacity:0;}
.video-item .video-btn .btn{width:0; left:50%; top:50%; transform:translate(-50%, -50%); background:url(/images/38.png) no-repeat center/cover;}
.video-item .video-btn:hover{cursor: pointer;}
.video-item .video-btn:hover .btn{width: 7.14285%;}
.video-item .video-btn .btn::before{padding:100% 0 0; display:block; content:'';}
.video-item .video-btn .bot-txt{font-size:1em; color:#333; height:50px; line-height:50px; background:rgba(255,255,255,0.8); bottom:0; left:0; right:0;}
.video-item .video-btn.paused{opacity:1;}
.scene-list{}
.scene-list{margin:0 0 6.92857%;}
.scene-list .txt{font-size:2.63em; color:#333; font-weight:bold; margin:0 0 4.28571%;}
.scene-list .txt::before{width:30px; height:4px; background:#14a1b6; border-radius:2px; bottom:0; left:50%; transform:translate(-50%, 0); content:''; display:block; position:absolute;}
.scene-list .list .item{width:31.428571%; border-radius:16px; margin:0 2.85714% 2.85714% 0;}
.scene-list .list .item::before{padding:63.63636% 0 0; display:block; content:'';}
.scene-list .list .item:nth-child(3n){margin:0 0 2.85714%;}
.scene-list .list .item .txt-box{width:140px; height:90px; background:rgba(255,255,255,0.8); left:0; top:0; border-radius:0 0 18px 0;}
.scene-list .list .item .txt-box>div{left:50%; top:50%; transform:translate(-50%, -50%);}
.scene-list .list .item .txt-box .icon{width:100%; max-width:30px; margin:0 auto;}
.scene-list .list .item .txt-box .icon img{max-height:100%;}
.scene-list .list .item .txt-box .icon::before{padding:100% 0 0; content:'';}
.scene-list .list .item .txt-box .tips{font-size:1em; color:#333; white-space:nowrap;}
.scene-list .list .item.vid .btn{width:22.72727%; top:50%; left:50%; transform:translate(-50%, -50%); background:url(/images/38.png) no-repeat center/cover; opacity:0;}
.scene-list .list .item.vid .video{border-radius: 18px;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: none;}
.scene-list .list .item.vid .video video{object-fit:fill;}
.scene-list .list .item.in .video{z-index: 10;display: block;}
.scene-list .list .item.vid .btn::before{padding:100% 0 0; display:block; content:'';}
.scene-list .list .item.vid:hover .btn{opacity:1;}
/* CSS3过度åŠåŠ¨ç”» */
#fullpage{}
#fullpage>.section{opacity:0;}
#fullpage>.section.fp-section{opacity:1;}
#fullpage>.section.foot{background:#000e14;}
#fullpage>.section.foot .fp-tableCell{vertical-align:bottom; /* padding-top: 100px; */}
#fullpage>.section.foot .fp-tableCell>div:first-child{padding-top: 100px;}
#fullpage>.section.foot .footer{margin:6.25% 0 0;}
/*第二å±*/
#fullpage>.active .inx-cart-box .item .tips{opacity:1; transition-delay:2s;}
#fullpage>.active .inx-cart-box .item .cart{opacity:1; transition-delay:0.8s;}
.pub-title{color: #333333;font-size: 42px;font-weight: bold;padding-bottom: 15px;}
.pub-title:after{content: "";position: absolute;left: 0;right: 0;margin: auto;bottom: 0;width: 30px;height: 4px;background: var(--mainColor);border-radius: 25px;}
.fix-solu{width: 100%; background: #fff; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); z-index: 20;}
.fix-solu .cate-list{margin-bottom: 0 !important;}
.fix-solu .cate-list .slide.cate{margin-top: 1%;}
/*关于我们*/
#about .desc{color: #666666;font-size: 16px;line-height: 28px;margin-bottom: 60px;}
#about .number .num{margin-bottom: 30px;}
#about .number .num .t{font-size: 38px;line-height: 48px;font-family: 'GilroyBold';color: var(--mainColor);}
#about .number .num .t2{font-size: 18px;line-height: 48px;font-weight: bold;color: var(--mainColor);margin-top: 3px;vertical-align: bottom;margin-left: 4px;}
#about .number .num .tit{color: #333333;font-size: 16px;line-height: 28px;}
#about .ab1 .content{padding: 130px 0 70px;background: url(/images/about_bg.jpg) no-repeat center center/100% auto;}
#about .ab1 .picture .m-pic:after{padding-top: 28.65%;}
#about .ab1 .picture .center{top: 0;opacity: 0;left: 0;right: 0;bottom: -200%;margin: auto;z-index: 2;}
#about .ab1 .picture .df{display: flex;align-items: center;height: 100%;}
#about .ab1 .picture .tit{color: #ffffff;font-size: 46px;line-height: 56px;font-family: 'SourceHanSansCNBold';padding-left: 25px;}
#about .ab1 .picture .tit:after{content: "";position: absolute;background: var(--mainColor);width: 5px;height: 100%;left: 0;top: 0;border-radius: 25px;}
#about .ab1 .picture .vid{width: 70px;height: 70px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(/images/video.png) no-repeat center center;z-index: 2;}
#about .ab1 .picture .video{width: 100%;height: 100%;display: none;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 10;}
#about .ab1 .picture .video video{object-fit: cover;}
#about .ab1 .top{margin-bottom: 55px;}
#about .ab1 .left{width: 29.17%;padding-top: 100px;}
#about .ab1 .pic{width: 56%;margin-right: 12.33%;}
#about .ab1 .pic .dian{width: 39.17%;bottom: 8.1%;right: 16.32%;}
#about .ab1 .pic .lin{width: 100%;bottom: 0;right: 0;padding-top: 120%;}
#about .ab1 .pic .lin:after{width: 100%;height: 100%;content: "";position: absolute;bottom: 0;right: 0;background: url(/images/map4.png) no-repeat center bottom/100% 100%;overflow: hidden;}
#about .ab1 .pic .lin.l2{padding-top: 0%;}
#about .ab1 .show-video{margin-top: 100px;}
/*#about .ab1 .pic .lin .d{left: 51.2%;bottom: 0px;width: 36px;height: 36px;background: url(/images/31.png) no-repeat center center/
100% 100%;animation:quan 2s ease-out infinite; -webkit-animation:quan 1s ease-out infinite; border-radius:50%; }*/
#about .ab2{padding: 100px 0 130px;}
#about .ab2 .desc{margin-top: 60px;}
#about .ab2 .num{width: 25%;padding: 0 2.5%;margin-bottom: 30px;}
#about .ab2 .team-list{width: 1500px;margin: 30px auto 0;overflow: hidden;}
#about .ab2 .container{overflow:visible;}
#about .ab2 .slide{width: 23%;margin-right: 2.857%;padding: 20px 0;}
#about .ab2 .slide .con{background: #eeeeee;height: 400px;border-radius: 18px;padding: 50px 0 65px;}
#about .ab2 .slide .name{color: #333333;font-size: 20px;}
#about .ab2 .slide .poi{color: #666666;font-size: 14px;}
#about .ab2 .slide .i{width: 120px;height: 120px;border-radius: 50%;margin: 0 auto;}
#about .ab2 .slide .i img{border-radius: 50%;}
#about .ab2 .slide .ww{width: 90%;margin: 25px auto 0;}
#about .ab2 .slide .add{width: 22px;height: 22px;margin: 24.84% auto 0;background: url(/images/ellipsis.png) no-repeat center center/100%;}
#about .ab2 .slide .h{height: 100%;color: #888888;font-size: 14px;line-height: 26px;overflow-y: auto;width: 96%;padding-right: 4%;}
#about .ab2 .slide .h::-webkit-scrollbar{width:5px;height:5px;background-color:#f2f2f2;}
#about .ab2 .slide .h::-webkit-scrollbar-track{background-color:#f2f2f2;}
#about .ab2 .slide .h::-webkit-scrollbar-thumb{background-color:var(--mainColor);}
#about .ab2 .slide .desc{margin: 0;height: 0;overflow: hidden;}
#about .ab2 .slide:hover .con{background: #fff;box-shadow: 5px 0 20px 2px #e5e5e7;padding: 40px 0 50px;}
#about .ab2 .slide:hover .desc{height: 235px;padding-left: 30px;}
#about .ab2 .slide:hover .df{padding: 0 30px;display: flex;align-items: center;margin-bottom: 30px;}
#about .ab2 .slide:hover .ww{width: 190px;margin: 0;text-align: left;}
#about .ab2 .slide:hover .i{width: 52px;height: 52px;margin-right: 9px;}
#about .ab2 .slide:hover .add{display: none;}
#about .ab3 .development{padding: 120px 0 160px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#about .ab3 .pub-title{color: #fff;margin-bottom: 60px;}
#about .ab3 .deve:after{content: "";position: absolute;left: 0;background: rgba(255,255,255,.2);height: 1px;top: 41px;width: 100%;}
#about .ab3 .swiper1{width: 78.63%;margin-bottom: 71px;}
#about .ab3 .swiper1 .slide{}
#about .ab3 .swiper1 .slide .year{padding-top: 74px;color: rgba(255,255,255,.15);font-size: 16px;font-family: 'Gilroy_Regular';}
#about .ab3 .swiper1 .slide .year:after{content: "";position: absolute;width: 0px;height: 30px;top: 0px;left: 0;right: 0;margin: auto;background: url(/images/car.png) no-repeat center center;}
#about .ab3 .swiper1 .slide .year:before{content: "";position: absolute;width: 11px;height: 11px;top: 34px;left: 0;right: 0;margin: auto;border: 2px solid #454855;background: #171b2c;border-radius: 50%;}
#about .ab3 .swiper1 .slide.swiper-slide-thumb-active .year:before{border-color: var(--mainColor);}
#about .ab3 .swiper1 .slide.swiper-slide-thumb-active .year:after{width: 45px;}
#about .ab3 .swiper1 .slide.swiper-slide-thumb-active .year{color: var(--mainColor);font-size: 50px;font-family: 'GilroyBold';line-height: 50px;}
#about .ab3 .swiper2 .container{width: 83.33%;margin: 0 auto;}
#about .ab3 .swiper2 .slide{z-index: 1;opacity: 1!important;}
#about .ab3 .swiper2 .slide .bg{width: 83%;padding: 9% 0;border-radius: 20px;margin: 0 auto;}
#about .ab3 .swiper2 .slide.s4 .bg{padding: 6% 0;}
#about .ab3 .swiper2 .slide.swiper-slide-next .bg,
#about .ab3 .swiper2 .slide.swiper-slide-prev .bg{opacity: 1!important;z-index: 2;}
#about .ab3 .swiper2 .slide.swiper-slide-next .bg,
#about .ab3 .swiper2 .slide.swiper-slide-prev .bg{width: 92%;margin: 12px auto 0;}
#about .ab3 .swiper2 .history{width: 89%;margin: 0 auto;}
#about .ab3 .swiper2 .history .li{width: 30%;margin: 1% 0;margin-right: 5%;}
#about .ab3 .swiper2 .history .li:nth-child(3n){margin-right: 0;}
#about .ab3 .swiper2 .history .m-pic{margin-bottom: 20px;}
#about .ab3 .swiper2 .history .m-pic:after{padding-top: 100px;}
#about .ab3 .swiper2 .history .t{font-size: 14px;color: #fff;}
#about .ab3 .swiper2 .slide.swiper-slide-active{z-index: 3;margin-top: 24px;}
#about .ab3 .swiper2 .slide.swiper-slide-active .bg{width: 100%;}
#about .ab3 .swiper2 .pn{top: 0;bottom: 0;margin: auto;height: 80px;width: 7.08%;background-repeat: no-repeat;background-position: center center;}
#about .ab3 .swiper2 .prev{background-image: url(/images/icon2.png);left: 0;}
#about .ab3 .swiper2 .prev:hover{background-image: url(/images/icon4.png);}
#about .ab3 .swiper2 .next{background-image: url(/images/icon3.png);right: 0;}
#about .ab3 .swiper2 .next:hover{background-image: url(/images/icon5.png);}
#about .ab4{padding: 120px 0 108px;}
#about .ab4 .top{margin-bottom: 60px;}
#about .ab4 .swiper7-pagination{left: 50%; transform: translateX(-50%);}
#about .ab4 .swiper7-pointer-events{overflow: hidden;}
#about .ab4 .honor{width: calc(100% - 10px);margin-right: 10px;border-radius: 18px;border: 1px solid #dddfe9;padding: 40px 0 25px;}
#about .ab4 .honor:nth-child(2n){margin-right: 0;margin-left: 10px;}
#about .ab4 .honor .m-pic{width: 87.5%;margin: 0 auto;}
#about .ab4 .honor .m-pic:after{padding-top: 89.29%;}
#about .ab4 .honor .tit{margin: 30px auto 0;width: 90%;color: #666666;font-size: 14px;line-height: 26px;}
#about .ab4 .honor:hover .tit{color: var(--mainColor);}
#about .ab4 .swiper-pagination{margin-top: 10px;position: static;}
#about .ab4 .swiper-pagination span{margin: 0 11px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #cecece;background: #fff;opacity: 1;}
#about .ab4 .swiper-pagination span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
/*åŠ å…¥æˆ‘ä»¬*/
#join .core{padding: 10.42% 0 7.81%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#join .core .val{width: 20%;padding: 0 30px;}
#join .core .title{color: #fff;margin-bottom: 75px;font-size: 46px;font-family: 'SourceHanSansCNBold';}
#join .core .i{margin: 0 auto 30px;width: 120px;height: 120px;background: rgba(0,0,0,.1);border-radius: 50%;}
#join .core .t{font-size: 18px;font-family: 'SourceHanSansCRegular';color: #ffffff;}
#join .job-list{padding: 120px 0 140px;}
#join .job-list .search{position: relative;z-index: 100;}
#join .job-list .desc{margin: 20px 0 70px;color: #666666;font-size: 18px;line-height: 30px;}
#join .job-list .select{width: 17.29%;border: 1px solid #999999;border-radius: 5px;margin-right: 30px;}
#join .job-list .select .tit{padding: 0 22px;color: #333333;font-size: 16px;background: url(/images/icon9.png) no-repeat 92% center;line-height: 58px;height: 58px;}
#join .job-list .select.in .tit{background-image: url(/images/icon10.png);}
#join .job-list .select.in,
#join .job-list .select:hover{border-color: var(--mainColor);}
#join .job-list .select:hover .two{box-shadow: 0 10px 20px 4px #e5e5e5;}
#join .job-list .select .two{width: 100%;height: 0;overflow: hidden;top: 59px;left: 0;background: #ffffff; border-radius: 5px;}
#join .job-list .select .two .h{background: rgba(20,161,182,.8);}
#join .job-list .select .two .typ{padding: 15px 20px;width: 100%;}
#join .job-list .select .two .typ .t{color: #fff;font-size: 16px;}
#join .job-list .select .two .typ:hover{background: #ffff;}
#join .job-list .select .two .typ:hover .t{color: #000; }
#join .job-list .ipt{width: 28.57%;border: 1px solid #999999;border-radius: 5px;}
#join .job-list .ipt .text{padding: 0 21px;color: #999999;font-size: 16px;border-top-left-readius: 5px;border-bottom-left-readius: 5px;width: 86.25%;height: 58px;line-height: 58px;}
#join .job-list .ipt .text::-webkit-input-placeholder{color:#999;}
#join .job-list .ipt .text::-moz-placeholder{color:#999;}
#join .job-list .ipt .text::-moz-placeholder{color:#999;}
#join .job-list .ipt .text::-ms-input-placeholder{color:#999;}
#join .job-list .ipt .sub{width: 13.75%;height: 58px;background: url(/images/icon6.png) no-repeat center center;}
#join .job-list .list{margin-top: 40px;}
#join .job-list .job{margin-bottom: 20px;}
#join .job-list .job .top{display: flex;align-items: center;border: 1px solid #d9d9d9;padding: 21px 26px 21px 40px;border-radius: 10px;}
#join .job-list .job .top .lt{margin-right: 2.857%;color: #666666;font-size: 16px;}
#join .job-list .job .name.lt{width: 14.29%;color: #333333;font-size: 18px;font-weight: bold;}
#join .job-list .job .num{width: 12.86%;}
#join .job-list .job .date{color: #999999;font-size: 16px;font-family: 'Gilroy_Regular';margin-left: 12%;padding-left: 28px;background: url(/images/date.png) no-repeat left center;}
#join .job-list .job .btn{width: 36px;height: 36px;background: url(/images/xia.png) no-repeat center center/100%;margin-left: 23.8%;}
#join .job-list .job .btn:hover{transform: rotate(180deg);}
#join .job-list .job .content{height: 0;overflow: hidden;}
#join .job-list .job .duty{padding: 40px 0;margin-left: 40px;width: 71.43%;}
#join .job-list .job .duty .t{color: #333333;font-size: 16px;margin-bottom: 20px;}
#join .job-list .job .duty .con{min-height: 160px;font-size: 16px;line-height: 28px;}
#join .job-list .job .apply{width: 179px;height: 66px;line-height: 66px;color: #fff;font-size: 16px;border-radius: 50px;bottom: 60px;right: 40px;box-shadow: 0 2px 20px -5px var(--mainColor);background: var(--mainColor);text-align: center;}
#join .job-list .job .top:hover{border-color: var(--mainColor);}
#join .job-list .job.open .top{background: var(--mainColor);border-color: var(--mainColor);}
#join .job-list .job.open .top .lt{color: #fff;}
#join .job-list .job.open .date{background-image: url(/images/date2.png);}
#join .job-list .job.open .btn{background-image: url(/images/shang.png);}
#join .job-list .job.open{border: 2px solid var(--mainColor);border-radius: 12px;}
#join .job-list .job{border: 2px solid transparent;}
#join .activity{padding-bottom: 130px;}
#join .activity .pub-title{margin-bottom: 60px;}
#join .activity .container{width: 36.98%;overflow: visible;}
#join .activity .container .slide{width: 100%;margin-right: 62px;}
#join .activity .container .m-pic img,
#join .activity .container .slide.swiper-slide-active:after,
#join .activity .container .m-pic{background: #000;border-radius: 18px;}
#join .activity .container .m-pic img{opacity: .6;}
#join .activity .container .m-pic:after{padding-top: 59.15%;}
#join .activity .container .name{text-align: center;bottom: 30px;width: 90%;margin: auto;left: 0;right: 0;font-size: 16px;color: #999999;z-index: 4;}
#join .activity .container .slide.swiper-slide-active:after{content: "";position: absolute;width: 100%;left: 0;right: 0;bottom: 0;height: 100%;z-index: 2;background: url(/images/bg.png) no-repeat center bottom/100% auto;transition: 0.5s;-webkit-transition: 0.5s;}
#join .activity .container .slide.swiper-slide-active img{opacity: 1;}
#join .activity .container .slide.swiper-slide-active .name{color: #fff;}
#join .activity .swiper-pagination{margin-top: 40px;position: static;}
#join .activity .swiper-pagination span{margin: 0 11px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #cecece;background: #fff;opacity: 1;}
#join .activity .swiper-pagination span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
#jobwin{width: 100%;height: 0;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 100;}
#jobwin .black{width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: rgba(0,0,0,.5);}
#jobwin .form{width: 760px;height: 100%;overflow: hidden; /*overflow-y: auto;*/ top: 0;left: 0;right: 0;border-radius: 18px;margin: auto;bottom: 0;}
#jobwin .form form{width: 100%;height: 750px;padding-top: 30px;background: #fff;border-radius: 18px;}
#jobwin .form .close{width: 45px;height: 30px;margin-top: 10px;background: url(/images/close2.png) no-repeat center center;margin-right: 28px;}
#jobwin .form .tit{color: #333333;font-size: 16px;margin-bottom: 10px;}
#jobwin .form .work{color: var(--mainColor);font-size: 24px;margin-bottom: 50px;}
#jobwin .form .row{width: 68.68%;margin: 0 auto 35px;border-bottom: 1px solid #dddddd;padding-bottom: 15px;}
#jobwin .form .row .not,
#jobwin .form .row .txt{color: #888888;font-size: 16px;}
#jobwin .form .row input.txt{width: 80%;}
#jobwin .form .row input.txt::-webkit-input-placeholder{color:#888888;}
#jobwin .form .row input.txt::-moz-placeholder{color:#888888;}
#jobwin .form .row input.txt::-moz-placeholder{color:#888888;}
#jobwin .form .row input.txt::-ms-input-placeholder{color:#888888;}
#jobwin .form .row .file{padding: 0 20px;height: 42px;line-height: 42px;background: #eaeaea;border-radius: 4px;}
#jobwin .form .fil .txt{line-height: 42px;}
#jobwin .form .row .file .t{color: #333333;font-size: 16px;}
#jobwin .form .sub{margin: 0px 0 35px;width: auto;padding: 0 15px;line-height: 50px;height: 50px;border-radius: 50px;background: var(--mainColor);color: #fff;font-size: 16px;}
#jobwin .form .con{width: 76%;margin: 0 auto;color: #666666;font-size: 16px;line-height: 26px;}
#jobwin .form .email{border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;background: url(/images/wd.png) no-repeat top center/100% 100%;padding: 30px 0 20px;color: #fff;font-size: 16px;}
#jobwin .form::-webkit-scrollbar{width:5px;height:5px;background-color:#f2f2f2;}
#jobwin .form::-webkit-scrollbar-track{background-color:#f2f2f2;}
#jobwin .form::-webkit-scrollbar-thumb{background-color:var(--mainColor);}
#jobwin.open{height: 100%;}
/*å‡ è¡Œå†…è¶…å‡ºï¼Œæ˜¾ç¤ºçœç•¥å·*/
.text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}
/*æ–°é—»ä¸å¿ƒ*/
.banner-txt{}
.banner-txt{background:no-repeat center/cover;}
.banner-txt::before{padding:33.8541666% 0 0; display:block; content:'';}
.banner-txt .txt{left:50%; top:150%; font-size:2.88em; color:#fff; font-weight:bold; transform:translate(-50%, -50%); width:100%; opacity: 0; transition: all 1s;}
.inner-banner .txt{left:50%; top:150%; transform:translate(-50%, -50%); width:100%; opacity: 0; transition: all 1s;}
.banner-txt .txt.cur{ top: 50%; opacity: 1;}
.inner-banner .txt.cur{ top: 30%; opacity: 1;}
#news .cate-list{margin: 120px 0 80px;}
#news .cate-list .cate{margin: 0 30px;font-size: 18px;padding-bottom: 11px;border-bottom: 3px solid transparent;color: #333;}
#news .cate-list .cate.cur{color: var(--mainColor);border-color: var(--mainColor);}
.news-list{margin-bottom: 160px;}
.news-list li{width:31.42857%; margin:0 2.85714% 2.85714% 0;}
.news-list li .img::before{padding:59.09090% 0 0; display:block; content:'';}
.news-list li .img img,
.news-list li .img{border-radius: 18px;}
.news-list li:nth-child(3n){margin:0 0 2.85714%;}
.news-list li .name{margin: 30px 0 20px;color: #333333;font-weight: bold;font-size: 20px;line-height: 35px;max-height: 70px;}
.news-list li .brief{color: #666666;font-size: 14px;line-height: 26px;max-height: 52px;}
.news-list li .time{color: #999999;font-size: 16px;font-family: 'Gilroy_Regular';margin-top: 15px;}
.news-list li:hover .name{color: var(--mainColor);}
/*新闻詳細*/
#news.news-detail {padding-bottom: 120px;}
#news.news-detail .bread{margin: 40px 0 60px;}
#news.news-detail .bread .t1{color: #666666;font-size: 16px;}
#news.news-detail .bread a.t1:hover{color: var(--mainColor);}
#news.news-detail .bread span{margin: 0 10px;}
#news.news-detail .left{width: 69.16%;}
#news.news-detail .left .info-name{color: #333333;font-size: 32px;}
#news.news-detail .left .con{margin: 15px 0 40px;line-height: 26px;}
#news.news-detail .left .cate{color: #666666;font-size: 14px;}
#news.news-detail .left .date{margin-left: 15px;font-size: 16px;color: #999;font-family: 'Gilroy_Regular';}
#news.news-detail .prev-next{margin-top: 50px;}
#news.news-detail .prev-next a{width: 48.19%;background: #f5f6fa;border-radius: 18px;}
#news.news-detail .prev-next .center{width: 83.75%;margin: 0 auto;padding: 30px 0 40px;}
#news.news-detail .prev-next .tit{position: relative;color: #333;font-size: 16px;padding-bottom: 18px;margin-bottom: 30px;}
#news.news-detail .prev-next .tit:after{content: "";position: absolute;bottom:0;left: 0;width: 30px;height: 2px;background: var(--mainColor);}
#news.news-detail .prev-next .name{color: #333333;font-size: 16px;line-height: 24px;height: 44px;overflow: hidden;margin-bottom: 20px;}
#news.news-detail .prev-next .date{margin-left: 0;color: #999999;font-size: 14px;}
#news.news-detail .prev-next a:hover{background: var(--mainColor);}
#news.news-detail .prev-next a:hover .name,
#news.news-detail .prev-next a:hover .date,
#news.news-detail .prev-next a:hover .tit{color: #fff;}
#news.news-detail .prev-next a:hover .tit:after{background: #fff;}
#news.news-detail .right{width: 25%;}
#news.news-detail .right .cen{width: 100%;padding: 40px 9.33%;border-top: 12px solid var(--mainColor);box-shadow: 0 0 10px 2px #f6f6f6;margin: 0 auto;border-radius: 18px;}
#news.news-detail .right .tit{margin-bottom: 30px;position: relative;color: #333333;font-size: 16px;padding-bottom: 18px;}
#news.news-detail .right .tit:after{content: "";position: absolute;bottom:0;left: 0;width: 30px;height: 3px;background: var(--mainColor);}
#news.news-detail .right .cen .li{border-bottom: 1px solid #f3f3f3;padding-bottom: 18px;margin-bottom: 25px;}
#news.news-detail .right .name{color: #444444;font-size: 16px;line-height: 24px;max-height: 44px;overflow: hidden;}
#news.news-detail .right .li:hover .name{color: var(--mainColor);}
#news.news-detail .right .li:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
#news.news-detail .right .con{padding: 16px 0;border-bottom: 1px solid #f3f3f3;}
#news.news-detail .right .date{color: #999999;font-size: 16px;margin-top: 10px;font-family: 'Gilroy_Regular';}
#news.news-detail .right .share{margin-top: 25px;}
#news.news-detail .right .share a{cursor: pointer;width: 47.6%;text-align: center;border: 1px solid #eaeaea;border-radius: 25px;height: 48px;line-height: 48px;color: #444444;font-size: 14px;font-family: 'SourceHanSansCRegular';}
#news.news-detail .right .share a span{margin-right: 4.89%;height: 48px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% auto;background-size: 100% auto;}
#news.news-detail .right .share a:hover{color: #fff;background: var(--mainColor);border-color: var(--mainColor);}
#news.news-detail .right .share a.wx span{width: 16.78%;background-image: url(/images/ico12.png);}
#news.news-detail .right .share a.wx:hover span{width: 16.78%;background-image: url(/images/ico13.png);}
#news.news-detail .right .share a.wb span{width: 15.38%;background-image: url(/images/ico14.png);}
#news.news-detail .right .share a.wb:hover span{width: 15.38%;background-image: url(/images/ico15.png);}
/*分页*/
#turn_page{padding-top: 40px;}
#turn_page .pg,
#turn_page .pn{border: 1px solid #e5e5e5;border-radius: 5px;height: 40px;line-height: 40px;font-size: 14px;color: #999;display: inline-block;vertical-align: top;}
#turn_page .pn{width: 97px;}
#turn_page .prev{margin-right: 10px;}
#turn_page .pg{width: 40px;margin-right: 10px;}
#turn_page a.pn:hover,
#turn_page a.pg:hover,
#turn_page .sub:hover,
#turn_page .current{color: #fff;background: var(--mainColor);}
/*商业应用*/
#application .top{padding-top: 49.479%;}
#application .pic{top: 0;bottom: 0;left: 0;right: 0;margin: auto; z-index: 2;width: 100%;height: 100%;}
#application .pic .m-pic{width: 100%;}
#application .pic .m-pic:after{padding-top: 49.479%;}
#application .pub1{margin: 100px 0 60px;}
#application .pub2{margin: 120px auto 60px;}
.cen #application .cate-list{justify-content: center;}
#application .cate-list{margin-bottom: 30px;}
/*#application .cate-list .cate{max-width: 12.5%;margin-right: 1%;margin-bottom: 1%;padding: 10px 30px;color: #333333;font-size: 18px;border-radius: 50px;}*/
#application .solution-box .ml{z-index: 20;}
#application .solution-box .btns{width: 100%;top: -9%;}
#application .solution-box .btn {width: 70px; height: 70px; }
#application .solution-box .btns .prev{left: -80px; background: url(/images/33.png) no-repeat center center;}
#application .solution-box .btns .prev:hover{background: url(/images/34.png) no-repeat center center;}
#application .solution-box .btns .next{right: -80px; background: url(/images/35.png) no-repeat center center;}
#application .solution-box .btns .next:hover{background: url(/images/36.png) no-repeat center center;}
#application .cate-list .slide.cate{width: auto;margin-right: 1%;margin-bottom: 1%;padding: 10px 30px;color: #333333;font-size: 18px;border-radius: 50px;}
#application .cate-list .cate:last-child{margin-right: 0;}
#application .cate-list .cate.cur:hover,
#application .cate-list .cate.cur{background: var(--mainColor);color: #fff;}
#application .cate-list .cate:hover{color: var(--mainColor);}
#application .mt{top: -100px;}
#application .solution{background: #e6e7ee;}
#application .solution .cw1400{padding: 150px 0;}
#application .solution .con{background: rgba(255,255,255,.8);width: 42.86%;border-radius: 18px;padding: 65px 0;}
#application .solution .desc,
#application .solution .tit{width: 85%;margin: 0 auto;}
#application .solution .tit{margin-bottom: 30px;color: #333333;font-size: 24px;}
#application .solution .desc{color: #333333;font-size: 16px;line-height: 30px;}
#application .solution .pic2{text-align: right;right: 0;bottom: 0;width: 68.21%;}
#application .swiper .container{overflow: visible;width: 52.08%;margin: 0 auto;}
#application .swiper .slide{width: 100%;margin-right: 16%;}
#application .swiper .slide .m-pic{transform: scale(0.8);}
#application .swiper .slide.swiper-slide-active .m-pic{transform: scale(1);}
#application .swiper .slide .m-pic{background: #000000;}
#application .swiper .slide .m-pic img{opacity: .4;}
#application .swiper .slide.swiper-slide-active .m-pic img{opacity: 1;}
#application .swiper .slide .m-pic img,
#application .swiper .slide .m-pic{border-radius: 18px;}
#application .swiper .slide .m-pic:after{padding-top: 59.2%;}
#application .swiper .slide .con{display: none;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;background: rgba(255,255,255,.8);padding: 15px 30px;line-height: 30px;bottom: -1px;z-index: 2;left: 0;right: 0;margin: auto;}
#application .swiper .slide.swiper-slide-active{z-index: 100;}
#application .swiper .slide.swiper-slide-active .con{display: block;}
#application .swiper .slide .con .name{font-size: 18px;font-weight: bold;color: #333333;margin-right: 15px;}
#application .swiper .slide .con .desc{font-size: 16px;color: #333333;}
#application .swiper .slide.vid:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;width: 100px;height: 100px;background: url(/images/38.png) no-repeat center center;}
#application .swiper .swiper-pagination{margin-top: 40px;position: static;}
#application .swiper .swiper-pagination span{margin: 0 11px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #cecece;background: #fff;opacity: 1;}
#application .swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
#application .swiper .pn{width: 47%;height: 100%;top: 0;z-index: 10;bottom: 0;margin: auto;background-repeat: no-repeat;background-position: center center;}
#application .swiper .prev{left: -47%;background-image: url(/images/33.png);background-position: 90% center;}
#application .swiper .prev:hover{background-image: url(/images/34.png);}
#application .swiper .next{right: -47%;background-image: url(/images/35.png);background-position: 10% center;}
#application .swiper .next:hover{background-image: url(/images/36.png);}
#application .partner{padding: 150px 0 140px;}
#application .partner .cate-list{margin: 50px 0 40px;}
#application .partner .tb{max-width: none;}
#application .partner .boxs{border: 1px solid #e6e7ee;border-bottom: none;}
#application .partner .pn{width: 16.667%;border-right: 1px solid #e6e7ee;border-bottom: 1px solid #e6e7ee;}
#application .partner .pn:nth-child(6n){border-right: none;}
#application .partner .pn .m-pic:after{padding-top: 50.43%;}
/*产å“*/
#products .top{/*padding-top: 11.98%;*/padding-top: 240px;padding-bottom: 90px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;height: 100vh;}
#products .top .tit1{color: #ffffff;font-size: 50px;font-weight: bold;margin-bottom: 5px;}
#products .top .tit2{margin-bottom: 50px;color: #cccccc;font-size: 18px;}
#products .top .m-pic{width: 470px;max-height: 488px;}
#products .top.light2 .pic{padding: 2.47% 0;}
#products .top .dian{z-index: 3;width: 60px;height: 60px;background: url(/images/32.png) no-repeat center center;animation:quan 2s ease-out infinite; -webkit-animation:quan 1s ease-out infinite; border-radius:50%; overflow:hidden;}
#products .top .d1{top: 4%;left: 18%;}
#products .top .d2{top: -5%;left: 41%;}
#products .top .d3{top: 4%;right: 23%;}
#products .top .d4{bottom: 37%;left: 10%;}
#products .top .d5{bottom: 28%;left: 41.2%;}
#products .top .d6{bottom: 36%;right: 13%;}
/*#products .light2 .d1{left: 23.2%;bottom: 35%;top: auto;}*/
/*#products .light2 .d3{right: 24%;bottom: 35%;top: auto;}*/
/*#products .light2 .d4{left: 0;right: 0;margin: auto;bottom: 27%;}*/
#products .light2 .d1{left: 15.6%;bottom: 33%;top: auto;}
#products .light2 .d3{right: 15.6%;bottom: 33%;top: auto;}
#products .light2 .d2{left: 0;right: 0;margin: auto;}
#products .light2 .d4{left: 0;right: 0;margin: auto;bottom: 21%;}
#products .light4 .d1{top: 3%;left: 21%;}
#products .light4 .d2{top: -3%;left: 39.5%;}
#products .light4 .d3{display: none;}
#products .light4 .d4{bottom: 19%; left: 3.8%; top: auto;}
#products .light4 .d5{left: 21.5%;bottom: 15.5%;top: auto;}
#products .light4 .d6{right: 46%;bottom: 18%;}
#products .light1 .d2{top: -5%; left: 41.5%;}
#products .light1 .d6{bottom: 37%; right: 14%;}
/* #products .light3 .d1{top: 2%;left: 22%;} */
#products .light3 .d2{top: -4%;left: 44.7%;}
/* #products .light3 .d3{top: 3%;right: 20%;} */
/* #products .light3 .d4{left: 3%;top: 28%;} */
#products .light3 .d5{bottom: 33%;left: 42.5%;}
/* #products .light3 .d6{top: 28%;right: 3%;} */
#products .light3 .d1,
#products .light3 .d3,
#products .light3 .d4,
#products .light3 .d6{display: none;}
#products .top .m-pic img{z-index: 2;}
#products .top .pic.img2{transform: scale(0.1);}
#products .top .bottom{z-index: 1;width: 100%;height: 126px;background: url(/images/light1.png) no-repeat center center/100% auto;bottom: -10%;left: 0;right: 0;margin: auto;animation:quan 2s ease-out infinite; -webkit-animation:quan 1s ease-out infinite;}
#products .intro{padding: 11.09% 0 8.59%;}
#products .intro .df{display: flex;align-items: center;}
#products .intro .con{width: 27.14%;}
#products .intro .pub-title:after{right: auto;}
#products .intro .desc{margin-top: 50px;color: #666666;font-size: 16px;line-height: 30px;}
#products .intro .pic{order: 2;margin-left: 8.572%;width: 64.288%;}
#products .intro .pic .container{width: 100%;margin: 0;overflow: visible;}
#products .intro .pic .slide{opacity: 1!important;}
#products .intro .pic .slide .m-pic{width: 50%;margin-left: 50%;background: #fff;}
#products .intro .pic .slide .m-pic img{opacity: .5;}
#products .intro .pic .slide .m-pic:after{padding-top: 115%;}
#products .intro .pic .swiper-slide-prev .m-pic,
#products .intro .pic .swiper-slide-next .m-pic{width: 63.4%;margin-left: 28%;}
#products .intro .pic .swiper-slide-prev,
#products .intro .pic .swiper-slide-next{z-index: 5;}
#products .intro .pic .swiper-slide-next .m-pic:after,
#products .intro .pic .swiper-slide-prev .m-pic:after{padding-top: 90.7%;}
#products .intro .pic .swiper-slide-active{z-index: 10;}
#products .intro .pic .swiper-slide-active .m-pic{width: 82.78%;margin-left: 0%;}
#products .intro .pic .swiper-slide-active .m-pic:after{padding-top: 69.33%;}
#products .intro .pic .swiper-slide-active .m-pic img{opacity: 1;}
#products .intro .pic .slide .m-pic,
#products .intro .pic .slide .m-pic img{border-radius: 18px;}
#products .intro .pic .pn{z-index: 2;top: 0;bottom: 0;margin: auto;width: 60px;height: 60px;background-repeat: no-repeat;background-position: center center;border-radius: 50%;background-color: rgba(0,0,0,.4);}
/*#products .intro .pic .pn.swiper-button-disabled:hover,*/
/*#products .intro .pic .pn.swiper-button-disabled{background-color: rgba(0,0,0,.4);cursor: default!important;}*/
#products .intro .pic .prev{left: 40px;background-image: url(/images/icon11.png);}
#products .intro .pic .pn:hover{background-color: var(--mainColor);}
/*#products .intro .pic .prev:hover{background-image: url(/images/34.png);}*/
#products .intro .pic .next{left: 72%;background-image: url(/images/icon12.png);}
/*#products .intro .pic .next:hover{background-image: url(/images/36.png);}*/
#products .intro .pic .swiper-pagination{position: static;margin-top: 40px;}
#products .intro .swiper-pagination span{margin: 0 11px;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #cecece;background: #fff;opacity: 1;}
#products .intro .swiper-pagination span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
#products .feature{padding: 8.59% 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#products .feature .pub-title{color: #fff;margin-bottom: 80px;}
#products .feature .fea{margin-top: 40px;width: 25%;padding: 0 2.5%;}
#products .feature .fea .i{width: 70px;height: 70px;margin: 0 auto;}
#products .feature .fea .tit{color: #ffffff;font-size: 18px;margin: 35px 0 20px;line-height: 30px;}
#products .feature .fea .desc{color: #cccccc;font-size: 14px;line-height: 30px;}
#products .book{padding: 8.85% 0;}
#products .book .pub-title{margin-bottom: 90px;}
#products .book .pub-title:after{right: auto;}
#products .book .left{width: 41.43%;}
#products .book .left .tit{color: #333333;font-size: 24px;margin-bottom: 15px;}
#products .book .left .desc{color: #666666;font-size: 16px;margin-bottom: 90px;}
#products .book .left .m-pic{width: 60.34%;border-radius: 18px;margin-left: 6%;}
#products .book .left .li.cur .m-pic{margin-left: 0;}
#products .book .left .m-pic img{border-radius: 18px;}
#products .book .left .m-pic:after{padding-top: 62.86%;}
#products .book .book2{width: 49.36%;}
#products .book .book2 .quan{width: 100%;height: 600px;background: url(/images/icon26.jpg) no-repeat center center;}
#products .book .quan .line{height: 1px;width: 131%;content: "";position: absolute;height: 1px;top: 0;bottom: 0;margin: auto;left: -102%;background: var(--mainColor);}
#products .book .book2 .bk{width: 100px;height: 100px;background: #fff;border-radius: 50%;border: 2px solid #cccccc;}
#products .book .book2 .bk .m-pic:after{padding-top: 100%;}
#products .book .book2 .bk .m-pic .p2{display: none;}
/* #products .book .book2 .bk.pn1{left: 27.79%;top: 44px;} */
/* #products .book .book2 .bk.pn2{right: 27.79%;top: 44px;} */
/* #products .book .book2 .bk.pn3{right: 9%;top: 41.5%;} */
/* #products .book .book2 .bk.pn4{left: 27.79%;bottom: 44px;} */
/* #products .book .book2 .bk.pn5{right: 27.79%;bottom: 44px;} */
/* #products .book .book2 .bk.cur{background: var(--mainColor);border-color: var(--mainColor);box-shadow: 0 3px 20px -3px var(--mainColor);}
#products .book .book2 .bk:hover{border-color: var(--mainColor);} */
/* #products .book .book2 .bk.cur .m-pic .p1{display: none;}
#products .book .book2 .bk.cur .m-pic .p2{display: inline-block;} */
#products .book .book2 .r-tab{overflow: visible;}
#products .book .book2 .bk.pn1{left: 27.79%;top: 44px;}
#products .book .book2 .bk.pn2{right: -46.21%;top: 44px;}
#products .book .book2 .bk.pn3{right: -47%;top: 41.5%;}
#products .book .book2 .bk.pn4{left: -16.21%;bottom: -76%;}
#products .book .book2 .bk.pn5{right: -3.21%;bottom: -76%;}
#products .book .book2 .r-item.swiper-slide-thumb-active{background: var(--mainColor);border-color: var(--mainColor);box-shadow: 0 3px 20px -3px var(--mainColor);}
#products .book .book2 .bk.swiper-slide-thumb-active .m-pic .p1{display: none;}
#products .book .book2 .bk.swiper-slide-thumb-active .m-pic .p2{display: inline-block;}
#products .parameter{padding: 7.03% 0 6%;margin-bottom: 7.8%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
#products .parameter.pa-video{padding:0;}
#products .parameter .v-video{width: 100%; max-width: 100%; height: 100vh;}
#products .parameter .car{margin-bottom: 80px;}
#products .parameter .data{margin: 2.5%;}
#products .parameter .data .quan{width: 100px;height: 100px;margin: 0 auto;border-radius: 50%;border: 2px solid #444961;}
#products .parameter .data .tit{margin-top: 25px;color: #ffffff;font-size: 14px;}
#products .scenes{margin-bottom: 7.29%;}
#products .scenes .pub-title{margin-bottom: 80px;}
#products .scenes .slide{width: 14.29%;margin-right: 2.857%;background: #eeeeee;border-radius: 18px;height: 340px;}
#products .scenes .slide .pic{width: 70px;height: 70px;margin: 80px auto 30px;}
#products .scenes .slide .tit{color: #333333;font-size: 18px;line-height: 30px;margin-bottom: 15px;}
#products .scenes .slide .d1{color: #666666;font-size: 14px;line-height: 30px;}
#products .scenes .slide .more{display: none;margin-top: 35px;padding: 10px 15px;border-radius: 25px;color: #fff;font-size: 14px;background: var(--mainColor);}
#products .scenes .slide .p2{display: none;}
#products .scenes .f-scenes,
#products .scenes .slide:hover{background: #25293b;box-shadow: 0 0 20px -6px #e1e1e4;}
#products .scenes .f-scenes .p1,
#products .scenes .slide:hover .p1{display: none;}
#products .scenes .f-scenes .pic,
#products .scenes .slide:hover .pic{margin-top: 40px;}
#products .scenes .f-scenes .more,
#products .scenes .f-scenes .p2,
#products .scenes .slide:hover .more,
#products .scenes .slide:hover .p2{display: inline-block;}
#products .scenes .f-scenes .tit,
#products .scenes .f-scenes .d1,
#products .scenes .slide:hover .tit,
#products .scenes .slide:hover .d1{color: #fff;}
#products .scenes .swiper-pagination{display: none;}
#products .case-box{margin-bottom: 7.29%;}
#products .case-box .pub-title{margin-bottom: 60px;}
#products .ajax-list{margin-bottom: 20px;}
#products .ajax-list .br18{border-radius: 18px;}
#products .ajax-list .case{width: 31.43%;margin-right: 2.85%;margin-bottom: 2.86%;}
#products .ajax-list .case:nth-child(3n){margin-right: 0;}
#products .ajax-list .case .m-pic:after{padding-top: 59.32%;}
#products .ajax-list .case .con{z-index: 2;bottom: 0;left: 0;right: 0;margin: auto;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;background: rgba(255,255,255,.8);padding: 10px 30px;}
#products .ajax-list .case .con .t2{color: #333333;font-size: 16px;line-height: 30px;}
#products .ajax-list .case:hover .con{background: rgba(20,161,182,.9);display: flex;align-items: center;border-radius: 18px;top: 0;height: 100%;}
#products .ajax-list .case:hover .con .df{width: 100%;}
#products .ajax-list .case:hover .con .t1{display: block;margin-bottom: 10px;color: #fff;font-size: 20px;font-weight: bold;}
#products .ajax-list .case:hover .con .t2{color: #fff; display:none;}
#products .case-box .load{width: 156px;height: 56px;margin: 0 auto;line-height: 56px;border-radius: 50px;border: 2px solid #cccccc;font-size: 14px;}
#products .case-box .load .i{margin-left: 10px;width: 10px;height: 56px;background: url(/images/icon31.png) no-repeat center center;}