* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } ul, ol { list-style: none; } a { background: transparent; } img { border: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } } .banner { } .banner-ul { } .banner-li { display: none; } .banner-li:first-child { display: block; } .banner-li a { display: block; height: 386px; background-size:auto; background-position: center; background-repeat: no-repeat; } .banner .owl-theme .owl-controls{ margin-top:5px; position:inherit; left:0; margin-bottom: 0; } .banner .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: -37px 0 0 0; padding:0; opacity:1; width: 75px; height: 75px; background-repeat: no-repeat; background-position: center; border-radius: 0; background-color: transparent; } .banner .owl-theme .owl-controls .owl-buttons div.owl-prev { left:5%; background-image: url("../images/left.png"); } .banner .owl-theme .owl-controls .owl-buttons div.owl-next { right:5%; background-image: url("../images/right.png"); } .banner .owl-theme .owl-controls .owl-page span { margin:5px; opacity: 1; background-color: #fff; width: 15px; height: 15px; border-radius:25px; } .banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #009cde; width:15px; height:15px; border-radius:25px; } .banner .owl-theme .owl-pagination { position: relative; margin-top: -33px; bottom: 10px; } @media only screen and (max-width:1200px ){ .banner-li a { height: 241px; background-size: auto 100%; } } @media only screen and (max-width:1024px ) { .banner-li a { height: 206px; background-size: auto 100%; } } @media only screen and (max-width:768px ) { .banner-li a { height: 154px; background-size: auto 100%; } } @media only screen and (max-width:414px ) { .banner-li a { height: 83px; background-size: auto 100%; } } @media only screen and (max-width:375px ) { .banner-li a { height: 75px; background-size: auto 100%; } } @media only screen and (max-width:320px ) { .banner-li a { height:64px; background-size: auto 100%; } } .inner_banner { } .banner-uls { } .banner-lis { display: none; } .banner-lis:first-child { display: block; } .banner-lis a { display: block; height: 395px; background-size:auto; background-position: center; background-repeat: no-repeat; } .inner_banner .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: -37px 0 0 0; padding:0; opacity:1; width: 75px; height: 75px; background-repeat: no-repeat; background-position: center; border-radius: 0; background-color: transparent; } .inner_banner .owl-theme .owl-controls .owl-buttons div.owl-prev { left:5%; background-image: url("../images/left.png"); } .inner_banner .owl-theme .owl-controls .owl-buttons div.owl-next { right:5%; background-image: url("../images/right.png"); } .inner_banner .owl-theme .owl-controls .owl-page span { margin:5px; opacity: 1; background-color: #fff; width: 15px; height: 15px; border-radius:25px; } .inner_banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #009cde; } .inner_banner .owl-theme .owl-pagination { position: relative; margin-top: -33px; bottom: 10px; } @media only screen and (max-width:1200px ){ .banner-lis a { height: 338px; background-size: auto 100%; } } @media only screen and (max-width:768px ) { .banner-lis a { height: 216px; background-size: auto 100%; } } @media only screen and (max-width:414px ) { .banner-lis a { height: 117px; background-size: auto 100%; } } @media only screen and (max-width:375px ) { .banner-lis a { height: 106px; background-size: auto 100%; } } @media only screen and (max-width:320px ) { .banner-lis a { height: 90px; background-size: auto 100%; } }