@media (min-width: 992px){
.mouse {
    width: 25px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-image: url(../../mouse.png);
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    bottom: 30px;
    z-index: 2;
    animation: fadeInDown 1s infinite;
    -webkit-animation: fadeInDown 1s infinite;
    font-size: 0 !important;
}
.pagination .swiper-pagination-switch {
    width: 30px;
    background: #ECECEC;
}
.pagination {
    bottom: 60px;
}
#main #content article{
  display:relative;
}
#main #content article:before{
      background-image: url(../../ssse-bg-d02.png);
      content:"";
      bottom:0;
      background-repeat:no-repeat;
      left:1%;
      position:absolute;
     width: 460px;
    height: 480px;
}
#main #content article:after{
      background-image: url(../../ssse-bg-d02a.png);
      content:"";
      background-repeat:no-repeat;
      bottom:0;
      right:1%;
      position:absolute;
          width: 460px;
    height: 480px;
}
}
@media only screen and (max-width: 767px) {
.swiper-1 {
    height: calc(32vw);
}}
.pagination .swiper-active-switch {
    background: #0060E2;
}
.block h2.block-title {
    font-size: 28px;
    border-bottom: 0;
    margin-bottom: 20px;
    position:relative;
}
.block-region-top-second-left:before{
  position:absolute;
  content:"";
  width: 573px;
  height: 228px;
  left: -300px;
    top: 20px;
  background:url(../../ssse-bg-d01.png) no-repeat left top;
}
.block-region-middle-first-left p.title {
    font-size: 16px;
    padding: 10px;
    /* font-weight: bold; */
}
.block-region-middle-first-left p.summary {
    margin: 0 10px 10px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.block-region-middle-first-left span.time {
    margin-left: 10px;
    display: inline-block;
    background: #C29749;
    color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
}
.block-region-middle-first-left span.time:before,.newslists span.time:before {
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    content: "\e606";
    padding-right: 5px;
}
.block-region-middle-first-right {
    margin-top: 70px;
}
.region-top-second  h2.block-title:before{
    color:rgba(194, 151, 73,0.1);
  font-size:40px;
  position:absolute;
  left:20%;
  font-weight:bold;
  top:0;
}
.block-region-top-second-left h2.block-title:before{
    content:"SSSE NEWS";
}
.block-region-top-second-middle h2.block-title:before{
    content:"NOTICE";
}
.block-region-top-second-right h2.block-title:before{
    content:"RESEARCH";
}
.region-top-second a.more-link:before {
    content: "/";
    margin-right: 30px;
}
.region-top-second a.more-link {
    font-size: 14px;
    left: 140px;
}
.newslists{
  border:1px solid #ECECEC;
  position:relative;
  margin-bottom:20px;
  background: #FFF;
}
.newslists span.time{
    display: inline-block;
    background: #13254B;
    color: #FFF;
    padding: 5px 10px;
    font-size: 12px;
    position:absolute;
    left:0;
    bottom:0;
}
.newslists .title a {
    margin: 20px 5px 20px 20px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 150%;
}
.newslists .img a {
    line-height: 0;
    display: block;
}
.photonews .owl-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    padding-bottom: 0px;
}

.photonews .owl-item {
    height: auto;
}

.photonews {
    margin-bottom: 10px;
}

.photonews .owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

.photonewsitems {
    padding: 20px 20px 10px;
    margin: 0 0px 0 0;
    background-color:#E7EBF6;
    height: 100%;
    min-height: 300px;
}

.photonewsitems .title {
    font-size: 14px;
    margin-top: 10px;
    line-height: 150% !important;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.photonewsitems p.time {
    font-size: 12px;
    color: #999;
    margin: 10px 0;
}

.photonewsitems .tbody {
    font-size: 14px;
    color: #555;
    word-wrap: normal;
    display: block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 150%;
}

.photonewsitems p.time:before {
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    content: "\e606";
    padding-right: 5px;
    color: #999;
    padding-right: 10px;
}

.noticelists {
    background: #f8f8f8;
    display: flex;
    vertical-align: middle;
    align-items: center;
    min-height: 90px;
    margin-bottom: 15px;
    position: relative;
}

.noticelists:hover {
    background: #E7EBF6;
}
.noticelists .posttime {
    position: absolute;
    padding: 10px 15px;
    background: transparent;
    border-right: 1px solid rgba(0,0,0,0.1);
    width: 80px;
    height: 60px;
    font-family: arial;
    font-size: 12px;
    text-align: right;
    color: rgba(23,37,81,1);
    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: 10px 20px 10px 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;
}
/************  notice */

.zhtz-list {
    position: relative
}

.zhtz-list .ptime {
    font-size: 14px;
    color: #999;
}

.zhtz-list .ptime:before {
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    content: "\e606";
    padding-right: 5px;
    color: #999;
}

.zhtz-list .ptitle a {
    font-size: 16px;
    color: #333;
    line-height: 160%;
    display: block;
    word-wrap: normal;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.zhtz-list .p-lists:not(:last-child) {
    border-bottom: 1px solid #CCC;
}

.zhtz-list .p-lists {
    padding: 15px 0;
}
/**** xushu ****/
.swiper-container2 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden !important;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.xushu{
  padding:10px;
}
.xushu p a{
  font-size:14px;
  color:#333;
  word-wrap: normal;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding:10px;
}
.swipermain-thumbs {
    padding: 40px 0;
    position: relative;
}
.swipermain-thumbs .swiper-button-next.swiper-button-disabled,.swipermain-thumbs .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swipermain-thumbs .swiper-button-next,.swipermain-thumbs .swiper-button-prev {
    background: #ECECEC;
}

.swipermain-thumbs .swiper-button-prev:before,.swipermain-thumbs .swiper-button-next:before {
    font-family: 'iconfont' !important;
    opacity: 1;
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
@media (min-width: 992px) {
  .swipermain-thumbs .swiper-button-prev {
        top: 0;
        bottom: auto;
        right: 0;
        margin: auto;
        width: 100px;
        height: 22px;
        opacity: 0.8;
    }

    .swipermain-thumbs .swiper-button-next {
        top: auto;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100px;
        height: 22px;
        opacity: 0.8;
    }

    .swipermain-thumbs .swiper-button-prev:before {
        content: '\e618';
    }

    .swipermain-thumbs .swiper-button-next:before {
        content: '\e818';
    }
}
/******* information ***********/
.layout-full.region-bottom-standard{
  padding:60px 0;
  background:url(../../information-bg.jpg) no-repeat center center;
  background-size:cover;
}
h2.informationh2{
 font-size: 28px;
    border-bottom: 0;
    margin-bottom: 30px;
    color:#FFF;
    text-align:center;
    position:relative;
}
h2.informationh2:before{
  content:"SSSE INFORMATION";
  color:rgba(255,255,255,0.2);
  font-size:60px;
  position:absolute;
  left:0;
  right:0;
  top:0;
}
.layout-full.region-bottom-standard .inforblock{
  background:#FFF;
  float:left;
  min-height:386px;
}
.inforblock h2.block-title{
    font-size: 18px;
    background-repeat: no-repeat;
    height: 73px;
    color: #FFF;
    position: relative;
    left: -23px;
    margin-top: 0;
    padding: 13px 0 0 40px;
    margin-bottom: -20px;
}
.inforblock.color1 h2.block-title {
    background-image: url(../../h2title-bg-color1.png);
}
.inforblock.color2 h2.block-title {
    background-image: url(../../h2title-bg-color2.png);
}
.inforblock.color3 h2.block-title {
    background-image: url(../../h2title-bg-color3.png);
}
.inforblock.color4 h2.block-title {
    background-image: url(../../h2title-bg-color4.png);
}
.inforblock.color5 h2.block-title {
    background-image: url(../../h2title-bg-color5.png);
}
.inforblock.color6 h2.block-title {
    background-image: url(../../h2title-bg-color6.png);
}
.list-5 .list-content, .list-5 ul {
    padding-left: 20px;
}
.list-5 .list-content li .list-time {
    margin-top: 10px;
    position: relative;
    padding: 0;
    display: block;
    float: none;
    font-size: 12px;
    color: #069;
}
.list-5 .list-content li {
  font-size:14px;
}
.list-5 a.more-link 
 {
    right: 20px;
    top: 30px;
}
/****** teacher ****/
.region-bottom-third{
  background:#E7EBF6;
  padding:60px 0;
  position:relative;
}
.region-bottom-third:after{
position: absolute;
    content: "";
    width: 253px;
    height: 363px;
    background: url(../../ssse-bg-d03.png) no-repeat left top;
    z-index: 0;
    right: 8%;
    top: 40px;
}
h2.teacherh2 {
    font-size: 28px;
    border-bottom: 0;
    margin-bottom: 20px;
    text-align: right;
    position: relative;
}
h2.teacherh2:before{
  content:"TEACHERS";
  color:rgba(194, 151, 73,0.1);
  font-size:60px;
  position:absolute;
  right:0;
  top:0;
}
.teacherblock{
  position:relative;
  z-index:2;
}
.teacheritem {
    padding: 40px 30px 30px 30px;
    text-align: center;
    background: #FFF;
    margin:20px;
    position:relative;
}
/* .teacheritem:before{
  content:"‘";
  font-family: Arial;
    font-size: 200px;
    position: absolute;
    top: 80px;
    left: 10px;
  color: rgba(0,0,0,0.1);
}
.teacheritem:after{
   content:"’"; 
       font-family: Arial;
    font-size: 200px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: rgba(0,0,0,0.1);
}*/

.teacheritem img{
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #ECECEC;
    width: 80%;
}
.teacheritem p.name{
  font-size:18px;
  font-weight:bold;
  margin-top:10px;
}
.block-region-bottom-third a.more-link {
    top: -50px;
    font-size: 14px;
    right: 120px;
    z-index: 10;
}
.block-region-bottom-third a.more-link:after {
    content: "/";
    padding-left: 20px;
}
.block-region-bottom-third {
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding-right: 14px;
    padding-left: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.list-3.list-3-blue {
    padding: 10px 20px;
}

.list-3 .list-content li {
    border-bottom: 1px solid #e2e2e2;
    display: table;
    width:100%;
}
.list-3.list-3-blue .one-line a {
    max-height: 44px;
    min-height:43px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px !important;
    line-height: 23px;
}
.list-3.list-3-blue .f-r {
    float: none;
    display: table-footer-group;
    position: relative;
    font-size: 12px;
    top: 8px;
    color: #069;
}
.list-3.list-3-blue .one-line {
    white-space: inherit;
    display: table-header-group !important;
}
.list-3.list-3-blue li:hover{
  background:none;
}
.list-3.list-3-blue li:last-child{
  border-bottom:0;
}
.list-3 a.more-link {
    right: 20px;
    top: 30px;
}
/************team *********/
.layout-full.region-footer-bottom {
    padding: 80px 0;
}
.block-region-footer-bottom h2.block-title:before {
    content: "RESEARCH TEAM";
    color: rgba(194, 151, 73,0.1);
    font-size: 40px;
    position: absolute;
    left: 0;
    font-weight: bold;
    top: 0;
}
.block-region-footer-bottom a.more-link {
    font-size: 14px;
    left: 140px;
}
.block-region-footer-bottom a.more-link:before {
    content: "/";
    margin-right: 30px;
}
.team{
				 height:500px;
			}
.teamblock{
    display: inline-block;
    color: #FFF;
    height: auto;
    line-height: 100%;
    overflow: hidden; 
    position: relative;
    height: 500px;
    width: 100%;
			}
			.teamblock p{
			  color:rgba(255,255,255,0.6);
			}
			.teamblock h3 a{
			  color:#FFF;
			  margin-bottom:15px;
			  font-weight:bold;
			      display: block;
			}
			.teamblock img{
				max-width: 100%;
				width: 100%;
				height:100% !important;
				object-fit: cover;
			}
			.teamblock .textinfo{
				padding:40px;
			}
.team .tns-item:nth-child(odd) .img,.team .tns-item:nth-child(even) .text{
				display: block;
				height:50%;
				position: absolute;
				bottom:0;
			}
.team .tns-item:nth-child(even) .img,.team .tns-item:nth-child(odd) .text{
				display: block;
				height:50%;
				position: absolute;
				top:0;
			}
.team .tns-item:nth-child(odd) {
				background-color: #13254D;
			}
.team .tns-item:nth-child(even){
				background-color: #00357B;
			}
@media (min-width: 768px){
.block-region-bottom-third {
    width: 750px;
}}
@media (min-width: 992px){
.block-region-bottom-third {
    width: 970px;
}}
@media (min-width: 1200px){
.block-region-bottom-third {
    width: 1170px;
}}

@media only screen and (min-width: 1600px){
.list-5 a {
    font-size: 14px;
}}
@media (min-width: 1200px){
.inforblock{
    padding: 15px 0;
    width: 29.2%;
    margin: 2%;
}
}
@media (max-width: 1199px){
.inforblock{
  padding: 15px 0;
  width:46%;
  margin:2%;
}
}
@media (max-width: 991px){
.inforblock{
  padding: 15px 0;
  width:96%;
  margin:2%;
  float:none;
}
.mouse{
  display:none;
}
.list-3.list-3-blue .one-line a {
    max-height:auto;
    min-height:auto;
}
}
@media (max-width: 768px){
.newslists .title a {
    margin: 10px 5px 10px 10px;
}
.block-region-middle-first-right {
    margin-top: 20px;
}
.region-footer-bottom .block h2.block-title {
    padding: 0 15px;
}
.region-footer-bottom{
  padding:30px 0;
}
.teamblock {
    width: 80%;
    margin:4% 10%;
}
}