jucai/public/themes/default/assets/app/css/tv/tv.css

body{
    position:fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1000px;
    z-index:-10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    font-size: 16px;
    color: #000000;
}
.top{
    height: 15%;
    /*line-height:100px;*/
    background-color:#fff;
    line-height:10%;
}
.top span{
    color: #247add;
    font-size: 40px;
}
.container {
    width: 100%;
    overflow:hidden;
    height:90%;
    background: url("../../images/hardware/tv/new_bg.jpg") no-repeat center bottom;
    background-size:100% 100%;
}
.container .left,
.container .right {
    float: left;
}
.container .left {
    padding-left:1%;
    width: 46%;
}
.container .right {
    width: 46%;
    padding-left: 2%;

}
 .col1{
    color: red;
    font-size: 25px;
}

*{margin:0;padding:0;}
ul{list-style:none;}
/* #marquee1{top:80px;left:50px;width:auto;height:350px;overflow:hidden}
 #marquee1 ul li{float:left; padding:0 1px;} */

#marquee2{width:85%;height:45px;overflow:hidden;}
#marquee2 ul li{float:left; padding:0 10px; line-height:45px;}

#marquee4{width:auto;height:500px; overflow:hidden;}
#marquee4 ul li{float:left;  padding:10px; line-height:20px;}

.container_title{
    width:100%;
    text-align:center;
    font-size:30px;
    line-height:35px;
    color:#255abd;
    margin:5px 0;
    border-bottom:2px solid #255abd;
}
@-webkit-keyframes rowup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -312px, 0);
        transform: translate3d(0, -312px, 0);
    }
}
@keyframes rowup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -312px, 0);
        transform: translate3d(0, -312px, 0);
    }
}
@-webkit-keyframes rowup2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -312px, 0);
        transform: translate3d(0, -312px, 0);
    }
}
@keyframes rowup2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -312px, 0);
        transform: translate3d(0, -312px, 0);
    }
}

.list{
    /*width: 400px;*/
    /*border: 1px solid #999;*/
    /*margin-top: 20px;*/
    position: relative;
    /*height: 200px;*/
    overflow: hidden;
}

.list .rowup{
    -webkit-animation: 80s rowup linear infinite normal;
    animation: 80s rowup linear infinite normal;
    position: relative;
}

.listcontents{
    /*width: 400px;*/
    /*border: 1px solid #999;*/
    /*margin-top: 20px;*/
    position: relative;
    /*height: 200px;*/
    overflow: hidden;
}
.listcontents .rowup2{
    -webkit-animation: 80s rowup2 linear infinite normal;
    animation: 80s rowup2 linear infinite normal;
    position: relative;
}
.cc{
    /* font-size: 24px; */
}

@-webkit-keyframes move
{
    0%{
        left:0;
    }
    100%
    {
        left:-200px;
    }
}
#wrapc{ height:60px;line-height:60px;font-weight:bold; position:relative; overflow:hidden;}
#companyname{ position:absolute;left:0;top:0;margin:0;padding:0; -webkit-animation:30s move infinite linear; width:300%;}
#companyname li{ list-style:none; text-align:center; float:left;line-height:55px;}