.banner *,.bridge *,.lntelligent_box *,.performances_box *{padding: 0;margin: 0;list-style: none;}
.flex_box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.center{max-width:1200px;width:100%;margin: auto;box-sizing: border-box;}
.rollTop{z-index: 3;}
.rollTop .buy,.buy-download .buy,#tips .botton-btm .buy-btm{position: relative;overflow: hidden;}
.rollTop .buy span,.buy-download .buy span,#tips .botton-btm .buy-btm span{position: absolute;width: 120px;top: 6px;right: -32px;background: #fadf15;-webkit-transform: rotate(30deg);transform: rotate(30deg);text-align: center;color: #222;line-height: 24px;font-size: 14px;}
#tips .botton-btm div{display: inline-block;width: 240px;}
#tips .botton-btm div:last-child p{padding-left: 40px;}
.unslider h2{margin:120px auto 40px;}
.reviews .title-h2{margin-top: 100px;margin-bottom: 30px;}
#tips .title-h2{margin-top: 50px;}
.banner .buy:hover::before{display: none;}
.nav-bar .buy:hover::before{background-size: 20px;}
/* banner */
.banner{background: #01919a;color: #fff;padding-top: 45px;padding-bottom: 60px;}
.banner_box h1{font-size: 50px;text-align: center;display: block;float: none;line-height: 56px;font-weight: normal;}
.banner_box h1>img{vertical-align: middle; margin-left: 12px;}
.banner_box>p:nth-of-type(1){font-size: 20px;color: #fff;text-align: center;margin-top: 30px;}
.banner_box>p:nth-of-type(2){font-size: 16px;color: #fff;text-align: center;max-width: 970px;margin:20px auto 10px;}
.banner_box>div:nth-of-type(1){text-align: center;max-width: 670px;margin: auto;}
.banner_box>div:nth-of-type(1)>div{display: inline-block;max-width: 300px;width:100%;margin:15px;}
.banner_box>div a{max-width: 300px;width:100%;height: 56px;display:inline-block;padding-top: 0; float: none;font-size: 24px;text-decoration: none;line-height: 56px;color: #fff;position: relative;border: 2px solid #fff;}
.banner_box>div a i{font-style: normal;display: inline-block;}
.banner_box div a img{vertical-align: -8px;margin-right: 14px;}
.banner_box>div a.down{background-color: #34C79F;position: relative;overflow: hidden;}
.banner_box div a.down *{position: relative;z-index: 1;}
.banner_box>div a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
/* .banner_box>div a.down:hover{background:#4698fb;} */
.banner_box>div a.down::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#51bda0,#5ed1b2);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.banner_box div a.down i{position: relative;}
.banner_box div a.down i img:last-child{position: absolute;left: 0px;top: -100px;}
.banner_box div a.down:hover::after{height: 100%;opacity: 1;}
.banner_box div a.down:hover i img:first-child{opacity: 0;}
.banner_box div a.down:hover i img:last-child{top: 0px;transition: all .3s linear;}
.offer_box li img.off{display: block;margin: 0;position: absolute;right: -1px;top: -5px;}
.offer_box li{position: relative;}


.banner_box>div a.buy{background: #E04445;}
/* .banner_box>div a.buy:hover{background: #fc9106;} */
.banner_box>div a.buy{position: relative;overflow: hidden;}
.banner_box>div a.buy span{position: relative;z-index: 1;}
.banner_box>div a.buy:hover{font-size: 0;}
.banner_box>div a.buy:hover img{position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;transform: rotate(-20deg); animation: buymove .3s linear;z-index: 1;}
.banner_box>div a.buy.rotate img{transform: rotate(0deg);transition: all .1s linear;}
@-webkit-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-moz-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-o-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
.banner_box>div a.buy::after{clear: 0;content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background: linear-gradient(90deg,#E04445,#e06f6f);z-index: 0;transition: width .3s linear;opacity: 0;}
.banner_box>div a.buy:hover::after{width: 100%;opacity: 1;}







.banner_img{position: relative;margin-top: 10px;}
.banner_img>img{position: absolute;top: 60%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: 0;max-width: 480px;width: 100%;}
.banner_img ul li{margin: auto;margin-bottom: 35px;max-width: 1150px;width: 100%;}
.banner_img ul li:nth-child(2){max-width: 1200px;}
.banner_img ul li div div{max-width: 230px;display: inline-block;}
.banner_img ul li span{font-size: 20px;display: block;margin-bottom: 5px;}
.banner_img ul li p{font-size: 16px;color: #c6e3e7;line-height: 26px;}
.banner_img ul li>div{max-width: 330px;width: 100%;-webkit-box-align:center;-webkit-align-items: center;align-items: center;transition: all .5s linear;}
.banner_img ul li>div:nth-child(1){text-align: right;transform: translateX(-130px);}
.banner_img ul li>div:nth-child(2){text-align: left;transform: translateX(130px);}
.banner_img ul li i{width: 68px;height: 68px;background: url(../png/banner-icon.png);}
.banner_img ul li:nth-child(1) div:nth-child(1) i{background-position-y: -0px;}
.banner_img ul li:nth-child(1) div:nth-child(2) i{background-position-y: -68px;}
.banner_img ul li:nth-child(2) div:nth-child(1) i{background-position-y: -136px;}
.banner_img ul li:nth-child(2) div:nth-child(2) i{background-position-y: -204px;}
.banner_img ul li:nth-child(3) div:nth-child(1) i{background-position-y: -272px;}
.banner_img ul li:nth-child(3) div:nth-child(2) i{background-position-y: -340px;}
/* bridge */
.bridge{background: #f9f9f9;padding-top: 50px;padding-bottom: 60px;}
.bridge_box>p{font-size: 16px;line-height: 26px;text-align: center;max-width: 1080px;margin:30px auto 40px;}
.bridge_box>div .tab{max-width: 350px;background: #fff;width: 100%;}
.bridge_box>div .tab li{height: 96px;-webkit-box-align:center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;font-size: 14px;}
.bridge_box>div .tab li span{width: 130px;display: block;margin-left: 30px;}
.bridge_box>div .tab li.active{background: #01919a;color: #fff;}
.bridge_box>div .tab i{width: 80px;height: 32px;background: url(../png/tab-2.png)}
.bridge_box>div .tab li:nth-child(1) i{background-position-y: -0px;}
.bridge_box>div .tab li:nth-child(1).active i{background-position-y: -32px;}
.bridge_box>div .tab li:nth-child(2) i{background-position-y: -64px;}
.bridge_box>div .tab li:nth-child(2).active i{background-position-y: -96px;}
.bridge_box>div .tab li:nth-child(3) i{background-position-y: -128px;}
.bridge_box>div .tab li:nth-child(3).active i{background-position-y: -160px;}
.bridge_box>div .tab li:nth-child(4) i{background-position-y: -192px;height: 52px;}
.bridge_box>div .tab li:nth-child(4).active i{background-position-y: -244px;}
.bridge_box>div .tab_box{max-width: 850px;height: 384px;width: 100%;}
.bridge_box>div .tab_box>li:nth-child(1){background: url(../jpg/iphone-iphone.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(2){background: url(../jpg/andriod-andriod.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(3){background: url(../jpg/andriod-ios.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(4){background: url(../jpg/andriod-windows.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box li{-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;-webkit-box-align:center;-webkit-align-items: center;align-items: center;display: none;height: 100%;}
.bridge_box>div .tab_box li.active{display:-webkit-box;display: -webkit-flex;display: flex;}
.bridge_box>div .tab_box div{max-width: 650px;width: 96%;color: #fff;font-size: 16px;margin:auto;background: rgba(28, 34, 35, .85);text-align: center;padding: 42px 0px 32px;}
.bridge_box>div .tab_box div h3{display: block;font-size: 24px;color: #fff;line-height: 26px;}
.bridge_box>div .tab_box div p{max-width: 520px;width: 100%;margin:15px auto 20px;line-height: 26px;}
.bridge_box>div .tab_box div img{margin: 0 15px;}
.lntelligent{padding-top:50px;}
.lntelligent_box h2{margin: auto;line-height: 52px;}
.lntelligent_box>p{text-align: center;font-size: 16px;line-height: 26px;margin-top: 20px;margin-bottom: 26px;}
.lntelligent_box>.tab{max-width: 820px;width: 100%;margin: auto;position: relative;}
.lntelligent_box>.tab li i{width: 68px;height: 68px;display: block;background: #fff url(../png/data-types.png);margin: auto;margin-bottom: 6px;}
.lntelligent_box>.tab li:nth-child(1) i{background-position-y: -0px}
.lntelligent_box>.tab li:nth-child(1).active i{background-position-y: -68px}
.lntelligent_box>.tab li:nth-child(2) i{background-position-y: -136px}
.lntelligent_box>.tab li:nth-child(2).active i{background-position-y: -204px}
.lntelligent_box>.tab li:nth-child(3) i{background-position-y: -272px}
.lntelligent_box>.tab li:nth-child(3).active i{background-position-y: -340px}
.lntelligent_box>.tab li:nth-child(4) i{background-position-y: -408px}
.lntelligent_box>.tab li:nth-child(4).active i{background-position-y: -476px}
.lntelligent_box>.tab li:nth-child(5) i{background-position-y: -544px}
.lntelligent_box>.tab li:nth-child(5).active i{background-position-y: -612px}
.lntelligent_box>.tab li{font-size: 14px;color: #494949;font-weight: bold;position: relative;z-index: 2;}
.lntelligent_box>.tab::after{position: absolute;top: 35px;width: 90%;height: 2px;left: 50%;background: #ebebeb;content: "";clear: both;z-index: 1;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.lntelligent_box>.tab_box{margin-top: 50px;}
.lntelligent_box>.tab_box>li>div{max-width: 530px;width: 100%;}
.lntelligent_box>.tab_box>li>img{max-width: 600px;width: 100%;}
.lntelligent_box>.tab_box ul{margin-bottom: 35px;}
.lntelligent_box>.tab_box>li{display: none;}
.lntelligent_box>.tab_box>li.active{display:-webkit-box;display: -webkit-flex;display: flex;}
.lntelligent_box>.tab_box h3{font-size: 24px;color: #222;display: block;margin-bottom: 30px;}
.lntelligent_box>.tab_box ul li{margin-bottom: 14px;color: #212121;font-size: 16px;}
.lntelligent_box>.tab_box ul li img{vertical-align: -10px;margin-right: 12px;display: inline-block;}
.lntelligent_box>.tab_box a{width: 220px;height: 60px;display: block;background: url(../png/btn-2.png);}
.lntelligent_box>.tab_box a:hover{background-position-y: -60px;}
.performances{background: #01919a;padding-top: 50px;margin-top: 70px;height: 390px;}
.performances_box h2{color: #fff;line-height: 52px;}
.performances_box>p{color: #fff;text-align: center;max-width: 870px;margin: auto;line-height: 30px;font-size: 16px;margin-top: 26px;}
.performances_box li{max-width: 378px;width: 100%;background: #fff;border-radius: 8px;text-align: center;margin-top: 30px;padding-bottom: 30px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);z-index: 1;}
.performances_box li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.performances_box li img{display: block;margin: auto;margin-top: 20px;}
.performances_box li span{font-size:24px;color: #222;display: block;margin: 4px auto 15px;font-weight: bold;}
.performances_box li p{max-width: 320px;width: 95%;margin: auto;line-height: 26px;font-size: 16px;}
.unslider-nav ol{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/* steps */
#screenshot{max-width: none;text-align: left;background: #f9f9f9;}
.steps{padding-top: 75px;padding-bottom: 80px;position: relative;}
.steps_box{position: relative;z-index: 2;}
.steps_box h2{padding-top: 40px;}
.steps_box>p{font-size: 16px;max-width: 900px;margin: auto;line-height: 28px;margin-bottom: 5px;}
.steps_box>p span{font-size: 16px;color: #19ddef;}
.steps_box .tab{max-width: 1050px;width: 100%;margin: 40px auto 0px;position: relative;}
.steps_box .tab>div{position: relative;height: 480px;}
.steps_box .tab>div>img{position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);display: none;border-radius: 12px;width: initial;max-width: auto;}
.steps_box .tab>div>img.active{display: block;}
.steps_box .tab ul{margin-top: 40px;text-align: center;}
.steps_box .tab ul li{display: inline-block;width: 9px;height: 9px;border-radius: 5px;background: #959d9e;margin-left: 6px;margin-right: 6px;cursor: pointer;transition: all .5s linear;}
.steps_box .tab ul li.active{background: #fc6f06;width: 63px;}
.steps_box .tab>i{position: absolute;top: 30%;cursor: pointer;width: 88px;height: 88px;}
.steps_box .tab>i.left{left: 0;background: url(../png/left1-2.png);}
.steps_box .tab>i.left:hover{background-position-y: -88px;}
.steps_box .tab>i.right{right: 0;background: url(../png/right1.png);}

/* users */
#review{max-width: none;margin-top: 0px;margin-bottom: 0px;}
.users{background:#EDEBF8;padding-bottom: 180px;background: url(../png/bg7.png) center 80px no-repeat #f7f6fc;}
.users_box .tab_box{width: 757px;}
.users_box>div{-webkit-align-items: end;align-items: end;margin-top: 60px;max-width: 1170px;}
.users_box .tab{position: relative;height: 370px;overflow:visible;max-width: none;width: auto;}
.users_box .tab li{background: #408F98;overflow: hidden;border-radius: 15px;position: absolute;width: 100%;margin: auto;left: 50%;transform: translateX(-50%);transition: width .5s linear,top .5s linear,opacity .5s linear;}
.users_box .tab li.active1{width: 100%;opacity: 1;z-index: 3;}
.users_box .tab li.active2{top: 15px;width: 678px;opacity: .5;z-index: 2}
.users_box .tab li.active3{top: 30px;width: 611px;opacity: .2;z-index: 1;}
.users_box .author{margin: 60px auto 20px;width: 90px;height: 90px;background: #0FB3FF;;border-radius: 50%;font-size: 28px;font-family: Arial;font-weight: bold;color: #FFFFFF;line-height: 90px;text-align: center;}
.users_box li:nth-child(1) .author{background: #FDB51C;}
.users_box li:nth-child(2) .author{background: #FF7272;}
.users_box li:nth-child(3) .author{background: #ADC81B;}
.users_box .tab li img{display: block;margin:55px auto 0px;}
.users_box .tab li span{display: block;margin:15px 0px;text-align: center;font-size: 24px;color: #fff;font-weight: 550;}
.users_box .tab li p{max-width: 620px;width: 100%;text-align: center;font-size:16px;color: #fff;line-height: 28px;margin: 0 auto;padding-bottom: 74px;}
.users_box .tab_box{position: relative;}
.users_box .tab_box>i{position: absolute;top: 50%;cursor: pointer;width: 88px;height: 88px;z-index:8;}
.users_box .tab_box>i.left{left: -44px;margin-top: -44px;background: url(../png/left1-2.png);}
.users_box .tab_box>i.left:hover{background-position-y: -88px;}
.users_box .tab_box>i.right{right: -44px;margin-top: -44px;background: url(../png/right1.png);}
.users_box .tab_box>i.right:hover{background-position-y: -88px;}




/* offer */
.offer{background: #408F98;padding-top: 70px;overflow: hidden;}
.offer_box{padding-bottom: 55px;}
.offer h2{color: #fff;padding-bottom:30px;margin-top: 20px;}
.offer_box ul{-webkit-align-items: center;align-items: center;-webkit-justify-content: space-around;justify-content: space-around;max-width: 1110px;margin: auto;list-style: none;padding: 0px;}
.offer_box li{padding-top: 40px;border: 1px solid #41bd9b;border-top-width: 5px;max-width: 362px;box-sizing: border-box;padding-bottom: 30px;width: 100%;background: #fff;transition: all .3s linear;-webkit-transition: all .3s linear;}
.offer_box li img.secure{display: block;margin: 6px auto 25px;}
.offer_box li:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.offer_box li.active{max-width: 386px;width: 100%;padding-top: 65px;padding-bottom: 65px;border-color: #ffa81d;position: relative;}
.offer_box li.active>i{position: absolute;top: -98px;right: -94px;font-size: 30px;color: #fff;-webkit-transform: rotateZ(135deg);transform: rotateZ(135deg);border-top: 93px transparent dashed;border-left: 93px transparent dashed;border-bottom: 93px transparent dashed;border-right: 93px #df1717 solid;}
.offer_box li.active>i span{-webkit-transform: rotateZ(-90deg);transform: rotateZ(-90deg);position: absolute;margin-left: 30px;margin-top: -5px;}
.offer_box li .title{display: block;font-size: 30px;color: #333;text-align: center;font-weight: 550;line-height: 35px;}
.offer_box li .price{margin-top: 35px;display: block;text-align: center;font-size: 36px;color: #e04445;}
.offer_box li .price del{font-size: 20px;color: #999;}
.offer_box li .checkout-switch{position:relative;width:237px;margin:25px auto 6px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;-webkit-flex-direction: column;flex-direction: column;}
.offer_box li .checkout-switch .buyA{width:237px;height:54px;background-color: #EA4E18;border-radius: 4px;}
.offer_box li .checkout-switch .buyA:hover{background-position:0 -83px;}
.offer_box li .checkout-switch a{width: 264px;height: 54px;margin: auto;background-color: #EA4E18;border-radius: 4px;text-decoration: none;line-height: 54px;text-align: center;font-size: 24px;color: #fff;position: relative;overflow: hidden;}
.offer_box li .checkout-switch a i{display: inline-block;width: 28px;height: 28px;background: url(../png/checkout-secure.png) no-repeat;vertical-align: -4px;margin-right: 4px;}
.offer_box li .checkout-switch a span{position: relative;z-index: 1;}
.offer_box li .checkout-switch a:hover{font-size: 0;}
.offer_box li .checkout-switch a:hover i{position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;transform: rotate(-20deg); animation: buymove .3s linear;z-index: 1;background: url(../png/go-to-store-2.png) no-repeat;}
.offer_box li .checkout-switch a.rotate i{transform: rotate(0deg);transition: all .1s linear;}
@-webkit-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-moz-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-o-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
.offer_box li .checkout-switch a::after{clear: 0;content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background: linear-gradient(90deg,#fc6f06,#fc9106);z-index: 0;transition: width .3s linear;opacity: 0;}
.offer_box li .checkout-switch a:hover::after{width: 100%;opacity: 1;}





.offer_box li .checkout-switch .buyC{width:237px;height:83px;background:url(../png/button-new.png) no-repeat 0 -166px;margin:0 auto;}
.offer_box li .checkout-switch .buyC:hover{background-position:0 -249px;}
.offer_box li .checkout-switch .paddle{width:237px;height:83px;background:url(../png/button-new.png) no-repeat 0 -332px;margin:0 auto;}
.offer_box li .checkout-switch .paddle:hover{background-position:0 -415px;}

.offer_box li .checkout-switch .switch-txt{font-size:16px;font-weight:bold;color:#666;margin:10px auto;text-align:center;}
.offer_box li p{max-width: 280px;width: 100%;font-size: 15px;line-height: 25px;margin: auto;}
.offer_box li p i{width: 6px;height: 6px;border-radius: 50%;background: #333;vertical-align: 3px;margin-right: 8px;}
.offer_box span.tax {display: block;text-align: center;color: #999;font-size: 20px;margin: 10px auto;}
/* articles */
.articles{padding: 70px 0px;padding-bottom: 70px;background: url(../jpg/bg9.jpg) no-repeat center center/cover;}
.articles h2{margin-top: 20px;}
.articles_box ul{margin-top: 20px;padding: 0;list-style: none;}
.articles_box ul li{max-width: 584px;width: 100%;border-top:6px solid #408F98;padding: 35px 30px 50px;box-sizing: border-box;box-shadow: 0 0 15px rgba(0, 0, 0, .11);background: #fff;margin-top: 20px;}
.articles_box ul li a:hover{color: #408F98;text-decoration: none;}
.articles_box ul li span{font-size: 24px;color: #333;font-weight: bold;text-align: center;display: block;padding-bottom: 4px;line-height: 24px;}
.articles_box ul li a{display: block;margin-top: 16px;font-size: 16px;color: #333;position: relative;padding-left: 15px;text-decoration: none;}
.articles_box ul li a::after{content: "";clear: both;width: 4px;height: 4px;border-radius: 50%;background: #3f8cff;position: absolute;top: 8px;left: 0px;}
.top .top_name{text-align: left;font-weight: bold;    font-size: 26px;float: left;margin-top: 18px;line-height: 32px;margin-bottom: 13px;}
/* product */
.product{background: #408F98;padding-top: 80px;padding-bottom: 75px;}
.product a{text-decoration: none;color: #222;}
.product h2{color: #fff;margin-top: 20px;}
.product ul{list-style: none;}
.product ul li{max-width: 356px;width: 100%;padding: 0 30px;box-sizing: border-box;margin-top: 90px;background: #fff;border-radius: 8px;padding-bottom: 60px;box-shadow: 0 0 18px rgba(0,0,0,.33);}
.product ul li>img{display: block;margin: -50px auto 28px;}
.product ul li>span{font-size: 24px;color: #333;font-weight: 550;display: block;text-align: center;}
.product ul li>span a:hover{color: #2e82e8;text-decoration: none;}
.product ul li>p{font-size: 16px;color: #333;line-height: 28px;max-width: 290px;width: 98%;text-align: center;margin: 10px auto 5px;}
.product ul li div{max-width: 300px;width: 100%;margin: auto;}
.product ul li div a{width: 140px;height: 40px;text-align: center;margin-top: 15px;border-radius: 4px;line-height: 40px;}
.product ul li div a:hover{text-decoration: none;}
.product ul li div a.down{background:#2e82e8;color: #fff;font-size: 16px;}
.product ul li div a.down-mac{background:#2e82e8;color: #fff;font-size: 16px;}
.product ul li div a.down i{width: 15px;height: 19px;background: url(../png/win-ss.png);vertical-align: -4px;margin-right: 10px;}
.product ul li div a.down-mac i{width:22px;height:22px;background: url(../png/mac-ss.png);vertical-align: -6px;margin-right: 10px;}
.product ul li div a.buy{background: #fc6f06;color: #fff;font-size: 16px;padding-top:0px;}
.product ul li div a.buy i{width: 23px;height: 22px;background: url(../png/buys.png);vertical-align: -4px;margin-right: 10px;}
.product ul li div a.down:hover {background:#4698fb;}
.product ul li div a.down-mac:hover {background:#4698fb;}
.product ul li div a.buy:hover {background: #fc9106;}


.product ul li div a.down{overflow: hidden;position: relative;}
.product ul li div a.down *{position: relative;z-index: 1;}
.banner_box .btn a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
.product ul li div a.down::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#2e82e8,#4698fb);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.product ul li div a.down i{position: relative;}
.product ul li div a.down i::before{content: "";position: absolute;left: 0px;top: -30px;width: 16px;height: 16px;background: url(../png/download-small.png) no-repeat;background-size: 100% 100%;}
.product ul li div a.down:hover{font-size: 0px;}
.product ul li div a.down:hover i{background-image: none;}
.product ul li div a.down:hover::after{height: 100%;opacity: 1;}
.product ul li div a.down:hover i::before{top: 8px;transition: all .3s linear;}

.product ul li div a.down-mac{overflow: hidden;position: relative;}
.product ul li div a.down-mac *{position: relative;z-index: 1;}
.banner_box .btn a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
.product ul li div a.down-mac::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#2e82e8,#4698fb);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.product ul li div a.down-mac i{position: relative;}
.product ul li div a.down-mac i::before{content: "";position: absolute;left: 0px;top: -30px;width: 16px;height: 16px;background: url(../png/download-small.png) no-repeat;background-size: 100% 100%;}
.product ul li div a.down-mac:hover{font-size: 0px;}
.product ul li div a.down-mac:hover i{background-image: none;margin-right: 0px;}
.product ul li div a.down-mac:hover::after{height: 100%;opacity: 1;}
.product ul li div a.down-mac:hover i::before{top: 8px;transition: all .3s linear;}

.product ul li div a.buy{background: #fc6f06;}
/* .product ul li div a.buy:hover{background: #fc9106;} */
.product ul li div a.buy{position: relative;overflow: hidden;}
.product ul li div a.buy span{position: relative;z-index: 1;}
.product ul li div a.buy:hover{font-size: 0;}
.product ul li div a.buy:hover i{position: absolute;top: 60%;left: 50%;margin-left: -16px;margin-top: -16px;transform: rotate(-20deg); animation: buymove .3s linear;z-index: 1;}
.product ul li div a.buy.rotate i{transform: rotate(0deg);transition: all .1s linear;}
@-webkit-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-moz-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-o-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
.product ul li div a.buy::before{display: none;}
.product ul li div a.buy::after{clear: 0;content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background: linear-gradient(90deg,#fc6f06,#fc9106);z-index: 0;transition: width .3s linear;opacity: 0;}
.product ul li div a.buy:hover::after{width: 100%;opacity: 1;}
/* nav */
.nav-bar{width:100%;height:60px;}
.nav-bar a{text-decoration: none;}
.fix-nav-bar{width:100%;background:#fff;z-index:9;box-shadow:0 0 7px rgba(0,0,0,0.2);transition: 0.5s;position: relative;}
.fix-box{position:fixed;left:0px;top:0px;z-index: 9;}
.fix-nav-bar>div{min-height:60px;margin:0 auto;width:100%;-webkit-flex-wrap: wrap;-o-flex-wrap: wrap;-moz-flex-wrap: wrap;flex-wrap: wrap;}
.fix-nav-bar .pro-name .pro-icon{max-width: 44px;}
.fix-nav-bar .pro-name{padding-top:6px;margin:0;}
.fix-nav-bar .pro-name a{font-size:16px;line-height:44px;color:#222;}
.fix-nav-bar .pro-name:hover a{text-decoration: underline;}
.fix-nav-bar .pro-name .pro-icon{display:inline-block;margin-right:13px;vertical-align:middle;}
.fix-nav-bar .more-menu{height:60px;line-height:60px;margin:0 0 0 auto;color:#a5acc1;}
.fix-nav-bar .more-menu a{box-sizing:border-box;display:inline-block;height:60px;line-height:60px;font-size:16px;color:#222;padding:0 20px;}
.fix-nav-bar .more-menu a:hover{text-decoration:underline;}
.fix-nav-bar .more-menu span{box-sizing:border-box;display:inline-block;height:60px;line-height:60px;font-size:16px;color:#fa6f06;padding:0 20px;border-bottom:2px solid #fa6f06;}
.fix-nav-bar .right-btns{margin-left:40px;margin-right:0;align-self: center;align-items: flex-end;}
.fix-nav-bar .right-btns>a{display:inline-block;margin:0;padding:0;width:112px;height:31px;line-height:31px;font-size:16px;border-radius:4px;color:#fff;text-align:center;text-decoration: none;}
.fix-nav-bar .right-btns>a.download{background:#4095ec;margin-right:10px;}
.fix-nav-bar .right-btns>a.download:hover{background:#50a1f5;}
.fix-nav-bar .right-btns>a.download i{background-image:url(../png/icons.png) no-repeat 0 0px;}
.fix-nav-bar .right-btns>a.buy{background:#fa6f06;}
.fix-nav-bar .right-btns>a.buy:hover{background:#fd7c1b;}
.fix-nav-bar .right-btns>a.buy i{background-image:url(../png/icons.png);}
.fix-nav-bar .right-btns div{align-self:center;margin-right:17px;}
.fix-nav-bar .right-btns div a{color:#222;font-size:16px;vertical-align:middle;}
.fix-nav-bar .right-btns div span{color:#20a1de;font-size:16px;vertical-align:middle;}
.fix-nav-bar .right-btns div i{display:inline-block;width:1px;height:16px;margin:0 10px;background:#222;vertical-align:middle;}
.fix-nav-bar a.download{background:#2e82e8;position: relative;overflow: hidden;}
.fix-nav-bar a.download *{position: relative;z-index: 1;}
.fix-nav-bar a::after{position: absolute;bottom: -50px;font-size: 16px;color: #e0e0e0;width: 100%;left: 0px;}
.fix-nav-bar a.download::after{clear: both;content: "";position: absolute;left: 0;top: 0px;width: 100%;background: linear-gradient(#2e82e8,#4698fb);height: 0%;z-index: 0;transition: height .3s linear;opacity: 0;}
.fix-nav-bar a.download i{position: absolute;left: 40%;top: -15px;content: "";width: 24px;height: 24px;background: url(../png/download-small.png) no-repeat;background-size: 60% 60%;}
.fix-nav-bar a.download:hover::after{height: 100%;opacity: 1;}
.fix-nav-bar a.download:hover i{top: 10px;transition: all .3s linear;}
.fix-nav-bar a.download:hover{font-size: 0px;}

.fix-nav-bar a.buy{background: #fc6f06;}
/* .fix-nav-bar a.buy:hover{background: #fc9106;} */
.fix-nav-bar a.buy{position: relative;overflow: hidden;}
.fix-nav-bar a.buy span{position: relative;z-index: 1;}
.fix-nav-bar a.buy:hover{font-size: 0;}
.fix-nav-bar a.buy:hover i{position: absolute;top: 64%;left: 50%;margin-left: -16px;margin-top: -16px;transform: rotate(-20deg); animation: buymove .3s linear;z-index: 1;width: 24px;height: 24px;background: url(../png/buy-now.png) no-repeat;vertical-align: 0px;}
.fix-nav-bar a.buy.rotate i{transform: rotate(0deg);transition: all .1s linear;}
@-webkit-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-moz-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
@-o-keyframes buymove {0% {left: -10%;}100% {left: 50%;}}
.fix-nav-bar a.buy::after{clear: 0;content: "";position: absolute;left: 0;top: 0px;width: 0%;height: 100%;background: linear-gradient(90deg,#fc6f06,#fc9106);z-index: 0;transition: width .3s linear;opacity: 0;}
.fix-nav-bar a.buy:hover::after{width: 100%;opacity: 1;}

@media screen and (max-width:1180px){
    .bridge_box>div .tab_box{height: auto;}
    .center{padding: 0 40px;}
    .banner_img{zoom:.76;}
    .bridge_box>div .tab{width: 30%;}
    .bridge_box>div .tab_box{width: 70%;}
    .performances{height: auto;padding-bottom: 70px;}
    .performances_box>ul{max-width: 800px;margin: auto;}
    .lntelligent_box>.tab_box>li>div{margin: auto;}
    .lntelligent_box>.tab_box>li>img{margin: auto;}
    .performances{margin-bottom: 0px;}
    .unslider h2{margin-top: 50px;}
    .unslider-nav ol li{width: 50px;margin-top: 10px;}
    .unslider-wrap.unslider-carousel li img{width: 80%;}
    .users_box>div{justify-content: center;}
    .users_box .tab_box{margin-bottom: 150px;}
    .users_box .tab{height: auto;}
    .users_box .tab_box>i{bottom: -150px;}
    .articles_box ul{justify-content: center;}
    .product ul{justify-content: space-around;max-width: 800px;margin: auto;}
    .offer .center{padding:0px 5px 55px;}
    .nav-bar{height:initial;position:relative;z-index:9;}
    .fix-nav-bar>div{justify-content: space-around;}
    .fix-nav-bar .pro-name{align-self: center;padding-top:0;}
    .fix-nav-bar .more-menu{height:initial;align-self: center;}
    .fix-nav-bar .more-menu span,.fix-nav-bar .more-menu a{height:initial;line-height:30px;padding:0 10px;}
    .fix-nav-bar .right-btns{margin:0;}
    .steps_box h2{padding-top: 0;}
}
@media screen and (max-width:1110px){
    .offer_box ul li:last-child{margin-top: 50px;}
}
@media screen and (max-width:1000px){
    .product a{padding: 0px;}
    .users{padding-bottom: 80px;}
}
@media screen and (max-width:850px){
    .performances_box>ul{justify-content: center;}
    .bridge_box>div .tab{width: 100%;max-width: initial;}
    .bridge_box>div .tab{display: flex;}
    .bridge_box>div .tab li{align-items: center;justify-content: center;height: auto;padding-top: 10px;padding-bottom: 10px;}
    .bridge_box>div .tab li span{width: 100%;margin: 0;text-align: center;}
    .bridge_box>div .tab_box{width: 100%;max-width: initial;}
    .bridge_box>div .tab_box li{padding: 20px 0px;}
    .banner_img{zoom: 1;}
    .banner_img>img{position: initial;transform: translate(0,0);margin: auto;display: block;}
    .banner_img ul li>div:nth-child(1){text-align: right;transform: translateX(0px);}
    .banner_img ul li>div:nth-child(2){text-align: left;transform: translateX(0px);}
    .banner_img>img{opacity: 1;}
    .banner_img ul{margin-top: 20px;}
    .banner_img ul li>div i{order: 1;}
    .banner_img ul li>div>div{order: 2;text-align: left;}
    .users_box .tab li.active1{width: 100%;}
    .users_box .tab li.active2{width: 95%;}
    .users_box .tab li.active3{width: 90%;}
    .users_box .tab_box{width: 690px;}
    .offer_box li{max-width: 315px;}
    .offer_box li.active{max-width: 335px;}
    .product ul li{max-width: 320px;padding: 0 10px 60px;}
    .fix-nav-bar>div{padding-bottom:20px;}
}
@media screen and (max-width:630px){
    h2{line-height: 30px !important;}
    .center{padding:0px 7.8%;}
    .bridge_box>div .tab{display: flex;flex-wrap: wrap;}
    .bridge_box>div .tab li{width: 50%;}
    .lntelligent_box>.tab{justify-content: space-around;}
    .lntelligent_box>.tab::after{display: none;}
    .bridge_box>div .tab_box>li{background: rgb(28, 34, 35) !important;}
    .banner_img ul li{margin-bottom: 0;}
    .banner_img ul li div{margin-bottom: 10px;}
    #tips .botton-btm div:last-child p{padding-left: 0px;}
    .reviews .title-h2{margin-top: 80px;}
}
@media screen and (max-width:600px){
    .users_box .tab_box>i{top: 50%;}
    .users_box .tab_box>i.left{left: 50%;margin-left: -88px;top: 120%;}
    .users_box .tab_box>i.right{right: 50%;margin-right: -88px;top: 120%;}
    .users_box>div{margin-top: 30px;}
    .users_box .tab li p{width: 290px;}
    .offer_box li{max-width:initial;padding-top: 36px;padding-bottom: 22px;}
    .offer_box li.active{margin-top: 18px;padding-top: 45px;padding-bottom: 45px;max-width:initial;}
    .offer_box li:last-child{margin-top: 18px !important;}
    .articles_box ul li span{font-size: 20px;}
    .articles_box ul{margin-top: 5px;}
    .fix-nav-bar{overflow:hidden;}
    .fix-nav-bar .right-btns>a{width:110px;font-size:14px;}
    .fix-nav-bar .pro-name a{font-size:18px;}
    .fix-nav-bar>div{padding-bottom:10px;padding-top:10px;}
    .fix-nav-bar .pro-name span{font-size:14px;}
    .fix-nav-bar .pro-name .pro-icon{margin-right:5px;}
    .fix-nav-bar .right-btns{margin-top:10px;}
    .fix-nav-bar .more-menu{margin:0;float:none;font-size:0;height:initial;line-height:initial;text-align:center;}
}
@media screen and (max-width:500px){
    .top .top_name {margin: 18px auto 13px;text-align: center;float: none;}
}
@media screen and (max-width:400px){
    .product ul li div a.down{margin: 0 auto;}
}
@media screen and (max-width:360px){
    .banner_img ul li div{text-align: center !important;flex-direction: column;}
    .banner_img ul li div i{margin:0px auto 10px;max-width: initial;}
}
@media screen and (max-width:320px){
    .users_box .tab li p{width: 96%;}
    .users_box .tab_box>i.left{top: 115%;}
    .users_box .tab_box>i.right{top: 115%;}
    .offer_box li p{width: 80%;}
    .product ul li div{justify-content: center;}
}