<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css" rel="stylesheet">
<style>
area:focus{outline:none;}
.content_wrap{width:1200px;margin:0 auto;}
.carousel_wrap{position:relative;margin:0 auto;}
.carousel_txt{position:relative;}
.carousel_bg{position:absolute;top:0;left:0;width:100%;z-index:0;}
.video-title{text-align:center;margin-top:60px;margin-bottom:36px;}
.content_wrap .carousel_wrap .lh-img {position:relative;}
.content_wrap .carousel_wrap .lh-video-wrap {position:absolute;top:62.42%;left:50%;width:80%;transform:translate(-50%, -50%);}
.content_wrap .carousel_wrap .lh-video-wrap .lh-video-inner {width:100%;padding-top:56.25%;}
.content_wrap .carousel_wrap .lh-video-wrap .lh-video-inner iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
.video-bg{background-color:black;width:1200px;height:540px;}
section {margin-top:30px;}
</style>
</head>
<body>
<div class="content_wrap">
<div class="carousel_wrap">
<div class="carousel_bg">
<div class="owl-carousel owl-theme carouseauto_01">
<div class="item">
<img src="https://image.a-rt.com/art/editor/202006/main_01.jpg"
class="img-responsive" alt="img1">
</div>
<div class="item">
<img src="https://image.a-rt.com/art/editor/202006/main_02.jpg"
class="img-responsive" alt="img2">
</div>
<div class="item">
<img src="https://image.a-rt.com/art/editor/202006/main_03.jpg"
class="img-responsive" alt="img3">
</div>
<div class="item">
<img src="https://image.a-rt.com//art/promotion/planningdisplay/202006/1591858821231.jpg"
class="img-responsive" alt="img4">
</div>
</div>
</div>
<div class="carousel_txt">
<img src="https://image.a-rt.com//art/promotion/planningdisplay/202006/1591858613634.png" alt="" class="img_responsive">
</div>
<div class="video-title"><img src="https://image.a-rt.com/art/editor/202006/somethingguide.png" alt=""></div>
<div class="lh-video-wrap">
<div class="lh-video-inner">
<video width="100%" height="100%" poster="" autoplay muted loop>
<source src="http://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3WvuymyJG6Zvc6MseXo1tIvMxzxNx4FQQ83xe904eELjI5csKX3ebuwieie" type="video/mp4">
</video>
</div>
</div>
<div class="video-bg"></div>
</div>
<section>
<div align="center" style="margin:0 auto; margin-top:35px;"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202005/1590553841975.jpg" alt="mellow" usemap="#Map">
<map name="Map">
<area shape="circle" coords="867,410,21" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075874">
<area shape="circle" coords="785,720,21" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075876">
<area shape="circle" coords="1125,809,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075875">
<area shape="circle" coords="517,1389,19" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075877">
<area shape="circle" coords="127,1449,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075878">
<area shape="circle" coords="595,1630,21" href="https://abcmart.a-rt.com/product/new?prdtNo=1010075879">
</map>
</div>
<div align="center" style="margin:0 auto; margin-top:35px;"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202006/1591000374588.jpg" alt="rainy" usemap="#Map2">
<map name="Map2">
<area shape="circle" coords="955,338,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010076217">
<area shape="circle" coords="708,592,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010076216">
<area shape="circle" coords="419,1156,21" href="https://abcmart.a-rt.com/product/new?prdtNo=1010076218">
</map>
</div>
<div align="center" style="margin:0 auto; margin-top:35px;"><img src="https://image.a-rt.com//art/promotion/planningdisplay/202006/1591945417438.jpg" alt="cork" usemap="#Map3">
<map name="Map3">
<area shape="circle" coords="681,855,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074944">
<area shape="circle" coords="1052,713,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074943">
<area shape="circle" coords="891,523,21" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074952">
<area shape="circle" coords="1001,330,20" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074951">
<area shape="rect" coords="166,1117,268,1158" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074945">
<area shape="rect" coords="165,1161,303,1200" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074948">
<area shape="rect" coords="73,1527,184,1567" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074947">
<area shape="rect" coords="73,1571,213,1609" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074949">
<area shape="rect" coords="559,1548,657,1587" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074946">
<area shape="rect" coords="557,1592,695,1631" href="https://abcmart.a-rt.com/product/new?prdtNo=1010074950">
</map>
</div>
</section>
</div>
<script>
$(document).ready(function () {
var owl = $('.carouseauto_01');
owl.owlCarousel({
items: 1,
loop: true,
margin: -1,
autoplay: true,
slideTransition: 'linear',
autoplaySpeed: 6000,
smartSpeed: 6000,
autoplayHoverPause: false,
navigation: false,
dots: false,
mouseDrag:false,
touchDrag:false
});
jQuery('.carouseauto_01').trigger('play.owl.autoplay',[2000]);
function setSpeed(){
jQuery('.carouseauto_01').trigger('play.owl.autoplay',[6000]);
}
setTimeout(setSpeed, 1000);
});
</script>