body,html{ _width:100%; height: 100%; } .banner { position: relative; /*_width: 100%;*/ } .flex-viewport{ } .banner .slides{ } .banner .slides li {/*position: relative;*/ /*overflow: hidden;*/ } .banner img { width: 100%;_width:auto; display: block; min-height: 100%; } .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-family: "微软雅黑"; font-size:12px;font-size:14px; text-indent:2px;text-indent:0px; line-height:150% } .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: -99px; text-indent: -100em; overflow: hidden; } .banner .flex-prev { left: 0; background: url(/uploads/image/tfimages/arrow-left.png) no-repeat center center; } .banner .flex-next { right: 0; background: url(/uploads/image/tfimages/arrow-right.png) no-repeat center center; } .banner .flex-control-nav { position: absolute; bottom: 200px; display:none; left: 50%; /*margin-top: 135px;*/ margin-left: 0px; } .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: no-repeat; } .banner .flex-control-nav li .flex-active { background: 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: repeat-x left bottom; } .newsslide li a{ display: block; height:38px; overflow: hidden; line-height:38px; color:#f1f1f1; font-size:12px; width: 320px; background: 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: no-repeat; } .newsslide .flex-next { left: 27px; background-position: -27px 0; } .newsslide .flex-direction-nav a:hover{ background-image:; } .module { position: absolute; left: 0; bottom: 0; width: 100%; height: 98px; background: repeat-x 0 0;/*2.11 add style*/ } .module .center { position: absolute; left: 50%; top: 0; width: 1100px; height: 98px; margin-left: -500px; overflow: hidden; } .module .index-center{ background: none; } .kwicks { width: 1200px; height: 98px; } .kwicks .kwick { float: left; width: 120px; height: 98px; border-right: 1px solid transparent; background: no-repeat right center;/*2.11 add style*/ overflow: hidden; } .kwicks .kwick div { width: 435px; height: 98px; /*background: repeat-x;*/ } .kwicks .first { width: 435px; } .kwicks .last { border-right: 0; } .kwicks .icon { float: left; width: 120px; height: 98px; background-repeat: no-repeat; background-position: center center; } .kwicks .icon00{ background-image: ; } .kwicks .icon01 { background-image: ; } .kwicks .icon02 { background-image: ; } .kwicks .icon03 { background-image: ; } .kwicks .icon04 { background-image: ; } .kwicks .icon05 { background-image: ; } .kwicks img { float: left; } .kwicks .first .icon { background-color: #ff6e00; } .module .left { position: absolute; left: 0; right: 50%; margin-right: 500px; background: repeat-x; height: 98px; } .module .right { position: absolute; right: 0; left: 50%; margin-left: 500px; background: repeat-x; height: 98px; } .kwicks .kwick div.kwick-nr{width:310px;height:98px;float:left;} .kwick-nr p{height:98px;width:170px;overflow: hidden;float: left;} .kwick-nr h3{color:#f1f1f1;padding-top:28px;line-height:24px;margin-left:10px;width:130px;float:left;font-size:12px;font-family: '微软雅黑';} .index-content { height: 620px; overflow: hidden; position: relative; } @media screen and (max-width:1020px){ body,html{ _width:100%; height:auto; overflow:inherit;} } @media screen and (max-width:761px) { .banner .flex-prev, .banner .flex-next { position: absolute; top: 35%; width: 50px; height: 118px; margin-top: 0px; text-indent: -100em; overflow: hidden; background-size: contain; } } @media screen and (max-width:480px) { .banner .flex-prev, .banner .flex-next { position: absolute; top: 35%; width: 38px; height:79px; margin-top: 0px; text-indent: -100em; overflow: hidden; }}