/*  样式重置 */
.main .container {
  text-align: center;
  position: relative;
}
.main,
.section1 {
  width: 100%;
  position: relative;
}
.section1 {
  color: #fff;
  height: 8.26666667rem;
  z-index: 1;
  overflow: hidden;
}
.section2 {
  background: #ffffff url(../images/index-section2-bot.png) 0 bottom no-repeat;
  background-size: 100% 10.08rem;
  color: #5f5f5f;
  height: 26.93333333rem;
  z-index: 1;
  font-size: 0.77333333rem;
  overflow: hidden;
  border-radius: 0.53333333rem 0.53333333rem 0 0;
  top: -0.53333333rem;
  position: relative;
  margin-bottom: -0.53333333rem;
}
.section3 {
  background: #fff;
  color: #fff;
  height: 35.01333333rem;
  z-index: 1;
  overflow: hidden;
  color: #5f5f5f;
}
.index.section3 {
  height: 18.13333333rem;
  background: #fff;
}
.section4 {
  background: #fff;
  background-size: 17.70666667rem 12.4rem;
  color: #fff;
  height: 23.46666667rem;
  z-index: 1;
  overflow: hidden;
}
.section .section-title {
  font-size: 1.86666667rem;
  letter-spacing: 0.53333333rem;
  position: absolute;
  width: 100%;
  text-align: center;
}
.section .section-detail {
  font-size: 0.74666667rem;
  letter-spacing: 0.05333333rem;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 1.38666667rem;
}
.section .section-eng {
  font-size: 0.53333333rem;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 1.06666667rem;
}
.section .section-titleEn {
  font-size: 1.33333333rem;
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 1.97333333rem;
}
.section .section-line {
  width: 3.62666667rem;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -1.81333333rem;
}
.section .section-btn {
  width: 5.33333333rem;
  height: 1.86666667rem;
  border-radius: 1.86666667rem;
  border: 1px solid #fff;
  text-align: center;
  line-height: 1.86666667rem;
  position: absolute;
  left: 50%;
  margin-left: -2.66666667rem;
  color: #fff;
}
.section1_slide {
  height: 8.26666667rem;
}
.section2-title {
  width: 7.65333333rem;
  height: 2.18666667rem;
  margin: 1.6rem auto 1.06666667rem auto;
}
.section2-title-new {
  width: 12.82666667rem;
  height: 1.68rem;
  margin: 1.6rem auto 1.06666667rem auto;
}
.main {
  padding-top: 2.8rem;
}
.photo {
  position: relative;
  width: 100%;
  height: auto;
}
.photo img {
  width: 100%;
  height: auto;
}
.index.section3 .section2-title {
  width: 9.76rem;
  height: auto;
}
.index.section3 .more-case,
.index.section3 .more-case img {
  width: 9.33333333rem;
  height: auto;
}
.index.section3 .more-case {
  margin: 1.6rem auto 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.carousel-indicators li {
  opacity: 1;
  width: 0.26666667rem;
  height: 0.26666667rem;
  border-radius: 50%;
  background: none;
  background: #fff;
  opacity: 0.6;
  border: none;
}
.section1_slide .carousel-indicators li.active {
  width: 0.53333333rem;
  height: 0.26666667rem;
  opacity: 0.4;
  border-radius: 0.26666667rem;
}
.section2-more {
  width: 4.66666667rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 1.6rem;
  border: 1px solid #014b4e;
  position: absolute;
  left: 50%;
  bottom: 1.86666667rem;
  margin-left: -2.34666667rem;
  transition: all 0.2s;
  display: none;
}
.section2-more a {
  color: #014b4e;
  font-size: 0.58666667rem;
  width: 4.66666667rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  display: block;
}
.section2-item1 {
  width: 16.90666667rem;
  height: 4.66666667rem;
  background: url(../images/index_section2_item1_s.jpg) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s;
  margin: 0.26666667rem auto;
  position: relative;
}
.section2-item1.active {
  width: 16.90666667rem;
  height: 15.12rem;
  background: url(../images/index_section2_item1_l.jpg) no-repeat;
  background-size: 100% 100%;
}
.section2-item2 {
  width: 16.90666667rem;
  height: 4.66666667rem;
  background: url(../images/index_section2_item2_s.jpg) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s;
  margin: 0.26666667rem auto;
  position: relative;
}
.section2-item2.active {
  width: 16.90666667rem;
  height: 15.12rem;
  background: url(../images/index_section2_item2_l.jpg) no-repeat;
  background-size: 100% 100%;
}
.section2-item3 {
  width: 16.90666667rem;
  height: 4.66666667rem;
  background: url(../images/index_section2_item3_s.jpg) no-repeat;
  background-size: 100% 100%;
  transition: all 0.2s;
  margin: 0.26666667rem auto;
  position: relative;
}
.section2-item3.active {
  width: 16.90666667rem;
  height: 15.12rem;
  background: url(../images/index_section2_item3_l.jpg) no-repeat;
  background-size: 100% 100%;
}
.section2-item.active .section2-more {
  display: block;
}
.section2-detail {
  font-size: 0.69333333rem;
  line-height: 1.0rem;
  margin: 0.53333333rem auto 1.06666667rem auto;
  width: 16.74666667rem;
  color: #5f5f5f;
  text-align: left;
}
.section2-detail p {
  display: inline-block;
  margin-bottom: 0;
  color: #d3a76c;
}
.index-mid-nav {
  height: 2.13333333rem;
  width: 100%;
  margin: 0.8rem 0 0 0;
}
.index-mid-nav ul {
  margin: 0 0.8rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.index-mid-nav li {
  height: 1.86666667rem;
  line-height: 1.86666667rem;
  background: linear-gradient(to bottom right, #2c8f96, #095f62);
  text-align: center;
  color: #f3e2b7;
  border-radius: 0.26666667rem;
  width: 4.4rem;
  position: relative;
}
.mid-nav-more {
  height: 0rem;
  line-height: 1.86666667rem;
  text-align: center;
  color: #f3e2b7;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  position: absolute;
  border-radius: 0.26666667rem;
  overflow: hidden;
  left: 0;
  top: 1.86666667rem;
  transition: all 0.3s;
}
.mid-nav-more.show {
  height: 5.6rem;
}
.mid-nav-more span {
  background: linear-gradient(to bottom right, #2c8f96, #095f62);
}
.section3-con {
  width: 100%;
  height: 17.86666667rem;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 0.8rem;
}
.section3-con ul {
  display: inline-flex;
  flex-direction: row;
}
.section3-con li {
  height: 17.86666667rem;
  width: 12.53333333rem;
  border: 1px solid #e9e9e9;
  background: #f8f8f8;
  margin: 0 0.26666667rem;
  position: relative;
}
.section3-con li:nth-child(1) {
  margin-left: 1.6rem;
}
.section3-con li:last-child {
  margin-right: 1.6rem;
}
.section3-con .item-cover {
  width: 12.48rem;
  height: 7.97333333rem;
}
.section3-con .item-title {
  font-size: 0.93333333rem;
  color: #323232;
  line-height: 1.06666667rem;
  text-align: left;
  width: 10.53333333rem;
  margin: 0.53333333rem auto 0.26666667rem auto;
}
.section3-con .item-url {
  width: 10.53333333rem;
  height: 2.13333333rem;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #dfdfdf;
  line-height: 2.13333333rem;
  font-size: 0.64rem;
  left: 0.97333333rem;
  text-align: left;
}
.section3-con .item-url a {
  width: 10.53333333rem;
  height: 2.13333333rem;
  display: block;
  color: #014b4e;
}
.section3-con .arrow-right {
  float: right;
  margin-top: 0.66666667rem;
}
.section3-con .item-detail {
  font-size: 0.66666667rem;
  color: #999;
  width: 10.53333333rem;
  height: 5.33333333rem;
  line-height: 0.93333333rem;
  text-align: left;
  margin: 0 auto;
  overflow: hidden;
}
.more-item {
  width: 8.8rem;
  height: 2rem;
  line-height: 1.92rem;
  text-align: center;
  font-size: 0.85333333rem;
  color: #d1a76c;
  margin: 1.6rem auto;
  border-radius: 0.18666667rem;
  border: 1px solid #d1a76c;
}
.more-item a {
  width: 100%;
  height: 100%;
  display: block;
  color: #d1a76c;
}
.honer {
  width: 100%;
  height: auto;
  margin: 1.86666667rem auto 0 auto;
  background: #888;
}
.honer .carousel-indicators {
  bottom: -50px;
}
.honer .carousel-indicators li {
  border: #d1a76c 1px solid;
  opacity: 1;
}
.honer .carousel-indicators li.active {
  background: #d1a76c;
  border: #d1a76c 1px solid;
}
.section4 .more-item {
  margin-top: 2.6rem;
  width: 17.33333333rem;
  color: #d1a76c;
}
.section3-new {
  background: #fff;
  color: #fff;
  height: 45.98666667rem;
  z-index: 1;
  color: #5f5f5f;
  border-top: 1px solid #fff;
}
.section3-item1 {
  width: 100%;
  position: relative;
  font-size: 0.64rem;
  color: #f3e2b7;
  text-align: justify;
}
.section3-item1 img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.section3-item1-txt1 {
  position: absolute;
  z-index: 2;
  width: 10.66666667rem;
  height: 3.93333333rem;
  border-bottom: 1px solid #f3e2b7;
  right: 1.12rem;
  top: 4.88rem;
  line-height: 0.93333333rem;
}
.section3-item1-txt2 {
  margin: 0 0.96rem;
  position: absolute;
  top: 9.48rem;
  z-index: 2;
  padding-bottom: 0.8rem;
  line-height: 1.12rem;
  letter-spacing: 0.5px;
}
.section3-item1-txt3 {
  margin: 0 1.12rem;
  position: absolute;
  top: 13.33333333rem;
  z-index: 2;
  line-height: 1.12rem;
  letter-spacing: 0.5px;
}
.section3-item2 {
  height: 11.33333333rem;
  background: #fffef7;
  width: 100%;
  display: flex;
  flex-direction: row;
  text-align: center;
  align-item: center;
  justify-content: center;
  font-size: 0.74666667rem;
}
.section3-item2-part1 > img {
  width: 5.52rem;
  height: 5.52rem;
  margin: 0.8rem auto 0.42666667rem auto;
}
.section3-item2-part1 {
  width: 5.52rem;
  margin: 0 0.4rem;
  position: relative;
}
.section3-name {
  font-weight: bold;
  color: #1a1a1a;
}
.section3-detail {
  width: 17.92rem;
  position: absolute;
  top: 9.33333333rem;
  z-index: 2;
  display: none;
}
.section3-detail > img {
  width: 100%;
  height: auto;
}
.close-btn {
  width: 1.17333333rem;
  height: 1.17333333rem;
  margin: 0.8rem auto 0 auto;
  background: url(../images/close-btn.png) no-repeat;
  background-size: 100% 100%;
}
.section3-detail1 {
  left: -0.15rem;
}
.section4-detail1 {
  left: -3.05rem;
}
.section3-detail2 {
  left: 50%;
  margin-left: -8.86rem;
}
.section3-detail3 {
  right: -0.1rem;
}
.section4-detail3 {
  right: -3.05rem;
}
.section3-item {
  width: 17.22666667rem;
  height: 4rem;
  margin: 0.26666667rem auto;
}
.index-logo-box {
  width: 17.22666667rem;
  height: 11.92rem;
  border-radius: 0.26666667rem;
  border: 1px solid #f3e2b7;
  margin: 0 auto;
}
.index-logo-box img {
  width: 16.42666667rem;
  height: 10.56rem;
  margin: 0.66666667rem auto;
}