@font-face {
	font-family: 'FZZZHONGJW';
	src: url('../fonts/FZZZHONGJW--GB1-0.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FZZZHONGJW--GB1-0.woff') format('woff'),
		url('../fonts/FZZZHONGJW--GB1-0.woff2') format('woff2'),
		url('../fonts/FZZZHONGJW--GB1-0.ttf') format('truetype');
}
@font-face {
	font-family: 'EarwigFactory';
	src: url('../fonts/BeyondControl.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BeyondControl.woff') format('woff'),
		url('../fonts/BeyondControl.woff2') format('woff2'),
		url('../fonts/BeyondControl.ttf') format('truetype'),
		url('../fonts/BeyondControl.svg') format('svg');
}

.top {
  position: relative;
}

.top::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding-bottom: calc(200% / 19.2);
  background: rgba(0, 0, 0, .55);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
}

.bannerPic {
  padding-bottom: 28.65%;
  position: relative;
}

.bannerPic img:hover {
  transform: scale(1);
}

.banner {
  position: relative;
}

.title {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 40px;
}

.title2 {
  display: inline-block;
  padding: 30px 80px;
  box-sizing: border-box;
  background: rgba(39, 146, 147, .88);
}
.bit-Notice {
  padding: 15px 30px;
  min-width: 380px;
  float: right;
  box-sizing: border-box;
  font-family: 'FZZZHONGJW';
  background: url(../images/timebg.png) no-repeat;
  /* background: url(../聊城大学_files/timebg.png) no-repeat; */
  background-size: cover;
}
.articleList02{
    text-align: justify;
    text-align-last: justify;

            /*兼容ie*/
    text-justify: distribute-all-lines;
    letter-spacing: 0px;
}
.anniversary{
    line-height: 1.7;
    color: #f8ebeb;
}
.timenum{text-align: justify;-webkit-text-align: justify;color: #fdf4f4;}
.timenum span{
  display: inline-block;
  /* color:#f5ac1a; */
  font-size: 3rem;
  line-height: 1;
  color: #f9f3f3;
  margin: 0 10px;
  font-family: 'EarwigFactory';
}
.anniversary span{margin-right: 35px;color: #f2e9ea;}
.anniversary span:last-child{
  margin-right:0
}
.tit2top {
  padding-bottom: 10px;
  margin-bottom: 5px;
  box-sizing: border-box;
  position: relative;
}
.tit2top {
  padding-bottom: 10px;
  margin-bottom: 5px;
  box-sizing: border-box;
  position: relative;
}

.tit2top::before {
  content: '';
  display: block;
  width: calc(100% + 40px);
  background: rgba(255, 255, 255, .2);
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.tit2top h2 {
  display: inline-block;
  font-weight: normal;
  line-height: 40px;
  position: relative;
}

.tit2top span {
  line-height: 26px;
  text-transform: uppercase;
  color: rgba(85, 210, 212, .66);
  margin-left: 10px;
  display: none;
}

.tit2top h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #f5ac1a;
  position: absolute;
  left: 0;
  bottom: -10px;
}

.gp-bread {
  overflow: hidden;


}

.gp-bread span, .gp-bread a {
  color: rgba(255, 255, 255, .88);
  line-height: 40px;
}

.apparatus2 {
  margin-right: 275px;
  box-sizing: border-box;
  /* background: #fff; */
  padding-top: 60px;
}

/* aside */
.gp-subLeft {
  width: 195px;
  padding-top: 5px;
  box-sizing: border-box;
  margin-top: 60px;
}


.gp-subLeft ul {
  position:
    relative;
  padding-right: 25px;
  padding-bottom: 160px;
  box-sizing: border-box;
}

.gp-subLeft>ul::before {
  content: '';
  display: block;
  width: 180px;
  height: 105px;
  position: absolute;
  left: 0;
  bottom: 50px;
  background: url(../images/asideafter.png) no-repeat;
  background-size: cover;
  transition: all .3s ease-in-out;
}

.gp-subLeft>ul::after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #279293;
  transition: all .3s ease-in-out;
}

.gp-subLeft ul li {
  position: relative;
  margin-bottom: 20px;
}

.gp-subLeft ul li:last-child {
  margin-bottom: 0
}

.asideTit {
  height: 20px;
}

.asideTit h2 {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}


.apparRihght {
  margin-left: 314px;
}

.gp-subLeft>ul>li>a {
  transition: all .3s ease-in-out;

}

.gp-subLeft>ul>li.active>a, .gp-subLeft>ul>li:hover>a {
  color: #279293;
}

.gp-subLeft>ul>li.active>a::before, .gp-subLeft>ul>li:hover>a::before {
  width: 0
}

.gp-subLeft>ul>li>a {
  padding-bottom: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  line-height: 26px;
  color: #666;
  text-align: center;
  display: block;
  position: relative;
}

.gp-subLeft>ul>li>a>span {
  position: relative;
  z-index: 11;
  font-size: 1.6rem;
  display: block;
  word-break: break-all;
}

.gp-subNavm {
  width: 100%;
  overflow: hidden;
  display: none;
}

.gp-subNavm h2 {
  width: 100%;
  height: 48px;
  line-height: 48px;
}

.gp-subNavm h2 a {
  padding-left: 13px;
  font-size: 20px;
  display: block;
  color: #fff;
}



.gp-subNavm li {
  position: relative;
}

.gp-subNavm li>a {
  font-size: 14px;
  padding-left: 13px;
  padding-right: 40px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e6e6e6;
  display: block;
}

.gp-subNavm li.sub_has span {
  margin-left: 10px;
}

.gp-subNavm li.on a {
  display: block;
  width: 100%;
}

.gp-m-toggle {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  text-align: center;
}

.gp-subNavm dl {
  display: none;
  background-color: #fff;
  padding: 5px 0px;
}

.gp-subNavm dl dd {
  padding-left: 30px;
  line-height: 18px;
  padding: 8px 0px 8px 30px;
  position: relative;
  border-bottom: 1px dotted #e6e6e6;
}

.gp-subNavm li dl dd a {
  font-size: 12px;
  font-weight: normal;
  display: inline;
  border: none;
  padding: 0px;
}


.gp-subLeft>ul>li:hover>a span,
.gp-subLeft>ul>li.active>a span {
  color: #00366f;
  font-weight: bold;
  position: relative;
  /* font-size: 1.8rem; */
}

.gp-subLeft>ul>li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  height: 1px;
  background: #e5e5e5;
  transition: all .3s ease-in-out;
}

.gp-subLeft>ul>li:hover>a::after, .gp-subLeft>ul>li.active>a::after {
  width: 10px
}

.gp-subLeft>ul>li>a::after {
  content: '';
  display: block;
  position: absolute;
  right: -25px;
  top: 6px;
  width: 0px;
  z-index: 10;
  height: 13px;
  background: url(../images/sj.png) no-repeat;
  transition: all .3s ease-in-out;
}



.gp-toggles {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: 40px;
  height: 25px;
  transition: all .3s ease-in-out;
}

.gp-toggles.jia {

  background: url(../images/right.png) no-repeat center;
  transform: rotate(-90deg);
}

.gp-toggles.jian {
  background: url(../images/right.png) no-repeat center;

}

.gp-subLeft ul li.active .gp-toggles, .gp-subLeft ul li:hover .gp-toggles {
  color: #004ea2;
}



.gp-second-nav {
  display: none;
  padding-bottom: 5px;
}

.gp-second-nav dd>a::before {
  content: '';
  display: block;
  position: absolute;
  left: 60px;
  top: calc(50% - 2.5px);
  width: 0;
  z-index: 10;
  height: 5px;
  background: #a0944a;
  transition: all .3s ease-in-out;
}

.gp-second-nav dd.active a::before, .gp-second-nav dd:hover a::before {
  width: 5px
}

.gp-second-nav dd.active a, .gp-second-nav dd:hover a {
  color: #333;
  position: relative;
}

.gp-second-nav dd {
  margin-bottom: 5px;
}

.gp-second-nav dd>a {
  display: block;
  color: #999;
  padding: 0 15px;
  padding-left: 75px;
  text-align: left;
  line-height: 26px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 5px;
  transition: all 0.35s ease-in-out;

}



.gp-m-subNav {
  display: none;
}

.gp-m-inner-header {
  width: 100%;
  height: 40px;
  background-color: #279293;
  cursor: pointer;
  line-height: 40px;
  position: relative;
  /* margin-top: 20px; */
}

.gp-m-inner-header>span {
  height: 40px;
  padding-left: 15px;
  font-size: 16px;
  color: #fff;
  position: absolute;
}



.gp-m-subNav .gp-m-inner-header-icon {
  float: right;
  width: 40px;
  color: #fff;
  height: 40px;
  text-align: center;
  /* margin-bottom: 20px; */
  position: absolute;
  right: 0;
  top: 0;
}

.gp-m-subNav .gp-m-inner-header-icon-click i {
  display: block;
}



.gp-m-toggle {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  text-align: center;
}


/* page */
.gp-page {
  box-sizing: border-box;
  margin: 50px 0 0px;
}

.gp-page:after,
.gp-page:before {
  content: " ";
  display: table
}

.gp-page>a,
.gp-page>span {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0px 15px;
  position: relative;
  border-radius: 50%;
  color: #279293;
  font-size: 2rem;
  vertical-align: top;
  border: 1px solid #bddddd;
}



.gp-page-select {
  height: 32px;
  line-height: 32px;
  min-width: 50px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.gp-page .gp-page-prev {
  background: url(../images/l.png) no-repeat center;
}

.gp-page .gp-page-next {
  background: url(../images/r.png) no-repeat center;
}

.gp-page .gp-page-prev, .gp-page .gp-page-next {
  cursor: pointer;
}

.gp-page .gp-page-prev:hover {
  background: url(../images/l2.png) no-repeat center;
  color: none
}

.gp-page .gp-page-next:hover {
  background: url(../images/r2.png) no-repeat center;
}




.gp-page>span {
  border: none
}


.gp-page>a:hover,
.gp-page>a.active {
  color: #f5ac1a;
  border: 1px solid #f5ac1a;
}

.gp-m-page {
  display: none
}

.selectbox {
  position: relative;
  padding: 0px 20px;
  box-sizing: border-box;
  border-radius: 36px;
  display: inline-block;
  text-align: left;
  width: 110px;
  height: 36px;
  margin-left: 15px;
  line-height: 36px;
  border: 1px solid #bddddd;
}

.selectbox span {
  color: #279293;
}

.selectbox .arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/down.png) no-repeat center;
  position: absolute;
  right: 2px;
  top: 0;
  cursor: pointer;
  /* transform: translateY(-50%); */
  transition: all .3s ease-in-out;
}

.selectbox .arrow.on {
  transform: rotate(180deg);
  /* margin-top: -4px; */
}

.selectUl {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 35px;
  border: 1px solid #bddddd;
  border-radius: 15px;
  background: #fff;
  z-index: 10;
  display: none;
}

.selectUl li {
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
}

.selectUl a {
  padding-left: 17px;
  box-sizing: border-box;
}

.gp-m-page a {
  display: inline-block;
  margin: 0 3px;
}

.pages {
  display: inline-block;
  padding: 0px 29px;
  border: 1px solid #e5e5e5;
}

.gp-page-centered {
  text-align: center
}


.gp-page-right {
  text-align: right
}

.article {
  overflow: hidden;
}

.article img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.article video {
  max-width: 100%;
}

.article i, .article em {
  font-style: italic;
}

.article a {
  word-break: break-all;
}

.article strong, .article strong span {
  font-weight: bold;
}

.article i strong, .article em strong, .article strong i, .article strong em {
  font-style: italic;
  font-weight: bold;
}

.article table img {
  max-width: initial;
}

.article thead td, .article tbody td, .article tfoot td {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}

.article ol {
  list-style: decimal inside none;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

.article ul {
  list-style: disc inside none;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

.article ul li {
  list-style-type: disc;
}

.article ol li {
  list-style-type: decimal;
}

@media screen and (max-width:767px) {
  .article img {
    width: auto !important;
    height: auto !important;
  }
  .dzorag2 .item::before{left: 10px !important;}
.dzorag2 li .item{
  padding: 15px 15px 15px 30px !important;
}.zsicon{
  font-size: 16px !important;
}
  .article div {
    overflow: auto;
  }

  .article video {
    width: 100% !important;
    height: auto;
  }

  .article table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    table-layout: fixed;
    word-break: break-all;
    box-sizing: border-box;
    display: block;
  }

  .article table td {
    width: auto !important;
  }

  .article table tr {
    height: auto !important;
  }
}


main {
  min-height: 400px;
  /* padding-top: 60px; */
  padding-bottom: 120px;
  /* overflow: hidden; */
  box-sizing: border-box;
  position: relative;
}

main::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: calc(629% / 19.2);
  background: url(../images/mainbg.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* 0-1 */
.new {
  padding-bottom: 35px;
  box-sizing: border-box;
}

.new li {
  margin-bottom: 40px;
}

.new li a {
  display: block;
  transition: all .3s ease-in-out;
  padding: 0 0 0px 19px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.new li.on a {
  padding: 0;
}

.new li.on .newbox {
  padding: 65px 40px 55px;
}

.new li.on .date {
  float: left;
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
}

.new li.on .date::before {
  content: '';
  display: block;
  width: 1px;
  height: 44px;
  background: #e5e5e5;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.new li:hover a {
  transform: translateY(-5px);
}

.new li.on .newinfo {
  margin-left: 120px;
}

.new li.on .newright {
  padding: 0;
  margin-left: 0;
  overflow: hidden;
}

.newbox {
  position: relative;
  padding-bottom: 19px;
  /* width: calc(100% - 1px); */
  /* height: calc(100% - 34px); */
  overflow: hidden;
}

.new li.on a::before {
  background: url(../images/border2.png) no-repeat;
  background-size: 100% 100%;
}

.new li a::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/border3.png) no-repeat top;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: 100% 100%;
}

.new li a::after {
  /* content: ''; */
  width: 1px;
  height: calc(100% - 34px);
  background: #268f90;
  position: absolute;
  right: 0;
  bottom: 0;
}

.newbox::before {
  /* content: ''; */
  display: block;
  width: 100%;
  height: 40px;
  background: url(../images/0-1b.png) no-repeat bottom;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 20px;
}

.newbox::after {
  content: '';
  display: block;
  width: 294px;
  height: 134px;
  background: url(../images/0-1a.png) no-repeat bottom;
  background-size: cover;
  position: absolute;
  right: -85px;
  bottom: -50px;
}

.newpic {
  width: 447px;
  overflow: hidden;
  /* margin-top: 0; */
  position: relative;
  z-index: 2;
}

.newimg {
  padding-bottom: 56.38%;
}

.newright {
  margin-left: 447px;
  padding: 100px 60px 0px 60px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.newinfo {
  line-height: 30px;
  margin-bottom: 30px;
  color: #333;
}

.new li:hover .newinfo {
  color: #268f90;
}

.date {
  font-family: 'Noto Serif SC';
  position: relative;
  z-index: 2;
  text-align: center;
  display: inline-block;
}

.day {
  color: #279293;
  font-weight: bold;
  line-height: 26px;
}

.year {
  line-height: 26px;
  color: #666;
  letter-spacing: 1px;
}

/* 0-2 */

.mode2ul {
  margin: 0 -20px;
  padding-bottom: 20px;
  font-size: 0;
}

.mode2ul li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
}

.mode2ulbox {
  margin: 0 20px;
  transition: all .3s ease-in-out;
}

.mode2pic {
  padding-bottom: 56.14%;
}

.mode2top {
  display: block;
  box-shadow: 0px 10px 20px 0px rgba(1, 23, 0, 0.15);
}

.mode2ul li:hover .mode2ulbox {
  transform: translateX(5px);
}


.mode2info {
  padding: 15px 20px;
  box-sizing: border-box;
}

.mode2toptit {
  line-height: 26px;
  min-height: 52px;
  color: #333;
  margin-bottom: 10px;
}

.mode2ul li:hover .mode2toptit {
  color: #279293;
  font-weight: bold;
}

.date3 {
  color: #a0944a;
  line-height: 26px;
  font-family: 'Noto Serif SC';
  letter-spacing: 1px;
  padding-left: 13px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}

.date3::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #a0944a;
  position: absolute;
  left: 0;
  top: calc(50% - 2.5px);
}

.mode3ulr li {
  margin-bottom: 35px;
}



.mode3ulr li a {
  display: block;
  position: relative;
  padding-left: 22px;
  padding-bottom: 15px;
  box-sizing: border-box;
  transition: all .3s ease-in-out;
  line-height: 26px;
  color: #333;
  margin: 0 20px;
  border-bottom: 1px solid #e5e5e5;
}

.mode3ulr li a::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #f6ac19;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .3s ease-in-out;

}

.mode3ulr {
  overflow: hidden;
  margin: 0 -20px;
  margin-top: 15px;
}

.mode3ulr li:hover a {
  transform: translateX(5px);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.mode3ulr li:hover a::after {
  width: 100%;
}

.mode3ulr li:hover .mode3dltxt {
  color: #279293;
  font-weight: bold;
}

.mode3ulr a::before {
  content: '';
  display: block;
  width: 12px;
  height: 16px;
  background: url(../images/1li.png) no-repeat;
  position: absolute;
  left: 0;
  top: 5px;
}

.mode3ulr li:hover a::before {
  background: url(../images/1li1.png) no-repeat;

}

/* 0-3 */
.mode2rul {
  font-size: 0;
  margin: 0 -20px;
}

.mode2rul li {
  margin-bottom: 40px;
  display: inline-block;
  float: none !important;
  vertical-align: top;
}

.mode2rul li a {
  padding: 14px 30px 14px;
  background: #fff;
  transition: all .3s ease-in-out;
  display: block;
  overflow: hidden;
  margin: 0 20px;
  box-sizing: border-box;
  box-shadow: 0px 10px 20px 0px rgba(1, 23, 0, 0.15);
}


.mode2rul li:hover a {
  transform: translateX(5px)
}

.mode2rul li:hover .mode2rtxt {
  color: #279293;
  font-weight: bold
}

.date4 {
  font-family: 'Noto Serif SC';
  width: 62px;
  height: 68px;
  background: #279293;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  align-items: center;
  text-align: center;
}

.year4 {
  line-height: 24px;
  display: inline-block;
  border-bottom: 1px solid #a0944a;
}

.day4 {
  line-height: 1em;
}

.mode2rright {
  margin-left: 82px;
}

.mode2rtxt {
  line-height: 28px;
  color: #333;
  height: 56px;
  font-weight: normal;
  margin-bottom: 5px;
}

.mode2sercours {
  line-height: 24px;
  color: #666;
}

/* 0-4 */
.mode3l {
  margin: 0 -20px;
}

.mode3l li {
  margin-bottom: 40px;
}

.mode3l a {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 20px;
}

.mode3l a::before {
  content: '';
  display: block;
  width: 100%;
  height: 155px;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: -1px;
  background: rgba(0, 0, 0, .55);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
}

.mode3pic {
  padding-bottom: 56.34%
}

.mode3txt {
  padding: 15px 30px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 6;
  line-height: 26px;
  width: 100%;
}

.mode3info {
  margin-bottom: 5px;
}

.date5 {
  color: #f5ac1a;
}

.date5::before {
  background: #f5ac1a;
}

.mediumul li {
  margin-bottom: 30px
}

.mediumul li a {
  padding-bottom: 0;
  border: none
}

.mediumul li:hover a {
  border: navajowhite;
}

.mediumul li:hover a::after {
  display: none;
}

/* 0-5 */
.mode4ul1 {
  font-size: 0;
  margin: 0 -23px;
  overflow: hidden;
}

.mode4ul1 li {
  float: none !important;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 35px;
}

.mode4ul1 a {
  display: block;
  position: relative;
  margin: 0 23px;
  transition: all .3s ease-in-out;

}

.mode4box {
  position: relative;
  border: 1px solid #ebf0f0;
  padding: 14px 20px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}

.mode4ul1 a::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #f0f4f4;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: -1;
}

.mode4box::after {
  content: '';
  display: block;
  width: 179px;
  height: 82px;
  ;
  background: url(../images/41.png) no-repeat;
  position: absolute;
  right: -42px;
  bottom: -10px;
  z-index: 2;
  transition: all .3s ease-in-out;
}

.mode4ul1 li:hover a {
  transform: translateX(5px);
}

.mode4ul1 li:hover .mode4linfo {
  color: #279293;
  font-weight: bold;
}

.mode4ul1 li:hover .mode4box::after {
  background: url(../images/42.png) no-repeat;

}

.mode4linfo {
  line-height: 26px;
  height: 52px;
  color: #333;
  margin-bottom: 5px;
  position: relative;
  z-index: 5;
}

/* 0-6 */
.mode4ul2 li {
  margin-bottom: 40px;
}

.mode4ul2 li a {
  display: block;
  position: relative;
  padding-left: 16px;
  box-sizing: border-box;
  border-left: 1px solid #e5e5e5;
  line-height: 26px;
  color: #333;
  transition: all .3s ease-in-out;

}

.mode4ul2 li a::before {
  content: '';
  display: block;
  width: 2px;
  height: 18px;
  background: #279293;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s ease-in-out;
}

.mode4ul2 li:hover .mode4info {
  font-weight: bold;
  color: #279293;
}

.mode4ul2 li:hover a {
  transform: translateX(5px);
  border-left: 1px solid #279293
}

.mode4ul2 li:hover a::before {
  top: 100%;
  margin-top: -18px;
}

.mode4info {
  margin-bottom: 10px;
}

/* 0-7 */
.mode7ul {
  margin: 0 -20px;
  overflow: hidden;
  font-size: 0;
  font-size: 0;
}

.mode7ul li {
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.mode7ul li a {
  display: block;
  margin: 0 20px;
  transition: all .3s ease-in-out;
  border: 1px solid #e5e5e5;
  position: relative;
}

.mode7ul li:hover a {
  transform: translateX(5px)
}

.mode7ul li:hover .mode7box {
  padding-left: 40px
}

.mode7box {
  padding: 15px 45px 10px 50px;
  box-sizing: border-box;
  position: relative;
  transition: all .3s ease-in-out;
}

.mode7box::before {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #f8b551;
  position: absolute;
  left: 30px;
  top: 0;
  transition: all .3s ease-in-out;
  z-index: 5;
}


.mode7ul li:hover .mode7box::before {
  width: 100%;
  left: 0;
}

.mode7ul li a::before {
  content: '';
  display: block;
  width: 1px;
  height: 50px;
  background: #f8b551;
  position: absolute;
  left: 30px;
  top: 0;
  transition: all .3s ease-in-out;


}

.mode7ul li:hover a::before, .mode7ul li:hover a::after {
  width: 0px;
  height: 0px;
}

.mode7ul li a::after {
  content: '';
  display: block;
  width: 1px;
  height: 111px;
  background: #f8b551;
  position: absolute;
  left: 30px;
  bottom: 0;
  transition: all .3s ease-in-out;

}

.mode7article {
  line-height: 28px;
  height: 56px;
  margin: 0px 0 5px;
  position: relative;
  z-index: 3;
  color: #333;
  transition: all .3s ease-in-out;

}

.mode7img {
  width: 212px;
  margin: 0 auto;
  overflow: hidden;
  transition: all .3s ease-in-out;
  position: relative;
  z-index: 3;
  margin-bottom: 15px;
}

.mode7dl {
  position: relative;
  z-index: 3;
}

.mode7pic {
  padding-bottom: 150.47%;
}

.mode7dl p {
  padding-left: 26px;
  box-sizing: border-box;
  line-height: 30px;
  position: relative;
  color: #a0944a;
  transition: all .3s ease-in-out;
}

.mode7dl p::before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 9px;
  background-size: cover;
  transition: all .3s ease-in-out;
}

.mode7dl dd:nth-child(1) p::before {
  background: url(../images/shijian1.png) no-repeat;
}

.mode7dl dd:nth-child(2) p::before {
  background: url(../images/didian1.png) no-repeat;
}

.mode7dl dd:nth-child(3) p::before {
  background: url(../images/renwu1.png) no-repeat;
}

/* 0-8 */
#shareTitle {
  line-height: 1.42;
  color: #333;
}

.articleAuthor {
  margin: 25px 0;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.authorul {
  margin: 0 -20px;
  overflow: hidden;
  font-size: 0;
}

.articleAuthor::before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #f6ac19;
  position: absolute;
  left: 0;
  top: 0;
}

.authorul li {
  display: inline-block;
  width: 33.33%;
  margin-bottom: 10px;
}

.authorul li>span {
  margin: 0px 20px;
  font-size: 16px;
  color: #279293;
  text-indent: 0;
  display: block;
}

.authorul li>span>i {
  margin-right: 10px;
}
.authorul li>span>i img{
  width: 15px;
}
.box {
  cursor: pointer;
}

.one {
  display: inline-block;
}

.one dd {
  display: inline-block;
}

.gp-article p {
  line-height: 1.67;
  color: #333;
}

.filbox {
  margin-top: 45px;
}

.file li {
  margin-bottom: 5px;
}

.file a {
  line-height: 1.67;
  color: #555;
  text-decoration: underline;
}

.file span {
  color: #279293;
}

/* 1-1 */
.apparatus2 .title3 {
  padding-top: 0px;
}

.title3 {
  margin: 0px 0 30px;
  overflow: hidden;
  position: relative;
  padding-top: 60px;
  box-sizing: border-box;
}

.tit {
  color: #222;
  display: inline-block;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}

.tit::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/ti.png) no-repeat;
  position: absolute;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
}

.synopsistop {
  overflow: hidden;
  margin-bottom: 50px;
  position: relative;
  z-index: 5;
}

.synopsisright {
  width: 300px;
  overflow: hidden;
}

.synopsispic1 {
  padding-bottom: 128%;
}

.synopsistopleft {
  margin-right: 345px;
  line-height: 1.67;
  color: #333;
}

.synop1 {
  margin-bottom: 65px;
  -webkit-line-clamp: 7;
  line-height: 1.8;
}

.synop2 {
  -webkit-line-clamp: 4;
  line-height: 1.8;
}

.synopsismid {
  position: relative;
}

.synopsismid::before {
  content: '';
  display: block;
  width: 1414px;
  height: 460px;
  background: url(../images/jjbg.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -22%;
  top: -197px;
}

.synopul {
  margin: 0 -25px;
  overflow: hidden;

}

.synopul .slick-list {
  padding-bottom: 90px;
  box-sizing: border-box;
}

.synopul li {
  display: inline-block
}

.synopul li:nth-child(even) {
  transform: translateY(40px);
}

.synopul li:nth-child(even) a::before {
  transform: rotate(-45deg);
  top: 50%;
  width: 72px;
}

.synopul li:nth-child(6n) a::before {
  display: none;
}

.synopul li a {
  display: block;
  margin: 0 25px;
  position: relative;
}

.synopul li a::before {
  content: '';
  display: block;
  width: 67px;
  height: 0;
  border-top: 1px dashed #f6ac19;
  position: absolute;
  right: -60px;
  transform: rotate(45deg);
  top: calc(50% + 20px);
}

.synout {
  padding-bottom: 100%;
  border-radius: 50%;
  border: 1px dashed #f6ac19;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
}

.synoenter {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 27px;
  box-sizing: border-box;
}

.number {
  margin-bottom: 10px;
  color: #f6ac19;
  line-height: 1.1;
  font-size: 4.8rem;
  font-family: 'optimaregular';
}

.numbot {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}

.synotxt {
  line-height: 18px;
  /* height: 36px; */
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.synopul .slick-dots li {
  transform: translate(0);
}

.synopul .slick-dots li {
  width: 22px;
  height: 25px;
  margin: 0 5px;
}

.synopul .slick-dots li button {
  background: none;
  width: 22px;
  height: 25px;
  border-radius: 0;
  background: none;
  background: url(../images/c2.png) no-repeat;
  background-size: cover;
}

.synopul .slick-dots li.slick-active button {
  background: url(../images/c1.png) no-repeat;
  background-size: cover;
}

.infold {
  /* padding-bottom: 65px; */
  box-sizing: border-box;
  /* overflow: hidden; */
}

.infoarticle {
  margin: 55px 0 0px;
  line-height: 1.67;
  color: #333;
  text-indent: 4rem;
}

.infoarticle p {
  margin-bottom: 30px;
  line-height: 1.8;
}

.infoarthir {
  overflow: hidden;
  line-height: 1.67;
}

.infoarthir2 {
  margin-bottom: 30px;
}

.infoarthir p {
  margin-bottom: 30px;
  text-indent: 4rem;
  line-height: 1.8;
}

.info {
  width: 400px;
  overflow: hidden;
  margin: 20px 20px 0 0;
}

.infoimgtw {
  padding-bottom: 86.75%;
}

.datalink {
  line-height: 1.875;
  color: #279293;
  display: block;
  text-align: center;
}

.infotxttw {
  /* margin-left: 440px; */
  /* margin-bottom: 30px; */
  line-height: 1.6;
  color: #333;
  /* -webkit-line-clamp: 12; */
  text-indent: 4rem;
}

.infotxttw2 {
  margin-right: 440px;
  line-height: 1.67;
  color: #333;
  /* margin-bottom: 30px; */
  -webkit-line-clamp: 11;
}

.infoimgtw2 {
  padding-bottom: 79.5%;
}

.line {
  position: relative;
  z-index: 6;
  height: 44px;
  margin-bottom: 35px;
}

.line::before {
  content: '';
  display: block;
  width: 100%;
  height: 44px;
  background: url(../images/fj.png) repeat-x;
  position: absolute;
  background-size: contain;
  left: 0;
  top: 0;
}

.prospectus {
  padding: 15px 23px;
  box-sizing: border-box;
  background: url(../images/zc.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 25px;
}

.artule {
  line-height: 1.8;
  color: #333;
  margin-bottom: 35px;
}

.asideNav {
  padding-left: 15px;
  box-sizing: border-box;
  position: sticky;
  left: 0;
  top: 0;
}

.asideNav::before {
  content: '';
  display: block;
  width: 0px;
  height: calc(100% - 60px);
  border-left: 1px dashed #e5e5e5;
  position: absolute;
  left: 3px;
  top: 19px;
}

.asideNav li {
  position: relative;
  line-height: 26px;
  color: #999;
  cursor: pointer;
  margin-bottom: 20px;
}

.asideNav li::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #a0944a;
  position: absolute;
  left: -15px;
  top: calc(50% - 2.5px);
  z-index: 13;
  background: #fff;
}

.asideNav li.active {
  color: #a0944a
}

.asideNav li.active::before {
  background: #a0944a;
}

.asideright {
  line-height: 1.8;
  color: #333;
  margin-left: 105px;
}

.asideright>p {
  margin-bottom: 10px
}

.asideright .prospectus {
  margin-top: 35px;
}

.asideright .prospectus:nth-child(1) {
  margin-top: 0
}

.artuebottom {
  /* overflow: hidden; */
  /* position: relative; */
}

/* 1-3 */
.leader {
  margin: 0 -30px;
  overflow: hidden;
  font-size: 0;
}

.leader li {
  float: none !important;
  display: inline-block;
  margin-bottom: 60px;
}

.leader li a {
  display: block;
  padding: 25px 40px 60px;
  position: relative;
  box-sizing: border-box;
  margin: 0 30px;
}

.leader li a::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #f6ac19;
  position: absolute;
  left: 40px;
  top: 0;
}

.leader li a::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/leader1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s ease-in-out;
}

.leader li:hover a::before {
  background: url(../images/leader2.png) no-repeat;
  background-size: 100% 100%;
  top: 0;
}

.leadertop {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
}

.name {
  color: #165068;
  line-height: 1.3;
  font-weight: normal;
  margin-right: 30px;
  display: inline-block;
  position: relative;
}

.leader li:hover .name {
  color: #fff;
}

.zcname {
  line-height: 1.86;
  display: inline-block;
  color: #666;
}

.leader li:hover .zcname {
  color: rgba(255, 255, 255, .77);
}

.leadertxt {
  line-height: 28px;
  height: 196px;
  color: #333;
  overflow: hidden;
  position: relative;
  z-index: 7;
}

.leader li:hover .leadertxt {
  color: rgba(255, 255, 255, .88);
}

/* 1-4 */
.imagesul {
  margin: 0 -15px;
  font-size: 0;
  position: relative;
}

.imagesul li {
  display: inline-block;
  box-sizing: border-box;
}

.imagesul a {
  display: block;
  margin: 0 15px;
  overflow: hidden;
  margin-bottom: 30px;
}

.imagesul a img {
  width: 100%;
}

.videoul {
  margin: 0 -15px;
  overflow: hidden;
}

.videoul li {
  margin-bottom: 10px;
}

.videoul a {
  display: block;
  margin: 0 15px;
  transition: all .3s ease-in-out;

}

.videoul li:hover a {
  transform: translateX(5px);
}

.videotop {
  padding-bottom: 56.39%;
  position: relative;
}

.play {
  width: 40px;
  height: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  background: url(../images/play.png) no-repeat;
  transition: all .3s ease-in-out;

}

.videoul li:hover .play {
  left: 10px;
  top: calc(100% - 50px);
}

.videotxt {
  padding: 15px;
  line-height: 26px;
  color: #333;
  box-sizing: border-box;
  position: relative;
  transition: all .3s ease-in-out;
}

.videoul li:hover .videotxt {
  color: #268f90;
  font-weight: bold;
}

.videotxt::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0px;
  top: calc(50% - 2.5px);
  z-index: 13;
  background: #a0944a;
}

/* 1-5 */
.map {
  line-height: 1.8;
  color: #333;
}

.maptit {
  /* margin: 20px 0; */
}

.maptit>h2 {
  line-height: 1.3;
  color: #165068;
  font-weight: normal;
  padding-left: 13px;
  box-sizing: border-box;
  position: relative;
  margin: 20px 0;
}

.maptit>h2::before, .marktit>h2::before {
  content: '';
  display: block;
  width: 3px;
  height: 20px;
  background: #f8b551;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.mapimg {
  display: block;
  position: relative;
}

.mapPic {
  padding-bottom: 30.59%;
}

.mapPic img:hover {
  transform: scale(1);
}

.maptxt {
  padding: 16px 20px;
  text-align: center;
  box-sizing: border-box;
  background: rgba(39, 146, 147, .66);
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}

.maptxt p {
  line-height: 1.4;
}

.marktit {
  margin-bottom: 30px;
  position: relative;
  display: flex;
  white-space: normal;
  cursor: pointer;
  align-items: center;
}

.marktit>h2 {
  line-height: 1.3;
  color: #165068;
  /* background: #fff; */
  padding-left: 13px;
  font-weight: normal;
  display: inline-block;
  padding-right: 19px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}

.marktit i {

  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f4f4;
  flex: 1
}

.marktit::before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: #f6ac19;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: calc(50% - 12.5px);
  z-index: 3;
  transition: all .3s ease-in-out;
}

.marktit::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 4.5px solid transparent;
  border-left: 5px solid #fff;
  border-bottom: 4.5px solid transparent;
  border-right: 0px solid black;
  position: absolute;
  right: 9px;
  transform: rotate(90deg);
  top: calc(50% - 1.5px);
  z-index: 3;
  transition: all .3s ease-in-out;
}

.xh {
  width: 129px;
  overflow: hidden;
}

.xhinfo {
  margin-left: 160px;
  line-height: 1.8;
  color: #333;
}

.markone {
  overflow: hidden;
  margin-bottom: 55px;
}

.xhldinfo {
  line-height: 1.8;
  color: #333;
  width: 35%;
}

.xhld, .xxld {
  width: 400px;
  overflow: hidden;
}

.xxldright {
  margin-left: 460px;
  line-height: 1.8;
  color: #333;
}

.ldjsttx {
  line-height: 1.8;
  color: #333;
}

.ldjsttx a {
  color: #279293;
  line-height: 1.8;
  margin-bottom: 5px;
  display: block;
}

/* 1-7 */
.history {
  padding-top: 140px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin-bottom: 140px;
}

.history::before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e5e5e5;
  position: absolute;
  left: calc(50% - 0.5px);
  top: 5px;
}

.historul li {
  display: block;
  /* width: 100%; */
  overflow: hidden;
  /* padding-top: 5px; */
}

.historul li {
  margin-top: -140px
}

.historul li:nth-child(odd) a {
  float: left;
  padding-right: 100px;
  box-sizing: border-box;
}

.historul li:nth-child(odd) .hisdate {
  float: right;
  margin-right: -160px;
}

.historul li:nth-child(even) a {
  float: right;
  padding-left: 100px;
}

.historul li:nth-child(even) .hisdate {
  float: left;
  margin-left: -160px;
}

.hisdate {
  width: 120px;
  height: 120px;
  color: #a0944a;
  margin-top: -90px;
  line-height: 120px;
  text-align: center;
  border: 1px solid #a0944a;
  border-radius: 50%;
  background: #fff;
  position: relative;
  z-index: 5;
}

.historul li a {
  display: block;
  box-sizing: border-box;
  width: 50%;
  position: relative;
  margin-top: 60px;
  padding-top: 30px;
}

.historul li:nth-child(even) a::after {
  left: auto;
  right: 0
}

.historul li a::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  top: 5px;
}

.historul li a::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #a0944a;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.histxt {
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
  /* margin-top: 90px; */
}

.historpic {
  width: 472px;
  overflow: hidden;
}

.historimg {
  padding-bottom: 40%;
}

.organizations {
  margin-bottom: 60px;
}

.organtit {
  padding: 30px 60px;
  box-sizing: border-box;
  background-size: cover;

}

.organtit h2 {
  font-weight: normal;
}



.organbox {
  padding: 35px 60px 15px;
  box-sizing: border-box;
  box-shadow: 0px 10px 20px 0px rgba(15, 65, 85, 0.15);
  background: #fff;
}

.organul {
  margin: 0 -30px;
  font-size: 0;
}

.organul li {
  margin-bottom: 25px;
}
.zsicon{
  color: #a0944a;
  transition: all .3s ease-in-out;
  cursor: pointer;
  font-size: 20px;
}
.zsicon::before{
    color: #a0944a;
}
.zsicon.on{
  transform: rotate(180deg);
}
.organul li {
  margin-bottom: 25px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.organul li .item>a{
  padding-bottom: 0;
  /* padding-left: 15px; */
  display: block;
  box-sizing: border-box;
}
.zsbox{
  
}
.organul li .item {
  display: block;
  margin: 0 30px;
  position: relative;
  padding-bottom: 20px;
  padding-left: 30px;
  box-sizing: border-box;
  transition: all .3s ease-in-out;
  border-bottom: 1px solid #e5e5e5;
}
.zsbox{
  display: none;
  position: absolute;
  left: 0px;
  top: calc(100% + 1px);
  width: 100%;
  background: #f5f5f5;
  z-index: 50;
}
.zsbox  a{
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid #e5e5e5;
  transition: all .3s ease-in-out;
}
.zsbox  a::before{
  display: none;
}

.organul li:hover .item {
  /* transform: translateX(5px); */
}

.organul li .item>a::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #a0944a;
  position: absolute;
  left: 0;
  top: 9px;
  z-index: 13;
  background: #a0944a;
  transition: all .3s ease-in-out;
}

.organul li:hover .item>a::before {
  transform: rotate(360deg);
}

.organul li:hover p {
  font-weight: bold;
  color: #a0944a;
}

.organul li.on p {
  font-weight: bold;

  color: #a0944a;

}

.organul2 {
  margin: 0 -30px;
  overflow: hidden;
  display: none;
}

.organul2.on {
  display: block
}

.organul2 li {
  margin-bottom: 20px;
}

.organul2 a {
  display: block;
  margin: 0 30px;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  transition: all .3s ease-in-out;
}

.organul2 li:hover a {
  transform: translateX(5px);
}

.organul2 a p {
  line-height: 1.625;
  color: #333;
}

.organul2 a::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #e8e8e8;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  z-index: 3;
}

.organul2 li:hover a::before {
  background: #268f90;
}

.organul2 li:hover a p {
  color: #279293;
}

.organul li.on .orarr {
  transform: rotate(90deg);
}

.orarr {
  width: 10px;
  height: 24px;
  margin-left: 10px;
  transition: all .3s ease-in-out;
}

.dzorag {
  margin: 0 -30px;
  /* overflow: hidden; */
}

.foundation .dzorag {
  display: none;
}

.dzorag.on {
  display: block;
}

.dzorag li {
  margin-bottom: 30px;
}

.dzorag a {
  display: block;
  margin: 0 30px;
  border: 1px solid #f0f4f4;
  padding: 15px 40px;
  box-sizing: border-box;
  line-height: 1.4;
  color: #333;
  position: relative;
  transition: all .3s ease-in-out;

}

.dzorag a::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #b9b079;
  transform: rotate(45deg);
  position: absolute;
  left: 20px;
  top: calc(50% - 5px);
  z-index: 3;
  transition: all .3s ease-in-out;
}


.dzorag li:hover a {
  color: #333;
  border: 1px solid #279293;
  transform: translateX(5px);
}

.dzorag li:hover a::before {
  border: 1px solid #279293;
  transform: rotate(405deg);
}

.dzorag2 {
  margin: 0 -15px;
}

.dzorag2 li {
  margin-bottom: 30px;
}
.dzorag2 li  .item{
  display: block;
  margin: 0 15px;
  border: 1px solid #f0f4f4;
  padding: 15px 20px 15px 40px;
  box-sizing: border-box;
  line-height: 1.4;
  color: #333;
  position: relative;
  transition: all .3s ease-in-out;
}
.dzorag2 li a{
  margin: 0;
  border: none;
  padding: 0;
  line-height: auto;
}
.dzorag2 .item{
  margin: 0 15px;
}
.dzorag2 a::before {
  display: none;
 }
.dzorag2 .item::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #b9b079;
  transform: rotate(45deg);
  position: absolute;
  left: 20px;
  top: calc(50% - 5px);
  z-index: 3;
  transition: all .3s ease-in-out;
}
.dzorag2 li:hover a{
  color: none;
  border: none;
  transform: translateX(0);
}
.dzorag2 li a:hover {
  color: #279293;
  border: none;
  transform: translateX(0px);
}
.dzorag2 li .zsbox2{
  position: absolute;
  background: #f1efef;
  left: -1px;
  width: calc(100% + 2px);
  top: calc(100% + 1px);
  z-index: 20;
  padding: 5px 0;
  display: none;
}
.dzorag2 li .zsbox2 a{
  display: block;
  padding: 10px 20px 10px 40px;
  border-bottom: 1px solid #f0f4f4;
}
.foundtop {
  padding: 0px 10px 0;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 40px;
}

.foundtop>ul li.on {
  /* margin-top:0; */
  transform: translateY(10px);
}

.foundtop>ul li.on p {
  color: #fff
}

.foundtop>ul li {
  display: inline-block;
  transition: all .3s ease-in-out;
}

.foundtop>ul a {
  display: block;
  padding: 21px 60px;
  box-sizing: border-box;
  position: relative;
}

.foundtop>ul a p {
  position: relative;
  z-index: 3;
}

.foundtop::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0;
  background: #f0f7f7;
}

.foundtop>ul li.on a::before {
  width: 100%;
}

.foundtop>ul li a::before {
  content: '';
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  background: #279293;
  left: 0px;
  top: 0;
  z-index: 2;
  transition: all .3s ease-in-out;
}

.acadul .mode4box {
  padding: 20px 30px 25px;
}

.name2 {
  line-height: 1.3;
  color: #333;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}

.name2::before {
  content: '';
  display: block;
  width: 0px;
  height: 3px;
  background: #a0944a;
  position: absolute;
  left: 0;
  top: calc(50% - 1.5px);
  transition: all .3s ease-in-out;
}

.acdtxt {
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  color: #999;
  position: relative;
  z-index: 5;
}

.acadul li:hover .name2::before {
  left: -30px;
  width: 10px;
}

.acadul li:hover .name2 {
  color: #165068;
}

.acadul li:hover .acdtxt {
  color: #333;
}

.mode4ul1 {
  margin: 0 -20px;
}

.mode4ul1 li {
  margin-bottom: 40px;
}

.mode4ul1 li a {
  margin: 0 20px;
}

.marktit2::before {
  transform: rotate(0deg);
}

.marktit2::after {
  transform: rotate(0deg);
  top: calc(50% - 4.5px);
}

/* 4-0 */
.work {
  padding-bottom: 60px;
  box-sizing: border-box;
  background: #f0f4f4;
}

.woktop {
  /* overflow: hidden; */
  position: relative;
}

.workpic {
  width: 800px;
  display: none;
}

.workpic.on {
  display: block
}

.workimg {
  padding-bottom: 62.5%;
}

.workright {
  width: calc(100% - 740px);
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.workrul {
  font-size: 0;
  overflow: hidden;
}

.workrul li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.workrul li a {
  display: block;
  padding: 48px;
  /* min-height: 200px; */
  /* max-height: 200px; */
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}

.workrul li a {
  background: #279293;
}

.workrul li.on a {
  background: #147879;
}

.workpic2 {
  width: 64px;
  height: 59px;
  margin-bottom: 20px;
  display: inline-block;
}

.workbot.on {
  display: block
}

.workbot {
  padding: 35px 40px 70px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  box-shadow: 10px 0px 20px rgba(6, 90, 91, .15);
  display: none;
}

.reserach {
  padding-bottom: 40px;
  box-sizing: border-box;
}

.workbot::before {
  content: '';
  display: block;
  width: 100%;
  height: 35px;
  background: url(../images/fj.png) repeat-x;
  /* background-size: cover; */
  position: absolute;
  left: 0;
  bottom: 0;
}

.workbot p {
  line-height: 1.625;
  color: #333;
  -webkit-line-clamp: 3;
}

/* 4-0 */
.scientificul {
  font-size: 0;
}

.scientificul li {
  width: 50%;
  display: inline-block;
  margin-bottom: 40px;
}

.scientifipic {
  padding-bottom: 56.2%;
}

.scienbox {
  padding: 30px 33px;
  box-sizing: border-box;
  position: relative;
}

.scientificul li:nth-child(1) .scienbox {
  background: #147879;
}

.scientificul li:nth-child(2) .scienbox {
  background: #279293;
}

.scientit {
  margin-bottom: 10px;
  position: relative;
  line-height: 1.08;
  font-weight: normal;
}

.scienbox::before {
  content: '';
  display: block;
  width: 3px;
  height: 24px;
  background: #f8b551;
  position: absolute;
  left: 0;
  top: 33px;
  transition: all .3s ease-in-out;
}

.scieninfo {
  line-height: 1.857;
  color: rgba(255, 255, 255, .77);
  -webkit-line-clamp: 3;
}

.learned {
  padding-top: 40px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 60px;
}

.learned::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: calc(190% / 19.2);
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/xsqk.png) no-repeat bottom;
  background-size: cover;
}

.learned .title3 {
  text-align: center;
}

.learntxt {
  line-height: 1.75;
  margin-bottom: 30px;
  text-align: center;
}

.detail {
  text-align: center;
}

.more2 {
  position: relative;
  display: inline-block;
  color: #175068;
  line-height: 1.86;
}

.more2 i {
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-left: 5px;
  vertical-align: middle;
}

.bulid {
  overflow: hidden;
  padding-top: 60px;
  box-sizing: border-box;
}

.bulidleft {
  width: calc(100% - 860px);
  overflow: hidden;
}

.bulidleft .title3 {
  padding-top: 0 !important;
}

.bulidtxt {
  line-height: 1.67;
  color: #333;
  margin-bottom: 30px;
}

.bulidpic {
  width: 800px;
  display: block;
}

.bulidimg {
  padding-bottom: 37.5%;
}

.student {
  box-shadow: 0px 10px 20px 0px rgba(0, 44, 44, 0.15);

}

.students {
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
}

.stupic {
  width: 600px;
  overflow: hidden;
  display: block;
}

.stuimg {
  padding-bottom: 56.67%;
  background: #9bbebe;
}

.stuindo {
  margin-left: 620px;
  line-height: 1.67;
  color: #333;
}

.stuindo p {
  -webkit-line-clamp: 10;
}

.link {
  line-height: 2.14;
  color: #279293;
  display: block;
  text-indent: 2rem;
  margin-top: 5px;
}

.stubot {
  overflow: hidden;
  background: #eef2f2;
}

.stulleft {
  width: calc(100% - 260px);
  font-size: 0;
}

.stuul {
  width: 50%;
  display: inline-block;
  padding: 10px 20px;
  vertical-align: top;
  box-sizing: border-box;
  border-right: 1px solid #d6dfdf;
}

.stuul:nth-child(2) {
  padding-left: 100px;
}

.stuul a {
  line-height: 2.25;
  color: #666;
  word-break: break-all;
}

.sturight {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stuerm {
  width: 85px;
  height: 85px;
  overflow: hidden;
}

.scholarul li {
  margin-bottom: 80px;
}

.scholarul li:nth-child(even) .scholpic {
  float: right !important;
}

.scholarul li:nth-child(even) .scholright {
  right: auto;
  left: 0;
}

.scholarul a {
  display: block;
  /* overflow: hidden; */
  position: relative;
  transition: all .3s ease-in-out;
}

.scholarul li:hover a {
  transform: translateX(5px)
}

.scholpic {
  width: 500px;
}

.schimg {
  padding-bottom: 56.2%;
}

.scholright {
  padding: 25px 40px;
  box-sizing: border-box;
  box-shadow: 0px 10px 20px 0px rgba(0, 44, 44, 0.15);
  width: calc(100% - 440px);
  position: absolute;
  right: 0;
  background: #fff;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
}

.scholname {
  line-height: 1.44;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 18px;
  color: #333;
}

.scholarul li:hover .scholname {
  color: #279293;
  font-weight: bold
}

.scholname::before {
  content: '';
  display: block;
  width: 2px;
  height: 20px;
  background: #f8b551;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}

.scholinfo {
  line-height: 26px;
  height: 104px;
  -webkit-line-clamp: 4;
  color: #666;
}

/* 7-2 */
.organization {
  overflow: hidden;
  display: none;
}

.organization.on {
  display: block;
}

.organleft {
  width: 400px;
  overflow: hidden;
}

.organimg {
  padding-bottom: 66.75%;
}

.organright {
  margin-left: 440px;
  line-height: 1.67;
  color: #333;
}

.sub_channel_title03 {
  display: block;
  padding: 0 0 20px 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
  border-bottom: 2px solid #d5d5d5;
  position: relative;
}

.sub_channel_title03::before {
  content: '';
  display: block;
  width: 26px;
  height: 32px;
  background: url(../images/hot.png) no-repeat;
  background-size: 26px 32px;
  position: absolute;
  left: 0;
  top: 8px;
}

.sub_channel_title03 .title3 {
  padding: 0;
  color: #f5ac1a;
  margin: 0;

}

.rt3 {
  width: 350px;
  margin-top: 60px;
}


.r3pic {
  padding-bottom: 56.5%;
}

.r3info {
  color: #333;
  flex: 1;
  padding-left: 10px;
  box-sizing: border-box;
}

.sub13info {
  padding-left: 40px;
  box-sizing: border-box;
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
}


.sub13ul li {
  margin-bottom: 30px;
  transition: all .2s ease-in-out;
}

.sub13ul li:hover {
  transform: translateX(5px);

}

.sub13ul li:hover .sub13info {
  color: #007072;
}

.main .lf_n {
  margin-left: -120px;
}

.r3img {
  width: 123px;
  overflow: hidden;
}

.r3pic {
  padding-bottom: 56.1%;
}

.r3ul li {
  margin-bottom: 20px;
}

.r3ul a {
  display: flex;
  overflow: hidden;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-bottom: 1px dashed #e5e5e5;
}

.r3txt {
  line-height: 1.625;
}

.r3infodate {
  color: #279293;
  line-height: 2;
}
.r3ul li.on .r3info{
  padding-left: 0;
}
.branches{
  margin-top: 40px;
  font-size: 0;
  /* overflow: hidden; */
}
.branches li{
  width: 50%;
  float: left;
}
.branches .item{
  padding: 25px 30px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.875;
  color: #333;
}
.branches li:nth-child(2) .item{
  background: #f0f7f9;
}
.item-num{
  color: #279293;
}
.sub_04351 {
  overflow: hidden;
  padding: 25px 0 0;
}

.sub_04351a {
  float: left;
  position: relative;
  width: calc(100% - 200px);
  transition: all ease-in-out .3s;
  -ms-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  left: 0;
}

.sub_04351c {
  position: relative;
  width: calc(100% - 200px);
  padding: 26px 10px 0;
  clear: both;
  transition: all ease-in-out .3s;
  -ms-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  left: 0;
  box-sizing: border-box;
}

.on .sub_04351a, .on .sub_04351c {
  left: 100px;
}

.sub_04351a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 25.45%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  z-index: 2;
}

.sub_04351a .img_box {
  height: 850px;
  position: relative;
  background: center no-repeat;
  background-size: cover;
}

/* .sub_04351a .img_box img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-height: 100%;} */
.sub_04351a .img_box img {
  display: none;
}

.sub_04351a .info_box {
  display: none;
}

.sub_04351a .count {
  position: absolute;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 10;
  text-align: center;
  font-family: 'arial';
}

.sub_04351a .controller {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}

.sub_04351a .btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, .2);
  border-radius: 50%;
  color: #fff;
  position: relative;
  cursor: pointer;
  margin: 0 0 0 5px;
}

.sub_04351a .btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 19px;
}

.sub_04351_cover_box .sub_04351a .controller {
  position: fixed;
}

.sub_04351 .sub_04351a .btn4, .sub_04351_cover_box .sub_04351a .btn3 {
  display: none;
}

.sub_04351a .swiper_menu {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: 0;
  right: 0;
}

.sub_04351a .arrow {
  width: 50px;
  height: 50px;
  background: center no-repeat rgba(0, 0, 0, .1);
  display: block;
  margin: 0 0 0 1px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sub_04351a .arrow i {
  color: #e29c45;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
}

.sub_04351a .prev {
  left: 10px;
}

.sub_04351a .next {
  right: 10px;
}

.sub_04351a .arrow:hover {
  background-color: #e29c45;
}

.sub_04351a .arrow:hover i {
  color: #fff;
}

.sub_04351b {
  position: relative;
  float: right;
  width: 180px;
  padding: 48px 0 47px;
  height: 850px;
  overflow: hidden;
  box-sizing: border-box;
  transition: left ease-in-out .3s;
  -ms-transition: left ease-in-out .3s;
  -moz-transition: left ease-in-out .3s;
  -webkit-transition: left ease-in-out .3s;
  -o-transition: left ease-in-out .3s;
  left: 0;
}

.on .sub_04351b {
  left: 100%;
}

.sub_04351b .item {
  padding: 4px 0 5px;
}

.sub_04351b .img {
  padding-bottom: 100%;
  background-size: 100% 100%;
}

.sub_04351b .swiper_menu {
  font-size: 0;
}

.sub_04351b .arrow {
  display: block;
  margin: 0;
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  position: absolute;
  left: 0;
  right: 0;
  border: 1px solid #e29c45;
  background: #fff;
  z-index: 3;
}

.sub_04351b .arrow i {
  color: #e29c45;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
}

.sub_04351b .prev {
  top: 0;
}

.sub_04351b .next {
  bottom: 0;
}

.sub_04351b .arrow:hover {
  background-color: #e29c45;
}

.sub_04351b .arrow:hover i {
  color: #fff;
}

/* .sub_04351b .swiper-slide-thumb-active{opacity: .6;} */

.sub_04351c .title {
  font-weight: bold;
  margin: 0 0 20px;
}
.addart{
  padding-top: 20px;
}
@media screen and (max-width:1860px) {
  .historpic {
    width: 372px;
  }
}

@media screen and (max-width:1700px) {
  .main .lf_n {
    margin-left: -90px;
  }
}

@media screen and (max-width:1600px) {
  .main .lf_n {
    margin-left: 0px;
  }

  .main .mid_n {
    margin-left: 88px;
    width: calc(100% - 438px);
    padding-right: 30px;
  }
}

@media screen and (max-width:1460px) {
  .sub_04351b, .sub_04351d {
    width: 120px;
    height: 610px;
}
.sub_04351a .img_box{
  height: 610px;
}
.sub_04351a {
    width: calc(100% - 140px);
}
  .new li a::after {
    height: calc(100% - 36px);
  }

  .synopsismid::before {
    width: 1277px;
  }

  .synoenter {
    padding-top: 15px;
  }

  .workpic {
    width: 680px;
  }

  .workright {
    width: calc(100% - 620px);
  }
}

@media screen and (max-width:1360px) {
  .synopsismid::before {
    width: 1149px;
  }

  .synopul li a::before {
    display: block !important;
  }

  .synopul li:nth-child(5n) a::before {
    display: none !important;
  }

  .synoenter {
    padding-top: 24px;
  }

  .workpic {
    width: 580px;
  }

  .workright {
    width: calc(100% - 520px);
  }

  .workrul li a {
    padding: 20px;
    min-height: auto;
  }

  .bulidpic {
    width: 600px;
  }

  .bulidleft {
    width: calc(100% - 640px);
  }
}

@media screen and (max-width:1300px) {
  .new li a::after {

    height: calc(100% - 38px);
  }

  .authorul {
    margin: 0 -10px;
  }

  .authorul li>span {
    margin: 0 10px;
  }

  .authorul li {
    width: auto;
    display: inline-block;
  }

  .hisdate {
    width: 100px;
    line-height: 100px;
    height: 100px;
  }

  .historul li:nth-child(odd) a {
    padding-right: 75px;
    padding-top: 50px;
  }

  .historul li:nth-child(odd) .hisdate {
    margin-right: -125px;
  }

  .historul li:nth-child(even) a {
    padding-left: 75px;
    padding-top: 50px;
  }

  .historul li:nth-child(even) .hisdate {
    margin-left: -125px;
  }

  .historpic {
    width: 260px;
  }

  .history {
    padding-top: 85px;
  }

  .history {
    margin-bottom: 55px;
  }

  .historul li {
    margin-top: -100px;
  }

  .rt3 {
    width: 250px;
  }

  .main .mid_n {
    margin-left: 96px;
    width: calc(100% - 350px);
    padding-right: 30px;
  }
}

@media screen and (max-width:1240px) {
  .apparatus2 {
    margin-right: 250px;
  }

  .newpic {
    width: 347px;
  }

  .newright {
    margin-left: 347px;
    padding: 80px 30px 0px 30px;
  }

  .newinfo {
    margin-bottom: 10px;
  }

  .new li a::after {
    height: calc(100% - 43px);
  }

  .synopsismid::before {
    width: 924px;
  }

  .synopsistop {
    margin-bottom: 30px;
  }

  .workpic {
    width: 480px;
  }

  .workright {
    width: calc(100% - 420px);
  }

  .workbot {
    padding: 15px 40px 30px;
  }

  .work {
    padding-bottom: 30px;
  }
  .branches .item{
    padding: 15px;
  }
}

@media screen and (max-width:1100px) {
  .gp-subLeft {
    display: none;
  }
  .sub_04351a .img_box{
    height: auto;
    padding-bottom: 56.25%;
  }
  .addart {
    padding-top: 0px;
}
  .sub_04351b, .sub_04351d {
 display: none;
}
.sub_04351a {
    width:100%;
}

  .apparatus2 {
    margin-right: 0;
    padding-top: 20px;
  }

  .title3 {
    margin-bottom: 20px;
    padding-top: 15px;
  }
  .leader li a {
    margin: 0 15px;
    padding: 15px 25px 15px;
    border:1px solid #e5e5e5;
  }
.leader li a::before{
display:none}
  .gp-m-subNav {
    display: block;
  }

  .new li a::after {
    height: calc(100% - 38px);
  }

  .title {
    position: static;
    padding: 20px 0;
  }

  .title2 {
    display: block;
    padding: 30px 40px;
  }

  .tit2top::before {
    width: 100%
  }


  .new li {
    margin-bottom: 20px
  }

  .synopsismid::before {
    width: 123%;
  }

  .organul {
    margin: 0 -15px;
  }

  .organul li .item {
    margin: 0 15px;
  }

  .bulidpic {
    width: 400px;
  }

  .bulidleft {
    width: calc(100% - 440px);
  }

  .stupic {
    width: 400px;
  }

  .stuindo {
    margin-left: 420px;
  }

  .stuindo p {
    -webkit-line-clamp: 6;
  }

  .stuul:nth-child(2) {
    padding-left: 50px;
  }

  .stulleft {
    width: calc(100% - 170px);
  }.bit-Notice{
    margin: 20px auto 0;
    float: none;
    min-width: auto;
}
  .articleList02>div{
     font-size: 24px;
  }
}

@media screen and (max-width:997px) {
  .stuul:nth-child(2) {
    padding-left: 20px;
  }

  .scholpic {
    width: 350px;
  }

  .infold {
    overflow: hidden
  }

  .scholright {
    width: calc(100% - 300px);
  }

  .scholinfo {
    height: 78px;
    -webkit-line-clamp: 3;
  }

  .infoarticle p {
    margin-bottom: 15px;
  }

  .infoarticle {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .scholname {
    margin-bottom: 10px;
  }

  .synopsistop, .synopsismid {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .main .mid_n {
    margin-left: 0;
    width: calc(100% - 250px);
    padding-right: 30px;
  }
}


@media screen and (max-width:901px) {
  .new li a::after {
    height: calc(100% - 41px);
  }

  .newbox::before, .new li a::before, .new li a::after {
    display: none;
  }

  .new li a {
    padding: 0px !important;
    border: 1px solid #268f90;
  }

  .newbox {
    padding: 15px !important;
    box-sizing: border-box;
  }

  .newright {
    padding-right: 0;
    padding-top: 15px;
  }

  .synopul li a::before {
    display: none !important;
  }

  .synopul li.slick-active a::before {
    display: block !important;
  }

  .synopul li.slick-active:nth-child(4n) a::before {
    display: none !important;
  }

  .synopsismid::before {
    top: -210px;
  }
}

@media screen and (max-width:767px) {
  .branches .item{
    box-shadow: 0px 10px 20px 0px rgba(5, 54, 54, 0.1);
    background: #f0f7f9;
  }
  .gp-page {
    display: none;
  }

  .gp-m-page {
    display: block;
    margin: 45px 0 50px;
  }

  main {
    padding-bottom: 45px;
  }

  .new {
    padding-bottom: 0px;
  }

  .mode2ul {
    /* padding-bottom: 0; */
    margin: 0 -10px;
  }

  .mode2ulbox, .mode3ulr li a {
    margin: 0 10px;
  }

  .mode2ul li, .mode3ulr li {
    margin-bottom: 20px;
  }

  .mode3ulr {
    margin: 0 -10px;
  }

  .mode3ulr li a {
    padding-bottom: 10px;
  }

  .mode3ulr li {
    margin-bottom: 10px;
  }

  .mode3l, .mode4ul1, .mode7ul {
    margin: 0 -10px;
  }

  .mode3l li, .mode4ul1 li, .mode7ul li {
    margin-bottom: 20px;
  }

  .mode3l a, .mode4ul1 a, .mode7ul li a {
    margin: 0 10px !important;
  }

  .mode3txt {
    padding: 0 15px 5px;
  }

  .mode3info {
    margin-bottom: 0;
  }

  .mode4box::after {
    transform: scale(.7);
    bottom: -20px;
  }

  .mode7box {
    padding: 15px 20px 10px 30px;
  }

  .mode7ul li a::before, .mode7ul li a::after {
    left: 15px;
  }

  .mode7img {
    width: 150px;
  }

  .mode7ul li:hover .mode7box {
    padding-left: 25px;
  }

  .synopsismid::before {
    height: 465px;
  }

  .learned {
    padding-top: 0;
    margin-bottom: 20px;
  }

  .bulid {
    padding-top: 20px;
  }

  .infoarthir {
    /* margin-top: 15px; */
    margin-bottom: 0px;
  }

  .infoarthir2 {
    margin-bottom: 15px;
  }

  .infoarthir p {
    margin-bottom: 15px;
  }

  .infotxttw2 p {
    margin-bottom: 0;
  }

  .info {
    width: 250px;
  }

  .infotxttw {
    margin-left: 270px;
    -webkit-line-clamp: 11;

  }

  .infotxttw2 {
    margin-right: 270px;
    -webkit-line-clamp: 10;
    /* margin-bottom: 10px; */
  }

  .line::before {
    height: 30px;
  }

  .line {
    margin-bottom: 15px;
    height: 30px;
  }

  .leader {
    margin: 0 -15px;
  }

  .leader li {
    margin-bottom: 30px;
  }


  .leadertop {
    margin-bottom: 5px;
  }

  .xhld, .xxld {
    width: 300px;
  }

  .xxldright {
    margin-left: 340px
  }

  .historul li a {
    width: 100%;
    float: none !important;
  }

  .history::before {
    left: calc(100% - 50px);
  }

  .historul li .hisdate, .historul li {
    margin: 0 !important;
  }

  .historul li {
    margin-bottom: 20px !important;
    padding-top: 50px;
  }

  .historul li .hisdate {
    margin-top: -100px !important;
    float: right !important;
  }

  .history {
    padding-top: 0;
  }

  .historul li a {
    padding: 0 !important;
    margin-top: 0 !important;
    padding-top: 50px !important;
  }

  .historul li a::before {
    width: calc(100% - 50px);
  }

  .historul li:nth-child(even) a::after {
    right: auto;
    left: 0;
  }

  .histxt {
    padding-right: 80px;
  }

  .organtit {
    padding: 15px 30px;
  }

  .organbox {
    padding: 20px 30px 15px;
  }


  .organizations {
    margin-bottom: 30px;
  }

  .organul li {
    margin-bottom: 15px;
  }

  .organul li .item>a {
    padding-bottom: 0;
  }

  .organul a::before {
    top: 5px;
  }

  .dzorag {
    margin: 0 -10px;
  }
.dzorag2 li .item{
     margin: 0 10px;
}
  .dzorag li {
    margin-bottom: 20px;
  }

  .dzorag a {
 
    padding: 15px 10px 15px 30px;
  }
.dzorag2 li .zsbox2 a{
  padding: 10px 15px;
}
  .dzorag a::before {
    left: 10px;
  }

  .foundtop>ul a {
    padding: 10px 15px;
  }

  .foundtop {
    margin-bottom: 30px;
  }

  .workpic {
    width: 100%;
    float: none !important;
  }

  .workright {
    float: none;
    position: static;
    width: calc(100% - 60px);
    margin: 0 auto;
    margin-top: -60px;
    transform: translateY(0px);
  }

  .woktop {
    height: 100% !important;
  }

  .reserach {
    padding-bottom: 20px;
  }

  .scientificul li {
    margin-bottom: 20px;
  }

  .bulidpic {
    width: 300px;
  }

  .bulidleft {
    width: calc(100% - 320px);
  }

  .scholpic {
    width: 260px;
  }

  .scholright {
    width: calc(100% - 220px);
    padding: 15px 20px;
  }

  .scholarul li {
    margin-bottom: 40px;
  }

  .scholinfo {
    height: 52px;
    -webkit-line-clamp: 2;
  }

  .organleft {
    width: 250px;
  }

  .organright {
    margin-left: 270px;
  }

  .rt3 {
    width: 100%;
    margin-top: 30px;
  }

  .main .mid_n {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width:671px) {
  .synopsismid .synopul li a::before {
    display: none !important;
  }

  .synopul li.slick-active.slick-current a::before {
    display: block !important;
  }

  .synopsismid .synopul li.slick-active a::before {
    display: block !important;
  }

  .synopul li.slick-active:nth-child(3n) a::before {
    display: none !important;
  }

  .imagesul {
    margin: 0 -5px;
  }

  .imagesul a {
    display: block;
    margin: 0 5px;
    margin-bottom: 10px;
  }

  .xhldinfo, .xhld, .xxld {
    width: 100%;
    float: none !important
  }

  .xxldright {
    margin: 0;
    margin-top: 20px
  }

  .stupic {
    width: 100%;
    float: none !important;
    margin-bottom: 20px;
  }

  .stuindo {
    margin-left: 0;
  }

}

@media screen and (max-width:600px) {
  .newpic {
    width: 210px;
  }

  .newright {
    margin-left: 210px;
    padding: 10px 15px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .newinfo {
    line-height: 24px;
  }

  .newbox::after {

    transform: scale(.5);
  }

  .mode2rul li {
    margin-bottom: 20px
  }

  .mode2rul li a {
    padding: 14px 20px 14px;
    margin: 0 10px;
  }

  .mode3l a::before {
    height: 70px;
  }

  .title2 {
    padding: 15px 20px;
  }

  .videoul {
    margin: 0 -5px;
  }

  .videoul a {
    margin: 0 5px;
  }

  .videotxt {
    padding: 10px;
  }

  .bulidleft {
    width: 100%;
    float: none !important;
  }

  .bulidinfo .more2, .bulidtxt {
    margin-bottom: 15px;
  }

  .bulidpic {
    width: 95%;
    float: none !important;
    margin: 0 auto;
  }
}

@media screen and (max-width:490px) {
  .synoenter {
    padding-top: 18px;
  }

  .number {
    margin: 0;
  }

  .synopsisright {
    width: 150px;
  }

  .synop1 {
    margin-bottom: 25px;
  }

  .synopsistopleft {
    margin-right: 170px;
  }

  .synopul li a::before, .synopsismid .synopul li.slick-active a::before {
    display: none !important;
  }

  .synopsismid::before {
    height: 340px;
    top: -136px;
  }

  .synopul li:nth-child(even) {
    transform: translateY(0px);
  }

  .synopul {
    margin: 0;
  }

  .synopul .slick-list {
    padding-bottom: 50px;
  }

  .synopul li {
    text-align: center;
  }

  .synopul li a {
    min-width: 110px;
    max-width: 110px;
    margin: 0 10px;
    display: inline-block;
  }

  .scholpic, .scholarul li:nth-child(even) .scholpic {
    width: 100%;
    float: none !important;
  }

  .scholarul a {
    height: auto !important;
  }

  .scholright {
    position: static;
    transform: translateY(0px);
    width: calc(100% - 40px);
    margin: -20px auto 0;
  }
}

@media screen and (max-width:479px) {
  .new li.on .date {
    padding-right: 20px;
  }
  .organul li .item{
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .zsbox a{
    padding: 10px 15px;
  }
.branches li{
  width:100%;
  margin-bottom:20px;
}
  .synopsismid::before {
    height: 325px;
    top: -142px;
  }

  .new li.on .newinfo {
    margin-left: 90px;
  }

  .mode2toptit {
    min-height: auto;
  }

  .gp-m-page {
    margin: 25px 0 0px;
  }

  .mode4linfo {
    height: auto;
  }

  .mode4info {
    margin-bottom: 5px;
  }

  .mode4ul2 li {
    margin-bottom: 20px;
  }

  .info {
    float: none !important;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .infotxttw, .infotxttw2 {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 0;
  }

  .line {
    margin-bottom: 20px;
  }
  .leadertxt {
    height: auto;
    max-height: 196px;
   
}



  .asideright {
    margin-left: 88px;
  }

  .maptxt {
    padding: 5px 20px;
  }

  .tit::before {
    width: 30px;
    height: 30px;
  }

  .tit {
    padding-left: 40px;
  }

  .markone {
    margin-bottom: 35px;
  }

  .marktit {
    margin-bottom: 10px;

  }

  .hisdate {
    width: 50px;
    line-height: 50px;
    height: 50px;
    margin-right: -25px !important;
  }

  .history::before {
    left: calc(100% - 25px);
  }

  .historul li {
    padding-top: 25px;
  }

  .histxt {
    padding-right: 60px;
  }

  .historul li .hisdate {
    margin-top: -45px !important;
  }

  .historul li a {
    padding-top: 25px !important;
  }

  .scienbox {
    padding: 15px 20px
  }

  .scienbox::before {
    top: 13px;
  }

  .stulleft {
    width: calc(100% - 107px);
  }

  .organleft {
    width: 180px;
  }

  .organright {
    margin-left: 200px;
  }

  .historul li a::before {
    width: calc(100% - 25px);
  }

  .prospectus {
    padding: 5px 20px;
    margin-bottom: 15px;
    margin-top: 25px !important;
  }

  .artule {
    margin-bottom: 25px;
  }
}

@media screen and (max-width:420px) {
  .newpic {
    width: 100%;
    float: none !important;
    margin-bottom: 15px;
  }

  .newright {
    margin-left: 0;
    padding: 0;
  }

  .synopsismid::before {
    height: 325px;
    top: -143px;
  }

  .infoarticle {
    margin: 35px 0 25px;
  }

  .xh {
    width: 80px;
    margin-right: 20px;
  }

  .xhinfo {
    margin-left: 0px;
  }

  .stulleft, .stuul {
    width: 100%;
    float: none !important;
  }

  .stuul {
    border-right: none;
    border-bottom: 1px solid #d6dfdf;
  }

  .stuul, .sturight {
    height: auto !important;
  }

  .sturight {
    padding: 20px;
    box-sizing: border-box;
  }

  .organleft {
    width: 100%;
    float: none !important;
    margin-bottom: 20px;
  }

  .organright {
    margin-left: 0px;
  }
}

@media screen and (max-width:410px) {
  .synopsisright {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  .synopsistopleft {
    margin-right: 0;
  }

  .synopul {
    margin: 0;
  }

  .number {
    margin-bottom: 0px;
    line-height: 1;
  }

  .synoenter {
    padding-top: 16px;
  }

  .historpic {
    width: 200px;
  }

  .foundtop>ul li.on {
    margin-bottom: 20px;
  }

  .scientificul li {
    width: 100%;
    margin-bottom: 20px;
  }

}