.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 15px;
  left: 0;
  width: 100%;
}

#main{
  padding-top:0 !important;
  max-width:initial !important;
}

#main .region-footer-bottom .field-body ul, #main .region-footer-bottom .field-body ol {
  margin-top: 7px;
  margin-bottom: 1em;
  padding-left: 0
}

.block {
    margin-bottom: 0;
}
.block h2.block-title {
    border-bottom: 0;
    margin-bottom: 30px;
    font-size: 32px;
    /*font-weight: 600;*/
    color: #1A1A1A;
    position:relative;
}
.block h2.block-title:before{
    position: absolute;
    width: calc(100% - 210px);
    height: 1px;
    left: 160px;
    bottom: 14px;
    background: #9C113C;
    content: "";
}
.block-region-bottom-third .block h2.block-title:before{
    bottom: 15px;
}
.more-link {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 12px !important;
    display:inline-block;
}
.imgs, .eventimg{
      overflow: hidden !important;
      display: block;
    line-height: 100% !important;
}
.opinionitems .imgs{
        overflow: visible !important;
}
.imgs img ,.eventimg img{
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    /*display: block;*/
}

.imgs:hover img ,.eventimg:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.language-en .more-link {
  font-size:0 !important;
}
.more-link:before{
  display:inline-block;
  content:"";
  background:url(../../icon-red.png) no-repeat left center;
  background-size: 35px 20px;
    width: 35px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.language-en .more-link:after{
  display:inline-block;
  content:"More";
  font-size:14px;
}
.block-region-top-third-right a.more-link,.block-region-middle-third-left a.more-link,.block-region-bottom-first-left a.more-link{
  color:#FFF;
}
.block-region-top-third-right .more-link:before,.block-region-middle-third-left .more-link:before,.block-region-bottom-first-left .more-link:before,
.block-region-top-third-right .block h2.block-title:before,.block-region-middle-third-left .block h2.block-title:before,.block-region-bottom-first-left .block h2.block-title:before{
    filter: grayscale(100%) brightness(100);
}
.block-region-middle-third-left .block h2.block-title:before {
    width: calc(100% - 300px);
    left: 220px;
    bottom: 130px;
}
.block-region-middle-third-left  .more-link{
  right: 45px;
    top: 87px;
}
.block-region-bottom-third .more-link {
    top: 30px;
    margin-left: 14px;
    margin-right: 14px;
}
/************ news ******/
.layout-full.region-middle-first, .language-en .layout-full.region-top{
  padding-top:40px;
  background:url(../../bg-newsregion.png) no-repeat top center;
  background-size:100%;
  background-position-y: -38px;
  padding-bottom:120px;
}

.frontnewsblock {
    background: #FFF;
    /*box-shadow: 2px 2px 4px #ccc;*/
    padding-bottom: 20px;
}
.language-zh-hans .frontnewsblock .owl-buttons {
    position: absolute;
    width: 100%;
    bottom: -10px;
    display: flex;
    justify-content: center;
}

.language-zh-hans .frontnewsblock .owl-controls .owl-buttons div {
    position: relative;
    background:none;
    color:#333;
    font-size:0;
}
.language-zh-hans .frontnewsblock .owl-controls .owl-buttons div:before{
  font-family: "iconfont";
  font-style: normal;
  font-weight: normal;
  font-size:22px;
  color: #6f0432;
}
.language-zh-hans .frontnewsblock .owl-buttons .owl-next {
    margin-left: 75px !important;

}
.language-zh-hans .frontnewsblock .owl-buttons .owl-prev {
    margin-right: 75px !important;
}
.language-zh-hans .frontnewsblock  .owl-controls .owl-buttons .owl-next:before {
    content: '\e817';
}
.language-zh-hans .frontnewsblock  .owl-controls .owl-buttons .owl-prev:before {
    content: '\e819';
}
.language-en .frontnewsblock {
   background:none;
   box-shadow:none;
}
.language-en .frontnewsblock .owl-wrapper {
    display: flex !important;
}
.language-en .frontnewsblock .item {
    padding: 15px;
    height: 100%;
}
.language-en .frontnewsblock .newsitems{
    background: #FFF;
    padding-bottom: 20px;
    height: 100%;
}

.language-en .frontnewsblock .newsitems .postinfo {
    padding: 20px 40px 0px 80px;
    position: relative;
}

.newsitems .posttime {
    position: absolute;
    padding: 10px 10px;
    background: #9C113C;
    left: -60px;
    top: -60px;
    width: 120px;
    height: 120px;
    font-family: arial;
    font-size: 12px;
    border-radius: 60px;
    clip: rect(0px 120px 120px 60px);
    text-align: right;
    color: #FFF;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: right;
}

.newsitems .posttime span {
    display: block;
    text-align:right;
}
.newsitems .posttime span.day {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-right: 7px;
}
.newsitems .postinfo {
    padding: 20px 60px 0px 80px;
    position:relative;
    min-height: 138px;
}
.newsitems .postinfo p.title a,.newslists .postinfo p.title a {
    font-size: 18px;
    color: #555;
    word-wrap: normal;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsitems .postinfo p.summary{
    padding-top:10px;
    color:#909090;
    word-wrap: normal;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} 
.language-en .newsitems .postinfo p.summary {
    -webkit-line-clamp: 4;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #9C113C;
}
.newslists {
    margin: 3.1% 0;
    padding: 10px 20px 10px 70px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #FFF;
    height: 110px;
    position: relative;
    /*box-shadow: 2px 2px 4px #ccc;*/
}
.newslists:hover{
  /*background:#9C113C;*/
  background: linear-gradient(133deg, #D5B4C2 0%, #9c113c 100%);
}
.newslists .postinfo p.title a {
    font-size: 16px;
}
.newslists:hover .postinfo p.title a{
  color:#FFF;
}
.newslists .postinfo {
    padding: 20px 140px 20px 20px;
    position: relative;
    width: 100%;
}
.featureimg {
    position: absolute;
    right: -10px;
    top: 0;
    width: 140px;
    height: 90px;

}
.featureimg {
		opacity: 1;
		transition: all;
}
/*.newslists:hover .featureimg{
			opacity: 1;
		webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
	}
.featureimg img {
   -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s,-webkit-filter .3s;
}*/
.newslists .posttime {
    position: absolute;
    padding: 10px 10px;
    background: #9C113C;
    left: -55px;
    top: 0px;
    width: 120px;
    height: 110px;
    font-family: arial;
    font-size: 12px;
    border-radius: 100%;
    clip: rect(0px 120px 110px 55px);
    text-align: right;
    color: #FFF;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: right;
}
.posttime .times{
  width:100%;
}
.newslists .posttime span {
    display: block;
    text-align:right;
}
.newslists .posttime span.day {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
    padding-right: 7px;
}
/************* notice *****************************************/
.layout-full.region-top-third {
    padding-top: 40px;
    margin-top: -40px;
    padding-bottom: 40px;
    position:relative;
    max-width:1920px;
    margin-bottom: 40px;
    margin-left:auto;
    margin-right:auto;
}
.language-en .layout-full.region-top-third {

    /*margin-bottom: 80px;*/
    /*padding-bottom: 80px;*/
}
.layout-full.region-top-third .block-region-top-third-right{
  position:relative;
  z-index:1;
} 
.block-region-top-third-right .owl-controls {
    position: relative;
}
.block-region-top-third-right .owl-pagination {
    position: absolute;
    width: 100%;
    top: 30px;
}
.block-region-top-third-right .owl-pagination {
    position: absolute;
    width: 100%;
    top: 30px;
}
.block-region-top-third-right .owl-buttons {
    position: absolute;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    width: 100%;
}
.noticelists{
    background: #FFF;
    display: flex;
    vertical-align: middle;
    align-items: center;
    min-height:90px;
    margin-bottom:15px;
    position: relative;
}
.noticelists:hover{
  background:#9C113C;
  /*background: linear-gradient(133deg, #D5B4C2 0%, #9c113c 100%);*/
}
.noticelists:hover  .posttime, .noticelists:hover .postinfo p.title a{
  color:#FFF;
}
.articletop {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    background: #9c113c;
    font-size: 10px;
    padding: 1px 3px;
    /*font-family: cursive;*/
}
.noticelists .posttime {
    position: absolute;
    padding: 10px 15px;
    background: transparent;
    border-right:1px solid #CCC;
    width: 80px;
    height: 60px;
    font-family: arial;
    font-size: 12px;
    text-align: right;
    color: #9C113C;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: right;
}
.noticelists .posttime span {
    display: block;
    text-align:right;
}
.noticelists .posttime span.day {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}
.noticelists .postinfo {
    padding: 15px 20px 15px 100px;
    position:relative;
}
.noticelists .postinfo p.title a {
    font-size: 16px;
    color: #555;
    word-wrap: normal;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.block-region-top-third-right .block h2.block-title {
    padding-left:15px;
    color: #FFF;
}
.fronteventitems {
    padding: 15px;
    height: 100%;
}
.fronteventblock{
  display:flex;
  flex-wrap:wrap;
}
.frontevents{
  background:#FFF;
  padding-bottom:20px;
  height:100%;
}
.frontevents .eventinfo {
  position: relative;
  min-height: 220px;
}
.frontevents .event-time {
     background: #9C113C;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    text-align: center;
    color: #FFF;
    top: -50px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    font-size:12px;
}
.frontevents .event-time .event-day{
  font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}
.frontevents h3.event-title {
    font-size: 16px;
    padding:40px 30px 15px 30px;
}

.frontevents .eventmaintitle, .frontevents .eventtime, .frontevents .eventspeaker, .frontevents .event_location {
    display: flex;
    font-size:14px;
    color:#999;
    padding:0 30px;
    margin-bottom: 6px;
}
.fronteventblock .owl-carousel .owl-item {
    /* float: none; */
    height: auto;
}
.fronteventblock .owl-wrapper{
  display:flex !important;
}
.fronteventblock .owl-theme .owl-controls .owl-page span {
    background: rgba(255,255,255,.8);
}
.fronteventblock .owl-theme .owl-controls .owl-page.active span,.fronteventblock  .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #9C113C;
}
.fronteventblock .owl-theme .owl-controls .owl-buttons div {
    margin: 15px 60px;
    font-size: 0px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #9E103C;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    position:relative;
}
.fronteventblock .owl-theme .owl-controls .owl-buttons div.owl-prev:before{
  content:"";
  width:24px;
  height:10px;
  background:url(../../icon-prev.png) no-repeat left center;
  background-size:100%;
  position:absolute;
  left: 15px;
  top: 20px;
}
.fronteventblock .owl-theme .owl-controls .owl-buttons div.owl-next:before{
  content:"";
  width:24px;
  height:10px;
  background:url(../../icon-next.png) no-repeat right center;
  background-size:100%;
  position:absolute;
  left: 15px;
  top: 20px;
}

.language-zh-hans.frontevents .eventmaintitle strong,.language-zh-hans .frontevents .eventtime strong,.language-zh-hans .frontevents .eventspeaker strong {
    width: 45px;
    display: inline-block;
}
.language-zh-hans .frontevents .eventmaintitle span,.language-zh-hans .frontevents .eventtime span, .language-zh-hans .frontevents .eventspeaker span {
    display: inline-block;
    width: calc(100% - 45px);
}

/******************** major ***********************************/
.layout-full.region-bottom-standard{
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 0;
    background: url(../../bg-major.jpg) no-repeat bottom center;
    background-size: cover;
    position: relative;
    margin-bottom:30px;
    padding-left: 14px;
    padding-right: 14px;
}

.layout-full.region-bottom-standard .block h2.block-title {
    color: #FFF;
}
.layout-full.region-bottom-standard .block h2.block-title:before{
  display:none;
}
.layout-full.region-bottom-standard .frontresearchblock {
    background: #e6e5e6;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.layout-full.region-bottom-standard .researchblock {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    border-right: 1px solid #CCC;
    padding: 30px;
    font-size: 16px;
    border-bottom: 1px solid #CCC;
    line-height: 150%;
    justify-content: center;
    align-content: flex-start;
}
.layout-full.region-bottom-standard .researchblock img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background: #FFF;
    margin-bottom: 20px;
}
.layout-full.region-bottom-standard .researchblock a{
  color:#555;
}
.layout-full.region-bottom-standard .researchblock:hover a{
color: #9c113c;
}
.layout-full.region-bottom-standard .researchblock:hover img{
  box-shadow:2px 2px 6px #999;
}
.block-region-middle-third-right{
  min-height:730px;
}
.layout-full.region-bottom-standard #myTabContent{
  position:relative;
}
.layout-full.region-bottom-standard .fade{
  display:none;
}
.layout-full.region-bottom-standard .fade.in{
  display:block;
}
.layout-full.region-bottom-standard .nav-pills{
    margin-bottom: 60px;
    padding:0;
    overflow: hidden;
}
.layout-full.region-bottom-standard .nav-pills li{
    float:left;
    margin:0;
    padding:5px 40px;
    list-style:none;
}
.layout-full.region-bottom-standard .nav-pills li:first-child{
    padding-left:0px;
    border-right:1px solid rgba(255,255,255,0.8);
    list-style:none;
}
.layout-full.region-bottom-standard .nav-pills a {
    font-size: 32px;
    font-weight: 600;
    color: #CEBFBF;
    display:inline-block;
    padding:0;
}
.layout-full.region-bottom-standard .nav-pills li.active a {
    color: #FFF;
}
.xklist {
    color: #FFF;
}
.xklist dl {
    background: rgba(255,255,255,0.2);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    display: table;
    width: 100%;
}
.xklist dt {
    width: 150px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    display: table-cell;
}
.xklist dd {
    width: calc(100% - 150px);
    font-size: 14px;
    display: table-cell;
    padding: 10px;
    line-height: 130%;
}
.xklist dd:hover {
    background-color: #9c113cc2;
}
.xklist dd span {
    padding: 5px 10px;
    display: inline-block;
}
.xueke .colright{
  margin-top:90px;
}
.jylist .row div a {
    color: #FFF;
    display: block;
    margin:15px 5px;
    padding:24px 30px;
    text-align:center;
    position:relative;
    background:rgba(0,0,0,0.5);
}
.jylist .row div a:before{
      border:1px solid rgba(255,255,255,0.5);
      content:"";
      width:calc(100% - 12px);
      height:calc(100% - 12px);
      position:absolute;
      top:5px;
      left:5px;
}
.jylist .row div a:hover{
  background:#9C113C;
}
.jylist .row {
    display: flex;
    flex-wrap: wrap;
}
/************* media ******************************************/
.layout-full.region-bottom-second {
   position:relative;
    padding-top: 40px;
}
.layout-full.region-bottom-second:after{
    position: absolute;
    background: url(../../bg-media-mbabuilding.png) no-repeat;
    right: 10%;
    top: -20px;
    width: 600px;
    height: calc(100% + 80px);
    content: "";
}
.block-region-bottom-second-left {
    position: relative;
    z-index: 2;
}
.layout-full.region-bottom-second .row .col-md-4 {
    width: 100%;
    overflow: hidden;
}
.layout-full.region-bottom-second .list-5.bg-white {
    background: transparent;
    padding-bottom: 50px;
}
.layout-full.region-bottom-second .list-5-blue ul li {
    float: left;
    width: calc(20% - 20px);
    padding: 50px 20px 40px;
    margin: 10px;
    background: #FFF;
    border-bottom:0;
    position:relative;
}
.layout-full.region-bottom-second .list-5 ul {
    overflow: hidden;
    display: flex;
    padding: 14px 0;
    flex-wrap:wrap;
}
.layout-full.region-bottom-second .list-5 .list-content li{
  margin-top:30px;
}
.layout-full.region-bottom-second .list-5 .list-content li:hover{
  box-shadow:2px 2px 6px #999;
  background: linear-gradient(133deg, #D5B4C2 0%, #9387B6 100%);
}
.layout-full.region-bottom-second .list-5 .list-content li:hover a{
  color:#fff;
}
.layout-full.region-bottom-second .list-5 .list-content li .list-time {
    margin-top: 0;
    position: absolute;
    padding: 7px;
    top: 10px;
    color: #9C113C;
    font-size: 12px;
    width: calc(100% - 60px);
    display: block;
    text-align: center;
}
.layout-full.region-bottom-second .list-5 .two-line.list-text {
    max-height: initial;
    -webkit-line-clamp: 4;
    line-height: 150%;
    padding-bottom: 0;
}
.layout-full.region-bottom-second .list-5 .list-content li .list-time:before {
    content: "";
    position: absolute;
    top: -40px;
    width: 68px;
    height: 45px;
    background-image: url(../../icon-red.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
}
/************* viewpoint *************************************/

.layout-full.region-bottom{
    background-image: url(../../bg-viewpoint.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position:relative;
    padding-bottom:20px;
}
.layout-full.region-bottom .col-md-8{
  width:100%;
}
.block-region-bottom-first-left {
    padding: 60px 10px 0px;
}
.block-region-bottom-first-left .block h2.block-title {
    color: #FFF;
}
.opinionitems {
  padding:20px;
}
.opinionitems .imgs {
    text-align: center;
}
.opinionitems .imgs img{
     border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}
.opinionitems .postinfo p.addinfo{
  text-align:center;
  font-size:16px;
  color:#FFF;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.5);
  margin-bottom:10px;
  margin-top:20px;
}
.opinionitems:hover .postinfo p.addinfo{
  font-weight:600;
  border-bottom-color: #9E103C;
}
.opinionitems .postinfo p.title a{
  color:#FFF;
  font-size:14px;
  line-height:150%;
  padding-bottom:0;
  word-wrap: normal;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
}
.block-region-bottom-first-left .owl-theme .owl-controls .owl-buttons div {
    margin: 15px;
    font-size: 0px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #9E103C;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    position:relative;
}
.block-region-bottom-first-left .owl-theme .owl-controls .owl-buttons div.owl-prev:before{
  content:"";
  width:24px;
  height:10px;
  background:url(../../icon-prev.png) no-repeat left center;
  background-size:100%;
  position:absolute;
  left: 15px;
  top: 20px;
}
.block-region-bottom-first-left .owl-theme .owl-controls .owl-buttons div.owl-next:before{
  content:"";
  width:24px;
  height:10px;
  background:url(../../icon-next.png) no-repeat right center;
  background-size:100%;
  position:absolute;
  left: 15px;
  top: 20px;
}
/****************************** pinpai ***********************************************/

.block-region-bottom-third .swiper-104-1 .swiper-container{
  background-color: #000;
}
.block-region-bottom-third .swiper-pagination-fraction,.block-region-bottom-third .swiper-pagination-custom,.block-region-bottom-third .swiper-container-horizontal > .swiper-pagination-bullets{
  display:none;
}
.block-region-bottom-third .swiper-button-next,.block-region-bottom-third .swiper-button-prev{
  background: #9E103C;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    border-radius:100%;
    top: initial;
    bottom:-80px;
} 
.block-region-bottom-third .swiper-button-next {
    right: 40%;
    left: auto;
}
.block-region-bottom-third .swiper-button-prev{
  left:40%;
  right:auto;
}
.block-region-bottom-third .swiper-container .swiper-button-next:before {
    content:"";
    background: url(../../icon-next.png) no-repeat center right;
        width: 30px;
    height: 20px;
    top: -2px;
}
.block-region-bottom-third .swiper-container .swiper-button-prev:before {
    content:"";
    background: url(../../icon-prev.png) no-repeat center left;
    width: 30px;
    height: 20px;
    top: -2px;
}
/********** language en ******/
.hyhdpic{
  margin-bottom:15px;
}
.hyhdpic img{
  width:100%;
  display:block;
}





/************* footer *****************************************/
/*.region-footer-bottom .digi {
    animation-name: fadeInUp !important;
}*/
.region-footer-bottom {
    color: #FFF;
    position: relative;
}
.region-footer-bottom .digi h5 {
    display: inline-block;
    padding-right: 20px;
    font-size: 60px;
    font-family: Times;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
}
.region-footer-bottom .digi h5 span,.region-footer-bottom .digi p{
  font-size:16px;
  color:#FFF;
  font-weight:400;
}
.block-region-footer-bottom .front-digi{
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-right: 15px;
    margin-left: 15px;
}
.enbottomlinks .b-icons svg{
  fill:#9387b6 !important;
}
.enbottomlinks .b-icons:hover svg{
  fill:#9c113c !important;
}
.enbottomlinks .b-icons:after {
    position: absolute;
    content: "";
    background: #FFF;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    top: -2px;
    z-index: 0;
    left: 22px;
    border: 2px solid #9387b6;
}
.enbottomlinks .b-icons:hover:after{
  border: 2px solid #9c113c;
}
.enbottomlinks .b-icons:hover span{
  color:rgba(255,255,2555,1);
}
.enbottomlinks .b-icons {
    margin: 10px 0;
    position: relative;
    width: 120px;
}
.enbottomlinks svg {
    width: 50px;
    height: 40px;
    padding: 15px 10px;
    border: 0;
    position: relative;
    z-index: 1;
}
.enbottomlinks span {
    color: rgba(255,255,255,0.7);
    display:block;
    text-align:center;
}
.enbottomlinks {
    display: flex;
    color: rgba(255,255,255,0.7);
    justify-content: space-evenly;
    padding: 20px 10% 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    flex-wrap: wrap;
}
/*瀛﹂櫌鍘嗙▼婊氬姩*/
.milestones {
  width:100%;
  padding-bottom:3px;
}
.milestones .milestones-tbox {
  width:100%;
  padding-top: 14px;
}
.milestones p.milestones-t1 {
  text-align:center;
  font-size:26px;
  color:#df0045;
  line-height:100%;
}
.milestones p.milestones-t2 {
  text-align:center;
  font-size:20px;
  color:#df0045;
  line-height:100%;
}
#scrollLoop {
height:520px;
z-index:2;
padding-bottom:10px;
cursor: pointer;
background-image:url(../../milestones520.jpg);
background-position:0px 0px;
background-repeat: repeat-x;
animation-play-state:running;
-webkit-animation: frontscroll 35s linear infinite;
-moz-animation: frontscroll 35s linear infinite;
-ms-animation: frontscroll 35s linear infinite;
-o-animation: frontscroll 35s linear infinite;
animation: frontscroll 35s linear infinite;
}

@-webkit-keyframes frontscroll {
from {background-position:0 0;}
to {background-position: 100% 0;}
}

@-moz-keyframes frontscroll {
from {background-position:0 0;}
to {background-position:100% 0;}
}

@-o-keyframes frontscroll {
from {background-position:0 0;}
to {background-position:100% 0;}
}

@keyframes frontscroll {
from {background-position:0 0;}
to {background-position:100% 0;}
}


@media screen and (min-width:767px){
  
  .layout-full.region-middle-first .row {
    display: flex;
    align-items: end;
  }
  
  .layout-full.region-middle-first .block-region-middle-first-left {
    margin-right: 4%;
    margin-bottom: 3.1%;
  }
  
  
  .layout-full.region-third:after {
    position: absolute;
    content: "";
    width: 70%;
    height: 60px;
    background-color: rgb(233, 233, 240);
    bottom: 0;
    right: 0;
  }
  .layout-full.region-bottom:after {
      position: absolute;
      content: "";
      width: 55%;
      height: 60px;
      background-color: rgb(233, 233, 240);
      bottom: 0;
      left: 0;
  }
  .layout-full.region-bottom-standard:before {
      position: absolute;
      content: "";
      width: 65%;
      height: 60px;
      background-color: rgb(233, 233, 240);
      top: 0;
      right: 0;
  }
  .layout-full.region-bottom-second {
      z-index: 1;
  }
  
  .field-body .xueke {
    display: flex;
    align-items: end;
  }
  
}


@media screen and (min-width:992px){
/*.language-zh-hans article.node.showdiv .layout-full.region-middle-first .row .col-md-6:nth-child(1){
  width:55%;
}
.language-zh-hans article.node.showdiv .layout-full.region-middle-first .row .col-md-6:nth-child(2){
  width:45%;
}*/
div#block-header-block, div#block-headerlogin, div#block-headeren {
    position: fixed !important;

}
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{
    height: 450px !important;
}
.block-region-middle-first-left,.block-region-top-third-left,.block-region-middle-third-left{
  margin-right:4%;
}
.block-region-middle-first-right,.block-region-middle-third-right{
  margin-left:4%;
}
.block-region-middle-first-right{
    padding-top:10px;
}
.block-region-top-third-right{
  margin-left:8%;
}
.layout-full.region-top-third .col-xs-12.col-md-8{
  width: 33.33333333%;
}
.layout-full.region-top-third .col-xs-12.col-md-4{
  width: 66.66666667%;
}
.layout-full.region-top-third:after {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    width: 62%;
    background: url(../../bg-activity.jpg) no-repeat right top #999;
    background-size: cover;
    content: "";
    z-index: 0;
}
.layout-full.region-top-third:before {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top:-8px;
    width: 38%;
    background: url(../../bg-activity-left.png) no-repeat right top transparent;
    content: "";
    z-index: 0;
}
.block-region-middle-third-left{
  position:relative;
  top: -180px;
  margin-bottom: -180px;
}
.layout-full.region-third{
  margin-top:160px;
}
.layout-full.region-bottom-second .block h2.block-title:before,.layout-full.region-bottom .block h2.block-title:before,.layout-full.region-bottom-third .block h2.block-title:before{
    width: 300px;
}
.layout-full.region-bottom-second .more-link,.layout-full.region-bottom .more-link,.layout-full.region-bottom-third .more-link {
    left: 430px;
    right: initial;
}
.layout-full.region-bottom .owl-theme .owl-controls {
    margin-top: 50px;
    text-align: right;
    padding-right: 60px;
}
.block-region-bottom-third .swiper-container {
   width: 890px; 
  overflow: visible;
  padding-bottom: 0;
}
.swiper-104-1 .swiper-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 2;
    top: 0;
    opacity: 0.8;
    left: -890px;
}
.swiper-104-1 .swiper-container:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 2;
    top: 0;
    opacity: 0.8;
    right: -890px;
}
.block-region-bottom-third .swiper-104-1 {
  overflow: hidden;  
  padding-bottom:140px;
}
.block-region-bottom-third  .swiper-104-1 .swiper-1 .swiper-slide {
    opacity: 0.5;
}
.block-region-bottom-third  .swiper-104-1 .swiper-1 .swiper-slide.swiper-slide-duplicate-active,.block-region-bottom-third  .swiper-104-1 .swiper-1 .swiper-slide.swiper-slide-active{
   opacity:1;
}

.swiper-container.swiper-1.swiper-container-0 {
    padding-top: 100px;
}
#main .swiper-127-1  .swiper-1 .swiper-wrapper,#main .swiper-127-1  .swiper-1 .swiper-slide,#main .swiper-127-1  .swiper-container.swiper-1,
#main .swiper-59-1 .swiper-1 .swiper-wrapper,#main .swiper-59-1 .swiper-1 .swiper-slide,#main .swiper-59-1 .swiper-container.swiper-1 {
    height: 100vh !important;
    background-position: center center;
}
#main .swiper-127-1 .swiper-1 .swiper-slide.swiper-slide-active,
#main .swiper-59-1 .swiper-1 .swiper-slide.swiper-slide-active{
     transition: transform 6000ms linear 0s;
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}
article.node {
	    position: fixed;
	    left: 0%;
	    top: 100%;
	    bottom: 0;
	    right: 0;
	    overflow: hidden;
	    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
	    z-index: 1;
	    overflow: auto;
	    outline: none;
	    background-color: #e9e9f0;
	}
article.node.showdiv {
	    top: 0;
	}
.language-zh-hans article.node.showdiv .layout-full.region-middle-first,.language-en article.node.showdiv .layout-full.region-top{
		margin-top:110px;
	}
.headerfixtop {
    opacity: 1;
    transition: all 0.5s ease-out 0s;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
#main #content{
  min-height:auto;
}


}
@media screen and (min-width:1280px){
.swiper-59-1,.swiper-127-1{
  position:relative;
}

.swiper-59-1 .swiper-container:after,.swiper-127-1 .swiper-container:after{
  content:"";
  height:115px;
  width:100%;
   background-image: linear-gradient(270deg,rgba(152,152,152,0) 0%,rgba(0,0,0,.67) 100%);
    background-image: -webkit-linear-gradient(270deg,rgba(152,152,152,0) 0%,rgba(0,0,0,.67) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(152,152,152,0) 0%,rgba(0,0,0,.67) 100%);
    background-image: -ms-linear-gradient(270deg,rgba(152,152,152,0) 0%,rgba(0,0,0,.67) 100%);
    background-image: -o-linear-gradient(270deg,rgba(152,152,152,0) 0%,rgba(0,0,0,.67) 100%);
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
}
.swiper-59-1 .swiper-pagination-bullet,.swiper-127-1 .swiper-pagination-bullet {
  width: max-content;
  height: 20px;
  border-radius: 100%;
  background: none;
  opacity: 1;
  color: #FFF;
  font-weight: 600;
}
.swiper-59-1 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-127-1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
  color: #E10046;
  background: none;
}
.swiper-59-1 .swiper-pagination-bullet:not(:last-child):after,.swiper-127-1 .swiper-pagination-bullet:not(:last-child):after{
  content:"/";
  display:inline-block;
  padding-left:5px;
}
.swiper-59-1 .swiper-button-next,.swiper-59-1 .swiper-button-prev,.swiper-127-1 .swiper-button-next,.swiper-127-1 .swiper-button-prev{
  background: none;
    width: 50px;
    height: 50px;
    opacity: 0.8;
    border-radius:100%;
    top: initial;
    bottom:0px;
    z-index:21;
} 
.swiper-59-1  .swiper-button-next,.swiper-127-1  .swiper-button-next {
    right: 32%;
    left: auto;
}
.swiper-59-1  .swiper-button-prev,.swiper-127-1  .swiper-button-prev{
  left:32%;
  right:auto;
}
.swiper-59-1 .swiper-container .swiper-button-next:before,.swiper-127-1 .swiper-container .swiper-button-next:before {
    content:"";
    background: url(../../icon-next.png) no-repeat center right;
        width: 30px;
    height: 20px;
    top: -2px;
}
.swiper-59-1 .swiper-container .swiper-button-prev:before,.swiper-127-1 .swiper-container .swiper-button-prev:before {
    content:"";
    background: url(../../icon-prev.png) no-repeat center left;
    width: 30px;
    height: 20px;
    top: -2px;
}
.block-region-top-first .swiper-59-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-59-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-59-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-127-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-127-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-127-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1{
    height:calc(80vh - 110px) !important;
}
.xueke {
  overflow:hidden;
}
.xueke .colleft{
  width:45%;
  margin-right:5%;
  float:left;
}
.xueke .colright{
  width:45%;
  margin-left:5%;
  float:left;
}
}
@media screen and (min-width:1400px){
.block-region-top-first .swiper-59-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-59-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-59-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-127-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-127-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-127-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 {
    height: calc(90vh - 110px) !important;
}
.enbottomlinks {
    padding: 20px 5% 20px;
}
}
@media screen and (min-width:1600px){
  .block-region-top-first.swiper-127-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-127-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-127-1 .swiper-container.swiper-1,
.block-region-top-first.swiper-59-1 .swiper-1 .swiper-wrapper,.block-region-top-first .swiper-59-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-59-1 .swiper-container.swiper-1,
.block-region-top-first .swiper-84-1 .swiper-1 .swiper-wrapper, .block-region-top-first .swiper-84-1 .swiper-1 .swiper-slide,.block-region-top-first .swiper-84-1 .swiper-container.swiper-1 {
    height:calc(100vh - 110px) !important;
}
}

@media screen and (max-width:1024px){
#main .inner{
  width:100% !important;
}
.language-en .main-menu-1-1 .nav-menu>.menu-item .menu-toggle a, .language-en .main-menu-1-1 .nav-menu>.menu-item>a, .language-en .main-menu-1-1 .nav-menu>.menu-item i, .language-en .main-menu-1-1 .nav-menu>.menu-item span {
    font-size: 14px;
}
.layout-full.region-middle-first{
  padding-bottom:40px;
}
.block-region-middle-third-right{
  margin-top:60px;
}
.layout-full.region-top-third {
    margin-top: 0px;
    padding-bottom: 0px;

}
.layout-full.region-third {
    padding-top: 30px;
    padding-bottom: 80px;
    margin-top: -7px;
}
.layout-full.region-bottom-second .list-5-blue ul li {
    width: calc(50% - 20px);
}

.layout-full.region-top-third .block-region-top-third-right:after {
    display: block;
    height: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    width: calc(100% + 44px);
    background: url(../../bg-activity.jpg) no-repeat right top;
    background-size: cover;
    content: "";
    z-index: 0;
}
.layout-full.region-top-third .block-region-top-third-right{
    padding-top:40px;
    padding-bottom:80px;
}

.layout-full.region-top-third .block-region-top-third-right .block {
    position: relative;
    z-index: 1;

}
.xklist dd {
    width: auto;
    display: block;
}
.xklist dt {
    width: auto;
    display: block;
}
}

@media screen and (max-width:767px){
  .more-link {
      top: -2px;
  }
  .block-region-bottom-third .more-link {
      top: 18px;
  }
  .block h2.block-title {
      font-size: 22px;
  }
   .language-en .region-top .block-region-top h2 {
     margin: 0 20px;
  }
   .language-en .region-top .block-region-top .more-link{
     right:20px;
   }
   .language-en .layout-full.region-top{
     padding-bottom:10px;
   }
   
   .language-en .frontnewsblock .newsitems .postinfo {
      padding: 20px 20px 0px 60px;
      position: relative;
  }
  .newsitems .postinfo p.title a {
      font-size: 16px;
  
  }
  
   .newsitems .postinfo {
      padding: 20px 20px 0px 60px;
  }
  .newsitems .postinfo p.summary {
      -webkit-line-clamp: 4;
  }
   .newslists {
      padding: 20px 20px 20px 0;
      height: auto;
      min-height: 125px;
  }
  
  .newslists .posttime {
      position: absolute;
      padding: 0;
      background: none;
      left: 20px;
      top: 20px;
      width: auto;
      height: auto;
      font-family: arial;
      font-size: 10px;
      border-radius: 0;
      clip: initial;
      text-align: left;
      color: #999;
      display: initial;
  }
  .newslists .postinfo {
      padding: 20px 140px 0px 20px;
      position: relative;
      width: 100%;
  }
  .newslists .postinfo p.title a {
      font-size: 14px;
      -webkit-line-clamp: 3;
  }
  .newslists .posttime .times {
      width: 100%;
      display: flex;
      flex-direction: row-reverse;
  }
  .newslists .posttime span.day {
      font-size: 12px;
      font-weight: normal;
      margin-bottom: 0;
      padding-right: 0;
  }
  .newslists .posttime span.day:before {
      content: "-";
  }
  .featureimg {
      opacity: 1;
      transform: scale(1);
      transition: all;
  }
  .layout-full.region-middle-first {
      padding-bottom: 10px;
  }
  .layout-full.region-top-third {
      padding-top: 5px;
  }
  .eventimg img {
      width: 100%;
      object-fit: cover;
  }
  .layout-full.region-bottom-second .list-5-blue ul li {
      width: calc(100% - 10px);
      margin:10px 0;
  }
  .block-region-middle-third-left .researchblock{
    width:100%;
    float: none;
    text-align: center;
  }
  .block-region-middle-third-left .researchblock a {
      width: 100%;
      display: block;
  }
  .layout-full.region-bottom-second:after {
      right: 0;
      height:100%;
      top:0;
  }
  .enbottomlinks {
      padding: 20px 5% 20px;
  }
  .region-footer-bottom .digi {
      text-align: center;
      animation-name: fadeInUp !important;
  }
  .region-footer-bottom .digi h5 {
      font-size: 40px;
      padding:0;
  }
  .region-footer-bottom .digi p {
      font-size: 14px !important;
      line-height:130% !important;
      text-align: center;
  }


}