@charset "utf-8";
body{color:#d89114;background:url(../images/bg.jpg) no-repeat center/cover}
.icon{display:inline-block;background-repeat:no-repeat;background-position:center;background-size:cover}
.icon-country{width:32px;height:32px}
.icon-cn{background-image:url(../images/icons/cn.png)}
.icon-en{background-image:url(../images/icons/en.png)}
.icon-yind{background-image:url(../images/icons/yind.png)}
.icon-yn{background-image:url(../images/icons/yn.png)}
.icon-br{background-image:url(../images/icons/br.png)}
.icon-home{background-image:url(../images/icons/home.png)}
.icon-android{background-image:url(../images/icons/android.png)}
.icon-ios{background-image:url(../images/icons/ios.png)}
.icon-agent{background-image:url(../images/icons/agent.png)}
.icon-dollar{background-image:url(../images/icons/dollar.png)}
.icon-users{background-image:url(../images/icons/users.png)}
.icon-num1{background-image:url(../images/icons/num1.png)}
.icon-num2{background-image:url(../images/icons/num2.png)}
.icon-num3{background-image:url(../images/icons/num3.png)}
.icon-num4{background-image:url(../images/icons/num4.png)}
.icon-num5{background-image:url(../images/icons/num5.png)}
.wrap{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}
.container{display:flex;justify-content:center;align-items:center;width:98%;max-width:1200px;margin:0 auto}
.nav{width:114px;margin-right:20px;text-align:center}
.nav .item{width:114px;height:114px;margin-top:20px;background:url(../images/nav_bg.png) no-repeat;background-size:cover}
.nav .item:first-child{margin-top:0}
.nav .icon{width:100%;height:36px;margin-top:22px;background-size:auto 100%}
.nav .text{margin-top:5px;font-size:15px;line-height:24px;font-weight:bolder}
.nav .item:hover{color:#ffffff}
.language{display:none}
.language-container{position:fixed;top:3%;right:3%;z-index:99}
.language-container .select{display:flex;align-items:center;width:194px;height:44px;padding:0 14px;line-height:44px;border:1px solid #2c2c2c;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px;cursor:pointer;background:url(../images/dropdown.png) no-repeat right 20px center}
.language-container .icon-country{margin-right:8px}
.language-container .list-language{position:absolute;top:50px;left:0;width:100%;display:none}
.list-language li{display:flex;align-items:center;height:44px;padding:0 14px;line-height:44px;padding:0 14px;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px;cursor:pointer}
.list-language li:hover{background-color:rgba(0,0,0,.5)}
.list-language li.active{display:none}
.main{flex:1;padding-top: 20px;padding-bottom: 10px;}
.main .header{margin-bottom:20px;text-align:center}
.main .header .logo{height:90px}
.main .header .logo img{height:100%}
.main .header .title{font-size:30px;line-height:50px}
.main-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.main-content .img-content,.main-content .list-webspeed{width:49%}
.main-content .img-content img{width:100%;max-width: 460px;margin-left: auto;margin-right: auto;}
.list-webspeed{color:#000;font-size:20px;font-weight:bolder}
.list-webspeed .item{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:88px;margin-top:15px;padding:10px;background:url(../images/line_bg.png) no-repeat;background-size:100% 100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.list-webspeed .item:first-child{margin-top:0}
.list-webspeed .icon{flex-shrink:0;width:68px;height:68px}
.list-webspeed .speed{font-size:16px}
.list-webspeed .speed strong{margin-right:5px;font-size:20px}
.list-webspeed .btn-enter{padding:8px 20px;line-height:22px;border-radius:20px;background-image:-webkit-linear-gradient(90deg,#ffcb4c 0,#ffe06f 3%,#fff592 6%,#ffcb4c 23%,#fce50e 71%,#fee65a 82%,#ffe7a5 88%,#ffdc7c 93%,#ffd153 100%);background-image:-ms-linear-gradient(90deg,#ffcb4c 0,#ffe06f 3%,#fff592 6%,#ffcb4c 23%,#fce50e 71%,#fee65a 82%,#ffe7a5 88%,#ffdc7c 93%,#ffd153 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border:1px solid #194c38}
.list-webspeed .item:hover{top:2px}
.aside-service{position:fixed;right:10px;bottom:10px;z-index:99;width:120px;height:120px;background:url(../images/service.png) no-repeat;background-size:cover;-webkit-animation:breathe 1s infinite;animation:breathe 1s infinite}
@-webkit-keyframes breathe{from{transform:scale(1)}
50%{transform:scale(.9)}
to{transform:scale(1)}
}
@keyframes breathe{from{transform:scale(1)}
50%{transform:scale(.9)}
to{transform:scale(1)}
}
@media (max-height: 850px) {
  .nav {width: 100px;}
  .nav .item {width: 100px;height: 100px;}
  .nav .icon {height: 30px;}
  .nav .text {margin-top: 0;font-size: 12px;}
  .main-content .img-content img {max-width: 400px;}
}
@media (max-width:768px){.hidden-xs{display:none}
.wrap{min-height:100vh;height:auto}
.container{min-height:100vh}
.main{min-height:100vh;padding:50px 10px 10px}
.main .header{margin-bottom:10px}
.main .header .logo{height:48px}
.main .header .title{font-size:14px;line-height:20px}
.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}
.nav .item{width:27%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:10px}
.nav .item:first-child{margin-top:10px}
.nav .icon{height:30px;margin-top:0}
.nav .text{font-size:12px;line-height:20px}
.main-content .list-webspeed{width:100%}
.list-webspeed{margin-top:20px;font-size:14px}
.list-webspeed .item{height:36px;margin-top:5px;padding:3px;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px}
.list-webspeed .icon{width:30px;height:30px}
.list-webspeed .speed,.list-webspeed .speed strong{font-size:14px}
.list-webspeed .btn-enter{padding:3px 15px}
.language-container{right:10px;top:10px}
.language-container .select{width:140px;height:34px;font-size:12px;line-height:34px}
.language-container .icon-country{flex-shrink:0;margin-right:3px}
.list-language li{height:34px;font-size:12px;line-height:34px}
.language-container .list-language{top:40px}
.icon-country{width:22px;height:22px}
.aside-service{width:58px;height:58px}
}