@charset "utf-8";


/*SubBanner*/

.SubBanner { display:block; width:100%; height:auto; overflow:hidden; float:left; position:relative; background:url(../Images/Layout/corp/SubBanner.jpg) top center no-repeat, #eee; background-size:100% auto; padding:0!important;}
.SubBanner > div { max-width:var(--max-width); padding:calc( var(--basic-unit) * 4 ) calc( var(--basic-unit) * 1 ) calc( var(--basic-unit) * 2 ) calc( var(--basic-unit) * 1 ); margin:0 auto;}
.SubBanner > div.swiper-slide-onlyone { max-width:calc( var(--max-width) / 2 );}

@keyframes SubBanner_ani{
0%{ opacity:0; transform: translate(0, 30px);}
100%{ opacity:1; transform: translate(0, 0);}
}
.SubBanner .swiper-container .swiper-wrapper { height:auto; margin-bottom:40px;}
.SubBanner .swiper-container .swiper-slide {display: flex; height:auto;
flex-wrap:wrap;
box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.SubBanner .swiper-container .swiper-slide .iframe { position:relative; overflow:hidden; padding-bottom:56%;
display: flex;
flex-wrap:wrap;}
.SubBanner .swiper-container .swiper-slide .iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.SubBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:only-child { display:none;}
.SubBanner a { position:relative; overflow:hidden;}
.SubBanner a:before { content:'了解更多'; display:block; width:100%; height:100%; position:absolute; top:0; left:0;
background:var(--maincolor); color:white; text-align:center; opacity:0;transform: scale(1.2); z-index:1;
/*基礎動畫設定*/
transition:all .5s;
display: flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;}
.SubBanner a:hover:before,
.SubBanner a:active:before { opacity:0.8;transform: scale(1);}
.SubBanner a img { position:relative; z-index:0;
/*基礎動畫設定*/
transition:all .5s;}
.SubBanner a:hover img,
.SubBanner a:active img {transform: scale(1.2);}

.DefContent { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.DefContent * { padding:0; margin:0; list-style:none; text-decoration:none;}
.DefContent > div { display:block; width:100%; height:auto; overflow:hidden; padding:calc( var(--basic-unit) * 1 ) 0;}
.DefContent h2,
.DefContent h2 *{ color:var(--maincolor-deep); display:block; width:100%; height:auto; overflow:hidden; float:left; text-align:center;}
.DefContent h2 { margin-bottom:var(--basic-unit);}

/*公司簡介*/
.def-profile { display:block; width:100%; height:auto; overflow:hidden; float:left; position:relative; background:#2f3382;}
.def-profile > div { width:100%; height:auto; overflow:hidden; max-width:var(--max-width); padding:calc( var(--basic-unit) * 1 ); margin:0 auto;
display: flex;
flex-wrap:wrap;}
.def-profile > div > .img { width:calc( 50% - calc( var(--basic-unit) * 1 ) ); height:auto; float:left; margin-right:var(--basic-unit); padding:0 var(--basic-unit) var(--basic-unit) 0;}
.def-profile > div > .img img { max-width:100%; height:auto; float:left;
box-shadow:7px 7px 10px 0px rgba(0, 0, 0, 0.3);}
.def-profile > div > .data-box { width:calc( 50% - calc( var(--basic-unit) * 1 ) ); height:auto; float:left; color:white;}
.def-profile > div > .data-box h2 { color:gold; text-align:left;}
.def-profile > div > .data-box .descr { overflow:hidden; margin-bottom:var(--basic-unit); font-size:calc( var(--basic-font-size) * 0.8 );}
.def-profile > div > .data-box .descr + a.more { display:inline-block; width:auto; height:auto; overflow:hidden; float:right; padding:calc( var(--basic-unit) * 0.5 ) var(--basic-unit) calc( var(--basic-unit) * 0.5 ) calc( var(--basic-unit) * 1.5 ); background:gold; position:relative;}
.def-profile > div > .data-box .descr + a.more:link,
.def-profile > div > .data-box .descr + a.more:visited { color:white;}
.def-profile > div > .data-box .descr + a.more:hover,
.def-profile > div > .data-box .descr + a.more:active { color:white;}
.def-profile > div > .data-box .descr + a.more:before { content:''; display:block; width:3px; height:100%; position:absolute; top:0; left:calc( var(--basic-unit) * 0.2 ); background:var(--maincolor);}
.def-profile > div > .data-box .descr + a.more:after { content:''; display:block; width:3px; height:100%; position:absolute; top:0; left:calc( var(--basic-unit) * 0.5 ); background:var(--maincolor);}

/*船期查詢*/
.def-schedule { display:block; width:100%; height:auto; overflow:hidden; float:left; background:url(../Images/Layout/corp/def-schedule.jpg) top center no-repeat, #eee; background-size:100% auto;}
.def-schedule h2 { margin-bottom:0;}
.def-schedule > div { width:100%; height:auto; overflow:hidden; max-width:var(--max-width); padding:calc( var(--basic-unit) * 1 ); margin:0 auto;
display: flex;
flex-wrap:wrap;}
.def-schedule > div > * { width:calc( 50% - calc( var(--basic-unit) * 1 ) );}
.def-schedule > div > img { max-width:100%; height:auto; float:left; margin-right:calc( var(--basic-unit) * 2 );
box-shadow:7px 7px 10px 0px rgba(0, 0, 0, 0.3);}
.def-schedule > div > img + .schedule-from { background:rgba(180,180,180,0.6); padding:calc( var(--basic-unit) * 2 );
display: flex;
align-items:center;
flex-wrap:wrap;}
.def-schedule > div > img + .schedule-from .schedule-tab { display:block; width:100%; height:auto; overflow:hidden; float:left; position:relative; z-index:1; margin-bottom:10px;}
.def-schedule > div > img + .schedule-from .schedule-tab li { width:50%; height:auto; overflow:hidden; float:left;}
.def-schedule > div > img + .schedule-from .schedule-tab li:only-child { width:100%;}
.def-schedule > div > img + .schedule-from .schedule-tab li a { display:block; width:100%; height:auto; overflow:hidden; float:left; text-align:center; padding:calc( var(--basic-unit) * 0.5 ); background:none;
/*圓角*/
border-radius:5px;}
.def-schedule > div > img + .schedule-from .schedule-tab li a:link,
.def-schedule > div > img + .schedule-from .schedule-tab li a:visited { color:black;}
.def-schedule > div > img + .schedule-from .schedule-tab li a:hover,
.def-schedule > div > img + .schedule-from .schedule-tab li a:active { color:#005bac; color:var(--maincolor-deep); background:rgba(255,255,255,0.9);}

.def-schedule > div > img + .schedule-from .schedule-tab li.active a,
.def-schedule > div > img + .schedule-from .schedule-tab li.active a:link,
.def-schedule > div > img + .schedule-from .schedule-tab li.active a:visited,
.def-schedule > div > img + .schedule-from .schedule-tab li.active a:hover,
.def-schedule > div > img + .schedule-from .schedule-tab li.active a:active{ background:var(--maincolor-deep); color:white; cursor:default;}

.def-schedule > div > img + .schedule-from .schedule-tab li:only-child a:link,
.def-schedule > div > img + .schedule-from .schedule-tab li:only-child a:visited,
.def-schedule > div > img + .schedule-from .schedule-tab li:only-child a:hover,
.def-schedule > div > img + .schedule-from .schedule-tab li:only-child a:active {
background:linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);}


.def-schedule > div > img + .schedule-from.import > form ul { display:flex; flex-wrap:wrap;}
.def-schedule > div > img + .schedule-from.import > form ul li:nth-child(1) {order:2;}
.def-schedule > div > img + .schedule-from.import > form ul li:nth-child(2) {order:1;}
.def-schedule > div > img + .schedule-from.import > form ul li:nth-child(3) {order:3;}

.def-schedule > div > img + .schedule-from > form { width:100%; height:auto; overflow:hidden;
justify-content:space-between;
display: flex;
flex-wrap:wrap;}
.def-schedule > div > img + .schedule-from > form * { padding:0; margin:0; list-style:none; text-decoration:none; border:0; line-height:calc( var(--basic-font-size) * 1.5 );}
.def-schedule > div > img + .schedule-from > form ul { display:block; width:calc( 100% - ( var(--basic-font-size) * 7 ) ); height:auto; overflow:hidden; float:left; padding:calc( var(--basic-font-size) * 1 ) calc( var(--basic-font-size) * 1 ) calc( var(--basic-font-size) * 1 ) 0;}
.def-schedule > div > img + .schedule-from > form ul li { display:block; width:100%; height:auto; overflow:hidden; float:left; margin-bottom:calc( var(--basic-unit) * 1 );}
.def-schedule > div > img + .schedule-from > form ul li:last-child { margin-bottom:0;}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child { width:calc( var(--basic-unit) * 3.5 ); float:left;}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child > label { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child + .schedule-from-box { width:calc( 100% - ( var(--basic-unit) * 3.5 ) ); float:left;}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child + .schedule-from-box > select { float:left; margin-right:calc( var(--basic-unit) * 0.5 ); width:calc( 50% - ( var(--basic-unit) * 0.25 ) ); font-size:calc( var(--basic-font-size) * 0.8 );}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child + .schedule-from-box > select:focus { background:lightyellow; border:1px solid var(--maincolor);}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child + .schedule-from-box > select:last-child { margin-right:0;}
.def-schedule > div > img + .schedule-from > form ul li > div:first-child + .schedule-from-box > select:only-child { width:100%;}
.def-schedule > div > img + .schedule-from > form ul li:last-child > div:first-child + .schedule-from-box > * { float:left;}
.def-schedule > div > img + .schedule-from > form ul li:last-child > div:first-child + .schedule-from-box > img { margin-top:2.5px;}
.def-schedule > div > img + .schedule-from > form .btn { width:calc( var(--basic-font-size) * 7 ); height:calc( var(--basic-font-size) * 6 ); float:right; background:var(--btn-bg-main); font-size:calc( var(--basic-font-size) * 1.5 );
display: flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;}
.def-schedule > div > img + .schedule-from > form .btn i { display:none;}
.def-schedule > div > img + .schedule-from > form .btn:link,
.def-schedule > div > img + .schedule-from > form .btn:visited { color:white;}
.def-schedule > div > img + .schedule-from > form .btn:hover,
.def-schedule > div > img + .schedule-from > form .btn:active { background:var(--btn-bg-main-o);}

/*表單下載*/
.def-news-down { display:block; width:100%; height:auto; overflow:hidden; float:left; background:url(../Images/Layout/corp/def-news-down.jpg) top center no-repeat, #eee; background-size:100% auto;}
.def-news-down ul { display:block; width:100%; max-width:600px; height:auto; overflow:hidden; margin:0 auto; padding:calc( var(--basic-unit) * 0.5 ); padding-top:0;}
.def-news-down ul li { display:block; width:100%; height:auto; overflow:hidden; background:white; margin-bottom:calc( var(--basic-unit) * 0.5 );
box-shadow:2px 2px 3px 0px rgba(0, 0, 0, 0.1); position:relative; border:1px solid #eee;
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down ul li:last-child { margin-bottom:0;}
.def-news-down ul li:after { content:''; display:block; width:0; height:100%; position:absolute; left:0; bottom:0; z-index:0; background:gold;
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down ul li:hover { border:1px solid gold;}
.def-news-down ul li:hover:after { width:100%;}
.def-news-down ul li a { display:block; width:100%; height:auto; overflow:hidden; padding:calc( var(--basic-unit) * 0.5 ); line-height:calc( var(--basic-unit) * 1.5 ); float:left; padding-right:calc( var(--basic-unit) * 4.5 ); text-align:left; position:relative; z-index:1;
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down ul li a.image-and-file {padding-right:calc( var(--basic-unit) * 9.25 );}
.def-news-down ul li a span.key { display:inline-block; margin-left:calc( var(--basic-unit) * 0.25 ); color:goldenrod; font-size:0.8rem; font-weight:bold;}
.def-news-down ul li a:link,
.def-news-down ul li a:visited { color:black; }
.def-news-down ul li a:hover,
.def-news-down ul li a:active { color:var(--maincolor-deep); background:none;}
/*取消下載列表的按鈕外框*/
.def-news-down ul li a.btn { border:0; top:0; right:0; padding:calc( var(--basic-unit) * 0.5 ) calc( var(--basic-unit) * 0.25 ); position:absolute; margin-bottom:0; font-size:calc( var(--basic-font-size) * 0.8 );}
.def-news-down ul li a.btn.download { right:0; width:calc( var(--basic-unit) * 4.5 );}
.def-news-down ul li a.btn.image { right:calc( var(--basic-unit) * 4.5 ); width:calc( var(--basic-unit) * 4.5 );}

/*核心業務*/
.def-news-down.def-core { background:url(../Images/Layout/corp/def-core.jpg) top center no-repeat, #fdfdfd; background-size:100% auto;}
.def-news-down.def-core ul {max-width: calc( var(--max-width) + 20px );}
.def-news-down.def-core ul li { width:20%; background:none; box-shadow:none; border:0; float:left;}
.def-news-down.def-core ul li:after { display:none;}
.def-news-down.def-core ul li a { padding:calc( var(--basic-unit) * 0.5 ); padding-top:0; position:relative;
/*基礎動畫設定*/
transition:background .5s;
/*圓角*/
border-radius:10px;}
.def-news-down.def-core ul li a:hover,
.def-news-down.def-core ul li a:active { color:white;}
.def-news-down.def-core ul li a.core-1:hover .img,
.def-news-down.def-core ul li a.core-1:active .img{ background:url(../Images/Layout/seasons/def-core-00-1.png) center center no-repeat!important; background-size:contain;}
.def-news-down.def-core ul li a.core-2:hover .img,
.def-news-down.def-core ul li a.core-2:active .img{ background:url(../Images/Layout/seasons/def-core-00-2.png) center center no-repeat; background-size:contain;}
.def-news-down.def-core ul li a.core-3:hover .img,
.def-news-down.def-core ul li a.core-3:active .img{ background:url(../Images/Layout/seasons/def-core-00-3.png) center center no-repeat; background-size:contain;}
.def-news-down.def-core ul li a.core-4:hover .img,
.def-news-down.def-core ul li a.core-4:active .img{ background:url(../Images/Layout/seasons/def-core-00-4.png) center center no-repeat; background-size:contain;}
.def-news-down.def-core ul li a.core-5:hover .img,
.def-news-down.def-core ul li a.core-5:active .img{ background:url(../Images/Layout/seasons/def-core-00-5.png) center center no-repeat; background-size:contain;}
.def-news-down.def-core ul li a:before { content:''; display:block; width:80%; height:80%; top:10%; left:10%; background:var(--maincolor); opacity:0; position:absolute;
/*圓角*/
border-radius:10px;
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down.def-core ul li a:hover:before,
.def-news-down.def-core ul li a:active:before { top:0; left:0; width:100%; height:100%; opacity:1;}
.def-news-down.def-core ul li a .img { display:block; width:100%; height:auto; overflow:hidden; float:left; position:relative; z-index:1;}
.def-news-down.def-core ul li a .img img { float:none; margin:0 auto; display:block; opacity:0;}
.def-news-down.def-core ul li a span { display:block; width:100%; height:auto; overflow:hidden; text-align:center; position:relative; z-index:1;}

/*最新消息*/
.def-news { background:url(../Images/Layout/corp/def-news.jpg) top center no-repeat; background-size:cover;background-attachment: fixed; position:relative;}
.def-news:before { content:''; display:block; width:100%; height:100%; background:#000; opacity:0.2; top:0; left:0; position:absolute; z-index:0;}
.def-news > div { width:100%; height:auto; overflow:hidden; max-width:var(--max-width); padding:calc( var(--basic-unit) * 1 ); margin:0 auto; position:relative; z-index:1;
display: flex;
/*align-items:center;*/
flex-wrap:wrap;}
.def-news > div > .swiper-container-DefNews { width:calc( 50% - calc( var(--basic-unit) * 1 ) ); height:auto; float:left; margin-right:var(--basic-unit); padding:0 var(--basic-unit) var(--basic-unit) 0;}
.def-news > div > .swiper-container-DefNews .swiper-wrapper { height:auto;}
.def-news > div > .swiper-container-DefNews img { width:100%; height:auto; float:left;
/*基礎動畫設定*/
transition:all .5s;
box-shadow:7px 7px 10px 0px rgba(0, 0, 0, 0.3);}
.def-news > div > .swiper-container-DefNews .swiper-wrapper .swiper-slide,
.def-news > div > .swiper-container-DefNews .swiper-wrapper .swiper-slide a{ width:100%; height:auto; overflow:visible;
display: flex;
align-items:center;
flex-wrap:wrap;}
.def-news > div > .swiper-container-DefNews .swiper-wrapper .swiper-slide img { opacity:0;}
.def-news > div > .swiper-container-DefNews .swiper-wrapper .swiper-slide.swiper-slide-active img { opacity:1;}
.def-news > div > .swiper-container-DefNews >.swiper-pagination-bullets { bottom:calc( var(--basic-unit) *1.5 ); text-align:right; padding-right:calc( var(--basic-unit) *1.5 );}
.def-news > div > .swiper-container-DefNews >.swiper-pagination-bullets .swiper-pagination-bullet { background:none; border:2px solid white; width:10px; height:10px;}
.def-news > div > .swiper-container-DefNews >.swiper-pagination-bullets .swiper-pagination-bullet-active { background:#3f79b3; border:2px solid #3f79b3;}
.def-news > div > .swiper-container-DefNews >.swiper-pagination-bullets .swiper-pagination-bullet:only-child { display:none;}


.def-news > div > .def-news-down.def-news-gallery { width:calc( 50% - calc( var(--basic-unit) * 1 ) ); height:auto; float:left; margin-right:calc( var(--basic-unit) * 2 );  padding:20px 10px;
/*圓角*/
border-radius:5px;}

.def-news > div > .def-news-list { width:calc( 50% - calc( var(--basic-unit) * 1 ) ); height:auto; float:left; color:white;}
.def-news > div > .def-news-list h2,
.def-news > div > .def-news-list h2 a{ color:white; text-align:left; line-height:calc( var(--basic-font-size) * 2.25 ); margin-bottom:0; cursor:default;}
.def-news > div > .def-news-list h2 a:before { content:''; display:block; width:56px; height:45px; overflow:hidden; float:left; background:url(../Images/Layout/corp/def-news.png) 0 0 no-repeat; margin-right:5px;}
.def-news > div > .def-news-list h2 a:after { content:'更多+'; font-size:calc( var(--basic-font-size) * 0.7 ); line-height:calc( var(--basic-font-size) * 1.25 ); float:right; cursor:pointer; width:50px; background:var(--maincolor); text-align:center; margin:10px 0;
/*圓角*/
border-radius:5px;}
.def-news > div > .def-news-list h2 a:hover:after,
.def-news > div > .def-news-list h2 a:active:after{ color:yellow;}
.def-news > div > .def-news-list h2 + ul { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.def-news > div > .def-news-list h2 + ul li { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.def-news > div > .def-news-list h2 + ul li a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.def-news > div > .def-news-list h2 + ul li a > span { display:block; width:100%; height:auto; overflow:hidden; float:left; color:white;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);}
.def-news > div > .def-news-list h2 + ul li a > span.date { font-size:calc( var(--basic-font-size) * 0.7 ); color:#9fd9f6; color:white;}
.def-news > div > .def-news-list h2 + ul li a > span.title { white-space:nowrap; display:inline-block; width:auto; max-width:100%; text-overflow:ellipsis; position:relative; padding-bottom:calc( var(--basic-unit) * 0.5 );}
.def-news > div > .def-news-list h2 + ul li a > span.title:after { content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:5px; background:var(--maincolor);
/*基礎動畫設定*/
transition:all .5s;}
.def-news > div > .def-news-list h2 + ul li a:hover > span.title,
.def-news > div > .def-news-list h2 + ul li a:active > span.title { color:yellow;}
.def-news > div > .def-news-list h2 + ul li a:hover > span.title:after,
.def-news > div > .def-news-list h2 + ul li a:active > span.title:after { width:100%;}

/*案例分享*/
.def-news-down.def-news-gallery { background:url(../Images/Layout/corp/def-core.jpg) top center no-repeat, #fdfdfd; background-size:100% auto;}
.def-news-down.def-news-gallery .marquee-div { display:block; width:100%; max-width:600px; margin:0 auto; height:186px; position:relative; overflow:hidden;}
.def-news-down.def-news-gallery .marquee-div ul { position:absolute; left:0; margin-top:248px;}
.def-news-down.def-news-gallery .marquee-div ul li a { padding:10px; white-space:nowrap; text-overflow: ellipsis;}
.def-news-down.def-news-gallery .news-gallery-search { max-width:600px; overflow:hidden; margin:0 auto; padding:calc( var(--basic-unit) * 0.5 ); padding-top:0;}
.def-news-down.def-news-gallery .news-gallery-search form { border: 1px solid rgba(0,0,0,0.1);
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down.def-news-gallery .news-gallery-search form:hover { border:1px solid var(--maincolor-deep);}
.def-news-down.def-news-gallery .news-gallery-search input { width:calc( 100% - ( var(--basic-unit) * 5 ) ); float:left; padding:calc( var(--basic-unit) * 0.5 ); border:0; outline:none; font-size: calc( var(--basic-font-size) * 1 ); line-height:calc( var(--basic-font-size) * 1.5 );}
.def-news-down.def-news-gallery .news-gallery-search form:hover input { background:#eee;}
.def-news-down.def-news-gallery .news-gallery-search form:hover input:focus { background:gold;}
.def-news-down.def-news-gallery .news-gallery-search .btn-search { display:block; width:calc( var(--basic-unit) * 5 ); height:auto; overflow:hidden; float:right; padding:calc( var(--basic-unit) * 0.5 ); background:var(--maincolor-deep); text-align:center;
/*基礎動畫設定*/
transition:all .5s;}
.def-news-down.def-news-gallery .news-gallery-search .btn-search i { margin-right:5px;}
.def-news-down.def-news-gallery .news-gallery-search .btn-search:link,
.def-news-down.def-news-gallery .news-gallery-search .btn-search:visited { color:white;}
.def-news-down.def-news-gallery .news-gallery-search .btn-search:hover,
.def-news-down.def-news-gallery .news-gallery-search .btn-search:active { color:white; background:var(--maincolor);}



@media only screen and (min-width:0px) and (max-width:1180px) {
.def-news > div { align-items:flex-start; padding:0 20px;}
.def-news > div > .swiper-container-DefNews { margin:0 10px;}
}

@media only screen and (min-width:1025px){
.Ani-Content1 > *,
.Ani-Content2 > *,
.Ani-Content3 > * { opacity:0;
/*基礎動畫設定*/
transition:all .5s;}
.Ani-Content1.Ani_o > *,
.Ani-Content2.Ani_o > *,
.Ani-Content3.Ani_o > * { opacity:1;}


/*依序淡出*/
.def-news-down.def-core ul li { opacity:0;}
.def-news-down.def-core.Ani_o ul li{
animation:def-core_ani 0.5s forwards linear;}
@keyframes def-core_ani{
0%{ opacity:0;}
100%{ opacity:1;}
}
.def-news-down.def-core.Ani_o ul li:nth-child(1) { animation-delay:0s;}
.def-news-down.def-core.Ani_o ul li:nth-child(2) { animation-delay:0.25s;}
.def-news-down.def-core.Ani_o ul li:nth-child(3) { animation-delay:0.5s;}
.def-news-down.def-core.Ani_o ul li:nth-child(4) { animation-delay:0.75s;}
.def-news-down.def-core.Ani_o ul li:nth-child(5) { animation-delay:1s;}

/*左至右淡出*/
.def-news > div > .swiper-container-DefNews,
.def-profile > div > .img,
.def-schedule > div > img {opacity:0; transform: translate(-30px, 0);}

.def-news.Ani_o > div > .swiper-container-DefNews,
.def-profile.Ani_o > div > .img,
.def-schedule.Ani_o > div > img{ 
animation:def-profile_ani-1 0.5s forwards linear; animation-delay:0;}

@keyframes def-profile_ani-1{
0%{ opacity:0; transform: transform: translate(-30px, 0);}
100%{ opacity:1; transform: translate(0, 0);}
}

/*右至左淡出*/
.def-news > div > .def-news-list,
.def-profile > div > .data-box,
.def-schedule > div > img + .schedule-from {opacity:0; transform: translate(30px, 0);}

.def-news.Ani_o > div > .def-news-list,
.def-profile.Ani_o > div > .data-box,
.def-schedule.Ani_o > div > img + .schedule-from{ 
animation:def-profile_ani-2 0.5s forwards linear; animation-delay:0.5s;}
@keyframes def-profile_ani-2{
0%{ opacity:0; transform: transform: translate(30px, 0);}
100%{ opacity:1; transform: translate(0, 0);}
}

/*上至下淡出*/
.def-news-down.Ani-Content3 ul,
.def-news-gallery ul,
.news-gallery-search{opacity:0; transform: translate(0, -30px);}
.def-news-down.Ani-Content3.Ani_o ul,
.def-news-gallery.Ani_o ul,
.Ani_o .news-gallery-search{ 
animation:def-news-down_ani 0.5s forwards linear; animation-delay:0;}

@keyframes def-news-down_ani{
0%{ opacity:0; transform: translate(0, -30px);}
100%{ opacity:1; transform: translate(0, 0);}
}


.SubBanner > div { opacity:0; transform: translate(0, 30px);}

.DefBanner + .SubBanner > div,
.SubBanner.Ani_o > div {

animation:SubBanner_ani 0.5s forwards linear; animation-delay:0.5s;}

}

@media only screen and (min-width:0px) and (max-width:1024px) {

.def-news { background-attachment:scroll;}

.def-news-down.def-core ul { padding:0;}
.def-news-down.def-core ul li a { padding:5px;}
.def-news-down.def-core ul li a span { font-size:15.5px;}

.def-schedule > div > * { width:100%;}
.def-schedule > div > img { display:none;}

}

@media only screen and (min-width:0px) and (max-width:768px) {
	.def-news > div { padding:0;}
	.def-news > div > .swiper-container-DefNews { display:none;}
	.def-news > div > .def-news-list { width:100%; padding:0 20px;}
	.def-news > div > .def-news-down.def-news-gallery { width:calc( 100% - 40px ); float:none; margin:0 auto; margin-bottom:40px; padding:20px 0;}
	.def-news-down.def-core ul li a span { font-size:14px;}
	
	.def-profile > div > .img{ width:100%; margin:0 auto; margin-bottom:20px; padding:0; max-width:512px;}
	.def-profile > div > .data-box{ width:100%; margin:0;}
	
	.def-schedule > div > img + .schedule-from .schedule-tab li a { font-size:0.8em;}
}

@media only screen and (min-width:0px) and (max-width:680px) {
	.def-news-down.def-core ul { max-width:400px;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;}
	.def-news-down.def-core ul li { width:50%;}
	.def-news-down.def-core ul li a span { font-size:20px;}
	
	.def-schedule > div > img + .schedule-from > form ul { width:100%; padding-right:0;}
	.def-schedule > div > img + .schedule-from > form .btn { width:100%; height:50px; line-height:50px;}
}

@media only screen and (min-width:0px) and (max-width:600px) {

.def-news-down.def-news-gallery > div.marquee-div { max-width:100%;}
}

@media only screen and (min-width:0px) and (max-width:400px) {
	.def-news-down.def-core ul li a span,
	.def-news > div > .def-news-list h2 + ul li a > span.title,
	.def-news-down.def-news-gallery ul li a { font-size:16px;}
	
	.def-schedule > div > img + .schedule-from .schedule-tab li a { font-size:0.6em;}
}