@font-face{font-family:din;src:url('../font/DIN-Black.otf')}a{text-decoration:none;color:#333}a:hover,a:visited,a:link,a:active{color:#333}ul,ol{list-style:none;margin:0;padding:0}.button{border:0;background-color:unset;outline:none;-webkit-appearance:none}select{border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;padding-right:14px}input,textarea{outline:none;border:none}textarea{resize:none;overflow:auto}i{font-style:normal}table{border-collapse:collapse;border-spacing:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input{-moz-appearance:textfield}div,header,body{margin:0;padding:0}ul{list-style:none}.container{width:1140px ;margin:0 auto }::-webkit-scrollbar{display:none}header#top{padding:0 60px;position:fixed;width:calc(100vw - 120px);height:80px;top:0;z-index:10000}header#top .phone{font-size:26px;line-height:80px;float:left;color:white}header#top ul{float:left}header#top ul a{display:inline-block}header#top ul a.active li{color:#0b4a58;border-radius:0 0 16px 16px;background-color:#05c1c6;padding:20px }header#top ul a li{color:white;font-size:18px;padding:20px 20px;float:left}header#top .logo{position:relative;float:right;display:block;height:80px;width:11rem;z-index:100}@keyframes rotate{from{transform:rotateX(30deg) rotateY(-30deg);left:0}to{transform:rotateX(500deg) rotateY(-500deg);left:500px}}.cube{transition:1s;width:11rem;height:80px;transform-style:preserve-3d;position:relative;transform:rotateX(0deg) rotateY(0deg)}.wcube{transform:rotateX(-90deg) rotateY(0deg)}.bcube{transform:rotateX(0deg) rotateY(0deg)}.cube .face{background-size:90%;background-position:center;background-repeat:no-repeat;width:100%;height:100%;line-height:300px;text-align:center;font-size:50px;position:absolute;left:0;top:0}.cube .face1{width:11rem;transform:rotateX(90deg) translateZ(40px);background-image:url("../img/logo.svg")}.cube .face2{width:11rem;transform:rotateX(90deg) translateZ(-40px)}.cube .face3{width:80px;transform:rotateY(90deg) translateZ(-40px)}.cube .face4{width:80px;transform:rotateY(90deg) translateZ(140px)}.cube .face.face5{width:11rem;transform:translateZ(-40px);background-image:url("../img/logo2.svg")}.cube .face.face6{width:11rem;transform:translateZ(40px)}footer{background-color:#5d6b78;width:calc(100vw - 30px);text-align:left;padding:15px;display:flex;justify-content:space-around}footer .qr img.fqr{width:100px;height:100px}.we img{width:150px}.we p{text-align:left;color:#aaa;font-size:.9rem;line-height:1rem;font-family:sans-serif;transform:unset;opacity:1}.police p{text-align:left;color:#aaa;font-size:.9rem;font-family:sans-serif;opacity:1;transform:unset}.map a{margin:20px;display:block}.map a p{text-align:left;color:#aaa;font-size:.9rem;font-family:sans-serif;opacity:1;transform:unset}footer .we p.c-name{color:#ffffff}.swiper-slide .backimg{width:100vw;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center center}.icon{width:60px;height:60px;display:block;float:left;position:relative;background-image:url(../img/icon.svg);background-repeat:no-repeat}.icon.works{background-position:-60px 0}.icon.diamons{background-position:0px 0px}.icon.call{background-position:-120px 0}.icon.mouse{position:absolute;z-index:2000;left:calc(50% - 33px);bottom:20px;background-position:-11rem 0}.icon.mouse::after{content:"";width:6px;position:absolute;top:10px;height:14px;background-color:#fff;left:31px;border-radius:3px}.square{transition:1s linear;position:fixed;background:#a8e9ff;height:800px;width:1800px;right:-1227px;top:-20px;transform:rotate(70deg);z-index:0;opacity:0}.square:hover{opacity:.1}.square.wcube{background:#a8e9ff}.square.bcube{background:#ffffff}.square.mcube{right:-802px;top:-120px}.swiper-slide .b01{position:absolute;z-index:999;left:-800px;top:0;opacity:.1;height:100vh;transition:1s}.swiper-slide .h01{position:absolute;z-index:1000;transform:skewX(-10deg);font-size:4rem;font-weight:600;top:calc(50% - 183px);letter-spacing:13px;color:#ffffff}.swiper-slide .h02{position:absolute;z-index:1000;transform:skewX(-10deg);font-size:24px;font-weight:400;top:calc(50% - 60px);letter-spacing:20px;color:white;display:flex}.swiper-slide .h02 p{margin:2rem;color:#fff}.swiper-slide .h12{position:absolute;z-index:1000;margin-left:170px;width:700px;text-align:justify}.swiper-slide .h22{position:absolute;z-index:1000;left:60px;color:white;text-align:justify;display:flex}.swiper-slide .h22 .m3-m{width:400px;margin-top:-165px}.swiper-slide .h22 .m3-m .catelist{display:flex;background-color:#2735e28f}.swiper-slide .h22 .m3-m .catelist li{padding:15px 20px}.swiper-slide .h22 .m3-m p{line-height:1.8rem}.swiper-slide .h22 .m3-a{display:flex}.swiper-slide .h22 .m3-a .img{width:400px;height:250px;background-size:110%;background-repeat:no-repeat;margin-left:40px}.swiper-slide-active .about{position:absolute}.swiper-slide-active .b01{position:absolute;z-index:999;animation:b01 1s;top:0;left:0;opacity:.1;height:100vh;transition:1s}@keyframes b01{0%{left:-800px}100%{left:0}}.titles2{position:relative;left:calc(50% - 720px);text-align:left;width:1440px;top:60px}.titles2 h2{line-height:40px}.titles2 h4{line-height:0px;margin-top:-14px}.about11{width:1000px;left:calc(50% - 720px);top:142px;position:absolute;line-height:24px;text-align:left}.swiper-slide-active .square1{position:absolute;background:#a8e9ff;height:800px;width:1800px;right:-1108px;top:-279px;transform:rotate(70deg);z-index:1000}.swiper-slide-active .square2{position:absolute;background:white;height:800px;width:1800px;right:-1108px;top:-279px;transform:rotate(70deg);z-index:1000}.swiper-slide-active .square3{position:absolute;background:#a8e9ff;height:800px;width:1800px;right:-1108px;top:-279px;transform:rotate(70deg);z-index:1000}.swiper-slide-active .square4{position:absolute;background:white;height:800px;width:1800px;right:-1108px;top:-279px;transform:rotate(70deg);z-index:1000}p{line-height:1.8rem}.cate{display:flex}.cate h2{letter-spacing:5px;margin:5px 0;font-weight:600}.cate h4{font-weight:200;font-family:auto;line-height:10px;margin:0}.cate .left{float:left}.gray{filter:grayscale(1)}.o6{opacity:.6}.outinfo{position:absolute;width:100vw;height:100vh}.outinfo .canva{z-index:1000;position:absolute;height:100vh;transition:1s;top:calc(50% - 370px);width:100vw}.outinfo .canva>p{position:absolute;color:#ffffff;z-index:101;text-align:left;top:544px;font-size:18px;width:600px;margin-left:10px;left:calc(50% - 730px)}.outinfo .cate{left:calc(50% - 730px);position:absolute;color:white;z-index:1000;top:126px}.cate1{position:relative;height:100%;width:100%;left:0;color:white;z-index:1000;top:0}.outlist{z-index:0;position:absolute;height:500px;transition:1s;left:calc(50% - 730px);width:1440px;display:flex;top:196px}.outlist li{margin:10px;flex:1;height:341px;z-index:100;filter:blur(0) grayscale(.8);transition:1s}.outlist li:hover,.outlist li.active{filter:blur(0) grayscale(0)}.outlist li:hover .outimg,.outlist li.active .outimg{height:341px;width:100%;opacity:1;background-image:url(../img/13.jpg)}.outlist li:hover p,.outlist li.active p{color:white;background:#1491a0;display:block;padding:10px;height:26px;font-size:18px;margin-top:-46px;transition:.3s}.outlist li p{color:white;background:#0007;display:block;padding:10px;height:26px;font-size:18px;margin-top:-46px;transition:.3s}.outlist li .outimg{height:341px;width:100%;opacity:0;background-image:url(../img/13.jpg)}.outlist li:nth-child(1) .outimg{background-position-x:644px}.outlist li:nth-child(2) .outimg{background-position-x:216px}.outlist li:nth-child(3) .outimg{background-position-x:430px}.outlist li:nth-child(4) .outimg{background-position-x:-216px}.outlist li:nth-child(5) .outimg{background-position-x:1076px}.outlist li:nth-child(6) .outimg{background-position-x:860px}.outlist li:nth-child(7) .outimg{background-position-x:-2px}.cate{position:relative}.backimg1{position:absolute;width:100%;height:100%}#out>.mask{position:absolute;z-index:999;height:100vh;width:100vw;display:block;top:0;left:0;opacity:1}.inlist{display:flex;width:100vw;position:absolute}.inlist li{flex:1;height:100vh;background-color:white;z-index:100;filter:blur(0) grayscale(.8)}.inlist li:hover,.inlist li.active{filter:blur(0) grayscale(0)}.inlist li:hover p,.inlist li.active p{margin-top:-47px}.inlist li p{margin-top:-27px}.inlist li:nth-child(1){background-image:url(../img/c2.jpg);background-position-x:50%;background-repeat:no-repeat;background-size:cover}.inlist li:nth-child(2){background-image:url(../img/c55.jpg);background-position-x:50%;background-repeat:no-repeat;background-size:cover}.ip1{top:500px;position:absolute;right:20px;width:400px;padding:20px;text-align:left;transition:1s}.ip2{top:500px;position:absolute;left:20px;width:400px;padding:20px;text-align:left;transition:1s}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes fadeInUp{from{opacity:1;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.swiper-slide .isfadeInDown{opacity:0}.ani-slide .isfadeInDown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInDown}.swiper-slide-prev .isfadeInDown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeOutUp}.nindia{font-size:520px;position:absolute;text-align:center;display:block;width:100%;color:black;opacity:.8;background-blend-mode:difference;z-index:101;bottom:-318px}@media screen and (min-width:960px) and (max-width:1599px){.cate1{top:10px}}@media screen and (min-width:1600px){.cate1{top:100px}}.icon{width:60px;height:60px;background-image:url("../img/icon.svg");background-repeat:no-repeat}.icon.works{background-position:-60px 0}.icon.diamons{background-position:0px 0px}.icon.call{background-position:-120px 0}.icon.mouse{background-position:-11rem 0}.swiper-slide-active>.cate{position:absolute;left:52px;z-index:10000;top:5rem;color:#fff}.bgi-1{width:100vw;height:35vh;padding-top:20vh;background-image:url("../img/b3.jpg");background-position:center;background-size:cover;background-attachment:fixed;background-repeat:repeat-x}.bgi-1 .t1{text-align:center;letter-spacing:6px;font-size:45px;color:white}.bgi-1 .t2{text-align:center;color:#2735e2;letter-spacing:6px;font-size:36px}.c101{color:#666}.d{display:flex;justify-content:space-between}.d1{display:inline-block}.d1 h3{color:#0b4a58}.d1 .left{float:left}.d1 .left h2{line-height:33px;color:#0b4a58;letter-spacing:8px;font-size:28px}.d1 .left h2 span{font-weight:100;font-family:auto;font-size:18px;color:#0b4a58;letter-spacing:-0.64px}.d1 .left h3{color:#0b4a58}.d1 .right{float:right}.d1 .right img{margin-top:40px;width:220px;height:220px}.fw{display:flex;justify-content:space-between;flex-wrap:wrap}.fw .card{height:200px;width:10vw;border-top:1px solid}.fw .card p{line-height:.8rem;font-family:auto;color:#666}/*# sourceMappingURL=./common.css.map */