/* css reset */
body {font-size:12px; font-family:'Microsoft Yahei'; overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, nl, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a{text-decoration:none;} 
li{list-style:none outside none;}
fieldset, img {border:0 none;}
img { padding:0; margin:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6,th{ font-size:12px; font-weight:normal;}
textarea{resize:none}
input:focus, select:focus, textarea:focus,a:focus{outline:0 none}
label { vertical-align:middle;} 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
em,cite,dfn{font-style:normal;}
.clearboth{width:100%;clear:both;float:none;margin:0;padding:0;font-size:0px;height:0px;overflow:hidden;}
.clear{clear:both;height:0;font-size:0;line-height:0;}
.hidden{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.center{ text-align:center;}
.tright{ text-align:right;}
.ti{ text-indent:-999em;}
.none{ display:none;}
.tia a{ display:block; width:100%; height:100%; text-indent:-999em;}
table {border-collapse:collapse;border-spacing:0}

.wrapout{ background:url(http://static.web.sdo.com/aion/pic/project/201909tog/wrapout.jpg) no-repeat 50% 0;}
.wrap{ position:relative; width:1000px; height:900px; margin:0 auto; background:url(http://static.web.sdo.com/aion/pic/project/201909tog/wrap.jpg) no-repeat;}

.wrap h1{ display:none;}
.wrap .link{ position:absolute; right:6px; top:22px; height:20px; color:#fff; font-size: 14px; line-height:20px; text-align:center;}
.wrap .link a{ display:inline-block; margin:0 7px; color:#fff;}
.wrap .link a:hover{ text-decoration:underline;}

.actList li{ position:absolute; z-index:10; width: 210px; height: 210px;}
.actList li a{ width:100%; height:100%; display:block; text-indent: -999em;}
.actList li.act1{ top:443px; left:56px;}
.actList li.act2{ top:529px; left:225px;}
.actList li.act3{ top:443px; left:396px;}
.actList li.act4{ top:529px; left:558px;}
.actList li.act5{ top:443px; left:730px;}
.actList li.act6{ top:699px; left:56px;}
.actList li.act7{ top:783px; left:225px;}
.actList li.act8{ top:699px; left:396px;}
.actList li.act9{ top:783px; left:558px;}
.actList li.act10{ top:699px; left:730px;}

body div#mask{display:none;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;z-index:100;filter:alpha(opacity=70);opacity:0.70;}
.popdetail{width:557px; height:557px;display:none;position:absolute;z-index:1000;left:50%;top:0;background:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop_bg1.png) no-repeat;}
.popdetail .info{font-size: 14px;line-height: 26px;color: #fff;padding:75px 100px 0 100px;}
.popdetail .info h3{ text-indent: -999em;height: 70px;background-repeat: no-repeat;background-position: 50% 50%;}
.popdetail .info .time{padding: 15px 0 4px 0; text-align:center;}
.popdetail .info .detail{ height: 250px;}
.popdetail .info .popBtn{position: absolute;bottom: 75px;left: 50%; display:block; text-indent:-999em; width:162px; height:46px;margin-left: -81px; background:url(http://static.web.sdo.com/aion/pic/project/201909tog/popbtn.png) no-repeat;}
.popdetail .info .popBtn:hover{ background-position:0 bottom;}
.closepop{width:30px;height:31px;position:absolute;right:2px;top:78px;z-index:1001; cursor:pointer; text-indent:-999em; background:url(http://static.web.sdo.com/aion/pic/project/201909tog/closepop.png) no-repeat;}

#pop1 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop1_tit.png);}
#pop2 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop2_tit.png);}
#pop3 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop3_tit.png);}
#pop4 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop4_tit.png);}
#pop5 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop5_tit.png);}
#pop6 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop6_tit.png);}
#pop7 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop7_tit.png);}
#pop8 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop8_tit.png);}
#pop9 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop9_tit.png);}
#pop10 h3{background-image:url(http://static.web.sdo.com/aion/pic/project/201909tog/pop10_tit.png);}
.swiper-con {
	position: absolute;
	top: 506px;
	left: 0;
	width: 1000px;
	height: 345px;
	overflow: hidden;
}

.swiper-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 756px;
	height: 290px;
	color: #fff;
	margin-left: -388px;
	text-align: center;
}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      width: auto!important;
      width: 128px;
		/*background-color: #fff;*/
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /*margin: 0 10px;*/
      overflow: hidden;
       -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
    } 
.swiper-slide-active,.swiper-slide-duplicate-active{  
}
.swiper-slide-active{  
  width: 164px;
}
.swiper-slide .btn{
	width: 128px;
	height: 128px;
	margin: 0 auto;
	margin-top: 18px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	text-indent: -999em;
}
.swiper-slide.swiper-slide-active .btn{
	width: 164px;
	height: 164px;
	margin-top: 0;
}
.swiper-slide.s1 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn1.png);
}
.swiper-slide.swiper-slide-active.s1 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn1-hov.png);
}
.swiper-slide.s2 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn2.png);
}
.swiper-slide.swiper-slide-active.s2 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn2-hov.png);
}
.swiper-slide.s3 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn3.png);
}
.swiper-slide.swiper-slide-active.s3 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn3-hov.png);
}
.swiper-slide.s4 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn4.png);
}
.swiper-slide.swiper-slide-active.s4 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn4-hov.png);
}
.swiper-slide.s5 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn5.png);
}
.swiper-slide.swiper-slide-active.s5 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn5-hov.png);
}
.swiper-slide.s6 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn6.png);
}
.swiper-slide.swiper-slide-active.s6 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn6-hov.png);
}
.swiper-slide.s7 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn7.png);
}
.swiper-slide.swiper-slide-active.s7 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn7-hov.png);
}
.swiper-slide.s8 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn8.png);
}
.swiper-slide.swiper-slide-active.s8 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn8-hov.png);
}
.swiper-slide.s9 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn9.png);
}
.swiper-slide.swiper-slide-active.s9 .btn{
	background-image: url(http://static.web.sdo.com/aion/pic/project/201909tog/btn9-hov.png);
}
.swiper-slide .pop-btn{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 162px;
	height: 46px;
	display: none;
	margin-left: -81px;
	text-indent: -999em;
	background: url(http://static.web.sdo.com/aion/pic/project/201909tog/link1.png) no-repeat;

}
.swiper-slide.swiper-slide-active .pop-btn{
	display: block;
}
.swiper-pagination{
	width: 100%;
}
.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	left: 0;
	bottom:16px; 
}
.swiper-pagination-bullets, .swiper-pagination-bullet{
	margin: 0 5px;
}
.swiper-button-next,.swiper-button-prev{
	background: url(http://static.web.sdo.com/aion/pic/project/201909tog/arrow.png) no-repeat;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 80px;
    width: 31px;
    height: 59px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-next{
	background-position: 100% 0;
	right: 66px;
}
.swiper-button-prev{
	background-position: 0 0;
	left: 72px;
}