@charset"utf-8";
* {
    margin:0;
    padding:0
}
.mod-backup {
    position:fixed;
    display:block;
    bottom:160px;
    right:160px;
    color:transparent;
    background-image:url(../images/custom/go-back_default.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:54px;
    height:54px;
    z-index:11
}
.mod-backup:hover {
    background-image:url(../images/custom/go-back_hover.png)
}
body {
    margin:0;
    padding:0;
    font:14px/1.5 \5FAE\8F6F\96C5\9ED1, Tahoma;
    color:#373737
}
a {
    color:#fff;
    text-decoration:none
}
a:hover {
    text-decoration:underline;
    color:#2871d5
}
a:focus {
    outline:0
}
a.blue {
    color:#2871d5
}
a.red {
    color:red
}
ul {
    margin:0;
    padding:0
}
li {
    list-style-type:none
}
img {
    border:none
}
.footer {
    background:#121010;
    width:100%;
    float:left;
    font-size:12px;
    line-height:1.8em;
    text-align:center;
    padding:30px 0;
    /* height:40px; */
}
.footer a, .footer span {
    color:#fff!important;
    text-decoration:none;
    padding:0 10px;
    opacity:.6
}
.footer a:hover {
    text-decoration:underline
}
.footer .copyright {
    color:#fff;
    opacity:.6
}
.act-download {
    display:block;
    width:285px;
    height:115px;
    z-index:999;
    background-position:0 0;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:375px;
    text-align:center;
    line-height:115px;
    text-decoration:none;
    font-size:20px;
    font-weight:600;
    color:#e1fbff;
    text-shadow:0 1px rgba(11, 24, 71, .6)
}
.act-download:hover {
    background-position:-285px 0;
    text-decoration:none;
    color:#f3feff
}
.act-download .btn-default, .act-download .btn-hover {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.act-download .btn-hover {
    display:none
}
.act-download:hover .btn-hover {
    display:block
}
.act-download:hover .btn-default {
    display:none
}
.act-download:active {
    background-position:-570px 0;
    text-decoration:none
}
.banner_wrap {
    min-width:1200px;
    margin:0 auto;
    background:#161413;
    zoom:1;
    position:relative;
    /* overflow:hidden */
}
.banner {
    width:100%;
    overflow:hidden;
    position:relative;
    line-height:0;
    background:#020216
}
.banner .banner-image {
    width:100%;
    background-repeat:no-repeat;
    height:1400px;
    background-size:100%
}
@media screen and (max-width:1800px) {
    .banner .banner-image {
        background-size:100%;
    }
}
.banner .img {
    width:100%;
    height:100%;
    -ms-interpolation-mode:bicubic
}
.banner-wd {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:100px
}
.content-wrapper {
    position:relative;
    float:left;
    width:306px;
    height:148px;
    margin:0 20px 8px 0;
    background:rgba(51, 51, 72, .5);
    -webkit-box-shadow:6px 0 20px 0 #191716;
    -moz-box-shadow:6px 0 20px 0 #191716;
    box-shadow:6px 0 20px 0 #191716
}
#banner-video {
    position:absolute;
    left:50%;
    transform:translateX(-50%)
}
.content-wrapper .mask {
    width:100%;
    height:100%;
    background:#12151e;
    opacity:.2;
    position:absolute;
    left:0;
    top:0
}
.mini-header {
    height:84px;
    width:100%;
    background:#020216
}
.mini-header .header-wrapper {
    width:1200px;
    height:84px;
    overflow:hidden;
    margin:0 auto;
    position:relative
}
.mini-header .sy-logo {
    height:38px;
    position:relative;
    left:0;
    cursor:pointer;
    vertical-align:top;
    top:50%;
    transform:translateY(-50%);
    margin-left:70px
}
.mini-header .sy-logo.first-child {
    margin:0
}
.mini-header .sy-navi {
    position:absolute;
    top:0;
    right:0;
    height:84px;
    vertical-align: middle;
}
.mini-header .sy-navi .search-box{
  display: inline-block;
  float: left;
  height: 84px;
  line-height: 84px;
  padding-right: 50px;
  vertical-align: middle;
  font-size: 0;
}
.mini-header .sy-navi .search-box input{
  width: 460px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-indent: 1em;
  font-size: 14px;
  color: #333;
  border: 1px solid #ffaa01;
  vertical-align: middle;
}
.mini-header .sy-navi .search-box button{
  width: 70px;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  border: 0 none;
  vertical-align: middle;
  color: #fff;
  background-color: #ffaa01;
}
.mini-header .sy-navi a {
    display:inline-block;
    color:#9e9e9e;
    padding:0 10px;
    height:84px;
    line-height:84px;
    text-align:center;
    margin:0;
    font-size:16px;
    float:left;
    text-decoration:none;
    cursor:pointer
}
.mini-header .sy-navi .web-logo{
  vertical-align: middle;
}
.mini-header .sy-navi .on, .mini-header .sy-navi a:hover {
    color:#fff
}
.mask {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .6);
    display:none;
    z-index:9999
}
.mask div {
    width:600px;
    height:750px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-375px 0 0 -325px
}
.mask img {
    width:600px;
    height:750px;
    position:absolute;
    left:0;
    top:0
}
.banner-download .guide {
    text-align:center;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:810px;
    width:48px;
    height:24px;
    background:url(../images/custom/banner-download_guide.png) no-repeat;
    background-position:0 0
}
.banner-download .guide:hover {
    background-position:-48px 0
}
.banner-download .guide:active {
    background-position:-96px 0
}
.choose-version {
    position:absolute;
    left:0;
    top:350px;
    width:100%;
    text-align:center;
    z-index:999;
    color:#fff
}
.choose-version label {
    margin-left:12px
}
.choose-version input {
    vertical-align:middle
}
.banner-hot_recommend{
  background-color: #333;
  position: absolute;
  top: 540px;
  width: 1200px;
  margin-left:50%;
  transform:translateX(-50%);
  /* height: 400px; */
  padding: 20px 15px;
  box-sizing: border-box;
}
.banner-hot_recommend .recommend-item{
  border: 1px solid #d3d3d3;
  padding: 20px 15px 10px;
}
.banner-hot_recommend .title{
  font-size: 30px;
  font-weight: bold;
  color: #FFEA3C;
  padding-bottom: 10px;
}
.banner-hot_recommend .recommend-item .item-list{
  width: 100%;
  font-size: 0;
}
.banner-hot_recommend .recommend-item .item-list a{
  display: inline-block;
  width: 32%;
  height: auto;
  color: #fff;
  text-decoration: none;
}
.banner-hot_recommend .recommend-item .item-list.assistant a{
  width: 23.5%;
}
.banner-hot_recommend .recommend-item .item-list a + a{
  margin-left: 2%;
}
.banner-hot_recommend .recommend-item .item-list a img{
  width: 100%;
  height: auto;
}
.banner-hot_recommend .recommend-item .item-list a p{
  font-size: 16px;
  padding-top: 10px;
  line-height: 2;
}
.banner-bottom {
    margin-left:50%;
    top:996px;
    width:1030px;
    transform:translateX(-50%);
    height:344px;
    position:absolute;
    cursor:default
}
.banner-img {
    position:absolute;
    overflow:hidden;
    transition:transform .5s;
    left:200px;
    top:0;
    width:630px;
    height:344px;
    cursor:pointer;
    box-shadow:1px 3px 10px 1px rgba(0, 0, 0, .2);
    display:none
}
.banner-img img {
    width:100%;
    height:100%;
    display:block
}
.banner-mask_ {
    position:absolute;
    left:0;
    bottom:-10%;
    width:100%;
    height:120%
}
.banner-img-0, .banner-img-1, .banner-img-2, .banner-img-3, .banner-img-4 {
    display:block
}
.banner-img-0 {
    z-index:1
}
.banner-img-0 {
    transform:translateX(-311.1px) scale(.66)
}
.banner-img-0 .banner-mask_ {
    background:linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .7) 311.1px)
}
.banner-img-1 {
    transform:translateX(-185px) scale(.8);
    z-index:2
}
.banner-img-1 .banner-mask_ {
    background:linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .7) 185px)
}
.banner-img-2 {
    z-index:3
}
.banner-img-2 .banner-mask_ {
    bottom:0;
    height:100%;
    background:0 0
}
.banner-img-3 {
    transform:translateX(185px) scale(.8);
    z-index:2
}
.banner-img-3 .banner-mask_ {
    background:linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, .7) 185px)
}
.banner-img-4 {
    z-index:1
}
.banner-img-4 {
    transform:translateX(311.1px) scale(.66)
}
.banner-img-4 .banner-mask_ {
    background:linear-gradient(to left, rgba(0, 0, 0, .3), rgba(0, 0, 0, .7) 311.1px)
}
.slider-next, .slider-prev {
    position:absolute;
    width:54px;
    height:54px;
    line-height:40px;
    display:block;
    z-index:999;
    color:#fff;
    background:#000;
    text-align:center;
    left:-27px;
    top:276px;
    overflow:hidden;
    text-indent:-9999em
}
.slider-prev {
    top:150px;
    cursor:pointer;
    background:url(../images/custom/sprite-bg.png) 0 -138px no-repeat
}
.slider-next {
    top:150px;
    cursor:pointer;
    right:-26px;
    left:auto;
    background:url(../images/custom/sprite-bg.png) 0 -68px no-repeat
}
.banner-video {
    width:100%;
    height:100%;
    overflow:hidden
}
.banner-content {
    position:absolute;
    left:200px;
    top:0;
    width:630px;
    height:344px;
    z-index:4
}
.banner-text {
    position:absolute;
    top:auto;
    left:0;
    bottom:0;
    height:64px;
    width:100%
}
.banner-icon {
    float:left;
    width:42px;
    height:42px;
    margin-left:28px
}
.banner-info {
    float:left;
    max-width:375px;
    margin-left:12px;
    line-height:22px
}
.banner-name {
    font-size:16px;
    color:#fff
}
.banner-time {
    margin-left:10px;
    font-size:12px;
    color:#f29e30
}
.banner-intro {
    margin-top:2px;
    font-size:12px;
    color:#fff;
    opacity:.6;
    line-height:18px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}