/*图片轮播*/ /*FlexSlider默认样式*/ .Banner{ overflow: hidden;border-top: 6px solid #044691;} .Banner .flexslider { width:100%; background: #fff; position: relative; zoom: 1; overflow:hidden; } .Banner .flexslider ul li{ list-style:none;} .Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:28%; overflow:hidden;} .Banner .flexslider ul li img{ border:none; width:100%;} .Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .Banner .loading .flex-viewport { } .Banner .flexslider .slides { zoom: 1; width:100%; padding:0;} .Banner .carousel li { margin-right: 5px; } /*icon小点*/ .Banner .flex-control-nav {width:auto; position: absolute; bottom:3%;text-align:center;z-index:9;right: 15px;} .Banner .flex-control-nav li{margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .Banner .flex-control-paging li a{float:left; width: 20px; height: 4px; display: block; background: #fff; cursor: pointer;text-indent: -9999px; } .Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background: #003C71;} .Banner .flex-direction-nav{ display:block;} .Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;} .Banner .flex-direction-nav a{ width:36px;height:36px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;} .Banner .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center; left: 1.2%; top: 50%; margin-top: -18px;} .Banner .flex-direction-nav a.flex-next{ background:url(../images/next.png) no-repeat center; right: 1.2%; top: 50%; margin-top: -18px;} @media screen and (max-width:1024px){ .Banner{border: 0;} } .mode02 .flex-direction-nav{ display:block;height: 0;} .mode02 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;} .mode02 .flex-direction-nav a{ width:36px;height:36px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;opacity: 0;} .mode02:hover .flex-direction-nav a{opacity: 0.8;} .mode02 .flex-direction-nav .flex-disabled{display: none !important;} .mode02 .flex-direction-nav a:hover{-webkit-opacity: 1;-moz-opacity: 1;filter:alpha(opacity=80);opacity:1;} .mode02 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev2.png) no-repeat center; left: 0; top: 50%; margin-top: -18px;} .mode02 .flex-direction-nav a.flex-next{ background:url(../images/next2.png) no-repeat center; right: 0; top: 50%; margin-top: -18px;}