@charset "utf-8"; .iosSliderDemo {clear: both;width: 100%;padding-bottom:480px; position: relative; z-index: 2;background-color:#fff;overflow: hidden;} .fluidHeight {position: absolute;width: 100%;height:100%;} .sliderContainer {height: 100%; max-height:480px;padding: 0 0;} .iosSlider {position: relative; top: 0; left: 0;overflow: hidden;width: 100%;height: 100%;} .iosSlider .slider {width: 100%;height: 100%;} .iosSlider .slider .item {width: 100%; max-width:1366px;height: 100%;padding: 0;text-align: center;} .iosSlider .slider .item .inner {position: relative;top: 0;left: 0;width:100%;margin: 0 auto;height: 100%; box-shadow: 0 0 10px -5px #000; background-position: 50% 0;background-repeat: no-repeat;} .iosSlider .slider .item .inner img {position: relative;top: 0;left: 0;width: 100%;margin: 0 auto;/*opacity: 0.2;*/} .iosSlider .slider .item .inner .selectorShadow {position: absolute;left: 0;bottom: 0;background: url(../_img/selector-shadow.png) no-repeat 0 0; width: 120px; height: 30px;display: none;} .iosSlider .slider .item .inner .more a {color: #000; text-decoration:none;font-size:14px;line-height:25px; font-family:"微软雅黑"} .sliderContainer .slideSelectors {position: absolute;bottom:10px;width: 100%;margin: 0 auto;z-index: 1;height: 35px;font-size:0;vertical-align:middle;line-height:35px;text-align: center;} .sliderContainer .slideSelectors .prev {width: 30px;height: 50px;background:url(../../images/gb20180622/prev.png) no-repeat center center;display:inline-block;*display:inline;*zoom:1;position: absolute;left:50%;margin-left: -650px;top: -240px;} .sliderContainer .slideSelectors .next {width: 30px;height: 50px;margin: 0 0 0 10px;background:url(../../images/gb20180622/next.png) no-repeat center center;display:inline-block;*display:inline;*zoom:1;position: absolute;left:50%;margin-left: 620px;top: -240px;} .sliderContainer .slideSelectors .item {width: 8px; height: 8px;background: #fff;margin: 0 1px 0 11px; display:inline-block;*display:inline;*zoom:1;border-radius: 50%;vertical-align:middle;} .sliderContainer .slideSelectors .item.first {margin-left: 1px;} .sliderContainer .slideSelectors .selected {width: 8px;height: 8px;margin: 0 0 0 10px;background: #c50815; opacity: 1;filter: alpha(opacity=100);} .sliderContainer .slideSelectors .selected.first {margin-left: 0;} .sliderContainer .scrollbarContainer {position: relative;bottom: 4px;left: 0;height: 4px;margin: 0 auto; z-index: 1;} .iosSlider .slider .item .inner .text1-bg{ opacity: 0; filter: alpha(opacity=0); background: none repeat scroll 0 0 #000000; position: absolute; bottom: 12%; padding: 0 12px 0 12px; height:50px;text-align: left;} .iosSlider .slider .item .inner .text1{ opacity: 0; filter: alpha(opacity=0); position: absolute; bottom: 12%; padding: 0 12px 0 12px; height:50px; text-align: left; } .iosSlider .slider .item .inner .text1 span { color: #fff; font-size:24px; font-weight: normal; line-height:50px; padding: 0 8px; font-family:"Microsoft Yahei"; } .iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; } .iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 12px 10px; position: absolute; left: 100px; top: 451px; text-align: left; } .iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; font-weight: 100; padding: 0 8px; font-family:"Microsoft Yahei" } .mask{ max-width:1366px; margin:0px auto; position:relative; z-index:3;top:-480px;} .mask-right, .mask-left { background: #fff none repeat scroll 0 0; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; overflow: hidden; z-index: 4; height: 480px; position: absolute; width:100%; } .mask-left { margin-left:-2049px; left:50%; } .mask-right { margin-left:683px; left:50%; } @media screen and (max-width:1366px) { .iosSliderDemo{padding-bottom: 34.6%;} .sliderContainer .slideSelectors .prev{left:15px;top:-200px;margin:0;} .sliderContainer .slideSelectors .next{right:15px;top:-200px;margin:0;left:auto;} } @media screen and (max-width:992px) { .sliderContainer .slideSelectors .prev{top:-100px;} .sliderContainer .slideSelectors .next{top:-100px;} } @media screen and (max-width:768px) { .sliderContainer .slideSelectors .prev{top:-50px;} .sliderContainer .slideSelectors .next{top:-50px;} } @media screen and (max-width:640px) { .sliderContainer .slideSelectors .prev{top:-20px;} .sliderContainer .slideSelectors .next{top:-20px;} .fluidHeight{ height:100%;} } /*画卷2结束*/ @media screen and (max-width:1024px) { .iosSlider .slider .item .inner .text1 span{font-size:16px;} } @media screen and (max-width:1024px) { .iosSlider .slider .item .inner .text1 span,.iosSlider .slider .item .inner .text1-bg{display: none;} }