@charset "utf-8";#banner{top:0;position:relative;overflow:hidden}#banner .banner-back{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;z-index:1;top:0;display:block}#banner video{width:100%}#banner img{width:100%;height:auto;display:none}#banner .title>p,#banner .title>span{display:block;color:#fff;text-align:center}#banner .title{position:absolute;z-index:9;top:40%;width:90%;left:5%}#banner .title>p{width:100%;font-weight:800;font-size:6vmax}#banner .title>span{font-size:20px;font-weight:200;width:100%;margin-top:40px}#banner .title>a{display:none;padding:20px 0;text-align:center;font-size:14px;color:#fff;font-weight:200;opacity:.8;-webkit-transition:all .35s;transition:all .35s}#banner .title>a>img{display:inline-block;height:40px;width:auto;margin-right:4px}#banner .mouse{position:absolute;z-index:94;left:50%;bottom:80px;border:2px solid rgba(255,255,255,.7);margin-left:-11px;width:18px;height:32px;border-radius:20px}#banner .mouse:after{content:'';display:block;width:2px;height:4px;background:rgba(255,255,255,.8);position:absolute;left:50%;top:5px;margin-left:-1px;-webkit-animation:mouse-middle .86s ease infinite;animation:mouse-middle .86s ease infinite}#banner .mouse:before{position:absolute;z-index:4;left:-10px;bottom:-24px;text-align:center;font-family:"Arial Black";font-size:10px;color:#fff;font-weight:400;content:'MORE'}#banner .mouse>a{display:block;height:100%}#main .solution{position:relative;z-index:54}#main .solution .title{position:relative;width:100%;padding:30px 100px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#00ada9;background-image:-webkit-gradient(linear,left top,right bottom,from(#00ada9) ,to(#07c5be));background-image:linear-gradient(to bottom right,#00ada9 ,#07c5be)}#main .solution .title>.tit{text-align:left}#main .solution .title>.tit p{position:relative;padding-bottom:10px;color:#fff;font-size:40px;font-weight:200;-webkit-transition:.5s;transition:.5s}#main .solution .title>.tit>p:after{position:absolute;z-index:4;left:4px;bottom:0;width:60px;height:1px;background:#fff;opacity:.5;content:'';-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.tit span{display:block;color:#fff;font-size:20px;font-weight:200;-webkit-transition:.5s;transition:.5s}#main .solution .title>.con{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;-webkit-transition:all .5s;transition:all .5s}#main .solution .title>.con>span{display:block;padding:20px 0;font-size:14px;color:#fff;line-height:24px}#main .solution .title>.con>img{display:block;padding:10px 0;height:50px;opacity:.6}#main .solution .title>.button{position:absolute;z-index:99;right:100px;bottom:40px;-webkit-transition:all .5s;transition:all .5s}#main .solution .title>.button>.button-prev{position:relative;display:inline-block;margin:0 3px;width:50px;height:40px;border:2px solid rgba(255,255,255,.6);cursor:pointer;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-prev:after{content:"";position:absolute;top:12px;left:16px;background:#fff;width:18px;height:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.6;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-prev:before{content:"";position:absolute;top:24px;left:16px;background:#fff;width:18px;height:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:.6;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-prev:hover{border:2px solid rgba(255,255,255,1)}#main .solution .title>.button>.button-prev:hover:after,#main .solution .title>.button>.button-prev:hover:before{background:#fff;opacity:1}#main .solution .title>.button>.button-next{position:relative;display:inline-block;margin:0 3px;width:50px;height:40px;border:2px solid rgba(255,255,255,.6);cursor:pointer;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-next:after{content:"";position:absolute;top:12px;left:16px;background:#fff;width:18px;height:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:.6;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-next:before{content:"";position:absolute;top:24px;left:16px;background:#fff;width:18px;height:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.6;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-next:hover{border:2px solid rgba(255,255,255,1)}#main .solution .title>.button>.button-next:hover:after,#main .solution .title>.button>.button-next:hover:before{background:#fff;opacity:1}#main .solution .title>.button>.button-more{position:relative;display:inline-block;margin:0 3px;width:50px;height:40px;overflow:hidden;background:rgba(255,255,255,.6);border:2px solid rgba(255,255,255,0);cursor:pointer;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-more:before{content:'';position:absolute;left:13px;top:50%;width:24px;margin-top:-1px;border-top:3px solid;border-color:#07c5be}#main .solution .title>.button>.button-more:after{content:'';position:absolute;left:24px;top:50%;height:24px;margin-top:-12px;border-left:3px solid;border-color:#07c5be}#main .solution .title>.button>.button-more>a{display:block;height:40px}#main .solution .title>.button>.button-more>a>span{display:block;position:relative;right:-50px;width:0;line-height:40px;font-size:16px;font-weight:200;padding:0;color:#07c5be;overflow:hidden;-webkit-transition:all .35s;transition:all .35s}#main .solution .title>.button>.button-more:hover{background:#fff;width:auto}#main .solution .title>.button>.button-more:hover span{width:auto;right:0;padding:0 20px 0 50px}#main .solution .box{width:90%;margin:0 auto 50px;padding:80px 0;border-bottom:1px solid #ddd;overflow:hidden;-webkit-transition:.5s;transition:.5s}#main .solution .box .swiper-container{width:100%;height:100%}#main .solution .box .swiper-container .swiper-slide{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #eee;-webkit-transition:all .35s;transition:all .35s}#main .solution .box .swiper-container .swiper-slide a{display:block;height:100%;padding:30px 0;-webkit-transition:all .35s;transition:all .35s}#main .solution .box .swiper-container .swiper-slide a>.en{display:none;text-transform:uppercase}#main .solution .box .swiper-container .swiper-slide a>.ico{width:120px;height:120px;margin:0 auto;-webkit-transition:all .35s;transition:all .35s}#main .solution .box .swiper-container .swiper-slide a>.ico>img{width:100%;height:auto}#main .solution .box .swiper-container .swiper-slide a>.con{width:80%;text-align:center;margin:0 auto;-webkit-transition:all .35s;transition:all .35s}#main .solution .box .swiper-container .swiper-slide a>.con>.tit{font-size:20px;font-weight:700;color:#333;padding:10px 0;margin:0 auto;-webkit-transition:all .35s;transition:all .35s}#main .solution .box .swiper-container .swiper-slide a>.con>.txt{font-size:14px;color:#999;line-height:1.9;margin:0 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#main .solution .box .swiper-container .swiper-slide a:hover{background:#eee}#main .solution .box .swiper-container .swiper-slide a:hover .con{bottom:22%}#main .product{margin:0 auto;width:90%}#main .product>.title{padding:10px 0;width:100%;margin:0 auto}#main .product>.title>.txt{text-align:left}#main .product>.title>.txt>p{display:block;font-size:32px;font-weight:200;color:#333}#main .product>.title>.txt>span{padding:5px 0;font-size:16px;color:#999;display:block;font-weight:200}#main .product>.title>.more{width:40%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right}#main .product>.title>.more>a{position:relative;display:inline-block;font-size:16px;color:#999;font-weight:200;-webkit-transition:all .35s;transition:all .35s}#main .product>.title>.more>a:after{position:absolute;z-index:3;left:-36px;top:50%;margin-top:-15px;width:30px;height:30px;line-height:30px;font-size:20px;font-weight:700;color:#00ada9;content:'✚';-webkit-transition:all .36s;transition:all .36s}#main .product>.title>.more>a:hover:after{left:-40px}#main .product>.container{padding-top:30px}#main .product>.container,#main .product>.container>ul{margin:0 auto}#main .product>.container>ul>li{position:relative;float:left;width:25%;overflow:hidden;border-bottom:5px solid #f6f6f6;border-right:5px solid #f6f6f6;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}#main .product>.container>ul>li:nth-child(4n){margin-right:0}#main .product>.container>ul>li>a{position:relative;display:block;-webkit-transition:all 1s;transition:all 1s}#main .product>.container>ul>li>a:after{position:absolute;z-index:3;right:0;bottom:-40px;width:50px;height:40px;background:url(../img/ico_arrow_right_noborder_white.png) no-repeat rgba(0,173,169,.9);background-position:50% 50%;background-size:40% auto;opacity:0;content:'';-webkit-transition:all .35s;transition:all .35s}#main .product>.container>ul>li>a>.img{position:relative;overflow:hidden;-webkit-transition:all 1s;transition:all 1s}#main .product>.container>ul>li>a>.img>img{width:100%;height:auto;-webkit-filter:grayscale(0);-webkit-transition:all .35s;transition:all .35s}#main .product>.container>ul>li>a>.tit{text-align:left;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}#main .product>.container>ul>li>a>.tit>p{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;-webkit-transition:all .34s;transition:all .34s}#main .product>.container>ul>li>a>.tit>span{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc;font-family:Arial}#main .product>.container>ul>li:hover{background:#fff}#main .product>.container>ul>li:hover .tit{padding:20px 30px}#main .product>.container>ul>li:hover .tit>p{color:#00ada9}#main .product>.container>ul>li:hover a:after{opacity:1;bottom:0}#main .product>.container>ul>li:hover .img>img{-webkit-transform:translateY(-3px);transform:translateY(-3px)}#main .product>.container>ul>li:hover .img{-webkit-transform:scale(.9);transform:scale(.9)}#main .product>.container>ul>li.active:after{position:absolute;z-index:45;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);content:''}#main .about{width:100%;position:relative;background:#eee;margin-top:100px;overflow:hidden}#main .about>.wrap{width:90%;margin:0 auto;padding:200px 0}#main .about .profile{width:40%}#main .about .profile>.title{position:relative;z-index:99;text-align:left}#main .about .profile>.title>p{display:block;font-size:32px;font-weight:200;color:#333}#main .about .profile>.title>span{padding:5px 0;font-size:16px;color:#999;display:block;font-weight:200}#main .about .profile>.container{position:relative;z-index:9;text-align:left}#main .about .profile>.container>.txt{font-size:16px;color:#444}#main .about .profile>.container>.txt>p{width:100%;margin-top:50px;line-height:150%}#main .about .profile>.container>.more{padding:20px 0}#main .about .profile>.container>.more>a{display:inline-block;font-size:14px;font-weight:200;text-decoration:underline;color:#00ada9;-webkit-transition:all .35s;transition:all .35s}#main .about .profile>.container>.more>a:hover{letter-spacing:2px}#main .about .profile>.view:after{width:1px;height:100%;background:#ddd;position:absolute;left:30%;top:0;content:''}#main .about .profile>.view>a{width:50px;height:50px;position:absolute;z-index:9;background:#00ada9;top:580px;left:30%;color:#fff;line-height:50px;text-align:center;font-size:20px;font-weight:200;cursor:pointer;-webkit-transition:.3s;transition:.3s}#main .about .profile>.view>a:hover{background:#666}#main .about .video{position:relative;width:50%;height:auto}#main .about .video>.con{width:800px;height:400px;position:absolute;z-index:11;top:0;left:0;overflow:hidden}#main .about .video>.con>.img{position:absolute;left:0;top:0;z-index:9;width:100%;height:100%;background:url(../img/main_about_img.jpg) no-repeat;background-size:cover;margin:0 auto;cursor:pointer;-webkit-transition:all .35s;transition:all .35s}#main .about .video>.con>.img>p{position:absolute;z-index:4;left:0;top:50%;margin-top:-60px;width:100%;height:120px;text-align:center;font-size:32px;color:#fff;font-weight:600}#main .about .video>.con>.img>p>span{display:block;margin:0 auto;padding:20px 0;font-size:13px;color:#fff;font-weight:200;opacity:.8;-webkit-transition:all .35s;transition:all .35s}#main .about .video>.con>.img>p>span>img{width:40px;height:auto;margin-right:6px}#main .about .video>.con>.img>img{width:100%;height:auto}#main .about .video>.con>video{position:relative;z-index:6;width:100%}#main .about .video>.con:hover .img{opacity:0}#main .about .video>.shadow{background:#00ada9;width:820px;height:420px;position:absolute;z-index:9;top:20px;left:60px}#main .about .slogan{font-size:180px;position:absolute;z-index:1;font-weight:700;top:50%;right:-100px;color:#e5e5e5;-webkit-transform:rotate(90deg);transform:rotate(90deg);line-height:180px;text-transform:uppercase;text-align:left}#main .service{margin:0 auto}#main .service>.wrap{width:90%;margin:0 auto;padding:80px 0}#main .service ul{display:block;margin:0 auto}#main .service ul>li{display:block;float:left;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px;text-align:center;-webkit-transition:all .35s;transition:all .35s}#main .service ul>li>a{display:block;padding:50px;background:#fff;-webkit-transition:all .35s;transition:all .35s}#main .service ul>li>a>.con{display:block;padding:20px;-webkit-transition:all .35s;transition:all .35s}#main .service ul>li>a>.con>.ico{text-align:center}#main .service ul>li>a>.con>.ico>img{width:78px;height:auto}#video,#video>.bg{width:100%;height:100%;left:0;top:0}#main .service ul>li>a>.con>.tit{padding:20px 0;font-weight:400;font-size:22px;color:#333}#main .service ul>li>a>.con>.view{opacity:0;overflow:hidden;font-size:13px;font-weight:200;color:#999;-webkit-transition:all .35s;transition:all .35s}#main .service ul>li>a:hover{-webkit-box-shadow:0 8px 15px rgba(0,0,0,.2);box-shadow:0 8px 15px rgba(0,0,0,.2)}#main .service ul>li>a:hover .con>.view{opacity:1}#main .service ul>li>a:hover .con>.tit{color:#00ada9}#main .service ul>li>a:hover .con{-webkit-transform:translateY(-8px);transform:translateY(-8px)}#video{position:fixed;z-index:99999;display:none}#video>.bg{position:absolute;z-index:1;background:rgba(0,0,0,.8)}#video>.box{position:absolute;left:50%;top:20%;width:80%;height:auto;z-index:2;margin-left:-40%;background:#000;-webkit-box-shadow:10px 10px 20px rgba(0,0,0,.2);box-shadow:10px 10px 20px rgba(0,0,0,.2)}#video>.close{position:absolute;z-index:99;width:45px;height:45px;right:20px;top:20px;display:block;background:url(../img/close.png) center center no-repeat;cursor:pointer}@media only screen and (max-width:1640px){#main .about .profile{width:40%}#main .about .profile>.title>p{font-size:32px}#main .about .profile>.container>.txt,#main .about .profile>.title>span{font-size:16px}#main .about .video>.con{width:auto;height:auto;left:auto;right:5%;overflow:inherit}#main .about .video>.con:after{background:#00ada9;width:100%;height:100%;position:absolute;z-index:2;top:20px;left:auto;right:-60px;content:''}#main .about .video>.shadow{display:none}}@media only screen and (max-width:1480px){#main .about .video>.con>.img>p{font-size:26px}#main .about .slogan{top:40%;right:-30%}#main .service ul>li{padding:30px}#main .service ul>li>a{padding:40px}#main .service ul>li>a>.con{padding:20px}#main .service ul>li>a>.con>.tit{font-size:20px}}@media only screen and (max-width:1280px){#banner .title>a,#banner img{display:block}#banner video{display:none}#main .service ul>li{padding:20px}}@media only screen and (max-width:1200px){#banner{padding-top:80px}#main .product>.container>ul>li{width:33.33%}#main .about>.wrap{padding:100px 0}#main .about .profile>.container>.txt{font-size:15px}#main .service ul>li{padding:0 20px}}@media only screen and (max-width:1080px){#banner .title>p{font-size:5vmax}#banner .title>span{font-size:18px}#banner .mouse{bottom:50px;margin-left:-7px;width:14px;height:26px}#banner .mouse:after{width:2px;height:4px;top:3px}#banner .mouse:before{left:-12px;bottom:-24px}#main .solution .title{padding:30px 80px}#main .about .profile,#main .about .video{width:100%;float:none}#main .about .video>.con{position:relative;left:0;right:0}#main .about .video>.con>.img>p{font-size:32px}#main .about .video>.con:after{top:20px;left:0;right:0}#main .about .slogan{right:-40%}#main .service ul>li{padding:30px;width:50%}}@media only screen and (max-width:860px){#banner .title>span{font-size:16px;margin-top:20px}#banner .title>a{padding:10px 0;font-size:12px}#main .solution .title>.con>img{max-width:100%;height:auto}#main .solution .title>.button{right:80px}#main .solution .title>.button>.button-prev{width:40px;height:30px}#main .solution .title>.button>.button-prev:after{top:10px;left:12px;background:#fff;width:14px}#main .solution .title>.button>.button-prev:before{top:18px;left:12px;background:#fff;width:14px}#main .solution .title>.button>.button-next{width:40px;height:30px}#main .solution .title>.button>.button-next:after{top:10px;left:12px;background:#fff;width:14px}#main .solution .title>.button>.button-next:before{top:18px;left:12px;background:#fff;width:14px}#main .solution .title>.button>.button-more{width:40px;height:30px}#main .solution .title>.button>.button-more>a{position:relative;z-index:90;width:40px;height:30px}#main .solution .title>.button>.button-more>a>span{display:none;right:-40px;line-height:30px;font-size:14px}#main .solution .title>.button>.button-more:hover span{width:auto;right:0;padding:0 20px 0 40px}#main .solution .title>.button>.button-more:before{left:10px;width:20px;margin-top:-1px}#main .solution .title>.button>.button-more:after{left:19px;height:20px;margin-top:-10px}#main .solution .box{padding:40px 0}#main .product>.title>.txt>p{font-size:28px}#main .product>.container>ul>li{width:50%}}@media only screen and (max-width:640px){#banner .title>p{font-size:4.2vmax}#banner .title>a{padding:0}#banner .mouse{display:none}#main .solution .title{padding:30px 5%}#main .solution .title>.tit p{font-size:36px}#main .solution .title>.button{position:relative;right:0;bottom:0;text-align:right}#main .solution .box .swiper-container .swiper-slide a>.con>.tit{font-size:18px}#main .solution .box .swiper-container .swiper-slide a>.con>.txt{font-size:12px;line-height:18px}#main .product>.title>.txt>p{font-size:24px}#main .product>.title>.txt>span{font-size:14px}#main .product>.container>ul>li>a:after{bottom:-30px;width:40px;height:30px;background-size:32% auto}#main .product>.container>ul>li>a>.tit>p{font-size:16px}#main .product>.container>ul>li>a>.tit>span{font-size:12px}#main .about .slogan{right:-80%}#main .service>.wrap{padding:50px 0}#main .service ul>li{padding:10px}#main .service ul>li>a{padding:20px}}@media only screen and (max-width:420px){#banner .mouse:before,#main .service ul>li>a>.con>.view{display:none}#banner .mouse{bottom:10px}#main .solution .title>.tit p{font-size:30px}#main .solution .title>.tit span{font-size:18px}#main .product>.container>ul>li>a:after{bottom:-24px;width:36px;height:24px;background-size:25% auto}#main .product>.title>.txt>p{font-size:22px}#main .product>.title>.txt>span{font-size:12px}#main .product>.title>.more{width:auto;padding:20px 0}#main .product>.title>.more>a{font-size:0}#main .product>.title>.more>a:after{left:-36px!important}#main .about .video>.con>.img>p{font-size:24px}#main .about .slogan{right:-120%}#main .service ul>li{padding:10px}#main .service ul>li>a{padding:0}#main .service ul>li>a>.con>.ico>img{width:68px}#main .service ul>li>a>.con>.tit{font-size:18px;padding-bottom:0}}@-webkit-keyframes mouse-middle{0%{opacity:.8}50%{opacity:1;top:15px;height:7px}100%{opacity:0;top:28px;height:4px}}@keyframes mouse-middle{0%{opacity:.8}50%{opacity:1;top:15px;height:7px}100%{opacity:0;top:28px;height:4px}}