.demobox { width: 570px; height: 380px; padding: 0; position:relative; margin:0 auto; } .touchslider .touchslider-viewport { width: 570px; overflow: hidden; height:380px; position: relative; } .touchslider .touchslider-item { overflow: hidden; } .touchslider .touchslider-item p { position: absolute; height: 40px; background: url("/fgwcsglxhcom/images/alpha.png") repeat; margin: 0; text-align:left; width: 100%; line-height: 36px; *line-height: 42px; color: #FFF; font-size: 14px; bottom: 0px; overflow:hidden; } .touchslider .touchslider-item a { color: #FFF; } .touchslider .touchslider-item p i { font-style:normal; text-indent:12px; display:block; padding-right:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .touchslider .touchslider-item img { width:570px; height: 380px; } .touchslider .touchslider-nav a { cursor: pointer; } .touchslider-nav { bottom:12px; right:0px; position:absolute; } .touchslider .touchslider-nav-item { width: 14px; height: 14px; background:url("/fgwcsglxhcom/images/rollpicdot.png") 0 -16px no-repeat; margin-right:8px; display: inline-block; float:left; } .touchslider .touchslider-nav-item-current { background-position:0px 0px; } @media screen and (max-width:320px) {/* 4-5 */ .demobox { width: 320px; height: 213px; padding: 0; } .touchslider .touchslider-viewport { width: 320px; overflow: hidden; position: relative; } .touchslider .touchslider-item img { width: 320px; height: 213px; } .touchslider .touchslider-nav a { zoom:70%; } .touchslider .touchslider-item p i { text-indent:8px; padding-right:88px; } } @media screen and (min-width: 321px) and (max-width: 640px) {/* note Galaxy */ .demobox { width: 360px; height: 240px; padding: 0; } .touchslider .touchslider-viewport { width: 360px; overflow: hidden; position: relative; } .touchslider .touchslider-item img { width: 360px; height: 240px; } .touchslider .touchslider-nav a { zoom:70%; } .touchslider .touchslider-item p i { text-indent:8px; padding-right:88px; } } @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {/* 6 */ .demobox { width: 375px; height: 250px; padding: 0; } .touchslider .touchslider-viewport { width: 375px; overflow: hidden; height: 250px; position: relative; } .touchslider .touchslider-item img { width: 375px; height: 250px; } .touchslider .touchslider-nav a { zoom:70%; } .touchslider .touchslider-item p i { text-indent:8px; padding-right:88px; } } @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {/* 6P */ .demobox { width: 414px; height: 276px; padding: 0; } .touchslider .touchslider-viewport { width: 414px; height: 276px; overflow: hidden; position: relative; } .touchslider .touchslider-item img { width: 414px; height: 276px; } .touchslider .touchslider-nav a { zoom:70%; } .touchslider .touchslider-item p i { text-indent:8px; padding-right:88px; } } @media (max-device-width:760px) and (orientation : landscape) {/* - */ .demobox { width: 380px; height: 253px; padding: 0; } .touchslider .touchslider-viewport { width: 380px; height: 253px; overflow: hidden; position: relative; } .touchslider .touchslider-item img { width: 380px; height: 253px; } .touchslider .touchslider-nav a { zoom:70%; } } /*index rollbox*/ .rollBox {width:1002px;overflow:hidden; position:relative} .rollBox .LeftBotton{height:47px;width:24px;background:#ff6000;overflow:hidden;cursor:pointer; position:absolute; left:0; top:35px; background:url("/fgwcsglxhcom/images/"/fgwcsglxhcom/images/ibg15.png"") 0px 0px no-repeat;} .rollBox .RightBotton{height:47px;width:24px;background:#093;overflow:hidden;cursor:pointer; position:absolute; right:0; top:35px; background:url("/fgwcsglxhcom/images/"/fgwcsglxhcom/images/ibg15.png"") -24px 0px no-repeat;} .rollBox .Cont{width:992px; height:98px; margin-top:10px; overflow:hidden; float:left; margin-left:5px; } .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{ float:left; text-align:center;} .rollBox .Cont .pic img{ height:98px; display:block; margin:0 5px; } .rollBox #List1,.rollBox #List2{float:left;}