#left_scroll{position:fixed; top:3px;right:30px;float:right;} .banner { position: relative; } .banner .slides li { position: relative; overflow: hidden; } .banner img { width: 100%; display: block; } .banner-s img { position: relative; left: 50%; width: 1600px; margin-left: -800px; } .banner .para, .banner .text,.banner .para, .banner .pp { position: absolute; top: 0; left: 0; margin-left: 0; } .banner .text { top: 15%; left: 50%; width: auto; height: auto; margin-left: -500px; color:#fff; font-family:'微软雅黑' } .banner .text dt{ font-size:36px; height:50px; font-weight: bold; } .banner .text dd.tit{ height:18px; font-size: 14px; text-indent:2px; } .banner .text dd.data{ font-family: arial; font-size:10px; text-indent:2px; } .banner .text dd.btn{ margin-top:12px; } .banner .text dd.btn a{display: block;height:28px;line-height:28px;width:80px;background:#ff6e00;text-align: center; font-size:12px; color:#fff; font-family:'微软雅黑' } .banner .flex-prev, .banner .flex-next { position: absolute; top:50%; width: 77px; height: 118px; margin-top: -85px; text-indent: -100em; overflow: hidden; } .banner .flex-prev { left: 0; background: url("../images/arrow-left.png") no-repeat center center; } .banner .flex-next { right: 0; background: url("../images/arrow-right.png") no-repeat center center; } .banner .flex-control-nav { position: absolute; top: 15%; left: 50%; margin-top: 135px; margin-left: 5500px; } .banner .flex-control-nav li { float: left; width: 10px; height: 10px; margin-left: 8px; } .banner .flex-control-nav li a { display: block; width: 100%; height: 100%; text-indent: -100em; overflow: hidden; background: #fff; cursor: pointer; background: url("http://res.yurun.com/res/yurun/images/index-btn2.png") no-repeat; } .banner .flex-control-nav li .flex-active { background: url("http://res.yurun.com/res/yurun/images/index-btn1.png") no-repeat; } .index-content { position: relative; overflow: hidden; } .newsslide { position: absolute; top: 29%; left: 50%; width: 320px; height: 103px; margin-top: 145px; margin-left: -500px; z-index: 1000; font-family: '微软雅黑'; } .newsslide h2{ color:#fff; font-size: 12px; height:22px; background: url("http://res.yurun.com/res/yurun/images/index-png.png") repeat-x left bottom; } .newsslide li a{ display: block; height:38px; overflow: hidden; line-height:38px; color:#f1f1f1; font-size:12px; width: 320px; background: url("http://res.yurun.com/res/yurun/images/index-png.png") repeat-x left bottom; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .newsslide .flex-prev, .newsslide .flex-next{ position: absolute; left: 0; top: 123px; width: 26px; height: 16px; text-indent: -100em; overflow: hidden; background: url("http://res.yurun.com/res/yurun/images/news-btn.png") no-repeat; } .newsslide .flex-next { left: 27px; background-position: -27px 0; } .newsslide .flex-direction-nav a:hover{ background-image:url("http://res.yurun.com/res/yurun/images/news-btn2.png"); } .module { position: absolute; left: 0; bottom: 0; width: 100%; height: 98px; background: url("http://res.yurun.com/res/yurun/images/index-icon.png") repeat-x 0 0; } .module .center { position: absolute; left: 50%; top: 0; width: 1000px; height: 98px; margin-left: -500px; overflow: hidden; } .module .index-center{ background: none; } .kwicks { width: 1200px; height: 98px; } .kwicks .kwick { float: left; width: 115px; height: 98px; border-right: 1px solid transparent; background: url("http://res.yurun.com/res/yurun/images/y-bg4.png") no-repeat right center; overflow: hidden; } .kwicks .kwick div { width: 535px; height: 98px; } .kwicks .first { width: 535px; } .kwicks .last { border-right: 0; } .kwicks .icon { float: left; width: 115px; height: 98px; background-repeat: no-repeat; background-position: center center; } .kwicks .icon00{ background-image: url("http://res.yurun.com/res/yurun/images/icon04.png"); } .kwicks .icon01 { background-image: url("http://res.yurun.com/res/yurun/images/icon01.png"); } .kwicks .icon02 { background-image: url("http://res.yurun.com/res/yurun/images/z-1.png"); } .kwicks .icon03 { background-image: url("http://res.yurun.com/res/yurun/images/icon03.png"); } .kwicks .icon04 { background-image: url("http://res.yurun.com/res/yurun/images/z-2.png"); } .kwicks img { float: left; } .kwicks .first .icon { background-color: #ff6e00; } .module .left { position: absolute; left: 0; right: 50%; margin-right: 500px; background:url("http://res.yurun.com/res/yurun/images/index-icon.png") repeat-x; height: 98px; } .module .right { position: absolute; right: 0; left: 50%; margin-left: 500px; background:url("http://res.yurun.com/res/yurun/images/index-icon.png") repeat-x; height: 98px; } .kwicks .kwick div.kwick-nr{width:373px;height:98px;float:left;} .kwick-nr p{height:98px;width:179px;overflow: hidden;float: left;} .kwick-nr h3{color:#f1f1f1;padding-top:28px;line-height:24px;margin-left:24px;width:170px;float:left;font-size:12px;font-family: '微软雅黑';} .index-content { height: 414px; overflow: hidden; position: relative; }