/* css reset */
body {font-size:12px; font-family:'Microsoft Yahei'; overflow-x:hidden;background-color: #fff;}
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}
/*content*/
.sec_01 h1{ display:none;}
.o-link{ padding:30px 20px 0 0; color:#000; line-height:22px; text-align:right;font-size: 14px;}
.o-link a{ display:inline-block; margin-left:1em; color:#000;}
.o-link a:hover{ text-decoration:underline;}
.logo{position: absolute;top: 32px;left: 28px;width: 93px;height: 35px;display: block;background:url(https://static.web.sdo.com/aion/pic/project/20200107wreck/logo.png) no-repeat;}
/*分页*/
.section{height: 540px;}
.section .con{position: relative; width: 1100px;margin: 0 auto;} 
.sec_01{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_01.jpg) no-repeat 50% 0;}
.sec_02{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_02.jpg) no-repeat 50% 0;}
.sec_03{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_03.jpg) no-repeat 50% 0;}
.sec_04{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_04.jpg) no-repeat 50% 0;}
.sec_05{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_05.jpg) no-repeat 50% 0;}
.sec_06{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_06.jpg) no-repeat 50% 0;}
.sec_07{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_07.jpg) no-repeat 50% 0;}
.sec_08{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_08.jpg) no-repeat 50% 0;}
.sec_09{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_09.jpg) no-repeat 50% 0;}
.sec_10{background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/sec_10.jpg) no-repeat 50% 0;height: 545px;}

.actGotop{position:fixed; _position:absolute; bottom:200px; left:50%; margin-left:600px; width:40px; height:40px; display:none;}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:block; background:url(https://static.web.sdo.com/aion/pic/project/20200107wreck/top.png) no-repeat;}

.mode-stage {
    position: absolute;
    top: 348px;
    left: 50%;
    width: 1100px;
    height: 893px;
    margin-left: -550px;
}
.mode-stage .navi-mode {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 906px;
    height: 94px;
    margin-left: -453px;
}
.mode-stage .navi-mode a,.mode-stage .mode-area .swiper-wrapper .swiper-slide .desc li{
	text-indent: -999em;
    display: block;
}
.mode-stage .navi-mode .m1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 305px;
    height: 94px;
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_1.png) no-repeat 50% 0;    
}
.mode-stage .navi-mode .m2 {
    position: absolute;
    top: 0px;
    left: 300px;
    width: 305px;
    height: 94px;
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_2.png) no-repeat 50% 0;
}
.mode-stage .navi-mode .m3 {
    position: absolute;
    top: 0px;
    left: 601px;
    width: 305px;
    height: 94px;
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_3.png) no-repeat 50% 0;
}
.mode-stage .navi-mode .m1.active {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_1_on.png) no-repeat 50% 0;
}
.mode-stage .navi-mode .m2.active {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_2_on.png) no-repeat 50% 0;
}
.mode-stage .navi-mode .m3.active {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/tab_slider_3_on.png) no-repeat 50% 0;
}
.mode-stage .mode-area {
    position: absolute;
    top: 142px;
    left: 50%;
    width: 859px;
    margin-left: -429.5px;
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide .img {
    width: 859px;
    height: 455px;
    margin-bottom: 100px;
    text-indent: 0;
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide.s1 .desc {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/desc_slider_1.png) no-repeat 50% 0;
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide.s2 .desc {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/desc_slider_2.png) no-repeat 50% 0;
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide.s3 .desc {
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/desc_slider_3.png) no-repeat 50% 0;
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide .desc {
    width: 859px;
    height: 173px;
    opacity: 0;
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.mode-stage .mode-area .swiper-wrapper .swiper-slide.swiper-slide-active .desc {
    opacity: 1;
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    transition: all 0.5s;
    transition-delay: 0.15s;
}
.mode-stage .mode-next {
    position: absolute;
    top: 331px;
    right: 85px;
    width: 77px;
    height: 77px;
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/btn_slide_next.png) no-repeat 50% 0;
    margin: 0;
    outline: none;
}
.mode-stage .mode-prev {
    position: absolute;
    top: 331px;
    left: 82px;
    width: 77px;
    height: 77px;
    background: url(https://static.web.sdo.com/aion/pic/project/20200107wreck/btn_slide_prev.png) no-repeat 50% 0;
    margin: 0;
    outline: none;
}
.mode-stage .swiper-pagination {
    top: 617px;
    width: 100%;
    text-indent: 0;
}
.mode-stage .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background: #4276a7;
    opacity: 1;
}
_wreck.scss:41
.section em, .section span, .section strong {
    display: inline-block;
}
.mode-stage .swiper-pagination .swiper-pagination-bullet-active {
    background: #ddefff;
    opacity: 1;
}