.swiper-container{ width:100%; height:815px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;}	
.dh-01-01, .dh-01-02, .dh-01-03, .dh-01-04, .dh-02-01, .dh-02-02, .dh-02-03, .dh-02-04, .dh-03, .dh-04{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";}

.swiper-slide-active .dh-01-01{ position:relative; font-size:38px; color:#fff; margin-top:10%; margin-left:38%; animation:dh-01-01-00 2s 1 forwards; -webkit-animation:dh-01-01-00 2s 1 forwards;}
@keyframes dh-01-01-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; top:0;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; top:8%;}}
@-webkit-keyframes dh-01-01-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; top:0;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; top:8%;}}

.swiper-slide-active .dh-01-02{ position:relative; font-size:18px; color:#fff; line-height:30px; margin-top:1.2%; margin-left:30%; margin-right:29%; animation:dh-01-02-00 2s 1 forwards; -webkit-animation:dh-01-02-00 2s 1 forwards;}
@keyframes dh-01-02-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@-webkit-keyframes dh-01-02-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}

.swiper-slide-active .dh-01-03{ width:1036px; height:222px; margin:2.5% auto 0; background-image:url(../Images/suea.png); background-repeat:repeat; background-size:1036px 222px; animation:dh-01-03-00 2s 1 forwards; -webkit-animation:dh-01-03-00 2s 1 forwards;}
@keyframes dh-01-03-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}}
@-webkit-keyframes dh-01-03-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}}

.swiper-slide-active .dh-02-01{ position:relative; font-size:48px; color:#fff; margin-top:4.5%; margin-left:25%; animation:dh-02-01-00 2s 1 forwards; -webkit-animation:dh-02-01-00 2s 1 forwards;}
.swiper-slide-active .dh-02-02{ position:relative; font-size:30px; color:#fff; margin-top:5px; margin-left:25%; animation:dh-02-01-00 2s 1 forwards; -webkit-animation:dh-02-01-00 2s 1 forwards;}
.swiper-slide-active .dh-02-03{ position:relative; font-size:24px; color:#fff; margin-top:3.8%; margin-left:25%; animation:dh-02-02-00 2s 1 forwards; -webkit-animation:dh-02-02-00 2s 1 forwards;}
.swiper-slide-active .dh-02-04{ position:relative; font-size:18px; color:#fff; margin-top:8px; margin-left:25%; animation:dh-02-02-00 2s 1 forwards; -webkit-animation:dh-02-02-00 2s 1 forwards;}
@keyframes dh-02-01-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; top:0;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; top:8%;}}
@-webkit-keyframes dh-02-01-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; top:0;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; top:8%;}}
@keyframes dh-02-02-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@-webkit-keyframes dh-02-02-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}

.swiper-slide-active .dh-03{ position:relative; background-image:url(../Images/flash.png); background-repeat:repeat; width:632px; height:254px; margin-top:20.5%; margin-left:14%; color:#fff; animation:dh-03-00 2s 1 forwards; -webkit-animation:dh-03-00 2s 1 forwards;}
.dh-03-01{ font-size:48px; padding-top:6%; margin-left:8%;}
.dh-03-02{ font-size:30px; margin-top:5px; margin-left:8%;}
.dh-03-03{ font-size:24px; margin-top:5px; margin-left:8%;}
.dh-03-04{ font-size:18px; margin-top:8px; margin-left:8%;}
.dh-03-05{ font-size:25px; margin-top:5px; margin-left:8%;}
.swiper-slide-active .dh-04{ position:relative; background-image:url(../Images/flash.png); background-repeat:repeat; width:632px; height:254px; margin-top:10%; margin-left:50.5%; color:#fff; animation:dh-03-00 2s 1 forwards; -webkit-animation:dh-03-00 2s 1 forwards;}
.swiper-slide-active .dh-05{ position:relative; background-image:url(../Images/flash.png); background-repeat:repeat; width:632px; height:254px; margin-top:20.8%; margin-left:25%; color:#fff; animation:dh-03-00 2s 1 forwards; -webkit-animation:dh-03-00 2s 1 forwards;}

@keyframes dh-03-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:10%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@-webkit-keyframes dh-03-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:10%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}

@media screen and (max-width:1680px) { 
.swiper-container{ height:713px;}
}

@media screen and (max-width:1440px) { 
.swiper-container{ height:612px;}
.swiper-slide-active .dh-01-01{ font-size:30px;}
.swiper-slide-active .dh-01-02{ font-size:16px; line-height:24px; margin-left:28%; margin-right:27%;}
.swiper-slide-active .dh-01-03{ width:878px; height:188px; background-size:878px 188px;}
.swiper-slide-active .dh-02-01{ font-size:38px; margin-top:5%;}
.swiper-slide-active .dh-02-02{ font-size:24px; margin-top:3px;}
.swiper-slide-active .dh-02-03{ font-size:18px; margin-top:4%;}
.swiper-slide-active .dh-02-04{ font-size:16px; margin-top:5px;}
.swiper-slide-active .dh-03{ width:500px; height:205px;}
.dh-03-01{ font-size:38px;}
.dh-03-02{ font-size:24px; margin-top:3px;}
.dh-03-03{ font-size:18px;}
.dh-03-04{ font-size:16px; margin-top:5px;}
.dh-03-05{ font-size:20px;}
.swiper-slide-active .dh-04{ width:500px; height:205px; margin-top:12.5%;}
.swiper-slide-active .dh-05{ width:500px; height:205px;}
}

@media screen and (max-width:1280px) { 
.swiper-container{ height:543px;}
}

@media screen and (max-width:1024px) { 
.swiper-container{ height:435px;}
.swiper-slide-active .dh-01-01{ font-size:24px;}
.swiper-slide-active .dh-01-02{ font-size:14px; margin-left:20%; margin-right:20%;}
.swiper-slide-active .dh-01-03{ width:700px; height:150px; background-size:700px 150px;}
.swiper-slide-active .dh-02-01{ font-size:30px;}
.swiper-slide-active .dh-02-02{ font-size:20px;}
.swiper-slide-active .dh-02-03{ font-size:16px;}
.swiper-slide-active .dh-02-04{ font-size:14px;}
.swiper-slide-active .dh-03{ width:420px; height:170px; margin-top:18%;}
.dh-03-01{ font-size:30px;}
.dh-03-02{ font-size:20px;}
.dh-03-03{ font-size:16px;}
.dh-03-04{ font-size:14px;}
.dh-03-05{ font-size:18px;}
.swiper-slide-active .dh-04{ width:420px; height:170px; margin-top:12.5%;}
.swiper-slide-active .dh-05{ width:420px; height:170px; margin-top:18%;}
}

@media screen and (max-width:800px) { 
.swiper-container{ height:340px;}
.swiper-slide-active .dh-01-01{ font-size:20px; margin-top:9%; margin-left:5%; text-align:center;}
.swiper-slide-active .dh-01-02{ font-size:12px; margin-left:12%; margin-right:12%;}
.swiper-slide-active .dh-01-03{ width:480px; height:103px; background-size:480px 103px;}
.swiper-slide-active .dh-02-01{ font-size:24px; margin-top:8%;}
.swiper-slide-active .dh-02-02{ font-size:18px;}
.swiper-slide-active .dh-02-03{ font-size:14px;}
.swiper-slide-active .dh-02-04{ font-size:12px;}
.swiper-slide-active .dh-03{ width:365px; height:150px; margin-top:15%;}
.dh-03-01{ font-size:24px;}
.dh-03-02{ font-size:18px;}
.dh-03-03{ font-size:14px;}
.dh-03-04{ font-size:12px;}
.dh-03-05{ font-size:16px;}
.swiper-slide-active .dh-04{ width:365px; height:150px; margin-top:15%; margin-left:25%;}
.swiper-slide-active .dh-05{ width:365px; height:150px; margin-top:15%;}
}

@media screen and (max-width:480px) { 
.swiper-container{ height:250px;}
.swiper-slide-active .dh-01-01{ font-size:15px; margin-top:18%;}
.swiper-slide-active .dh-01-02{ display:none;}
.swiper-slide-active .dh-01-03{ width:280px; height:60px; background-size:280px 60px; margin:4.5% auto 0;}
.swiper-slide-active .dh-01-04{ position:relative; font-size:12px; color:#fff; line-height:24px; margin-top:1.5%; margin-left:22%; margin-right:20%; animation:dh-01-04-00 2s 1 forwards; -webkit-animation:dh-01-04-00 2s 1 forwards;}
@keyframes dh-01-04-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
@-webkit-keyframes dh-01-04-00{ from{ opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; left:8%;} to{ opacity:1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; left:0;}}
.swiper-slide-active .dh-02-01{ margin-top:18%;}
.swiper-slide-active .dh-02-03{ display:none;}
.swiper-slide-active .dh-02-04{ display:none;}
.swiper-slide-active .dh-03{ width:200px; height:80px; margin-top:20%;}
.dh-03-01{ font-size:24px;}
.dh-03-02{ font-size:18px;}
.dh-03-03{ display:none;}
.dh-03-04{ display:none;}
.dh-03-05{ font-size:14px;}
.swiper-slide-active .dh-04{ width:200px; height:100px; margin-top:20%; margin-left:14%;}
.swiper-slide-active .dh-05{ width:200px; height:100px; margin-top:20%; margin-left:14%;}
}

@media screen and (max-width:375px) { 
.swiper-container{ height:220px;}
.swiper-slide-active .dh-01-01{ margin-top:15%;}
.swiper-slide-active .dh-01-04{ margin-left:18%; margin-right:15%;}
}

@media screen and (max-width:320px) { 
.swiper-slide-active .dh-01-01{ margin-top:18%;}
.swiper-slide-active .dh-01-04{ margin-left:13%; margin-right:10%;}
}