@charset "UTF-8";

.main, .kv {
  width: 100%; height: 100vh;
}
.main > .swiper-container, .kv .swiper-container {
  width: 100%; height: 100%; overflow: hidden;
}
.main > .swiper-container .swiper-wrapper, .kv .swiper-container .swiper-wrapper {
  width: 100%; height: 100%;
}
.main > .swiper-container .swiper-wrapper .swiper-slide, .kv .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%; height: 100%; overflow: hidden; position: relative; transform: translateZ(0);
}
.kv .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}
.kv .swiper-container .swiper-wrapper .swiper-slide .txt {
  width: 100%; height: 100%; display: flex; -js-display: flex;
}
.kv .swiper-container .swiper-wrapper .swiper-slide .bg {
  width: 100%; height: 100%; overflow: hidden; transition: all .5s linear; position: absolute; left: 0; top: 0; animation:mymove 12s infinite; -webkit-animation:mymove 12s infinite; /* Safari 和 Chrome */
}
@keyframes mymove
{
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	0% {transform: scale(1);}
	50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}
.kv .swiper-container .swiper-wrapper .swiper-slide h2 {
  width: 100%; text-align: center; color: #fff; margin-bottom: 0;
}
.kv .swiper-container .swiper-wrapper .swiper-slide p {
  margin: 0.1042rem auto;
}
.kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: auto; height: auto; color: #fff; background: none; opacity: 1; border-radius: 0; margin-left: 0.1146rem; margin-right: 0.1146rem;
}
.kv .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-bottom: 1px solid #fff;
}
.kv .swiper-pagination {
  bottom: 0.2083rem;
}
.page2 {
  background: url(../images/index-02-bgg.jpg) no-repeat center center; background-size: cover; display: flex; -js-display: flex;
}
.page2 .content {
  display: flex; -js-display: flex; width: 8.3333rem; margin-left: 0.8333rem; padding-top: 0.5rem;
}
.page2 .con_left {
  position: relative;
}
.page2 .con_left h5 {
  color: #0c6d67; margin: 0.1rem auto 0.05rem;
}
.page2 .con_left h2 {
  color: #0c6d67; margin-bottom: 0.08rem;
}
.page2 .con_left .description p {
  color: #7f7f7f; width: 3.2292rem; text-align: justify; margin-bottom: 0.1823rem; line-height: 0.1563rem;
}
.page2 .con_right {
  position: relative;
}
.page2 .con_right div {
  width: 4.6875rem; height: auto;
}
.page2 .con_right .img02 {
  position: absolute; top: -0.1563rem; left: -0.1563rem;
}
.page2 .con_right .img01 {
  /* margin-right: -0.1875rem; */
}
.page2 .con_swiper {
    background-color: rgb(255, 255, 255); box-shadow: 0px 0px 51px 0px rgba(114, 140, 145, 0.21); width: 6.9948rem; height: 0.75rem; z-index: 2; position: absolute; left: -0.8333rem; bottom: 0.1rem; padding-left: 0.8333rem; display: flex; -js-display: flex;
}
.page2 .con_swiper .swiper-container {
  width: 5.9583rem;
}
.page2 .con_swiper .swiper-container .swiper-slide {
  display: flex; -js-display: flex;
}
.page2 .con_swiper .swiper-container .swiper-slide p {
  position: relative; padding-left: 0.0521rem; color: #0c6d67;
}
.page2 .con_swiper .swiper-container .swiper-slide p::before {
  content: " "; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.0208rem; height: 0.3125rem; background: #cce4e2;
}
.page2 .con_swiper .swiper-container .swiper-slide p span {
  display: block;
}
.page2 .con_swiper .swiper-container .swiper-slide p span i {
  color: #0c6d67; font-style: normal; line-height: 1;
}
.page2 .arrow_btn {
  width: 0.1875rem; background: #0c6d67;
}
.page2 .arrow_btn .arrow {
  width: 100%; height: 50%; background: none; color: #fff;
}
.page2 .arrow_btn .arrow:hover {
  background: none;
}
.page2 .arrow_btn .arrow i {
  font-size: 0.0833rem;
}
.page3 {
  background: url(../images/index-03-bg.jpg) no-repeat center center; background-size: cover; display: flex; -js-display: flex;
}
.page3 .content {
  display: flex; -js-display: flex; width: 8.3333rem;
}
.page3 .txt {
  color: #fff;
}
.page3 .swiper-container {
  width: 100%;
}
.page3 .swiper-container .swiper-slide:nth-child(2) .txt {
  text-align: right;
}
.page3 .txt {
  margin-top: 0.4167rem; cursor: default;
}
.page3 .swiper-slide:nth-child(1) .txt:hover h2, .page3 .swiper-slide:nth-child(1) .txt:hover p {
  transform: scale(1.02) translateX(0.05rem);
}
.page3 .swiper-slide:nth-child(2) .txt:hover h2, .page3 .swiper-slide:nth-child(2) .txt:hover p {
  transform: scale(1.02) translateX(-0.05rem);
}
.page3 .txt h2 {
  margin-bottom: 0.1771rem; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.page3 .txt p {
  margin-bottom: 0.4167rem; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.page3 .txt:hover .more {
  background-color: #fff; color: #0c6d67;
}
.page3 .page3_box {
  width: 100%; height: 100%; overflow: hidden; position: relative;
}
.page3 .page3_bg_left {
  width: 50%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); z-index: -1; display: none;
}
.page3 .page3_bg_right {
  width: 50%; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); z-index: -1; display: none;
}
.page4 {
  background: #fff url(../images/index-04-bg.jpg) no-repeat center center; background-size: cover; display: flex; -js-display: flex;
}
.page4 .content {
  display: flex; -js-display: flex; /* width: 8.7396rem; margin-left: 0.8333rem; */ width: 100%; overflow: hidden;
}
.page4 .title {
  margin-top: 1.0417rem;
}
.page4 .con_left {
  width: 2.1rem; padding-left: 0.8333rem; display: flex; -js-display: flex; height: 100%; background: rgba(255, 255, 255, 0.85);
}
.page4 .con_right {
  
}
.page4 .con_right .con_last {
  width: 0.4948rem; height: 100%; background: rgba(255, 255, 255, 1);
}
.page4 .con_right .swiper-container {
  height: 100%; width: 7.41rem;
}
.page4 .con_right .swiper-slide {
  background: #fff; overflow: hidden; position: relative; transition: all .5s linear;
}
.page4 .con_right .swiper-slide .txt {
  display: flex; -js-display: flex; position: relative; z-index: 2; height: 100%; width: 2.1875rem; margin: 0 auto;
}
.page4 .con_right .swiper-slide:nth-child(2n) {
  background: #f6f6f6;
}
.page4 .con_right .swiper-slide .case_poster {
  opacity: 0; transition: all .5s linear; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%;
}
.page4 .con_right .swiper-slide:hover .case_poster,.page4 .con_right .swiper-slide.active .case_poster {
  /* opacity: 1; */
}
.page4 .con_right .swiper-slide:hover, .page4 .con_right .swiper-slide.active {
  background: rgba(0, 0, 0, 0.5);
}
.page4 .con_right .swiper-slide:hover span,.page4 .con_right .swiper-slide.active span {
  color: #fff;
}
.page4 .con_right .swiper-slide:hover h2,.page4 .con_right .swiper-slide.active h2 {
  color: #fff; border-color: rgba(255, 255, 255, 0.2);
}
.page4 .con_right .swiper-slide:hover h5,.page4 .con_right .swiper-slide.active h5 {
  height: 0;
}
.page4 .con_right .swiper-slide:hover p,.page4 .con_right .swiper-slide.active p {
  color: #fff; max-height: 5.4em;
}
.page4 .con_right .swiper-slide:hover a,.page4 .con_right .swiper-slide.active a {
  background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); color: #fff;
}
.page4 .con_right .swiper-slide span {
  transition: all .5s linear; color: #b4b9c8; margin-bottom: 0.1667rem;
}
.page4 .con_right .swiper-slide h5 {
  color: #1c2c5e; height: 5.4em; overflow: hidden;
}
.page4 .con_right .swiper-slide h2 {
  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s linear; color: #1c2c5e; padding-bottom: 0.1042rem; border-bottom: 1px solid #b4b9c8; margin-bottom: 0.2083rem; color: #1c2c5e;
}
.page4 .con_right .swiper-slide p {
  transition: all .5s linear; color: #1c2c5e; height: 0.5208rem; overflow: hidden; max-height: 0; text-align: justify;
}
.page4 .con_right .swiper-slide a {
  color: #83848a; border: 1px solid #b4b9c8; background: none; margin-top: 0.2083rem;
}
.page4 .more03 {
  color: #0c6d67; margin-bottom: 1.0417rem; transition: all 0.5s linear;
}
.page4 .more03:hover {
  text-decoration: none; color: #000;
}
.page5 {
  background: url(../images/index-05-bg.jpg) no-repeat center center; background-size: cover; display: flex; -js-display: flex;
}
.page5 .content {
  display: flex; -js-display: flex; width: 8.3333rem;
}
.page5 .content:first-child {
  padding-top: 0.1563rem;
}
.page5 .content:nth-child(2) {
  margin-top: 0.1563rem;
}
.page5 .content:nth-child(2) .con_left {
  height: 2.8646rem; overflow: hidden;
}
.page5 .con_left {
  position: relative; width: 4.1365rem;
}
.page5 .swiper-container {
  height: 100%;
}
.page5 .con_left img {
   transition: all .8s linear;
}
.page5 .text {
  position: absolute; left: 0.2448rem; bottom: 0.19rem; width: 3.5313rem;
}
.page5 .con_left .text h2 {
  color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.page5 .con_left:hover img {
  transform: scale(1.2);
}
.page5 .con_left .text p {
  color: #fff; opacity: 0.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;
}
.page5 .arrow_btn {
  position: absolute; left: 0.2448rem; bottom: 0.8rem; z-index: 2;
}
.page5 .con_right ul {
  display: flex; -js-display: flex; height: 100%; width: 3.7917rem; padding: 0;
}
.page5 .con_right ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.page5 .con_right ul li p {
  margin-bottom: 0.1rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .5s linear; -webkit-transition: color .5s linear;
}
.page5 .con_right ul li span {
  transition: color .5s linear; -webkit-transition: color .5s linear; display: block;
}
.page5 .con_right ul li a {
  color: #000; display: block;
}
.page5 .con_right ul li:hover a {
  text-decoration: none;
}
.page5 .con_right ul li:hover a p, .page5 .con_right ul li:hover a span {
  color: #0c6d67;
}
.page6 {
  display: flex; -js-display: flex;
}
.page6 .swiper-container {
  height: 100%; width: 100%;
}
.page6 .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.page6 .bjb_tip .content {
  width: 6.25rem; margin: 0 auto 0; position: relative; padding-left: 0.5208rem; padding-right: 0.5208rem;
}
.page6 .bjb_tip .content::before {
  content: "\e678"; position: absolute; left: 0; top: 0; color: #fff; opacity: 0.1; font-family: "iconfont" !important; font-size: 0.2083rem;
}
.page6 .bjb_tip .content::after {
  content: "\e670"; position: absolute; right: 0; bottom: 0; color: #fff; opacity: 0.1; font-family: "iconfont" !important; font-size: 0.2083rem;
}
.page6 .bjb_tip .content p {
  position: relative; padding-top: 0.1875rem; color: #fff; margin-top: 0.1563rem; letter-spacing: 1px; text-align: center;
}
.page6 .bjb_tip .content p::before {
  content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 0.401rem; height: 0.0208rem; background: #fff;
}
.page6 .bjb_tip .content .bjb {
  width: 2.8646rem; margin: 0 auto;
}
.page6 .bjb_tip {
  width: 100%; height: auto;  background: #0c6d67; padding-top: 1.0417rem; padding-bottom: 0.4167rem;
}

.mCSB_inside>.mCSB_container {
  margin-right: 0;
}
.arrow_btn {
  display: flex; -js-display: flex;
}
.arrow_btn .arrow {
  font-size: 0.0833rem; text-decoration: none;
}
.arrow_btn .arrow:hover {
  background: #0c6d67; color: #fff;
}
.arrow_btn .prev {
  border-radius: 50%; background: #fff; background-size: 14%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04); width: 0.3438rem; height: 0.3438rem; color: #0c6d67; margin-right: 0.0521rem; transition: all 0.5s linear; display: flex; -js-display: flex;
} 
.arrow_btn .next {
  border-radius: 50%; background: #fff; background-size: 14%; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04); width: 0.3438rem; height: 0.3438rem; color: #0c6d67; transition: all 0.5s linear; display: flex; -js-display: flex;
} 
.page4 .arrow_btn .prev {
  background: #0c6d67; color: #fff;
}
.page5 .arrow_btn .prev {
  opacity: 0.5;
}
.page5 .arrow_btn .prev:hover {
  opacity: 1;
}
.title {
  width: auto; height: auto;
}
.title.black p {
  color: #000;
}
.title.white p {
  color: #fff;
}
.title p span {
  display: block; padding: 0.01rem 0 0.1rem; position: relative;
}
.title p span::after {
  content: " "; position: absolute; bottom: 0; left: 0; width: 0.2969rem; height: 0.0313rem; background: #0c6d67;
}
.title.title3 p span {
  opacity: 0.5;
}
.title.title3 p span::after {
  background: #fff;
}
.title.title4 p span {
  color: #0c6d67;
}

@media screen and (max-width: 768px){
  .kv .swiper-container .swiper-wrapper .swiper-slide p {
    margin: 0.5rem auto;
  }
  .page2 .content {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin-left: 0.3125rem;
    width: 9.25rem;
    padding-top: 4rem
  }
  .page2 .con_left .description p {
    width: 100%; line-height: 0.3rem;
  }
  .page2 .con_swiper {
    width: 8rem; height: 1.4rem; position: static; margin-top: 0.3rem; padding-left: 0;
  }
  .page2 .con_swiper .swiper-container .swiper-slide p::before {
    height: 0.8rem; width: 0.02rem;
  }
  .page2 .con_swiper .swiper-container .swiper-slide p {
    padding-left: 0.08rem;
  }
  .page2 .con_right {
    margin-top: 0.5rem;
  }
  .page2 .con_right div {
    width: 90%;
  }
  .page2 .arrow_btn .arrow i {
    font-size: 0.2rem;
  }
  .page3 .swiper-slide:nth-child(1) .txt:hover h2, .page3 .swiper-slide:nth-child(1) .txt:hover p {
    transform: none;
  }
  .page3 .swiper-slide:nth-child(2) .txt:hover h2, .page3 .swiper-slide:nth-child(2) .txt:hover p {
    transform: none;
  }
  .page3 .content {
    width: 9.25rem;
  }
  .page3 .swiper-container {
    padding-bottom: 1rem;
  }
  .page3 .swiper-pagination-bullet, .page4 .swiper-pagination-bullet {
    width: 0.5rem; height: 2px; opacity: 1;background: #fff;
  }
  .page3 .swiper-pagination-bullet-active, .page4 .swiper-pagination-bullet-active {
    background: #0c6d67;
  }
  .page4 {
    -ms-flex-align: center !important;
  align-items: center !important; background: url(../images/index-04-bg-m.jpg) no-repeat center center;
  }
  .page4 .title {
    margin-top: 0; margin-bottom: 0.4167rem;
  }
  .page4 .content {
    -ms-flex-direction: column !important;
    flex-direction: column !important; width: 9.25rem; margin: 0 auto;
  }
  .page4 .con_left {
    height: auto; width: 100%; padding-left: 0; background: none;
  }
  .page4 .con_left .more {
    display: none;
  }
  .page4 .con_right {
    width: 100%;
  }
  .page4 .con_right .swiper-slide {
    background: #fff;
  }
  .page4 .con_right .swiper-slide:hover {
    background: #0c6d67;
  }
  .page4 .con_right .swiper-slide a {
    padding-top: 0.1rem; padding-bottom: 0.1rem; margin-bottom: 0.2rem
  }
  .page4 .con_right .swiper-slide .case_poster {
    position: static; width: 100%; opacity: 1; transform: translate(0);
  }
  .page4 .con_right .swiper-slide .txt {
    width: 90%;
  }
  .page4 .con_right .swiper-slide:hover p, .page4 .con_right .swiper-slide.active p {
    height: 5.2em; max-height: unset;
  }
  .page4 .con_right .swiper-slide h2, .page4 .con_right .swiper-slide h5, .page4 .con_right .swiper-slide:hover h5, .page4 .con_right .swiper-slide p, .page4 .con_right .swiper-slide a {
    height: auto; max-height: unset;
  }
  .page4 .con_right .swiper-slide p {
    height: 6.2em;
  }
  .page4 .arrow_btn {
    display: none;
  }
  .page4 .con_right .swiper-slide.active h2, .page4 .con_right .swiper-slide.active h5, .page4 .con_right .swiper-slide.active p, .page4 .con_right .swiper-slide.active a {
    color: #1c2c5e; height: auto;
  }
  .page4 .con_right .swiper-slide.active:hover h2,.page4 .con_right .swiper-slide.active:hover h5,.page4 .con_right .swiper-slide.active:hover p,.page4 .con_right .swiper-slide.active:hover a {
    color: #1c2c5e; height: auto;
  }
  .page4 .con_right .swiper-slide.active:hover h2 {
    border-color: #fff;
  }
  .page4 .con_right .swiper-slide.active span {
    color: #b4b9c8;
  }
  .page4 .con_right .swiper-slide.active a, .page4 .con_right .swiper-slide.active h2 {
    border-color: #b4b9c8;
  }
  .page4 .con_right .swiper-slide.active {
    background: #fff;
  }
  .page4 .con_right .swiper-container {
    padding-bottom: 0.6rem;
  }
  .page4 .con_right .swiper-slide:hover p, .page4 .con_right .swiper-slide.active:hover p {
    height: 6.2em;
  }
  .page4 .con_right .con_last {
    display: none;
  }
  .page5 .content {
    width: 9.25rem; 
  }
  .page5 .content:nth-child(2) {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .page5 .content:nth-child(2) .con_left {
    width: 70%; margin: 0 auto;
  }
  .page5 .arrow_btn {
    bottom: 1.5rem; width: 95%; display: flex; -js-display: flex; justify-content: space-between;
  }
  .page5 .text {
    width: 90%;
  }
  .page5 .content:nth-child(2) .con_left {
    height: 4.5rem;
  }
  .page5 .con_left {
    margin-bottom: 0.4167rem;
  }
  .page5 .con_right ul {
    width: 100%; margin-top: 0.2rem;
  }
  .page6 .bjb_tip {
    padding-top: 2.0417rem; padding-bottom: 1.0417rem;
  }
  .page6 .bjb_tip .content p {
    padding-top: 0.3875rem; margin-top: 0.463rem; letter-spacing: 0;
  }
  .page6 .bjb_tip .content {
    width: 9.25rem;
  }
  .page6 .bjb_tip .content .bjb {
    width: 5rem;
  }
  .arrow_btn .prev, .arrow_btn .next {
    width: 0.6rem; height: 0.6rem;
  }
  .page6 .swiper-scrollbar {
    background: none;
  }
  .page6 .swiper-scrollbar-drag {
    background: rgba(0,0,0,.1);
  }
}
@keyframes bounce-down {
  25% {transform: translateY(-3px);}
  50%{transform: translateY(0);}
  75% {transform: translateY(3px);}
  100% {transform: translateY(0);}
  }
@media screen and (max-width: 480px){
  .index_scroll {
    position: absolute; left: 50%; margin-left: -0.3rem; bottom: 0.5rem; width: 0.6rem; z-index: 10; -webkit-animation: bounce-down 1s linear infinite;animation: bounce-down 1s linear infinite;
  }
  .scroll_b {
    display: none;
  }
  .kv .swiper-pagination {
    bottom: 1.5rem;
  }
  .page2 .content {
    /* padding-top: 0; */
  }
  .page2 .con_left h5 {
    margin: 0.2042rem auto 0.1781rem;
  }
  .page2 .arrow_btn {
    width: 0.3875rem;
  }
  .page2 .con_left .description p {
    line-height: 0.5rem;
  }
  .page3 .swiper-container-horizontal>.swiper-pagination-bullets, .page4 .swiper-container-horizontal>.swiper-pagination-bullets {
    /* height: 1rem; */ bottom: 0;
  }
  .page4 .con_right .swiper-slide .case_poster {
    width: 90%; display: block; margin: 0.5rem auto 0;
  }
  .page4 .con_right .swiper-slide a {
    margin-bottom: 0.6rem; display: table;
  }
  .page4 .con_right .swiper-slide .txt {
    margin-top: 0.5rem;
  }
  .page5 .text {
    width: 95%;
  }
  .page5 .arrow_btn {
    bottom: 2.5rem;
  }
  .page5 .content:nth-child(2) .con_left {
    width: 100%;
  }
  .page5 .con_right ul {
    padding-left: 0; height: auto;
  }
  .page5 .content:nth-child(2) .con_left {
    height: 6rem;
  }
  .page5 .content:nth-child(2) {
    margin-top: 0;
  }
  .page6 .bjb_tip .content {
    width: 9.25rem; padding-left: 0.2rem; padding-right: 0.2rem;
  }
  .page6 .bjb_tip .content .bjb {
    width: 6.8646rem;
  }
  .arrow_btn .prev, .arrow_btn .next {
    width: 1rem; height: 1rem;
  }
  .page6 .bjb_tip .content::before {
    top: 0.8rem;
  }
  .page6 .bjb_tip .content p {
    padding-top: 0.3rem; margin-top: 0.4rem;
  }
}