@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.my-padding{padding-top:100px}
.border-1px::after{-webkit-transform:scaleY(.7);transform:scaleY(.7)}
.border-1px::before{-webkit-transform:scaleY(.7);transform:scaleY(.7)}
}
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.my-padding{padding-top:150px}
.border-1px::after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.border-1px::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}
}
@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.my-padding{padding-top:200px}
.border-1px::after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}
.border-1px::before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}
}
@media (min-width:768px){.modal-dialog{width:auto}
}
@-webkit-keyframes bd-line-in{0%{width:0;background:#fff}
100%{width:100%;background:#fff}
}
@keyframes bd-line-in{0%{width:0;background:#fff}
100%{width:100%;background:#fff}
}
@-webkit-keyframes bd-line-out{0%{width:100%;background:#fff}
100%{width:0;background:#fff}
}
@keyframes bd-line-out{0%{width:100%;background:#fff}
100%{width:0;background:#fff}
}
.index{position:relative;text-align:center;height:100%;overflow:auto}
.index .pages{position:relative;min-height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index .pages .code{position:absolute;bottom:0;left:0;z-index:100;width:100%;text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:.5rem}
.index .pages .code .qrcode{width:80px;height:80px}
.index .pages .code .download{padding-left:110px;height:80px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index .pages .code .download .download-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index .pages .code .download .download-btn .dev-btn{width:175px;color:#fff;background:#c9151e;border:0;outline:0;margin-left:40px;border-radius:4px;font-size:14px}
.index .pages .pci{background:url(../img/pci@3x.png) no-repeat;background-size:100% 100%;width:120px;height:40px;display:block}
.index .pages .members{background:url(../img/shangS@3x.png) no-repeat;background-size:100% 100%;width:198px;height:40px;display:block;margin-left:20px}
.index .pages .text{font-size:12px;color:#777}
.index .pages .myswiper{width:100%}
.index .pages .myswiper .swiper-slide{min-height:100vh;display:block;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding-bottom:250px}
.index .pages .myswiper .swiper-slide .row{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.index .pages .myswiper .swiper-slide .row .text1{color:#fff;font-weight:200}
@media screen and (min-width:1210px){.index .pages .myswiper .swiper-slide .row .text1{font-size:70px;line-height:80px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .swiper-slide .row .text1{font-size:50px;line-height:60px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .swiper-slide .row .text1{font-size:30px;line-height:30px}
}
.index .pages .myswiper .swiper-slide .row .text2{color:#cdcdcd;font-weight:100}
@media screen and (min-width:1210px){.index .pages .myswiper .swiper-slide .row .text2{font-size:24px;line-height:28px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .swiper-slide .row .text2{font-size:22px;line-height:26px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .swiper-slide .row .text2{font-size:20px;line-height:24px}
}
.index .pages .myswiper .swiper-slide .row .text3{color:#cdcdcd}
@media screen and (min-width:1210px){.index .pages .myswiper .swiper-slide .row .text3{font-size:16px;line-height:24px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .swiper-slide .row .text3{font-size:14px;line-height:22px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .swiper-slide .row .text3{font-size:12px;line-height:20px}
}
.index .pages .myswiper .changeLan{color:#fff;font-size:18px;position:absolute;right:.5rem;padding:5px 10px;border:2px solid #fff;border-radius:8px;cursor:pointer}
.index .pages .myswiper .home{background:url(../../images/bg_home.jpg) no-repeat center center;background-size:cover;text-align:left}
@media screen and (min-width:1210px){.index .pages .myswiper .home{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .home{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .home{padding-top:100px}
}
.index .pages .myswiper .home .text1{font-weight:200}
.index .pages .myswiper .home .text2{font-weight:lighter;margin-top:60px;font-weight:100}
.index .pages .myswiper .channels{background:url(../../images/bg_Channels.jpg) no-repeat center center;background-size:cover;text-align:left;display:block}
@media screen and (min-width:1210px){.index .pages .myswiper .channels{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .channels{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .channels{padding-top:100px}
}
.index .pages .myswiper .channels .mychannel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index .pages .myswiper .channels .moreInfo{border-radius:4px;padding:.15rem .2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:rgba(255,255,255,.5)}
.index .pages .myswiper .channels .moreInfo .icons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index .pages .myswiper .channels .moreInfo .icons span{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.index .pages .myswiper .channels .moreInfo .icons span img{width:1.16rem}
.index .pages .myswiper .channels .topInfo{margin-bottom:.4rem}
.index .pages .myswiper .channels .topIcon{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:1.2rem}
.index .pages .myswiper .channels .topIcon>div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:40px 40px}
.index .pages .myswiper .channels .topIcon>div img{width:.65rem}
.index .pages .myswiper .channels .topIcon>div .text{margin-top:16px;color:#cdcdcd;font-size:18px;font-weight:100;text-align:center}
.index .pages .myswiper .channels .more{color:#cdcdcd;font-size:18px;font-weight:100;padding-left:0}
.index .pages .myswiper .channels .more .text{color:#cdcdcd;font-size:18px;font-weight:100}
.index .pages .myswiper .channels .text1{font-weight:200}
.index .pages .myswiper .channels .text2{font-weight:lighter;font-weight:100;margin-top:.1rem}
.index .pages .myswiper .distribution{background:url(../../images/bg_Distribution.jpg) no-repeat center center;background-size:cover}
@media screen and (min-width:1210px){.index .pages .myswiper .distribution{padding-top:160px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .distribution{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .distribution{padding-top:80px}
}
.index .pages .myswiper .distribution .text1{font-weight:200}
.index .pages .myswiper .distribution .text2{font-weight:100;margin-top:.2rem}
.index .pages .myswiper .distribution .map{display:block;margin:0 auto;margin-top:.4rem;position:relative;width:7.4rem}
.index .pages .myswiper .distribution .map img{width:7.4rem}
.index .pages .myswiper .distribution .map button{position:absolute;width:15px;height:15px;padding:0;opacity:0}
.index .pages .myswiper .distribution .map .Italy{top:17%;left:12.5%}
.index .pages .myswiper .distribution .map .US{top:22.4%;right:17.3%}
.index .pages .myswiper .distribution .map .Australia{left:45.9%;bottom:14.9%}
.index .pages .myswiper .distribution .map .Taiwan{top:29.8%;left:40.7%}
.index .pages .myswiper .distribution .map .HK{top:32.5%;left:37.5%}
.index .pages .myswiper .distribution .map .Macao{top:33.7%;left:36.5%}
.index .pages .myswiper .distribution .map .Korea{top:19.7%;left:41.5%}
.index .pages .myswiper .distribution .map .Japan{top:25.3%;left:43.8%}
.index .pages .myswiper .distribution .map .Singapore{top:49%;left:33.5%}
.index .pages .myswiper .distribution .map .myhome{width:30px;height:30px;top:20.7%;left:36.7%}
.index .pages .myswiper .scenes{background:url(../../images/bg_Scenes.jpg) no-repeat center center;background-size:cover}
@media screen and (min-width:1210px){.index .pages .myswiper .scenes{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .scenes{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .scenes{padding-top:100px}
}
.index .pages .myswiper .scenes .text1{color:#fff;font-weight:200}
.index .pages .myswiper .scenes .text2{font-weight:100;margin-top:.45rem}
.index .pages .myswiper .scenes .more{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding-top:.5rem;margin-top:.2rem}
.index .pages .myswiper .scenes .text3{font-size:18px;color:#cdcdcd;line-height:26px;font-weight:100;margin-top:16px}
.index .pages .myswiper .service{background:url(../../images/bg_Service.jpg) no-repeat center center;background-size:cover;display:block}
@media screen and (min-width:1210px){.index .pages .myswiper .service{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .service{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .service{padding-top:100px}
}
.index .pages .myswiper .service .text1{font-weight:200;text-align:left}
.index .pages .myswiper .service .more1{padding-right:20px;margin-bottom:30px}
.index .pages .myswiper .service .more2{padding-left:.1rem;margin-bottom:.2rem}
.index .pages .myswiper .service .more{color:#fff}
.index .pages .myswiper .service .more .text2{text-align:left;font-weight:200;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.1rem;margin-top:.2rem}
.index .pages .myswiper .service .more .text2 span{width:.3rem;height:.3rem;display:block;margin-right:10px}
.index .pages .myswiper .service .more .text2 .icon-data{background:url(../../images/data.png) no-repeat center center}
.index .pages .myswiper .service .more .text2 .icon-service{background:url(../../images/percent.png) no-repeat center center}
.index .pages .myswiper .service .more .text2 .icon-sales{background:url(../../images/sale.png) no-repeat center center}
.index .pages .myswiper .service .more .text2 .icon-customization{background:url(../../images/customer.png) no-repeat center center}
.index .pages .myswiper .service .more .text3{text-align:left;font-weight:100;color:#cdcdcd}
.index .pages .myswiper .contact{background:url(../../images/bg_Contact.jpg) no-repeat center center;background-size:cover}
@media screen and (min-width:1210px){.index .pages .myswiper .contact{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .contact{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .contact{padding-top:100px}
}
.index .pages .myswiper .contact .text1{color:#fff;font-weight:200}
.index .pages .myswiper .contact .text2{margin:20px 0}
.index .pages .myswiper .contact .text3{color:#cdcdcd;font-weight:100;margin-bottom:20px}
.index .pages .myswiper .contact .row .mycontact{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index .pages .myswiper .contact .row .mycontact .area{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.index .pages .myswiper .contact .row .mycontact .area .text3{color:#cdcdcd;font-weight:100;margin-top:.2rem}
.index .pages .myswiper .contact .row .mycontact .area .imgs img{font-size:none}
.index .pages .myswiper .contact .row .mycontact .area .imgs .areaname{color:#fff;font-weight:200;font-size:14px}
.index .pages .myswiper .partner{background:url(../../images/bg_Partner.jpg) no-repeat center center;background-size:cover}
@media screen and (min-width:1210px){.index .pages .myswiper .partner{padding-top:190px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .pages .myswiper .partner{padding-top:140px}
}
@media screen and (max-width:1150px){.index .pages .myswiper .partner{padding-top:100px}
}
.index .pages .myswiper .partner .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.index .pages .myswiper .partner .bottom .text1{color:#fff;border-radius:4px;background:rgba(255,255,255,.15)}
.index .pages .myswiper .partner .bottom .text2{color:#fff;border-radius:4px;background:rgba(255,255,255,.15);padding:.1rem .3rem}
.index .pages .myswiper .partner .text2{margin-top:20px;margin-bottom:20px}
.index .pages .myswiper .partner .text2 .text{color:#fff;font-weight:100}
.index .pages .myswiper .partner .store-icons{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:15px}
.index .pages .myswiper .partner .store-icons img{width:240px;margin-bottom:.3rem}
.index .pages .myswiper .partner .more{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-top:.6rem;margin-top:.2rem}
.index .pages .myswiper .partner .more .cdf{width:89px;height:45px}
.index .pages .myswiper .partner .more .lenono{width:134px;height:42px}
.index .pages .myswiper .partner .more .levis{width:89px;height:39px}
.index .pages .myswiper .partner .more .lotteMart{width:100px;height:62px}
.index .pages .myswiper .partner .text3{margin-top:.2rem;color:#cdcdcd;font-weight:100;margin-bottom:.5rem}
.index .pages .myswiper #myswiper{position:fixed;top:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;z-index:1000;border-radius:0;background:rgba(0,0,0,.75)}
.index #navgator{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index #navgator padding-left 5px{padding-right:5px}
@media screen and (min-width:1210px){.index #navgator{font-size:14px;height:80px}
.index #navgator span{height:70px;margin-right:10px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index #navgator{font-size:12px;height:60px}
.index #navgator span{height:50px;margin-right:10px}
}
@media screen and (max-width:1150px){.index #navgator{font-size:12px;height:auto;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:50px;right:10%;z-index:100;padding-left:20px;background:rgba(0,0,0,.75)}
.index #navgator span{margin-right:0;height:50px;border-radius:4px}
}
.index #navgator .active{background:#c9151e}
.index #navgator span{border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#fff;padding-left:10px;padding-right:10px;cursor:pointer;margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.index .shownav{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}
.index .mynavgator{display:none}
@media screen and (max-width:1150px){.index .mynavgator{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}
}
.index .mynavgator .navicon{text-align:right;color:#fff;font-size:20px;line-height:50px}
.index .mynav{margin:0;padding-left:10px;padding-right:10px;font-size:14px}
@media screen and (min-width:1210px){.index .logo{height:80px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .logo{height:70px}
}
@media screen and (max-width:1150px){.index .logo{height:50px}
}
.index .login{cursor:pointer;color:#fff;padding-left:10px;padding-right:10px;font-size:14px}
@media screen and (min-width:1210px){.index .login{height:80px}
.index .login .link{line-height:80px;font-size:16px}
}
@media screen and (min-width:1150px) and (max-width:1210px){.index .login{height:60px}
.index .login .link{line-height:60px;font-size:14px}
}
@media screen and (max-width:1150px){.index .login{height:50px}
.index .login .link{line-height:50px;font-size:12px}
}
.index .download-content{position:absolute;left:0;top:0;width:100%;display:none;z-index:10;background:#000;padding-top:10%;margin:0}
.index .download-content .myicon{font-size:28px;color:#fff;position:absolute;right:0}
.index .download-content .row{bottom:0;left:0}
.index .download-content #closeDown{position:absolute;right:20%;top:10%;color:#fff;background:#c9151e;border:0;outline:0;font-size:.2rem;border-radius:4px}
.index .download-content .code{text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:.5rem}
.index .download-content .code .qrcode{width:80px;height:80px}
.index .download-content .code .download{padding-left:110px;height:80px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index .download-content .code .download .download-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index .download-content .code .download .download-btn .dev-btn{color:#fff;background:#c9151e;border:0;outline:0;margin-left:40px;border-radius:4px;font-size:20px}
.index .download-content .pci{background:url(../img/pci@3x.png) no-repeat;background-size:100% 100%;width:120px;height:40px;display:block}
.index .download-content .text{font-size:12px;color:#777}
.index .download-content .item{text-align:left;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}
.index .download-content .item .text{color:#fff;min-width:250px;font-size:24px}
.index .download-content .item .link{padding-top:10px;display:block;color:#fff;font-size:18px;font-weight:100;margin-bottom:20px;-moz-box-sizing:border-box;box-sizing:border-box}
.index .download-content .item .link .animation1{-webkit-animation:bd-line-in .3s ease-in;animation:bd-line-in .3s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.index .animation2{-webkit-animation:bd-line-out .3s ease-in;animation:bd-line-out .3s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.index i{display:block;height:1px;margin:0 auto}
.index .documents{margin-bottom:0}
.index .documents .link{padding-top:5px}
.index .documents .text{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}