﻿html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:20px;background:#14141b;color:#D8D8D8;min-width:1300px}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0}p{margin-bottom:.5rem}img{max-width:100%;vertical-align:middle}header,section,footer{display:block}body{-webkit-text-size-adjust:100%;outline:0;font-size:.7rem;line-height:1.2;color:#D8D8D8}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1,.h1{font-size:1.4rem}h2,.h2{font-size:1.1rem}h3,.h3{font-size:.9rem}h4,.h4{font-size:.8rem}iframe{border:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}fieldset,img{border:0}li{list-style:none}ins{text-decoration:none}del{text-decoration:line-through}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}button{-webkit-appearance:none;border:0;background:none}a{-webkit-touch-callout:none;text-decoration:none}:focus{outline:0;-webkit-tap-highlight-color:transparent}em,i{font-style:normal}a,input,textarea,select,button{outline:0}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}.box-w5,.box-w10,.box-w15,.box-w20,.box-w25,.box-w30,.box-w35,.box-w40,.box-w45,.box-w50,.box-w55,.box-w60,.box-w65,.box-w70,.box-w75,.box-w80,.box-w85,.box-w90,.box-w95,.box-w100,.box-w33,.box-w66{float:left;padding:0 0.5rem;box-sizing:border-box}.box-w5{width:5%}.box-w10{width:10%}.box-w15{width:15%}.box-w20{width:20%}.box-w25{width:25%}.box-w30{width:30%}.box-w35{width:35%}.box-w40{width:40%}.box-w45{width:45%}.box-w50{width:50%}.box-w55{width:55%}.box-w60{width:60%}.box-w65{width:65%}.box-w70{width:70%}.box-w75{width:75%}.box-w80{width:80%}.box-w85{width:85%}.box-w90{width:90%}.box-w95{width:95%}.box-w100{width:100%}.box-w33{width:33.33%}.box-w33:nth-child(3n){width:33.34%;float:right}.box-w66{width:66.66%}.box-w100,.box{float:none;padding:0 0.5rem}.box-w100:after,.box-w100:before,.box:after,.box:before{clear:both;content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}@media screen and (max-width: 767px){.box-w5{float:none;width:100%;padding:0}.box-w10{float:none;width:100%;padding:0}.box-w15{float:none;width:100%;padding:0}.box-w20{float:none;width:100%;padding:0}.box-w25{float:none;width:100%;padding:0}.box-w30{float:none;width:100%;padding:0}.box-w35{float:none;width:100%;padding:0}.box-w40{float:none;width:100%;padding:0}.box-w45{float:none;width:100%;padding:0}.box-w50{float:none;width:100%;padding:0}.box-w55{float:none;width:100%;padding:0}.box-w60{float:none;width:100%;padding:0}.box-w65{float:none;width:100%;padding:0}.box-w70{float:none;width:100%;padding:0}.box-w75{float:none;width:100%;padding:0}.box-w80{float:none;width:100%;padding:0}.box-w85{float:none;width:100%;padding:0}.box-w90{float:none;width:100%;padding:0}.box-w95{float:none;width:100%;padding:0}.box-w100{float:none;width:100%;padding:0}.box-w33{float:none;width:100%}.box-w33:nth-child(3n){float:none;width:100%}.box-w66{float:none;width:100%}}*{box-sizing:border-box}html,body{min-height:100%;height:100%}.hidden{display:none !important}.hidden-desktop{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.gap{padding:1rem}.nogap{padding:0}.nogap-left{padding-left:0}.nogap-right{padding-right:0}.main-color{color:#ff660d}.container{max-width:1240px;margin:0 auto}input{padding:.25rem;border:1px solid #ddd}.btn{display:inline-block;*display:inline;padding:.5rem  1rem;border-radius:1rem;border:none;background:linear-gradient(90deg, #02FCD1 0%, #45ABF9 100%);color:#fff;cursor:pointer;text-align:center;transition:all 1s ease-in;font-size:.75rem;min-width:8.5rem}.btn:hover{background:linear-gradient(90deg, #45ABF9 0%, #45ABF9 100%)}.gray{color:#aaa}.label{padding:.4rem 1rem;display:inline-block;background:#fff;border-radius:.2rem;line-height:1rem;color:#14141b;font-size:.9rem}.label.label-blue{background:#2ACCE9;color:#14141B}.header{position:fixed;top:0;left:0;right:0;z-index:9;font-size:.9rem;text-align:right;line-height:2.5rem;background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);transition:all .3s ease-in}.header .container{padding:1rem}.header a{color:#999}.header .logo{float:left}.header .logo img{height:2.5rem}.header .nav{overflow:hidden;margin-top:.15rem}.header .nav li{display:inline-block;*display:inline;cursor:pointer;margin-left:3rem;transition:all .2s linear;color:#999}.header .nav li.active,.header .nav li.active a{color:#D8D8D8}.header .nav li:hover{color:#D8D8D8}.footer{background:linear-gradient(180deg, #1f1f2d 0%, #14141b 100%);padding-top:2rem}.footer .container{padding:1rem}.footer .title{font-size:.8rem;margin-bottom:1.5rem}.footer .item{color:#848484;font-size:.6rem;margin-bottom:.5rem}.footer .tel-title{color:#D8D8D8;font-size:.6rem}.footer .tel{color:#D8D8D8;font-size:1.2rem;margin:.5rem 0 1rem}.footer .copyright{color:#D8D8D8;margin-top:3rem;padding-top:1rem;text-align:center;border-top:1px solid rgba(151,151,151,0.2);font-size:.6rem}#go-top{background:#3A3E49;height:1.6rem;width:1.6rem;line-height:1.7rem;border-radius:50%;position:fixed;text-align:center;z-index:2;right:2rem;bottom:15%;cursor:pointer}#go-top:before{content:'';display:inline-block;height:.4rem;width:.4rem;border-top:1px solid #979797;border-left:1px solid #979797;transform:rotate(45deg)}.alert-box{position:fixed;opacity:0;top:-4rem;left:50%;opacity:0;transform:translate(-50%, 0);transition:all .4s ease-in;background:#fff;padding:.5rem;white-space:nowrap;border-radius:.2rem;min-width:5rem;z-index:-1}.alert-box.show{opacity:1;top:4rem;z-index:9}.alert-box .icon{height:1rem;width:1rem;border-radius:50%;display:inline-block;vertical-align:middle;position:relative;color:#fff;text-align:center;line-height:1rem}.alert-box .icon.icon-success{background:#59b500}.alert-box .icon.icon-success:before{content:'√';font-size:.6rem}.alert-box .icon.icon-fail{background:#ff1749}.alert-box .icon.icon-fail:before{content:'×';font-size:.8rem}.alert-box .icon.icon-tips{background:#ffa41c}.alert-box .icon.icon-tips:before{content:'！'}.alert-box .text{color:#333;vertical-align:middle;font-size:.8rem}.vs-mobile{display:none}.banner{background:radial-gradient(circle at 50% -50%, #201b4e 0%, rgba(32,27,78,0) 80%);height:100%;min-height:600px;width:100%;overflow:hidden;position:relative}.banner img{max-height:65px}.banner .info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.banner .label{margin-top:1rem}.banner .text{margin-top:1rem;margin-bottom:6rem;letter-spacing:.5rem;opacity:.3;font-size:.9rem;color:#D8D8D8}.product{background:url(../img/product-title-bg.png) center top no-repeat;margin-top:1rem;padding-top:4rem}.product .title{text-align:center}.product .name{color:#8b8b8f}.product .icon{display:inline-block;width:4.5rem;height:4.5rem;margin:0 .75rem;background:url(../img/p-icon-default.png) no-repeat;background-size:auto 4.5rem;cursor:pointer;transition:all .2s ease-in}.product .icon-data{background-position:-19.6rem 0}.product .icon-asset{background-position:-6.45rem 0}.product .icon-analysis{background-position:-13rem 0}.product .icon-decision{background-position:0 0}.product .active,.product .product-box:hover{cursor:pointer}.product .active .icon,.product .product-box:hover .icon{background-image:url(../img/p-icon-active.png)}.product .active .name,.product .product-box:hover .name{color:#D8D8D8}.product .product-list{text-align:center;margin-top:1rem}.product-box{display:inline-block;text-align:center;margin:1rem 3rem;position:relative}.product-box.active:before{position:absolute;bottom:-1rem;border-bottom:.5rem solid #1A1A2E;border-left:.5rem solid transparent;border-right:.5rem solid transparent;left:50%;transform:translate(-50%, 0);content:''}.product-detail .case-title .text:before,.product-detail .case-title .text:after,.product-detail .case-title .text .border:before,.product-detail .case-title .text .border:after{content:'';height:.3rem;width:.3rem;position:absolute}.product-nav{background:#222229;display:inline-block;line-height:1.2rem;border-radius:2rem;padding:.2rem;margin-top:3rem}.product-nav .item{display:inline-block;min-width:4rem;text-align:center;border-radius:2rem;cursor:pointer}.product-nav .item.active{background:#45fff9;color:#14141B}.product-detail .icon{display:inline-block;height:1.9rem;width:1.9rem;margin:0;background:#2ACCE9;text-align:center;line-height:1.7rem;position:absolute;z-index:2;top:50%;transform:translateY(-50%)}.product-detail .icon.disable{opacity:.3;cursor:default}.product-detail .icon:before{content:'';display:inline-block;vertical-align:middle;height:.5rem;width:.5rem;border-top:3px solid #1A1A2E;border-right:3px solid #1A1A2E;transform-origin:center}.product-detail .icon.icon-left{left:0;border-radius:0 .2rem .2rem 0}.product-detail .icon.icon-left:before{transform:rotate(-135deg);margin-left:.2rem}.product-detail .icon.icon-right{right:0;border-radius:.2rem 0 0 .2rem}.product-detail .icon.icon-right:before{transform:rotate(45deg);margin-right:.2rem}.product-detail .swiper-slide{padding:3rem 0}.product-detail .detail-title{font-size:1.6rem;margin:5rem 0 2rem;color:#fff}.product-detail .detail-text{color:#9494A0;line-height:1.2rem;margin-bottom:2rem;letter-spacing:1px;max-width:400px}.product-detail .five-icon,.product-detail .four-icon{height:230px;width:230px;display:inline-block;margin:3.5rem 0 3rem 5rem;position:relative}.product-detail .five-icon .img,.product-detail .four-icon .img{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);height:11.5rem;width:11.5rem;background-size:auto 100%;background-repeat:no-repeat}
.product-detail .five-icon .img .text,.product-detail .four-icon .img .text{transition:all .2s ease-in;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;text-align:left;width:6rem;margin-top:.75rem;font-size:.6rem}.product-detail .five-icon .img .text-defualt,.product-detail .four-icon .img .text-defualt{opacity:1;text-align:center;margin-top:0;font-size:.9rem}.product-detail .five-icon .item,.product-detail .four-icon .item{position:absolute;cursor:pointer;z-index:2;background:#222229;border-radius:1rem}.product-detail .five-icon .item:before,.product-detail .four-icon .item:before{content:'';display:inline-block;height:.3rem;width:.3rem;border-radius:50%;position:absolute;background:#737373;transition:all .2s ease-in}.product-detail .five-icon .item .info,.product-detail .four-icon .item .info{padding:.5rem .8rem;text-align:left}.product-detail .five-icon .item .title,.product-detail .four-icon .item .title{white-space:nowrap;transition:all .3s ease-in;line-height:1rem;text-align:left;color:rgba(216,216,216,0.6)}.product-detail .five-icon .item .text,.product-detail .four-icon .item .text{height:0;width:0;overflow:hidden;opacity:0;transition:opacity .3s ease-in;font-size:.6rem;line-height:1rem;color:rgba(216,216,216,0.6)}.product-detail .five-icon .item:hover,.product-detail .four-icon .item:hover{border-radius:.3rem}.product-detail .five-icon .item:hover .title,.product-detail .four-icon .item:hover .title{color:#fff;margin-bottom:.2rem}.product-detail .five-icon .item:hover:before,.product-detail .four-icon .item:hover:before{transform:scale(1.5);background:#2ACCE9}.product-detail .five-icon .item:hover .text,.product-detail .four-icon .item:hover .text{width:210px;margin-bottom:.2rem;height:auto;opacity:1}.product-detail .five-icon .item:hover ~ .img .text-defualt,.product-detail .four-icon .item:hover ~ .img .text-defualt{opacity:0}.product-detail .five-icon .img{background-image:url(../img/five-default.png);transition:all .4s ease-in}.product-detail .five-icon .top{bottom:100%;left:50%;transform:translate(-50%, 0)}.product-detail .five-icon .top:before{bottom:-1.05rem;left:50%;margin-left:-.15rem}.product-detail .five-icon .right{top:3.8rem;left:100%}.product-detail .five-icon .right:before{top:.65rem;left:-.8rem}.product-detail .five-icon .left{top:3.8rem;right:100%}.product-detail .five-icon .left:before{top:.65rem;right:-.8rem}.product-detail .five-icon .bright{top:100%;left:7.25rem}.product-detail .five-icon .bright:before{top:-1rem;left:1.55rem}.product-detail .five-icon .bleft{top:100%;right:7.9rem}.product-detail .five-icon .bleft:before{top:-1rem;right:.9rem}.product-detail .five-icon .bleft .text-bleft{opacity:1}.product-detail .five-icon .right:hover ~ .img{background-image:url(../img/five-r.png)}.product-detail .five-icon .right:hover ~ .img .text-right{opacity:1}.product-detail .five-icon .top:hover ~ .img{background-image:url(../img/five-t.png)}.product-detail .five-icon .top:hover ~ .img .text-top{opacity:1}.product-detail .five-icon .left:hover ~ .img{background-image:url(../img/five-l.png)}.product-detail .five-icon .left:hover ~ .img .text-left{opacity:1}.product-detail .five-icon .bleft:hover ~ .img{background-image:url(../img/five-bl.png)}.product-detail .five-icon .bleft:hover ~ .img .text-bleft{opacity:1}.product-detail .five-icon .bright:hover ~ .img{background-image:url(../img/five-br.png)}.product-detail .five-icon .bright:hover ~ .img .text-bright{opacity:1}.product-detail .four-icon .img{background-image:url(../img/four-default.png);transition:all .4s ease-in}.product-detail .four-icon .img .text{margin-top:0}.product-detail .four-icon .top{margin-bottom:.2rem;bottom:100%;left:50%;transform:translate(-50%, 0)}.product-detail .four-icon .top:before{bottom:-.65rem;left:50%;margin-left:-.13rem}.product-detail .four-icon .top:hover ~ .img{background-image:url(../img/four-t.png)}.product-detail .four-icon .top:hover ~ .img .text-top{opacity:1}.product-detail .four-icon .bottom{margin-top:.2rem;top:100%;left:50%;transform:translate(-50%, 0)}.product-detail .four-icon .bottom:before{top:-.55rem;left:50%;margin-left:-.13rem}.product-detail .four-icon .bottom:hover ~ .img{background-image:url(../img/four-b.png)}.product-detail .four-icon .bottom:hover ~ .img .text-bottom{opacity:1}.product-detail .four-icon .left{margin-right:.2rem;right:100%;top:50%;transform:translate(0, -50%)}.product-detail .four-icon .left:before{top:50%;right:-.6rem;margin-top:-.15rem}.product-detail .four-icon .left:hover ~ .img{background-image:url(../img/four-l.png)}.product-detail .four-icon .left:hover ~ .img .text-left{opacity:1}.product-detail .four-icon .right{margin-left:.2rem;left:100%;top:50%;transform:translate(0, -50%)}.product-detail .four-icon .right:before{top:50%;left:-.65rem;margin-top:-.15rem}.product-detail .four-icon .right:hover ~ .img{background-image:url(../img/four-r.png)}.product-detail .four-icon .right:hover ~ .img .text-right{opacity:1}.product-detail .case-title{font-size:.8rem;margin:1rem 0 2rem;text-align:center;position:relative}.product-detail .case-title:before{content:'';height:1px;position:absolute;background:rgba(42,204,233,0.3);top:50%;left:0;right:0}.product-detail .case-title .text{position:relative;display:inline-block;padding:.5rem 3rem;background:#1A1A2E}.product-detail .case-title .text:before{top:0;left:1.5rem;border-left:1px solid #2BC5CC;border-top:1px solid #2BC5CC}.product-detail .case-title .text:after{top:0;right:1.5rem;border-right:1px solid #2BC5CC;border-top:1px solid #2BC5CC}.product-detail .case-title .text .border:before{bottom:0;left:1.5rem;border-left:1px solid #2BC5CC;border-bottom:1px solid #2BC5CC}.product-detail .case-title .text .border:after{bottom:0;right:1.5rem;border-right:1px solid #2BC5CC;border-bottom:1px solid #2BC5CC}.product-detail .case-box{background:linear-gradient(325deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.06) 100%);border-radius:.3rem;padding:1rem 1.2rem}.product-detail .case-box .case-name{font-size:.8rem;margin-bottom:.8rem}.product-detail .case-box .case-text{color:#9494A0;line-height:1.2rem;min-height:3.5rem}.product-detail .box-w33 .case-box .case-text{min-height:4rem}.solution{background:url(../img/solution_bg.png) no-repeat left top;padding-top:7rem;background-size:100% auto}.solution .container{padding:0 2rem}.solution .title{text-align:center}.solution .detail{color:#9494A0;margin:1rem 0 3rem;line-height:1.5rem;text-align:center}.solution .label{font-size:.8rem;border-radius:.1rem;padding:.8rem 1.5rem}.solution .solution-box{border:1px solid #34C0EF;border-radius:.4rem;padding:1.5rem .5rem 2rem;background:#151C26;min-height:245px}.solution .solution-box.right .box{padding:0 1rem 2rem 2rem}.solution .solution-box.center{display:inline-block;min-height:auto;margin:0 auto;text-align:center;position:relative;white-space:nowrap;padding-left:2rem;padding-right:2rem}.solution .solution-box.center.gap{padding-left:3rem;padding-right:3rem}.solution .solution-box.center .item{display:inline-block;margin:1.5rem .5rem 0}.solution .solution-box .solution-title{color:#2ACCE9;font-size:1.2rem;text-align:center;margin-bottom:.5rem}.solution .solution-box .box{padding:0}.solution .solution-box .item{margin-top:1.5rem}.solution .solution-box .item .text{color:#9494A0;margin-top:.4rem}.solution .solution-line{text-align:center}.solution .solution-line img{max-height:65px}.solution .solution-vline:before{content:'';display:block;margin:0 auto;width:1.25rem;height:2rem;background:rgba(74,144,226,0.4)}.solution .line{margin-top:2rem}.solution .line .container{padding:0;background:url(../img/line.png) no-repeat;background-size:440px auto;background-position:8.8rem .8rem;text-align:center;color:#a8a8aa}.solution .line .purple-line{position:relative}.solution .line .purple-line:before{content:'';position:absolute;right:10rem;z-index:0;top:6.2rem;height:1rem;width:8rem;background:linear-gradient(to right, rgba(60,117,242,0.6) 0%, rgba(207,96,251,0.6) 100%)}.solution .line .red-line{position:relative}.solution .line .red-line:before{content:'';position:absolute;right:5.5rem;z-index:0;top:6.2rem;height:1rem;width:5.8rem;background:linear-gradient(to left, rgba(242,100,62,0.5) 0%, rgba(157,85,254,0.5) 100%)}.solution .line .btn{border-radius:.15rem;background:linear-gradient(131deg, #02fcd1 0%, #45abf9 100%);text-shadow:0px 1px 2px rgba(0,0,0,0.3);line-height:1rem;padding:.8rem 1rem;min-width:inherit;position:relative;z-index:2}.solution .line .btn-blue{background:linear-gradient(135deg, #22bbfe 0%, #4264f0 100%);text-shadow:none;margin-top:5.4rem}.solution .line .btn-blue ~ .text-info{text-align:center;margin-left:0;margin-right:0}.solution .line .btn-purple{margin-top:5.4rem;background:linear-gradient(139deg, #f668f9 0%, #8f52ff 100%);padding:.4rem 1rem;text-shadow:none}.solution .line .btn-purple ~ .text-info{padding:2.4rem 0 1.2rem}.solution .line .btn-purple ~ .text-info .box-w50{padding-left:1.4rem}.solution .line .btn-red{margin-top:5.4rem;background:linear-gradient(132deg, #fba7a0 0%, #f43c2e 100%);text-shadow:none}.solution .line .mt{margin-top:8.5rem}.solution .line .mt .text-info{margin-left:0rem;margin-right:1rem}.solution .line .text-info{text-align:left;margin:1.5rem;background:#27272d;padding:1.5rem 1.5rem .5rem;border-radius:.2rem;position:relative}.solution .line .text-info:before{content:'';position:absolute;top:-.5rem;left:50%;margin-left:-.6rem;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-bottom:.6rem solid #27272d}.solution .line .text-info:after{content:'';display:table;width:100%;height:0;clear:both}.solution .line .text-info .item{padding:0;margin-bottom:1rem}.solution .line .text-info .name{margin-bottom:.3rem;color:#c7c7c9}.solution .line .text-info .text{color:#70707a}.solution-item{margin-top:4rem}.solution-item .container{padding:1rem}
.solution-item .icon{width:4rem;height:4rem;background:url(../img/s-icon.png) no-repeat;background-size:auto 100%;display:inline-block;margin-bottom:.5rem}.solution-item .icon-data{background-position:0 0}.solution-item .icon-dimension{background-position:-6rem 0}.solution-item .icon-manager{background-position:-12rem 0}.solution-item .icon-method{background-position:-18rem 0}.solution-item .icon-ai{background-position:-24rem 0}.solution-item .icon-framework{background-position:-30rem 0}.solution-item table{width:100%;background:url(../img/solution.png) no-repeat top center;background-size:cover}.solution-item table td{border:1px solid rgba(255,255,255,0.3);padding:3rem 1rem;text-align:center;position:relative;width:1%}.solution-item table td:hover .text{opacity:1}.solution-item .text{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(to right, rgba(12,240,215,0.9) 0%, rgba(63,178,245,0.9) 100%);padding:2rem 3rem;line-height:1.5rem;color:#14141B;text-align:left;opacity:0;transition:all .2s ease-in}.solution-item .text>div{position:absolute;left:3rem;right:3rem;top:50%;transform:translate(0, -50%)}.company{background:url(../img/company_bg.png) no-repeat center top;padding:9rem 0}.company .container{padding:0 3rem}.company .text{line-height:1.2rem;text-indent:1.5rem;letter-spacing:1px;color:#9494A0;margin-top:1.3rem;text-align:justify}.contact{padding-bottom:9rem}.contact .address-img{position:relative}.contact .address-map{width:100%;height:420px;border:1px solid #2f7d86}.contact .BMap_shadow img{max-width:initial !important}.contact .BMap_pop div:nth-child(1){border-radius:4px 0 0 0}.contact .BMap_pop div:nth-child(3){border-radius:0 4px 0 0}.contact .BMap_pop div:nth-child(3) div{border-radius:4px}.contact .BMap_pop div:nth-child(5){border-radius:0 0 0 4px}.contact .BMap_pop div:nth-child(5) div{border-radius:4px}.contact .BMap_pop div:nth-child(7){border-radius:0 0 4px 0}.contact .BMap_pop div:nth-child div(7){border-radius:4px}.contact-form{padding:2.5rem 3rem;font-size:.75rem}.contact-form input,.contact-form textarea{background:#2B2E3B;border:none;border-radius:.2rem;padding:.6rem .8rem;width:100%;color:#fff;margin-bottom:1rem}.contact-form .type{margin-bottom:1.4rem}.contact-form .type .item{display:inline-block;position:relative;margin-right:1rem;font-weight:lighter;color:#999;cursor:pointer}.contact-form .type .item span{position:relative;z-index:1}.contact-form .type .item:hover{color:#fff}.contact-form .type .item.active{color:#fff}.contact-form .type .item.active:before{content:'';position:absolute;z-index:0;background:#007aff;height:.3rem;left:0;right:0;bottom:-0.2rem}@media screen and (max-width: 767px){.vs-mobile{display:block}.vs-pc{display:none}html{min-width:auto}.header{background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)}.header .container{padding:.5rem 1rem 1rem}.header .container:after{content:'';width:100%;height:0;display:table;clear:both}.header .nav{position:absolute;background:#fff;z-index:0;visibility:hidden;opacity:0;right:.5rem;top:-1000%;z-index:1;transition:all .2s ease-in;border-radius:.2rem;padding:.3rem 0;overflow:visible}.header .nav.show{top:85%;visibility:visible;opacity:1}.header .nav.show:before{content:'';position:absolute;z-index:2;right:.8rem;bottom:100%;border-bottom:.3rem solid #fff;border-left:.3rem solid transparent;border-right:.3rem solid transparent}.header .nav li{display:block;margin-left:0;text-align:left;color:#3f3f3f;opacity:1}.header .nav li a{display:block;padding:.3rem 1rem;color:#3f3f3f}.header .nav li .vs-mobile{display:inline-block !important}.header .nav li.active{color:#f85e52}.header .nav li.active a{color:#f85e52}.menu{width:1.2rem;height:1.2rem;position:relative;z-index:999;float:right;margin-top:.7rem;cursor:pointer}.menu div{background:#fff;height:2px;border-radius:4px;transition:all .3s ease-in;position:absolute;width:100%}.menu .one{top:.1rem}.menu .two{top:50%;margin-top:-1px}.menu .three{bottom:.1rem}.menu.show .two{opacity:0}.menu.show .one{transform:rotate(45deg);transform-origin:center;top:50%;margin-top:-1px}.menu.show .three{transform:rotate(-45deg);transform-origin:center;top:50%;margin-top:-1px}.banner .info{width:100%;max-width:340px;margin:0 auto;padding:.75rem;white-space:nowrap}.banner .info .vs-mobile{display:inline-block;max-height:110px}.banner .info .label{margin-top:2rem;transform:scale(0.8)}.banner .info .text{margin-top:1rem;margin-bottom:2rem;font-size:.8rem;opacity:1}.product{overflow:visible;width:100%;margin-bottom:-3rem}.product .box{padding:0 1.5rem}.product .title img{width:70%}.product .icon{margin:0 0 0 -.3rem;transform:scale(0.7)}.product .detail-title{margin-top:1rem;text-align:center;font-size:1.2rem;color:#fff}.product .detail-text{margin:0 auto}.product .product-detail .four-icon,.product .product-detail .five-icon{transform:scale(0.7);margin:2rem 1rem}.product .product-detail .four-icon .item:hover,.product .product-detail .five-icon .item:hover{z-index:3}.product .product-detail .four-icon .item:hover .text,.product .product-detail .five-icon .item:hover .text{width:120px}.product .product-detail .icon-right{right:-.2rem}.product .product-detail .icon-left{left:.4rem}.product .product-list{white-space:nowrap;margin-bottom:1.2rem}.product .product-box{width:80px;margin:0;transform:scale(0.8)}.product .product-box .name{white-space:normal}.product .product-box.active:before{bottom:-1rem}.product .case-box{padding:0;background:none}.product .swiper-slide{padding-bottom:3rem}.solution{margin-top:0rem;padding-top:3rem}.solution .detail{padding:0 .8rem}.solution .box-w50{float:left;width:50%}.solution .box-w50 .box-w50{float:none;width:100%}.solution .container,.solution .box{padding:0}.solution .solution-line{width:60%;margin:0 auto}.solution .solution-vline:before{width:.55rem;height:1rem}.solution .solution-box{position:relative;padding:.8rem .8rem 1rem;margin:0 .5rem;font-size:.6rem;background:#151c26}.solution .solution-box .item{margin-top:.8rem}.solution .solution-box .text{font-size:.5rem}.solution .solution-box .solution-title{font-size:.8rem;margin-bottom:.2rem}.solution .solution-box.right .box{padding:2.6rem .75rem}.solution .solution-box.center{margin:0 1rem;white-space:normal}.solution .solution-box.center .item{margin-top:.8rem;min-width:3rem}.solution .solution-box.center.gap{padding-left:.5rem;padding-right:.5rem}.solution .line{margin-top:2rem}.solution .line .container{padding:0;margin:0 .4rem;background:none}.solution .line .purple-line{position:relative}.solution .line .purple-line:before{right:50%;top:inherit;bottom:100%;height:1.5rem;width:1rem;margin-right:-.5rem;background:linear-gradient(to bottom, rgba(60,117,242,0.6) 0%, rgba(207,96,251,0.6) 100%)}.solution .line .btn{padding:.4rem 1rem;font-size:.6rem}.solution .line .red-line{position:relative}.solution .line .red-line:before{right:50%;top:inherit;bottom:100%;height:1.5rem;width:1rem;margin-right:-.5rem;background:linear-gradient(to top, rgba(242,100,62,0.5) 0%, rgba(157,85,254,0.5) 100%)}.solution .line .btn-blue{margin-top:0}.solution .line .btn-blue ~ .text-info{text-align:center;margin:-1rem 1rem 1.5rem}.solution .line .btn-blue ~ .text-info .item{float:left;width:50%}.solution .line .btn-purple{margin-top:0}.solution .line .btn-purple ~ .text-info{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:.5rem;text-align:center}.solution .line .btn-purple ~ .text-info .box-w50{display:inline-block;float:none;width:auto;min-width:90px;padding:0}.solution .line .btn-red{margin-top:0rem}.solution .line .mt{margin-top:0rem}.solution .line .mt .text-info{padding-top:3rem;padding-bottom:2.9rem;padding-left:2rem;min-height:390px}.solution .line .mt:after{clear:both;content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.solution .line .one .text-info{min-height:390px}.solution .line .text-info{margin:-1rem 1rem 1.5rem;padding:3rem 1rem .5rem;font-size:.6rem;color:#fff}.solution .line .text-info .name{color:#fff;font-size:.6rem}.solution .line .text-info .text{color:#9494A0;font-size:.5rem}.solution .line .one,.solution .line .mt{width:50%;float:left;padding:.4rem}.solution .line .one .box-w50,.solution .line .mt .box-w50{float:none;width:100%}.solution .line .one .text-info,.solution .line .mt .text-info{margin:-1rem 0 -.6rem}.solution .line .moblie-line img{height:4rem}.solution-item{padding:1rem .75rem}.solution-item table{border-left:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3)}.solution-item table td{display:block;width:calc(50% - 1px);float:left;padding:2rem 0;border-bottom:none;border-left:none}.solution-item table td .name{font-size:.6rem}.solution-item table tr{display:block}.solution-item .icon{transform:scale(0.8)}.solution-item .text{font-size:.55rem;line-height:1rem;color:#3F3F3F}.solution-item .text>div{position:absolute;left:.6rem;right:.6rem;top:50%;transform:translate(0, -50%)}.product-detail .case-box{margin-bottom:1rem;height:auto}.company{padding:4rem 0 0;background-size:contain}.company .container{padding:1rem}.contact{padding:1rem}.contact .address-map,.contact .address-img{cursor:pointer}.contact .address-map{height:300px}.contact-form{padding:2rem 0}.contact-form .type{text-align:center}.contact-form .item{margin:0 .5rem}.footer .box{padding:0 1rem}.footer .tel-title{margin-top:2rem}.footer .copyright{font-size:.5rem}#go-top{right:1rem;bottom:10%;z-index:9}}@keyframes fadein{0%{opacity:0;top:-4rem}100%{opacity:1;top:4rem}}

#yycj_box { width: 70%; margin: 0 auto;}
#yycj_box .yycj_menu ul { overflow: hidden; margin-bottom: 20px;}
#yycj_box .yycj_menu ul p { float: left; width: 15%; text-align: center; font-size: 14px; padding: 10px 0px; margin-right: 10px; border-radius: 6px; color: #D8D8D8;}
#yycj_box .yycj_menu ul p.hover { background-image: linear-gradient(to right, #2b91df , #10ecd9);}
#yycj_box .yycj_menu ul p img { width:50px; height:50px; margin-bottom: 10px;}
#yycj_box .yycj_content { font-size: 14px; line-height: 30px; color:#9494A0;}

@media only screen and (max-width: 1200px) {
	#yycj_box {width: 80%; }
	#yycj_box .yycj_menu ul p { width: 30.333%; font-size: 12px;}
	#yycj_box .yycj_menu ul p:nth-child(3n) { margin-right: 0px;}
}
