@CHARSET "UTF-8";
.video-bg{
    position:relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.video-bg #bg-video{
    width: 100%;
    
}
.video-bg .jumbotron-title{
    position:absolute;
    top: 40%;
/*    left: 25%;*/
    width: 100%;
    z-index: 666;
}


.video-bg .jumbotron-title p {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 5rem;
/*
    background: linear-gradient(to right, blue, red);
    -webkit-background-clip: text;
    color: transparent;
*/
    
}
.first-line{
    visibility: hidden;
}
.second-line{
    visibility: hidden;
}
.third-line{
    visibility: hidden;
}
.subtitle{
    visibility: hidden;
}

.first-line.animation {
    visibility: visible;
    animation-delay: 3s;
    animation: fade-in;  
    animation-duration: 3s;  
    -webkit-animation:fade-in 3s;  
} 
.second-line.animation {
    visibility: visible;
    animation-delay: 3.5s;
    animation: fade-in;  
    animation-duration: 3.5s;  
    -webkit-animation:fade-in 3.5s;  
} 
.third-line.animation {
    visibility: visible;
    animation-delay: 4s;
    animation: fade-in;  
    animation-duration: 4s;  
    -webkit-animation:fade-in 4s;  
} 
.subtitle.animation {
    visibility: visible;
    animation-delay: 4.5s;
    animation: fade-in;  
    animation-duration: 4.5s;  
    -webkit-animation:fade-in 4.5s;  
}
@keyframes fade-in { 
        
        0% {opacity: 0;}/*初始状态 透明度为0*/  
        50% {opacity: .5;}/*过渡状态 透明度为0*/  
        100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
.video-bg .jumbotron-title p.subtitle{
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: normal;
/*
    background: linear-gradient(to right, #5C0F6B
, #b7d200);
    -webkit-background-clip: text;
    color: transparent;
*/
}
/*column style*/
.content-bd {
    margin-top: 2rem;
}
.content-bd .column-title {
    border-left: 3px solid #751384;
    line-height: 1.2;
    font-weight: bold;
    font-size: 16px;
    padding-left: 1rem;
}
.content-bd .news-slider-wrapper .news-slider-item a {
    color: #333;
    text-decoration: none;
   
}
.content-bd .news-slider-wrapper .news-slider-item a:hover{
    color: #751384;
}

.content-bd .news-slider-wrapper .news-slider-item .news-slider-desc .news-slider-desc-subtitle {
   margin-bottom: 1rem;
    display: inline-block;
    font-size: 14px;
}
.content-bd .news-list {
    margin-top: 1.5rem;
    list-style: disc;
    padding-left: 1.2rem;
}
.content-bd .news-list li{
    list-style: disc;
    color: #5C0F6B;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 0;
    margin-right: .833333rem;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #5C0F6B;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    float:right;
    margin-top: -1.666666rem;
    position: relative;
    z-index: 999;
}
.owl-theme .owl-dots .owl-dot span {
    
    border-radius: 0;
}
.owl-theme .owl-dots .owl-dot span:focus{
    outline:none;
}
.news-list li {
    color: #333;
}
.news-list li a {
    text-decoration: none;
    display: block;
}
.news-list li a:hover .news-list-item-title {
    color: #5C0F6B;
}
.news-list li {
    line-height: 2;
}
.news-list li a:hover .news-list-item-desc{
    color: #5C0F6B;
}

.news-list li .news-list-item-title {
    color: #333;
}
.news-list li .news-list-item-desc {
    color: #333;
    float:right;
}
.new-goods li {
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}
.new-goods li .goods-title {
    line-height: 3;
    border-bottom: 0;
    text-indent: 1rem;
    background:#ddd url(/assets/images/h-goods-bg.jpg) repeat-x top left;
    margin-bottom: 0;
    font-size: 1.166666rem;
}
.new-goods li .goods-desc{
    padding-top: 1rem;
    background-color: #f9f9f9;
}
.new-goods li .goods-desc .goodsthumbs img{
    width: 6.666666rem;
    border: 1px solid #eee;
}
.new-goods li .goods-desc .goods-desc-detail {
    line-height: 1.8;
}
.new-goods .goods-desc .goods-desc-detail .more{
    background:#ddd url(/assets/images/btn-bg.jpg) no-repeat top left;
    width: 90px;
    height: 20px;
    display: block;
    text-align:center;
    color: #fff;
    text-decoration: none;
    margin-top: .5rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.new-goods .goods-desc .goods-desc-detail .more:hover{
    background:#ddd url(/assets/images/btn-bg1.jpg) no-repeat top left;
    width: 90px;
    height: 20px;
    display: block;
    text-align:center;
    color: #fff;
}

/*biz4*/
.biz4 img{
    width: 100%;
    max-width: 100%;
}
.biz4 a img{
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.biz4 a:hover img{
/*    transform: scale(1.05,1.05);*/
    border: 1px solid #bfbfbf;
    -webkit-box-shadow: 0 15px 30px rgba(33, 1, 93, 0.3);
    box-shadow: 0 15px 30px rgba(33, 1, 93, 0.3);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
@media screen and (min-width: 992px){
    .header-container {
        border-top: 3px solid #751384;
/*        background-color: rgba(255,255,255,.8);;*/
        background-color: #fff;
/*        opacity: .8;*/
/*        filter: alpha(opacity=80);*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    	width: 100%;
    }
    .biz4{
        background: #fff url(/assets/images/biz-bg.jpg) no-repeat top left;
        background-size:cover;
        padding-top: 5rem;
        padding-bottom: 5rem;
        margin-top: 2rem;
    }
    .video-bg .video-bg-mask {
        background-color: #000;
        width: 100%;
        height: 720px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .5;
        z-index: 333;
    }
    .content-bd .news-slider-wrapper .news-slider-item a img {
        width: 16.6666667rem;
        height: 150px;
        border: 1px solid #ddd;

    }
    .content-bd .news-slider-wrapper .news-slider-item a {
       display:table;
    }
}

/*news list responsive*/
@media (max-width: 768px){
   .video-js {
        width: 300px;
        height: 150px!important;
    }
    .video-bg .video-bg-mask {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .5;
        z-index: 666;
    }
    .content-bd .new-goods-wrapper {
        margin-top: 2rem;
    }
    .biz4 .biz4-item{
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
	.index-mobile-bg{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		text-align: left;
		width: 100%;
		height: 150px;
		background-image: url(../../assets/images/720bg.jpg);
	}
    .video-bg .jumbotron-title p {
        font-size: 1rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 1;
    }
    .video-bg .jumbotron-title {
        position: absolute;
		top:2rem;
        /*top: 15%;
         left: 25%; */
        width: 100%;
        z-index: 888;
    }
    .video-bg .jumbotron-title p.subtitle {
        font-size: .8rem;
        color: #fff;
        line-height: 1.5;
        text-align: center;
        font-weight: normal;
    }
    .owl-carousel .owl-item img {
        
        height: 16.6666667rem;
    }
	.new-goods li .goods-desc .goodsthumbs img {
	    width: 6.666666rem;
	    border: 1px solid #eee;
	    margin-left: -2.1rem;
	}
	.biz4 .biz4-item:nth-child(even) {
	    margin-top: 1rem;
	    margin-bottom: 1.5rem;
		    padding-left: 5px;
	}
	.biz4 .biz4-item:nth-child(odd) {
	    margin-top: 1rem;
	    margin-bottom: 1.5rem;
		    padding-right: 5px;
	}
	.biz4 .biz4-item:nth-child(3){
		margin-top: .5rem;
	}
	.biz4 .biz4-item:nth-child(4){
		margin-top: .5rem;
	}
	.new-goods li .goods-desc .goods-desc-detail {
	    line-height: 1.8;
		color: #999;
	}
	.content-bd .news-slider-wrapper .news-slider-item a  .news-slider-subdesc{
	    color: #999;
	    text-decoration: none;
	}
	.content-bd .news-slider-wrapper .news-slider-item a  .news-slider-desc-subtitle{
	    color: #333;
		margin-top: .3rem;
	    text-decoration: none;
	}
	.news-list li .news-list-item-desc {
	    color: #999;
	    float: right;
	}
	.content-bd {
		margin-top: 2rem;
	}.video-bg {
   
		margin-top: 5rem;
	}
}

