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;}