@charset "utf-8";

html,body{ width:100%; height:100%; }
.page{ position:relative; height:100%; }
.pc .page{min-height:720px}

.header{ position:relative; z-index:2; }

.container{ position:absolute; top:0; left:0; width:100%; height:100%; }

.swiper-container{ width:100%; height:100%; }
.swiper-wrapper{  }
.swiper-slide{  }
.swiper-container1 > .swiper-pagination{ right:1.25rem; left:auto; }
.swiper-container1 .swiper-fraction{position:absolute;right: .4rem;left: auto;top:50%;font-size:.8rem;color:#ccc;z-index:1;transform: rotate(-90deg) translateX(9em);}
.swiper-container1 > .swiper-pagination .swiper-pagination-bullet{ position:relative; width:0.3em; height:0.3em; margin:1.6em auto;border-radius: 50%; }
/* .swiper-container1 > .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; top:50%; left:50%; width:1.25em; height:1.25em; border:0.125em solid transparent; border-radius:50%; transform:translate(-50%, -50%) rotate(-45deg); } */
.swiper-container1 > .swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;bottom:0;left:50%;width:0.4em; height:0.4em;border-top:1px solid transparent;border-right:1px solid transparent;transform:rotate(135deg) translateX(.3em); }
.swiper-container1 > .swiper-pagination.odd .swiper-pagination-bullet:hover{ background-color:#621A87; opacity:1; }
.swiper-container1 > .swiper-pagination.odd .swiper-pagination-bullet-active{ background-color:#621A87; }
/* .swiper-container1 > .swiper-pagination.odd .swiper-pagination-bullet-active:after{ border-color:#621A87 transparent #621A87 #621A87; } */
.swiper-container1 > .swiper-pagination.odd .swiper-pagination-bullet-active:after{border-color:#621A87}
.swiper-container1 > .swiper-pagination .swiper-pagination-bullet:hover{ background-color:#fff; opacity:1; }
.swiper-container1 > .swiper-pagination .swiper-pagination-bullet-active{width:1px; height:1.6em;border-radius:0;background-color:#fff; }
.swiper-container1 > .swiper-pagination .swiper-pagination-bullet-active:after{ border-color:#fff; }

.item{ width:100%; height:100%;font-size: .8rem;position:relative}
@media screen and (max-width:1400px){
    .item{ font-size:0.75rem; }
}

/* 登陆后样式 */
.logbar .o-media-object{    
  height: 2.75rem;
  margin-top: 1.3rem;
  padding-bottom: 1rem;
  border-radius: 0;
}
.logbar .o-media-object > img{border-radius: 50%;}
.logbar .o-dropdown:hover .o-dropdown-menu{display:block;}
.logbar .o-dropdown-menu{margin-top: -.5rem;left:-5rem;min-width:8rem;padding:0}
.logbar .o-dropdown-item:first-of-type{padding-top:.5rem}
.logbar .o-dropdown-item:first-of-type:hover{background-color:transparent; color:#212529;}
.logbar .o-dropdown-item:active>a,.logbar .o-dropdown-item:focus>a{color:#fff; }

.o-embed-responsive-5by2{
  /* padding-top:39.403%; */
  padding-top:35.403%;
}
.o-embed-responsive-5by1{
  /* padding-top:19.444% */
  padding-top:10.4em
}
.item--5 .o-embed-responsive-5by1{padding-top:14em}
.o-embed-responsive-13by8{padding-top:53.538%}

.item--1{ background:url(../images/index/bg_slide.jpg) no-repeat center; background-size:cover; position: relative;}
.item--1 .o-jumbotron{ position:absolute; top:50%; left:50%;min-width: 90%; padding:0; background-color:transparent; font-weight:300; color:#fff; text-align:center; transform:translate(-50%,-50%);padding-top:4.375rem }
.item--1 .o-jumbotron-title1{ font-size:9em; letter-spacing:0.15em;font-weight: bold; text-shadow: 5px 5px 0px #610991, 6px 6px 0px #fff; }
.item--1 .o-jumbotron-title2{ font-size:5.6em; letter-spacing:0.05em; }
.item--1 .o-jumbotron-title3{ font-size:2em; color:rgba(255, 255, 255, 0.5); text-transform:capitalize; letter-spacing:0.025em; }
.item--1 .o-jumbotron-line{ display:inline-block; margin:3.5em 0; width:4px;height:4px;background-color: rgba(255, 255, 255, 0.1); border-radius: 50%;position:relative}
.item--1 .o-jumbotron-line::before,.item--1 .o-jumbotron-line::after{content:'';position:absolute;top:1px;width:20em;height:2px;background-color: rgba(255, 255, 255,.1)}
.item--1 .o-jumbotron-line::before{left:-20.5em;}
.item--1 .o-jumbotron-line::after{right:-20.5em;}
.item--1 .o-jumbotron-text{ position:relative;margin-bottom:0; font-size:1.3em; line-height:1.75; letter-spacing:0.1em; }
.item--1 .o-btn{ margin:2.5em auto; padding:1em 5em; border:1px solid rgba(255, 255, 255, 0.5);border-radius: 3em; background-color:transparent; font-weight:300; font-size:1.6em; }
/* .item--1 .o-btn:hover,.item--1 .o-btn:focus{ border-color:#621A87; background-color:#621A87; } */

.item__inner{ position:absolute; top:50%; left:6.25em; right:6.25em;
  /* padding-top:6.375rem; */
  padding-top:9rem;
   transform:translateY(-50%); }
.item__head{ position:absolute;
   /* top:0;  */
   top:2.625rem;
   left:0;right:0;margin: auto; width:100%;height:4.375rem; }
/* .item__head:before{ content:attr(data-text); position:absolute; top:50%; left:40%; font-weight:700; font-size:40em; line-height:0; color:#f6f8fa;opacity: .2; text-transform:uppercase; writing-mode:vertical-rl; transform:translateY(-50%); } */
.item__title{ position:absolute; top:50%; left:50%; font-size:2em;width:100%; padding: 0 1em;color:#222;text-align: center; transform:translate(-50%,-50%); }
.item__subtitle{font-size:.5em;text-align: center;color:#999}
.item__title.even,.item__subtitle.even{color:#fff}
/* .item__title::after,.item__title::before{ content:""; position:absolute; bottom:-20%; left:50%; width:100%; border-bottom:1px solid rgba(40,40,40,.1); transform:translateX(-50%); }
.item__title::before{bottom:auto;top:-10%;} */
.item__subtitle::after,.item__subtitle::before{content:"";display:inline-block;width:10em;vertical-align: middle;height:1px;background-image: linear-gradient(45deg,#dcdcdc 70%,transparent);}
.item__subtitle::before{background-image: linear-gradient(-45deg,#dcdcdc 70%,transparent);margin-right:2em;}
.item__subtitle.even::before{background-image: linear-gradient(-45deg,#fff 70%,transparent)}
.item__subtitle::after{margin-left:2em;}
.item__subtitle.even::after{background-image: linear-gradient(45deg,#fff 70%,transparent)}
.item__body{  }

.swiper-container23 .swiper-slide{ pointer-events:auto!important; }
.swiper-container23 > .swiper-pagination{ bottom:0; }
.swiper-container23 > .swiper-pagination .swiper-pagination-bullet{ width:0.75em; height:0.75em; margin:0 0.375em; }
.swiper-container23 > .swiper-pagination .swiper-pagination-bullet-active{ background-color:#621A87; }

.item--2{background-color:#fff;}
.item--2 .o-card{background-color:#fff;}
.item--2 .o-card-img,.item--5 .o-card-img{border-radius:4px;}
.item--2 .o-card-content{position: absolute;bottom:0;background-image: linear-gradient(0deg, rgba(0,0,0,.95), transparent);}
.item--2 .o-card-content .o-embed-responsive-item{padding:2.2em 5em 0;color:#fff;font-size:1.2em;line-height:1.5em;text-indent: 2em;text-align: justify;}
@media screen and (max-width:1720px){
  .item--2 .o-card-content .o-embed-responsive-item{padding:1.2em 2em 0}
}
@media screen and (max-width:1620px){
  .item--2 .o-card-content .o-embed-responsive-item{padding:0 1em}
}
.item--2 .o-card-rows--link,.item--5 .o-card-rows--link{color:#fff}
.item--2 .o-card-rows--link:hover,.item--5 .o-card-rows--link:hover{color:#621A87}
.item--2 .o-card-rows--intro{font-size:1.1em;line-height:1.5em;height:auto;text-align: justify;margin-bottom:1em}
/* .item--3 {background-color:#621A87;} */
  .item--3 .swiper-container{padding:.85%} 
.item--3 .item__inner{text-align: center;}
 .item--3 .swiper-slide{padding:1.5% 1%;transition:all .3s linear}
.item--3 .swiper-slide:hover{padding:0;transition:all .3s linear}
.item--3 .o-card{border-radius:0; background-color:transparent; font-size:1em; line-height:1.5;transform: skewX(-3deg);padding:7.5% 0 }
.item--3 .swiper-slide:hover .o-card{box-shadow: 0 0 10px #999;transition:all .3s linear}
.item--3 .o-card:hover{background-color:transparent; }
.item--3 .o-card-img{border-radius:0;padding-top: 135.753%;transform: scale(1.5);}
.item--3 .swiper-slide-active .o-card-img{-webkit-box-shadow:0px 0px 20px 0 rgba(0,0,0 ,.8);-moz-box-shadow:0px 0px 20px 0 rgba(0,0,0,.8);box-shadow:0px 0px 20px 0 rgba(0,0,0 ,.8) ;}
.item--3 .o-card-content{bottom:0;height:4.667em;width:100%;position: absolute;background-color: rgba(0, 0, 0, 0.5);}
.item--3 .o-card-body{ padding:0;position:relative;text-align: center;overflow: hidden;}
/* .item--3 .swiper-slide-active .o-card-body{opacity:1;transition: opacity .15s ease-in-out; } */
.item--3 .o-card-rows{ display:block;font-size:1.5em;height:100%;padding:0;margin:0;line-height:3.111em;color:#fff;transform: skewX(3deg); }
.item--3 .o-card-rows:last-child{ margin-bottom:0; }
.item--3 .o-card-rows--title:hover{color:#fff;transition:background-color 0.15s ease-in-out; }
.item--3 .o-card-rows--intro{ height:3em; font-size:1.125em; color:#666; }
.item--3 .o-card-rows--line{ display:inline-block; margin:1em 0 1.5em; width:6em; height:0; border-bottom:1px solid #621A87; opacity:0.5; }
.item--3 .o-card-rows--infom{ font-size:1.125em; color:#444; }
.item--3 .o-card-rows__number,.item--3 .o-card-rows__category{ width:50%; }
.item--3 .o-btn{padding:0.5em 2em;margin-top:2em;border: 1px solid #621A87;color:#621A87;border-radius:2.3rem}
.item--3 .o-btn:hover{background-color: #621A87;color:#fff}

.item--4 .item__body{text-align:center}
.item--4 .item__body .swiper-container{text-align:left}
.item--4 .o-card{ margin:0 1em 1em 1em; border-radius:0.125em 0.125em 0.5em 0.5em; background-color:transparent; font-size:1em; line-height:1.5;padding:1em .5em 2em;top:0;transition: all .3s linear; }
.item--4 .o-card::after{content:'';position:absolute;top:0;left:.5em;width:calc(100% - 1em );height:calc(100% - 2em );z-index:-1}
.item--4 .o-card:hover{top:-1em;box-shadow:none;transition: all .3s linear}
.item--4 .o-card:hover::after{top:.5em;box-shadow:0 1em 0.75em rgba(0,0,0,.3);transition: all .3s linear .2s;}
.item--4 .o-card-img{ border-radius:0.125em 0.125em 0 0; }
.item--4 .o-card:hover .o-card-img > img{transform:scale(1);}
.item--4 .o-card-body{ 
  /* padding:1.5em 1.5em 0 1.5em;  */
  padding:1.5em;
  background-color: rgb(255,255,255);
}
.item--4 .o-card:hover .o-card-body{background-color: transparent;}
.item--4 .o-card-rows:last-child{ margin-bottom:1em }
.item--4 .o-card-rows--time{ font-size:1.125em; color:#999;margin:0 }
.item--4 .o-card-rows--title{ overflow:hidden; display:block; font-size:1.25em;height:3em;line-height: 1.5em; color:#444; text-align:justify; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;margin:.5em 0}
.item--4 .o-card-rows--title:hover{ color:#621A87; }
.item--4 .o-card-class{padding:1.3em 0;font-size:1em;position:relative}
.item--4 .o-card-class::before{content:'';width:2em;height:2px;background-color: #e5e5e5;position: absolute;top:0;left:0}
.item--4 .o-card-rows--intro{ height:5.4em; font-size:1em;line-height: 1.8em;color:#666;margin:0 0 1em 0; }
.item--4 .o-card-rows--btn{ display:block; color:#999;display: flex;justify-content: space-between;align-items: center;}
.item--4 .o-card-rows--btn .iconfont{ font-size:2em; }
.item--4 .o-pagination{display:block;position: relative;height:2em;line-height:2em;margin:0 1.1em }
.item--4 .o-pagination .o-info{position:absolute;top:0;left:0;font-size: 1.125em;line-height: 2em;height:2em;}
.item--4 .o-pagination .swiper-pagination{position:absolute;top:0;left:auto;right:21em;width:3em;height:2em}
.item--4 .o-pagination .o-progress-box{position:absolute;top:1em;right:0;height:.04em;width:20em}
.item--4 .o-pagination .o-progress-group{height:100%}
.item--4 .o-pagination .o-progress-group .o-progress{width:100%;height:100%}
.item--4 .o-pagination .o-progress-group .o-progress-bar{width:50%}
.item--4 .arr-left{display:inline-block;width: 0;height: 0;border: .4em solid;border-left:0;border-color: transparent #999 transparent transparent ;}
.item--4 .arr-center{display:inline-block;width: 0.8em;height: 0.8em;border-radius: 50%;border: 1px solid #999;margin:0 .4em 0 .2em;position:relative}
.item--4 .arr-center:before{content:'';display:inline-block;width: 0.4em;height: 0.4em;border-radius: 50%;background-color: #999;position: absolute;top:.1em;left:.15em}
.item--4 .arr-right{display:inline-block;width: 0;height: 0;border: .4em solid;border-right:0;border-color: transparent transparent transparent #999;margin-right: .4em;}
.item--4 .o-btn{border:1px solid #621A87;color:#621A87;border-radius:1.4rem;padding:.5rem 2rem}
.item--4 .o-btn:hover{background-color:#621A87;color:#fff}


.item--5 .item__inner{padding-top:4.375rem}
.item--5 .item__head{top:0;bottom:0;right:auto;margin:auto;z-index:1;width:auto;text-align:left;min-width: 20em;margin-left:5em}
.item--5 .o-embed-responsive-5by2{padding-top: 39.403%;}
.item--5 .item__title{font-size:3em;letter-spacing:2px;padding:0;text-align:left}
.item--5 .item__subtitle{font-size:.3em;text-align:left}
.item--5 .item__subtitle::after,.item--5 .item__subtitle::before{content:none}
.item--5 .item__line{width:3em;height:1px;background-color: #fff;margin:1em 0;}
.item--5 .o-card{background-color:transparent}
.item--5 .o-card-content{position: absolute;bottom:0;}
.item--5 .o-card-content .o-embed-responsive-item{padding:2.2em 5em}
.item--5 .o-card-body .o-btn{font-size: .9rem;border-radius:2.3rem;padding:.7rem 2rem;color:#621A87;background-color: rgba(255, 255, 255, 0.9);border:none}
/* .item--5 .o-card-rows--intro{font-size:1.1em;line-height:1.5em;height:auto;text-align: justify;margin-bottom:1em;color:#fff} */
.item--5 .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3em;
  color: #666;
  text-align: center;
}

/* 移动端 */
.mobile .landscape .mobile-menu-btn{ margin-top: 1rem}
.mobile .landscape .o-btn{padding: .1rem .5rem;}
.mobile .landscape .item--5  .o-btn{padding: .7rem 2rem;}
.mobile .portrait .item__inner{left:2.5em;right:2.5em}
.mobile .portrait .item__title{padding:0}
.mobile .portrait .item__subtitle::after, .mobile .portrait .item__subtitle::before{width:5em}
.mobile .portrait .item__subtitle::before{margin-right:1em}
.mobile .portrait .item__subtitle::after{margin-left:1em}
.mobile .item--1{ font-size:0.625rem; }
.mobile .item--1 .o-jumbotron-title1{font-size:5em;text-shadow: 2px 2px 0px #610991, 3px 3px 0px #fff;}
.mobile .landscape .item--1 .o-jumbotron-title1{font-size:7em;}
.mobile .item--1 .o-jumbotron-title2{font-size:3em}
.mobile .landscape .item--1 .o-jumbotron-title2{font-size:5em;}
.mobile .item--1 .o-jumbotron-title3{font-size:1.3em}
.mobile .landscape .item--1 .o-jumbotron-line{margin:0}
.mobile .landscape .item--1 .o-jumbotron-line::before{width:11em;left: -11.5em;}
.mobile .landscape .item--1 .o-jumbotron-line::after{width:11em;right: -11.5em;}
.mobile .item--1 .nav{ display:block; }
.mobile .item--1 .o-jumbotron{ min-width: 96%; }
.mobile .item--1 .nav .o-nav-link{font-size:1rem;}
.mobile .portrait .item--1 .nav .o-nav-link::before{content:none}
.mobile .o-embed-responsive-5by2{padding-top: 51.403%;}
.mobile .landscape .o-embed-responsive-5by2{padding-top: 43.403%}
.mobile .o-embed-responsive-5by1{padding-top:14em;}
.mobile .landscape .item--2 .o-embed-responsive-5by1{padding-top:8.8em;}
.mobile .landscape .item--5 .o-embed-responsive-5by1{padding-top:5.8em;}
.mobile .item--1 .o-btn{font-size:1.5em}
.mobile .landscape .swiper-container1 .swiper-fraction{right:0;transform: rotate(-90deg) translateX(10em);}
.mobile .portrait .swiper-container1 .swiper-fraction{right:.3em;transform: rotate(-90deg) translateX(9.6em);}
.mobile .item--2,.mobile .item--3,.mobile .item--4,.mobile .item--5{ font-size:0.875rem; }
.mobile .landscape .item--2,.mobile .landscape .item--3,.mobile .landscape .item--4,.mobile .landscape .item--5{ font-size:0.5rem; }
.mobile .item--2 .o-card-body,.mobile .item--5 .o-card-body{font-size:.8em}
.mobile .item--2 .o-card-rows--intro,.mobile .item--5 .o-card-rows--intro{font-size:1em}
.mobile .landscape .item--2 .o-card-content .o-embed-responsive-item{padding:1em .2em;height: 9.4em;overflow: hidden;}
.mobile .portrait .item--2 .o-card-rows--link{color:#621A87}
.mobile .landscape .item--3 .swiper-slide{margin-right:20px!important;margin-top:10px!important}
.mobile .portrait .item--3 .o-card{width: 90%;margin: auto;}
.mobile .portrait .item--3 .o-card-content{height:2.667em}
.mobile .portrait .item--3 .o-card-body{opacity:1;top: 0;}
.mobile .portrait .item--3 .o-card-rows{padding:0;font-size:1rem;line-height:2.667em}
.mobile .portrait .o-embed-responsive-13by8 {padding-top:137.538%}
.mobile .landscape .item--4 .item__inner{padding-top:7rem}
.mobile .item--4 .o-card{margin:2em 0}
.mobile .landscape .item--4 .o-card{margin:.5em 0}
.mobile .landscape .item--4 .o-card-body{padding:.2em}
.mobile .landscape .item--4 .o-card-rows--title{height:auto}
.mobile .item--4 .o-pagination .o-progress-box{top:.8em;height:3px}
.mobile .portrait .item--4 .o-card-rows--intro{height:5.4em;}
.mobile .landscape .item--4 .o-card-rows--intro{ height: 3em;
  line-height: 1.5em;
  margin: 1em 0 1em 0;
  font-size: .8em;}
.mobile .landscape .item--4 .o-pagination{height:5.4em}
.mobile .portrait .item--4 .o-pagination .o-info{display:none}
.mobile .landscape .item--4 .arr-left{ border: 4px solid;border-color: transparent #999 transparent transparent ;}
.mobile .landscape .item--4 .arr-right{border: 4px solid;border-color: transparent transparent transparent #999;margin-right:6px}
.mobile .landscape .item--4 .arr-center{width: 8px;height: 8px;margin: 0 4px 0 2px;}
.mobile .landscape .item--4 .arr-center:before{width: 4px;height: 4px;top:1px;left:1px}
.mobile .landscape .item--4 .o-pagination .swiper-pagination{width:8em}
.mobile .portrait .item__inner{ right:2.5em;left:2.5em;padding-left:0; }
/* .mobile .portrait .item__head{ width:0; } */
/* .mobile .landscape .item__head{ width:19em; } */
/* .mobile .portrait .item__title{ display:none; } */
.mobile .swiper-container2 .swiper-slide{ width:85%; }
.mobile .portrait .item--2 .o-card-content, .mobile .portrait .item--5 .o-card-content{position:relative;background-image: none;}
.mobile .portrait .item--2 .o-card-content .o-embed-responsive-item{padding: 2.2em .5em;color:#444}
.mobile .portrait .item--5 .o-card-content .o-embed-responsive-item{padding: 2.2em .5em;}
.mobile .portrait .item--5 .item__head{margin:0  0 0 1em;top:4.375rem;height:0;padding-top:51.403%}
.mobile .landscape .item--5 .item__head{min-width:50%;margin-left: 2em;}
.mobile .landscape .item--5 .o-card-content .o-embed-responsive-item{padding:1em 2em;height:100%;overflow: hidden;}
.mobile .portrait .item--5 .item__title{font-size:2em}
.mobile .portrait .item--5 .item__line{margin:.5em 0}
.mobile .portrait .item--5 .o-card-body .o-btn{border:1px solid #621A87}
@media screen and (orientation: landscape){
html.mobile {
    font-size: 1.3333vw;
}
}