.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;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;}
#title .top_title{text-align: left; float: left;font-size: 26px;line-height: 32px;font-weight: bold;margin-top: 18px;margin-bottom: 13px;}
/* 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>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: 60px;background: url(/images/transmate/banner-btn.png);display:inline-block;padding-top: 0;float: none;}
.banner_box>div a.down{background-position-y: -0px}
.banner_box>div a.down:hover{background-position-y: -60px}
.banner_box>div a.buy{background-position-y: -120px;}
.banner_box>div a.buy:hover{background: url(/images/transmate/banner-btn.png);background-position-y: -180px;}
.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: 240px;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(/images/transmate/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(/images/transmate/tab.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: auto;width: 100%;}
.bridge_box>div .tab_box>li:nth-child(1){background: url(/images/transmate/iphone-iphone.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(2){background: url(/images/transmate/andriod-andriod.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(3){background: url(/images/transmate/andriod-ios.jpg) no-repeat center center/cover;}
.bridge_box>div .tab_box>li:nth-child(4){background: url(/images/transmate/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;}
.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(/images/transmate/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;}
.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(/images/transmate/btn.png);}
.lntelligent_box>.tab_box a:hover{background-position-y: -60px;}
.performances{background: #01919a;padding-top: 50px;margin-top: 70px;height: 390px;margin-bottom: 100px;}
.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);}
.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;}
@media screen and (max-width:1180px){
    .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;}
}
@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;}
}
@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;}
}
@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;}
}