/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; height: 100vh;}
.ind-banner .swiper-slide .img{ height: 100vh; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 50%; margin-left: -7.68rem; top: 50%; transform: translateY(-50%); z-index: 2;} 
.ind-banner .one .txtImg{ padding-bottom: 5px; }
.ind-banner .one .txtImg img{ width: 4.44rem;}
.ind-banner .one .txtImg2{ position: relative; padding-bottom: 0.7rem; }
.ind-banner .one .txtImg2:after{ content: ''; position: absolute; left: 0; bottom: 0; background: #fff; width: 24px; height: 4px; }
.ind-banner .one .txtImg2 img{ width: 7.02rem; }

/*.ind-banner .dots { position: absolute; width: 100%; text-align: center; z-index: 10; left: 0; top: auto; bottom: 0.6rem!important; }
.ind-banner .dots span { display: inline-block; position: relative; width: 36px; height: 36px; margin: 0 0.2rem!important; background: url("../images/ico1.png") center no-repeat;}
.ind-banner .dots .swiper-pagination-bullet-active { background-image: url("../images/ico1on.png"); }
.ind-banner .dots span:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: url("../images/nimg36Bg.png") no-repeat;
 animation:rotate 3.5s infinite linear;-webkit-animation:rotate 3.5s infinite linear;-moz-animation:rotate 3.5s infinite linear; }
.ind-banner .dots span:before{ content: ''; opacity: 0; position: absolute; left: 5px; top: 5px; width: 26px; height: 26px; background: url("../images/nimg26Bg.png") no-repeat;
animation:rotate2 3.5s infinite linear;-webkit-animation:rotate2 3.5s infinite linear;-moz-animation:rotate2 3.5s infinite linear; }
.ind-banner .dots .swiper-pagination-bullet-active:after{ opacity: 1; }
.ind-banner .dots .swiper-pagination-bullet-active:before{ opacity: 1; }

*/


/*banner结束*/

/*.page .swiper-pagination{ display: none; position:absolute; z-index:10!important; width: 75px; margin-bottom: 0; transform: translateY(-50%); left: auto!important; right:0.5rem!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet { position:relative; height: 36px; line-height: 36px; text-indent: 999px; text-align: right; font-size: 14px; color: #ce0e2d; font-family: mont; display: block; width: 50px; padding-left: 25px; opacity: 1; border: none; background: none; margin:0!important;} 
.page .swiper-pagination-bullet:after{ content:''; position:absolute; right:22px; top:50%; margin-top: -1px; width:10px; height:2px; background:#cdcdcd;}
.page .swiper-pagination-bullet-active { text-align: right; text-indent: 0;} 
.page .swiper-pagination-bullet-active:after{ width:50px; background: url(../images/bg1.png) no-repeat right center;}
.page .swiper-pagination-bullet:last-child{ display: none!important; }*/


@media screen and (min-width: 800px) {
	#page {
    height: 100vh;
    position: relative;
    overflow: hidden; }

  .pageSlide {
    height: 100vh;
    overflow: hidden;}

	.slideUp {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px); }

  .pageSlide.swiper-slide-active .slideUp {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); }

  .slideLeft {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px); }

  .pageSlide.swiper-slide-active .slideLeft {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

    .slideRight {
    opacity: 0;
    transition: All 0.6s linear;
    -webkit-transition: All 0.6s linear;
    -moz-transition: All 0.6s linear;
    -o-transition: All 0.6s linear;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px); }

  .pageSlide.swiper-slide-active .slideRight {
    opacity: 1;
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0); }

  .pageSlide.swiper-slide-active .slideDelay2 {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay3 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    transition-delay: 1.8s;
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s; }
	
	.pageSlide.footBox { height: 4.8rem; padding-top: 1.2rem; background: #202020; }
}

.pageSlide {
  position: relative;
  background: center no-repeat;
  background-size: cover; }
.pageSlide.cur .haha{ animation: myScale 3s forwards;}

.indexPart0 .bg{  position: absolute; left: 50%; top: 50%; width: 100%; height: 100vh; transform: translate(-50%,-50%); background: center no-repeat; background-size: 100%; z-index: 2; }
.indexPart0 .bgTel img{ width: 100%; }



.t_syk1li { position: absolute; transform: translate(-50%, -50%); cursor: pointer; z-index: 4;}
.t_syk1li1{ left: 17.92%; top: 62.46%; }
.t_syk1li2{ left: 29.95%; top: 23.28%; }
.t_syk1li3{ left: 37.95%; top: 50.38%; }
.t_syk1li4{ left: 45.36%; top: 40.58%; z-index:5; }
.t_syk1li5{ right: 18.76%; top: 74.87%; }
.t_syk1li6{ left: 52.36%; top: 43.28%; }
.t_syk1icon { position: relative; width: 64px; height: 64px; z-index: 10;}
.t_syk1icon::before { content: ''; width: 36px; height: 36px; z-index: 10; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f2c056; animation: none;}
.t_syk1icon::after { content: ''; z-index: 20; width: 0px; height: 0px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; animation: none; transition: all .3s ease 0s;}
.t_sykuo { position: relative; width: 100%; height: 100%;}
.t_sykuo::before { content: ''; background: rgba(242, 192, 86, .5); width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: kuosan 1.6s linear 0s infinite;}
.t_syyuan { position: absolute;left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; z-index: 22;}
.t_syk1icon .t_syhover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 22px;  opacity: 0; }
.t_sykuo::after { content: ''; background: rgba(242, 192, 86, .5); width: 48px; height: 48px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: kuosan 1.6s linear .8s infinite;}
.t_sykuo img { z-index: 22;}
.t_syk1li:hover .t_syk1icon::after { animation: kuo .2s ease 0s forwards; }
.t_syk1li:hover .t_syyuan {  opacity: 0; }
.t_syk1li:hover .t_syhover { opacity: 1; }

.t_sykbox { position: absolute; top: 9px; transform: translateY(0); left: 8px;}
.t_syk1jie { position: relative; top: 0; transform: translateY(0); left: 0; border-radius: 22px; height: 46px; line-height: 44px; min-width: 205px; padding: 0 22px;}
.t_syk1jie::before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: #f2c056; border-radius: 22px;}
.t_syk1li .t_syk1jie div { opacity: 0;}
.t_syk1wen { line-height: 46px; font-size: 12px; padding-left: 33px; color: #fff;}
.t_syk1go {position: relative; line-height: 46px; width: 6px; top: -1px;}
.t_syk1li:hover .t_sykbox { pointer-events: all;}
.t_syk1li:hover .t_syk1jie div { opacity: 1; transition: all .36s .2s;}
.t_syk1li:hover .t_syk1jie::before {  width: 100%; transition: all .4s cubic-bezier(.34, .44, .41, 1.12); }

.indexPart0 .decoration{ position: absolute; z-index: 4; }
.indexPart0 .car {
  width: 0.69rem;
  right: 28.5%;
  top: 38.8%;
  animation: car 5s linear infinite;
}

.indexPart0 .bike {
  width: 0.68rem;
  right: -5%;
  top: 71%;
  animation: bike 5s linear infinite;
}

.indexPart0 .car2 {
  width: 0.96rem;
  right: 31.5%;
  top: 98.3%;
  animation: car2 8s linear infinite;
}

.indexPart0 .boat {
  width: 0.61rem;
  right: -5.5%;
  top: 45.3%;
  animation: boat 5s linear infinite;
}

.indexPart0 .boat2 {
  width: 0.66rem;
  right: 15.5%;
  top: 32.3%;
  animation: upDown 1s infinite alternate linear;
}

.indexPart1 .list{ width: 100%; }
.indexPart1 .list li{ float: left; width: 33.33%; height: 100vh; position: relative; overflow:hidden; }
.indexPart1 .list li .limg{ height: 100%; position: relative; background: center no-repeat; background-size: cover; }
.indexPart1 .list li .limg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.indexPart1 .list li .limg img{ width: 100%; }
.indexPart1 .list li .txt{ position: absolute; text-align: center; left: 0; width: 100%; top: 50%; z-index: 2; height: 284px; margin-top: -142px; }
.indexPart1 .list li .name{ padding-top: 120px; font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; }
.indexPart1 .list li .more{ position: absolute; text-align: left; left: 50%; bottom: 0; width: 96px; height: 30px; margin-left: -48px; font-size: 18px; line-height: 18px; color: #fff; }
.indexPart1 .list li .more:before{ content: ''; position: absolute; right: 0; top: 0; width: 13px; height: 13px; background: url(../images/nimg13_1.png) no-repeat; }
.indexPart1 .list li .more:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #f2c056; }
.indexPart1 .list li:hover .limg{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart1 .list li:hover .limg:after{ background: rgba(0,0,0,0.8); }
.indexPart1 .list li:hover .more{ color: #f2c056; }
.indexPart1 .list li:hover .more:before{ background: url(../images/nimg13_1on.png) no-repeat;}
.indexPart1 .list li:hover .more:after{ width: 100%; }

.indexPart2{ position: relative;}
.indexPart2 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart2 .txt{ text-align: center; color: #fff; font-size: 42px; line-height: 62px; font-weight: bold; position: relative; z-index: 3; }
.indexPart2 .numList{ position: relative; z-index: 3; padding: 0.8rem 2.5rem 1.3rem; }
.indexPart2 .numList li{ float: left; width: 25%; text-align: center;}
.indexPart2 .numList li .ico{ height: 85px; }
.indexPart2 .numList li .num{ display: inline-block; height: 70px; position: relative; font-size: 16px; color: #fff; }
.indexPart2 .numList li .numUp{ font-family:bold; padding-right: 20px; font-size: 60px; line-height: 60px;}
.indexPart2 .numList li .num img{ position: absolute; right: 20px; top: 8px; }
.indexPart2 .numList li .wen{ font-size: 16px; color: #fff; }
.indexPart2 .btnDiv{ width: 182px; margin: 0 auto; position: relative; z-index: 3;}
.indexPart2 .btnDiv a{ display: block; position: relative; width: 182px; height: 58px; line-height: 58px; text-indent: 42px; font-size: 18px; color: #fff; border-radius: 4px; background: #f2c056; }
.indexPart2 .btnDiv a:after{ content: ''; position: absolute; right: 42px; top: 50%; width: 13px; height: 13px; background: url(../images/nimg13_1.png) no-repeat; margin-top: -7px; }
.indexPart2 .btnDiv a:hover:after{transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}

.indexPart3 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart3 .toptop{ position: relative; height: 96px; z-index: 3;}
.indexPart3 .title{ font-size: 48px; line-height:48px; color: #282828; font-weight: bold; }
.indexPart3 .btn{ position: absolute; right: 0; top: 0; }
.indexPart3 .btn li{ position: relative; float: left; margin-left: 50px; height: 42px; line-height: 42px; color: #282828; font-size: 18px; cursor: pointer;}
.indexPart3 .btn li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #f2c056; }
.indexPart3 .btn li.on{ color: #f2c056; }
.indexPart3 .btn li.on:after{ width: 100%; left: 0; }
.indexPart3 .botbot{ position: relative; z-index: 3; }

.indexPart3 .list{ overflow: hidden; position: relative; }
.indexPart3 .leftDiv{ width: 7.18rem; }
.indexPart3 .rightDiv{ width: 7.68rem; height: 5.8rem; position: relative; }
.indexPart3 .imgDiv{ overflow: hidden; }
.indexPart3 .imgDiv img{ width: 100%; }
.indexPart3 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .leftDiv:hover .more{ color: #f2c056;}
.indexPart3 .leftDiv:hover .more:after{ background: url(../images/nimg13_1on.png) no-repeat;}
.indexPart3 .time{ padding-top: 0.3rem; font-size: 16px; color: #999; line-height: 16px; font-family:Gilroy; }
.indexPart3 .name{ padding-top: 10px; font-size: 18px; line-height: 30px; height: 60px; color: #4b4a48; overflow: hidden; }
.indexPart3 .leftDiv .name{ height: 30px; }
.indexPart3 .more{ margin-top: 0.3rem; position: relative; width: 85px; font-size: 16px; line-height: 16px; color: #666;}
.indexPart3 .more:after{ content: ''; position: absolute; right: 0; top: 0; width: 13px; height: 13px; background: url(../images/nimg13_2.png) no-repeat; }

.indexPart3 .leftDiv:hover .name{ color: #f2c056; }
.indexPart3 .swiper-slide:hover .name{ color: #f2c056; }
.indexPart3 .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .swiper-slide:hover .more{ color: #f2c056;}
.indexPart3 .swiper-slide:hover .more:after{ background: url(../images/nimg13_1on.png) no-repeat;}
.indexPart3 .se{ z-index: 2; display: block; position: absolute; bottom: 0; width: 0.9rem; height: 0.9rem; box-sizing: border-box; border: #dcdcdc solid 2px; border-radius: 50%; }
.indexPart3 .prev{ right: 1.1rem; background: url(../images/nimg18_left.png) center no-repeat; }
.indexPart3 .next{ right: 0; background: url(../images/nimg18_right.png) center no-repeat; }
.indexPart3 .se:hover{ border: #f2c056 solid 2px; }
.indexPart3 .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat; }
.indexPart3 .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat; }
.indexPart3 .swiper-pagination{ padding-top:0.45rem; position:relative; display:none;}
.indexPart3 .swiper-pagination .swiper-pagination-bullet-active{ background:#f2c056;}

.indexPart4 .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: center no-repeat; background-size: cover; z-index: 2;}
.indexPart4 .leftDiv{ position: relative; z-index: 3; width: 4.2rem; padding-top: 2.35rem; }
.indexPart4 .txt{ font-size: 42px; line-height: 42px; color: #fff; font-weight: bold; }
.indexPart4 .content{ font-size: 16px; line-height: 36px; padding-top: 40px; color: #fff; }
.indexPart4 .btnDiv{ padding-top: 1.6rem; }
.indexPart4 .btnDiv a{ display: block; position: relative; width: 182px; height: 58px; line-height: 58px; text-indent: 42px; font-size: 18px; color: #fff; border-radius: 4px; background: #f2c056; }
.indexPart4 .btnDiv a:after{ content: ''; position: absolute; right: 42px; top: 50%; width: 13px; height: 13px; background: url(../images/nimg13_1.png) no-repeat; margin-top: -7px; }
.indexPart4 .btnDiv a:hover:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}
.indexPart4 .list{ width: 9.21rem; position: relative; z-index: 3;}
.indexPart4 .list:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.1);}
.indexPart4 .list li{ float: left; width: 33.33%; height: 100vh; position: relative;}
.indexPart4 .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.1); }
.indexPart4 .list li:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 0; background: rgba(242,192,86,0.9); z-index: -1;  }
.indexPart4 .list li a{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 50px; }
.indexPart4 .list li .ico{ padding-top: 2.35rem; height: 1.2rem; }
.indexPart4 .list li .name{ font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; height: 2.65rem; }
.indexPart4 .list li .more{ width: 60px; height: 60px; position: relative; background: url(../images/nimg13_1.png) center no-repeat;}
.indexPart4 .list li .more:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top: rgba(255,255,255,0.5) solid 1px; border-left: rgba(255,255,255,0.5) solid 1px; box-sizing: border-box;}
.indexPart4 .list li .more:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; border-right: rgba(255,255,255,0.5) solid 1px; border-bottom: rgba(255,255,255,0.5) solid 1px; box-sizing: border-box;}
.indexPart4 .list li:hover:after{ height: 100%; top: 0; }
/*.indexPart4 .list li:hover{ background: rgba(242,192,86,0.9);}*/