* {
  margin: 0;
  padding: 0;
}
.index_container {
  background: #F4F4F4 url(index/bgc.png) no-repeat;
  background-size: 100% auto;
}
.index_container .cont {
  display: block;
  margin: 0 auto;
  width: 1020px;
}
.index_container .title {
  margin-bottom: 0;
}
.index_container .info {
  margin-bottom: 49px;
}
.index_container .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1020px;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 4px;
  margin-bottom: 36px;
}
.index_container .tab p {
  width: 25%;
  height: 42px;
  line-height: 42px;
  color: #5f5f5f;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}
.index_container .tab p.on {
  color: #fff;
  background-color: #35737e;
  border-radius: 4px;
  font-weight: bold;
}
.index_container .tabContent {
  width: 1020px;
  margin: 0 auto;
  margin-top: 30px;
}
.index_container .tabContent .item {
  display: none;
}
.index_container .tabContent .item.on {
  display: block;
}
.index_container .tabContent .more {
  width: 144px;
  margin: 0 auto;
  margin-top: 14px;
  display: block;
  margin-bottom: 64px;
}
.index_container .tabContent .more img {
  width: 100%;
}
.index_container .success_k {
  width: 100%;
  background: #FFF;
  padding-top: 70px;
  padding-bottom: 80px;
}
.index_container .success {
  margin: 0 auto;
  width: 1020px;
  margin-bottom: 46px;
}
.index_container .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1020px;
  margin: 0 auto;
}
.index_container .items .item {
  width: 324px;
  height: 214px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}
.index_container .items .item:hover p {
  background-color: #0e7580;
  color: #fff;
  opacity: 1;
}
.index_container .items .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_container .items .item p {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 44px;
  z-index: 9;
  color: #000;
  background-color: #fff;
  opacity: 0.8;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  transition: all 0.4s linear;
}
.index_container .bmore {
  width: 144px;
  margin: 0 auto;
  margin-top: 30px;
  display: block;
}

.container {
  background: #F4F4F4 url(index/bgc.png) no-repeat;
  background-size: 100% auto;
  padding-bottom: 1px;
}
.container * {
  box-sizing: border-box;
}
.container a {
  text-decoration: none;
  font-size: 12px;
}
.container .tit {
    width: 1020px;
    margin: 0 auto 45px;
    z-index: 9;
    position: relative;
}

.container .tit .back{
  position: absolute;
  left: 0;
  top: 100px;
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}

.container .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1020px;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 4px;
  z-index: 9;
  position: relative;
}
.container .tab a {
  width: 25%;
  height: 42px;
  line-height: 42px;
  color: #5f5f5f;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  border-radius: 4px;
}
.container .tab a.on {
  background: #35727E;
  color: #FFF;
}
.container .topphoto {
  width: 1020px;
  margin: 0 auto;
  margin-top: 0;
}

.container .linktit {
  width: 1020px;
  margin: 0 auto 28px;
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container .linktit .br {
  display: block;
  width: 100%;
  height: 0px;
}
.container .linktit a {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin: 0 6px 11px;
  background: #FFF;
  border: #35727E 1px solid;
  border-radius: 5px;
  font-size: 16px;
  color: #35727E;
  cursor: pointer;
  transition: all 0.2s linear;
}
.container .linktit a:hover {
  background: #35727E;
  color: #FFF;
}
.container .linktit a.on {
  background: #35727E;
  color: #FFF;
}
.container .linkcont {
  margin: 0 auto 85px;
  width: 1020px;
}
.container .linkcont .content {
  display: none;
}
.container .linkcont .content.on {
  display: flex;
}
.container .linkcont .content .left {
  width: 465px;
  z-index: 2;
  flex-shrink: 0;
}
.container .linkcont .content .left img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  object-fit: cover;
  min-height: 293px;
}
/* .container .linkcont .content .left .row4 {
  height: 293px;
}
.container .linkcont .content .left .row5 {
  height: 331px;
}
.container .linkcont .content .left .row6 {
  height: 331px;
}
.container .linkcont .content .left .row7 {
  height: 411px;
} */

.container .linkcont .content .right {
  padding: 29px 0 13px 52px;
  background: #FFF;
  flex-grow: 1;
  border-radius: 0 8px 8px 0;
  margin-left: -10px;
}

.container .linkcont .content .right h2 {
  font-size: 24px;
  color: #3d3d3d;
  margin-bottom: 10px;
}

.container .linkcont .content .right h3 {
  font-size: 14px;
  color: #0f757f;
  margin-bottom: 26px;
  font-weight: normal;
}

.container .linkcont .content .right .line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-left: 42px;
  position: relative;
}

.container .linkcont .content .right .line:last-of-type {
  margin-bottom: unset;
}

.container .linkcont .content .right .line h5 {
  font-weight: unset;
  color: #3E3E3E;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 2px;
}
.container .linkcont .content .right .line .link {
  font-size: 14px;
  color: #0e7580;
  padding: 1px 12px;
  border: 1px solid #0e7580;
  border-radius: 6px;
  transition: all 0.2s linear;
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 16px;
}
.container .linkcont .content .right .line .link:last-of-type {
  margin-right: unset;
}
.container .linkcont .content .right .line .link:hover {
  background-color: #0e7580;
  color: #FFF;
}
.container .linkcont .content .right .line.padL1 a:first-of-type {
  margin-left: 14px;
}
.container .linkcont .content .right .line.padL1_5 a:first-of-type {
  margin-left: 17px;
}
.container .linkcont .content .right .line.padL2 a:first-of-type {
  margin-left: 28px;
}
.container .linkcont .content .right .line.padL2_5 a:first-of-type {
  margin-left: 31px;
}
.container .linkcont .content .right .line.padL3 a:first-of-type {
  margin-left: 42px;
}
.container .linkcont .content .right .line.padL3_5 a:first-of-type {
  margin-left: 45px;
}
.container .linkcont .content .right .line .op0 {
  opacity: 0;
}