.swiper-box{ margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /*焦点图切换*/ .SwitchImage .swiper-box ul li{position: relative;} .SwitchImage .swiper-box ul li h2{position:absolute; width:100%; height:34px;line-height: 34px; bottom:0; left:0; background:url("/Content/Areas/Common/images/Article/op_bg.png") repeat;} .SwitchImage .swiper-box ul li h2 a{color: #fff;padding-left: 15px;} .SwitchImage .pagination{ height:12px; overflow:hidden; position:absolute; right:124px; bottom:15px; padding:0 5px 0 0; width:auto!important; z-index: 7;} .SwitchImage .pagination span{ float:left; width:12px; height:12px; font-size:0; background:#fff; font-size:0; line-height:0;cursor:pointer;margin-left:5px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .SwitchImage .pagination span.swiper-active-switch{ background:#2076bd ;} .SwitchImage .arrow-btn{display: none} /*滚动样式*/ .Scroll_Box{position: relative;} .Scroll_Box .swiper-box ul li .Img_Box{padding:0 5px;} .Scroll_Box .swiper-box ul li .Img_Box .pic{;display:block; margin-right:15px;overflow: hidden;} .Scroll_Box .swiper-box ul li img{transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s} .Scroll_Box .swiper-box ul li img:hover{-webkit-transform:scale(1.03);-moz-transform: scale(1.03);-o-transform:scale(1.03);} .Scroll_Box .swiper-box ul li h2{font-size: 14px;text-align: center;line-height: 28px;} .Scroll_Box .arrow-btn{position: absolute;z-index: 1000;font-family: "宋体";font-size:22px; display:none;} .Scroll_Box .btn-left{left:5px;} .Scroll_Box .btn-right{right:5px;} .Scroll_Box .arrow-btn:hover{color:#2076bd}