/*lun bo*/ .index_focus { position: relative; width: 100%; height: 1012px; margin: 0 auto; overflow: hidden; z-index: 9; } .page_banner.index_focus { height: 400px; } .index_focusn { width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; height: 100%; z-index: 99; } .index_focus .bd li { display: none; position: absolute; left: 0; top: 0; width: 1920px; z-index: 999; } .index_focus .slide_nav { position: absolute; bottom: 48px; left: 0; margin-left: 0; width: 100%; z-index: 9998; } .index_focus .slide_nav a { width: 24px; height: 24px; cursor: pointer; float: left; margin-right: 3px; margin-left: 3px; background: url(../images/dot.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .page_banner.index_focus .slide_nav { bottom: 28px; } .index_focus_post { z-index: 10; } .index_focus .pic { height: auto; display: block; margin: 0 auto; } .index_focus .pic:hover { text-decoration: none; } .index_focus .slide_nav li:hover, .index_focus .slide_nav .on { text-decoration: none; background: url(../images/dot1.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .index_focus_pre, .index_focus_next { display: block; position: absolute; top: 50%; margin-top: -32px; width: 64px; height: 64px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 9999; } .index_focus_pre { background: url(../images/prev.png) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; left: 4.27%; } .index_focus_pre:hover { background: url(../images/prev_1.png) no-repeat center; } .index_focus_next { background: url(../images/next.png) no-repeat center; -webkit-background-size: 100% 100%; background-size: 100%; right: 4.27%; } .index_focus_next:hover { background: url(../images/next_1.png) no-repeat center; } @media screen and (min-width: 1000px) and (max-width: 1219px) { .index_focus { height: 810px; } .page_banner.index_focus { height: 320px; } .index_focusn img { width: 80%; } } @media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } } @media screen and (max-width: 999px) { .index_focus { display: none; } .index_focus2 { display: none; } .carousel { width: 100%; position: relative; overflow: hidden; } .carousel ul { width: 100%; height: 100%; } .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .carousel ul li img { width: 100%; vertical-align: middle; } .carousel ol { height: 18px; position: absolute; z-index: 2; bottom: 10px; left: 0; width: 100%; text-align: center; } .carousel ol li { display: inline-block; width: 18px; height: 18px; margin-right: 3px; border-radius: 3px; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: url(../images/dot.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .carousel ol li.cur { background: url(../images/dot1.png) no-repeat center center; -webkit-background-size: contain; background-size: contain; } .carousel ol li:last-child { margin: 0; } } /*# sourceMappingURL=slide2.css.map */