.index-banner-box{
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;
}
.index-banner-box .index-banner{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 480px;
}
.index-banner-box .index-banner .index-banner-item{
    float: left;
    height: 480px;
}
.index-banner-box .index-banner-btns{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 15px;
    text-align: center;
}
.index-banner-box .index-banner-btns .index-banner-btns-item{
    display: inline-block;
    width: 30px;
    height: 4px;
    background: #5d5d5d;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 6px;
}
.index-product-box{
    width: 100%;
    height: 920px;
    background: #fff;
}
.index-product-box .index-product{
    margin: 0 auto;
    height: 920px;
    padding-top: 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-product-box .index-product h3{
    margin-top: 20px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}
.index-product-box .index-details h3{
    display: none;
}
.index-product-box .index-details h5{
    padding-right: 65px;
}
.index-product-box .index-details .index-details-left,
.index-product-box .index-details .index-details-right{
    padding-top: 20px;
}
.index-product-box .index-product .index-product-tab{
    width: 100%;
    height: 160px;
    margin-top: 50px;
    border-bottom: 1px solid #939393;
}
.index-product-box .index-product .index-product-tab-item{
    float: left;
    width: 20%;
    text-align: center;
}
.index-product-box .index-product-tab-item div{
    display: inline-block;
    width: 80px;
    height: 145px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-top: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.index-product-box .index-product-tab-item p{
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    border-radius: 6px;
    text-align: center;
}
.index-product-box .index-product-tab-item div:hover p,
.index-product-box .theme_border p{
    box-shadow: 0px 0px 5px 1px #ccc;
}
.index-product-box .index-product-tab-item span{
    font-size: 18px;
    color: #363c48;
}
.index-product-box .product-features-icon{
    width: 130px !important;
}
.index-victory-journey-box,
.index-internal-control-box,
.index-news-box{
    width: 100%;
    background: #f9fbff;
}
.index-asms-box{
    background: #fff;
}
.index-details{
    height: 570px;
    margin: 0 auto;
}
.index-details .index-details-left{
    float: left;
    width: 580px;
    height: 570px;
    padding: 70px 58px 0px 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-details h3{
    /*height: 48px;*/
    font-size: 36px;
    font-weight: 700;
}
.index-details .index-details-left h5{
    margin: 40px 0px;
    font-size: 18px;
    color: #363c48;
    font-weight: 400;
    line-height: 28px;
}
.index-details .index-details-left .product-features-icon{
    float: left;
    width: 205px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #363c48;
    border: 1px solid #c5c5c5;
    margin-bottom: 10px;
    margin-right: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-details .index-details-left .mr0{
    margin-right: 0px;
}
.index-details .index-details-left .btn{
    margin-top: 40px;
    margin-right: 60px;
    border-radius: 0px;
    height: 36px;
    font-size: 0px;
    padding: 0 16px;
    border: 1px solid transparent;
}
.index-details  .btn span{
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
}
.index-details .index-details-left .index-btn-hover-icon{
    display: none;
}
.index-details .index-details-left .btn:hover{
    background: #fff !important;
}
.index-details .index-details-left .btn:hover .index-btn-icon{
    display: none;
}
.index-details .index-details-left .btn:hover .index-btn-hover-icon{
    display: inline-block;
}
.index-details .index-details-right{
    float: right;
    width: 620px;
    height: 570px;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-custom-box{
    width: 100%;
    height: 830px;
    background: #fff;
}
.index-custom-box .index-custom{
    margin: 0 auto;
    height: 830px;
}
.index-custom-box .index-custom h3{
   padding: 50px 0px 20px 0px;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
.index-custom-box .index-custom h5{
    color: #999;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
}
.index-custom-box .index-custom-tab{
    height: 130px;
    border-bottom: 1px solid #ddd;
}
.index-custom-box .index-custom-tab .index-custom-tab-item{
    position: relative;
    float: left;
    width: 33.33%;
    height: 130px;
    text-align: center;
}
.index-custom-box .index-custom-tab .custom-item{
    display: inline-block;
    height: 60px;
    margin-top: 30px;
    cursor: pointer;
}
.index-custom-box .index-custom-tab h4{
    font-size: 26px;
    color: #999;
    font-weight: 400;
}
.index-custom-box .index-custom-tab h6{
    font-size: 18px;
    color: #999;
    font-weight: 400;
    margin-top: 5px;
}
.index-custom-box .theme h4,
.index-custom-box .theme h6,
.index-custom-box .custom-item:hover h4,
.index-custom-box .custom-item:hover h6{
    font-weight: 700;
}
.index-custom-box .index-custom-tab .index-custom-line{
    display: none;
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 72px;
    height: 5px;
    margin-left: -36px;
}
.index-custom-box .theme .index-custom-line,
.index-custom-box .custom-item:hover .index-custom-line{
    display: inline-block;
}
.index-custom-box .index-custom-content{
    height: 462px;
    background: #f8f8f8;
    margin-top: 40px;
}
.index-custom-box .index-custom-content-left{
    float: left;
    width: 50%;
}
.index-custom-box .index-custom-content-left h3{
    font-size: 28px;
    color: #333;
    font-weight: 400;
    padding: 50px 0px 30px 0px;
}
.index-custom-box .index-custom-content-left h5{
    font-size: 18px;
    color: #666;
    font-weight: 400;
    padding: 0px 54px 0px 50px;
    text-align: left;
    letter-spacing: 3px;
    line-height: 32px;
}
.index-custom-box .index-custom-content-left h5 p{
    margin-top: 30px;
}
.index-custom-box .index-custom-content-right{
    position: relative;
    float: left;
    width: 50%;
}
.index-custom-box .index-custom-content-right img{
    margin-top: 90px;
}
.index-custom-box .index-custom-content-right .video-play{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: 5px;
    margin-left: -62px;
    cursor: pointer;
}
.index-custom-box .video-box{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
}
.index-custom-box .video-box .video-shade{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
    background: #333;
    opacity: .7;
}
.index-custom-box .video-box .custom-video{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999999;
    height: 80%;
}
.index-custom-box .video-box .video-close{
    position: absolute;
    z-index: 99999999;
    cursor: pointer;
}
.index-news-box{
    width: 100%;
    height: 614px;
}
.index-news-box .index-news{
    margin: 0 auto;
    height: 614px;
}
.index-news-box .index-news h3{
    text-align: center;
    padding: 60px 0px 50px 0px;
    font-weight: 700;
    font-size: 36px;
}
.index-news-box .index-news-left{
    float: left;
    width: 800px;
}
.index-news-box .index-news-left .index-news-left-item{
    float: left;
    width: 380px;
    height: 420px;
    background: #fff;
    margin-right: 20px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.index-news-box .index-news-left .news-img{
    display: inline-block;
    width: 360px;
    height: 225px;
}
.index-news-box .index-news-left img{
    max-width: 360px;
    max-height: 225px;
}
.index-news-box .index-news-left h4{
    height: 26px;
    padding: 15px 0px;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-box .index-news-left h6{
    height: 95px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    cursor: pointer;
}
.index-news-box .index-news-right{
    float: right;
    width: 400px;
    height: 420px;
}
.index-news-box .index-news-right .index-news-right-item{
    height: 94px;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px 0px 0px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.index-news-box .index-news-right img{
    float: left;
    width: 117px;
    height: 72px;
}
.index-news-box .index-news-right h6{
    float: right;
    width: 230px;
    height: 80px;
    line-height: 26px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    cursor: pointer;
}
.index-vetech-box{
    width: 100%;
    height: 560px;
}
.index-vetech-box .index-vetech{
    height: 560px;
}
.index-vetech-box .index-details-left{
    float: right;
    width: 600px;
    height: 560px;
    padding: 80px 40px 0px 0px;
}
.index-vetech-box .index-details-left h4{
    margin-top: 10px;
    font-size: 26px;
    font-weight: 400;
}
.index-vetech-box .index-details-right{
    float: left;
    width: 600px;
    height: 560px;
    padding: 80px 0px 0px 0px;
}
.bottom_line{
    position: absolute;
    display: flex;
    bottom: 0;
    justify-content: space-between;
    width: 100%;
}
.line_left{
    width: 70%;
    height: 10px;
    background-image: linear-gradient(57deg, #0061DC 99%, rgba(255, 255, 255, 0) 50%);
}
.line_right{
    height: 10px;
    width: 30%;
    background-image: linear-gradient(129deg, #00a7df 98%, rgba(255, 255, 255, 0) 50%);
    transform: rotateY(180deg);
}