a:hover{text-decoration: none;}
.svg-container{width:500px;height:500px;margin:0 auto;position: relative;}
.svg-container .yuandian{width:30px;height:30px;border-radius:50%;background: #ffb120;position: absolute;left:235px;top:235px;box-shadow: 0 0 30px #ffce74;}
.svg-container .circle i{width:100%;height:100%;position: absolute;animation:circleRoate 30s infinite linear;}
.svg-container .circle .i2{animation:circleRoate2 30s infinite linear;}
.svg-container .circle i span{border-radius: 50%; background:#fff; position: absolute;}
@keyframes circleRoate{  
    from{transform: rotate(0deg);}  
    to{transform: rotate(360deg);}  
}  
@keyframes circleRoate2{  
    from{transform: rotate(0deg);}  
    to{transform: rotate(-360deg);}  
}  
.svg-container .circle{border:1px solid #fff;border-radius:50%;position: absolute;}
.svg-container .circle1{width:100px;height:100px;left:200px;top:200px;opacity: 0.8;}
.svg-container .circle1 i span{width: 4px;height: 4px; right:-2px;top: 48px;}
.svg-container .circle2{width:160px;height:160px;left:170px;top:170px;opacity: 0.7;}
.svg-container .circle2 i span{width: 8px;height: 8px;left: 76px;bottom:-4px;}
.svg-container .circle3{width:220px;height:220px;left:140px;top:140px;opacity: 0.6;}
.svg-container .circle3 i span{width: 8px;height: 8px;left: 186px;top:30px;}
.svg-container .circle4{width:280px;height:280px;left:110px;top:110px;opacity: 0.5;}
.svg-container .circle4 i .yd1{width: 4px;height: 4px;left: 266px;top:80px;}
.svg-container .circle4 i .yd2{width: 12px;height: 12px;left: 4px;top:80px;}
.svg-container .circle4 i .yd3{width: 8px;height: 8px;left: 140px;bottom:-4px;}
.svg-container .circle5{width:340px;height:340px;left:80px;top:80px;opacity: 0.4;}
.svg-container .circle5 i .yd1{width: 8px;height: 8px;left: -4px;top:166px;}
.svg-container .circle5 i .yd2{width: 12px;height: 12px;right: -6px;top:164px;}
.svg-container .circle6{width:400px;height:400px;left:50px;top:50px;opacity: 0.3;}
.svg-container .circle7{width:460px;height:460px;left:20px;top:20px;opacity: 0.2;}
.svg-container .circle8{width:520px;height:520px;left:-10px;top:-10px;opacity: 0.1;}


/*************新版weex定制页面****************************/
.weex-header{width:100%;background: #ffffff;z-index: 999;}
.weex-header a:hover{text-decoration: none;}
.weex-header .weex-logo{width:400px;height:65px;display:flex;justify-content: center;align-items:center}
.weex-header .weex-logo img{width:380px;height:50px;position:relative;top:-5px;}
.weex-header .top_nav{height:65px;line-height:65px;display: flex;justify-content: flex-end;padding-right: 12px;box-sizing: border-box;}
.weex-header .top_nav li{color:#333;text-align:center;padding-left:44px;}

.weex-banner{margin-top:65px;width:100%;height:510px;background-image: linear-gradient(225deg,#C6AC97 0,#45638C 100%);display: block;overflow: hidden;}
.weex-banner .banBox{width:1100px;height:430px;position: relative;margin:20px auto 0;overflow: hidden;}
.weex-banner .banBox .icon{transform: scale(0);opacity: 0;}
.weex-banner .banBox .tip{font-size: 16px;color: #fff;}
.weex-banner .banBox .tits{width: 480px;right: 0;top:90px;text-align: center;}

.footer{margin-top: 0;}
.footer .top{padding-top: 0;}
.sidebar{display:none;}
.abs{position: absolute;}

/************  */
.sidebar .tel .icon {
  box-sizing: content-box;
}

.sidebar .tel .title {
  box-sizing: content-box;
}

.main_box {
  background: #f7f8fa;
}

.main_box h2 {
  margin: 50px 15px 0;
  font-size: 2.6rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 5rem;
}

.main_box h3 {
  margin: 0 15px;
  font-size: 1.25rem;
  color: #555;
  text-align: center;
  line-height: 2.5rem;
  font-weight: 400;
}

.weex_list {
  width: 100%;
  margin: 10px 5px 30px;
  background: #fff;
  box-shadow: 0 5px 20px #ccc;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}

.list_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 30px;
}

.weex_list video {
  margin-top: -35px;
  width: 100%;
  min-height: 460px;
  border-radius: 10px 10px 0 0;
}

.weex_list p {
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 15px;
  color: #333;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .weex-banner {
    height: auto;
  }
  .weex-banner .banBox {
    width: 90%;
    background: none;
  }
}

@media (min-width: 1200px) {
  .main_box .container {
    width: 1440px;
  }
  .weex_list video {
    min-height: 560px;
  }
}

@media (max-width: 768px) {
  html{font-size: 10px;}
  .weex_list {
    max-width: 360px;
    margin: 10px auto 30px;
  }
  .list_box {
    justify-content: center;
  }
  .weex-header .weex-logo {
    width: auto;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .weex-header .weex-logo img {
    width: 240px;
    height: auto;
    position: relative;
    top: 0px;
  }
  .sidebar{
    bottom:20px;
  }
  .sidebar .tel {
    display: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-nav>li>a {
    padding-top: 23px;
    padding-bottom: 22px;
  }
}

.footer .row {
  width: 100%;
  max-width: 1200px;
}