.geo-mobile { display: none; max-width: 1080px; min-height: 1000px; overflow: hidden; margin: 0 auto; padding: 40px 0 20px; background-color: #fff; position: relative;}

.geo-header { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 160px; padding: 30px; background-color: #fff; position: relative;}
.geo-header .geo-logo { width: auto; height: 100px; overflow: hidden;}
.geo-header .geo-logo img { display: block; height: auto; max-height: 100%;}
.geo-header .geo-menu { margin: 20px;}
.geo-header .geo-menu a { display: block; width: 60px; height: 60px; overflow: hidden; padding: 8px 0;}
.geo-header .geo-menu a::before, .geo-header .geo-menu a::after { content: ''; display: block; width: 100%; height: 4px; overflow: hidden; background-color: #555; transition: all 0.5s; -webkit-transition: all 0.5s;}
.geo-header .geo-menu a i { display: block; width: 100%; height: 4px; overflow: hidden; margin: 16px 0; background-color: #555;}
.geo-header .geo-menu a:hover::before, .geo-header .geo-menu a:hover::after, .geo-header .geo-menu a:hover i { background-color: #115ef9;}

.geo-items { width: 100%; height: auto; overflow: hidden; margin: 0 auto 60px; padding: 0;}
.geo-items img { display: block; width: 100%; overflow: hidden;}

.item0 { display: none;}

.item2 { margin: 0 auto;}
.item3 { background: #115ef9 url(../images/mobile/item3-bg.jpg) center center no-repeat; background-size: 100%;}
.item3-swiper { overflow: hidden; padding-bottom: 60px; margin-bottom: 60px; position: relative;}
.item3-swiper .swiper-slide { overflow: hidden; position: relative;}
.item3-swiper .swiper-slide img { display: block; width: 100%; overflow: hidden;}
.item3-swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important; z-index: 1;}
.item3-swiper .swiper-pagination span { width: 40px; height: 8px; margin: 0 4px !important; vertical-align: top; opacity: .3; background: #fff; border-radius: 4px; position: relative;}
.item3-swiper .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;}

.item42-swiper, .item43-swiper { overflow: hidden; padding-bottom: 60px; margin-bottom: 60px; position: relative;}
.item43-swiper { margin-bottom: 0;}
.item42-swiper .swiper-slide, .item43-swiper .swiper-slide, .item53-swiper .swiper-slide { overflow: hidden; position: relative;}
.item42-swiper .swiper-slide img, .item43-swiper .swiper-slide img, .item53-swiper .swiper-slide img { display: block; width: 100%; overflow: hidden;}
.item42-swiper .swiper-pagination, .item43-swiper .swiper-pagination, .item53-swiper .swiper-pagination { width: 100%; height: 8px; bottom: 0 !important; z-index: 1;}
.item42-swiper .swiper-pagination span, .item43-swiper .swiper-pagination span, .item53-swiper .swiper-pagination span { width: 40px; height: 8px; margin: 0 4px !important; vertical-align: top; opacity: .3; background: #115ef9; border-radius: 4px; position: relative;}
.item42-swiper .swiper-pagination span.swiper-pagination-bullet-active, .item43-swiper .swiper-pagination span.swiper-pagination-bullet-active, .item53-swiper .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;}

.item5 { padding-bottom: 60px; background-color: #e5ebf8;}
.item53-swiper { overflow: hidden; padding-bottom: 60px; position: relative;}

.geo-section6-main { padding: 0 40px;}
.geo-section6-main .geo-section6-list { overflow: hidden; border-radius: 16px; margin-bottom: 30px;}
.geo-section6-main .geo-section6-list:last-child { margin-bottom: 0;}
.geo-section6-list .geo-section6-tit { overflow: hidden; padding: 48px 30px; border-radius: 16px;}
.geo-section6-list.active .geo-section6-tit { padding: 30px 30px 90px;}
.geo-section6-list:nth-child(1) .geo-section6-tit { background: url(../images/mobile/section6-bg01.jpg) center center no-repeat; background-size: 100% 100%;}
.geo-section6-list:nth-child(2) .geo-section6-tit { background: url(../images/mobile/section6-bg02.jpg) center center no-repeat; background-size: 100% 100%;}
.geo-section6-list:nth-child(3) .geo-section6-tit { background: url(../images/mobile/section6-bg03.jpg) center center no-repeat; background-size: 100% 100%;}
.geo-section6-list:nth-child(4) .geo-section6-tit { background: url(../images/mobile/section6-bg04.jpg) center center no-repeat; background-size: 100% 100%;}
.geo-section6-list .geo-section6-tit .num { width: 100%; overflow: hidden; line-height: 80px; color: rgba(255,255,255,.15); font-size: 100px; font-weight: bold; text-align: center; margin: 0 auto; padding: 0;}
.geo-section6-list .geo-section6-tit .name { width: 100%; overflow: hidden; line-height: 48px; color: #fff; font-size: 36px; font-weight: bold; text-align: center; margin: -30px auto 30px; padding: 0;}
.geo-section6-list.active .geo-section6-tit .name { margin: -20px auto 0;}
.geo-section6-list .geo-section6-tit .jt { display: flex; align-items: center; justify-content: center; width: 40%; height: 64px; overflow: hidden; line-height: 64px; color: #fff; font-size: 30px; margin: 0 auto; padding: 0; background-color: rgba(255,255,255,.2); border-radius: 32px;}
.geo-section6-list .geo-section6-tit .jt img { display: block; width: 34px; height: 34px; margin-left: 16px;}
.geo-section6-list.active .geo-section6-tit .jt { display: none;}
.geo-section6-list .geo-section6-con { display: none; overflow: hidden; line-height: 48px; color: #555; font-size: 28px; text-align: justify; padding: 30px 0; background: #fff; border: 1px solid #bbb; border-top: 0; border-radius: 0 0 16px 16px; box-sizing: border-box; position: relative; z-index: 1;}
.geo-section6-list .geo-section6-con img { display: block; width: 100%; overflow: hidden;}
.geo-section6-list.active .geo-section6-con { display: block; margin: -60px auto 0;}


.geo-footer { display: flex; align-items: center; justify-content: space-between; width: 1080px; height: 180px; overflow: hidden; background: url(../images/foot.jpg) 0 0 no-repeat; background-size: 100% 100%; box-shadow: 0 0 12px rgba(0,0,0,.1); position: fixed; left: 50%; bottom: 0; z-index: 999; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.geo-footer a.geo-share { display: block; width: 180px; height: 180px; overflow: hidden; font-size: 0;}
.geo-footer a.geo-contact { display: block; width: calc(100% - 180px); height: 180px; overflow: hidden; font-size: 0;}


/* 右侧漂浮 */
.geo-view { position: fixed; top: 50%; right: 5px; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.geo-tel { margin-bottom: 20px;}
.geo-tel a, .geo-totop a { display: block; width: 48px; height: 48px; padding: 12px; background-image: linear-gradient(to bottom, #55a3e0, #115ef9); border-radius: 50%; position: relative;}
.geo-tel a::before, .geo-tel a::after, .geo-totop a::before, .geo-totop a::after { content: ''; display: block; border-radius: 50%; position: absolute;}
.geo-tel a::before, .geo-totop a::before { width: 68px; height: 68px; background-color: rgba(11, 91, 181, .05); left: -10px; top: -10px;}
.geo-tel a::after, .geo-totop a::after { width: 58px; height: 58px; background-color: rgba(11, 91, 181, .1); left: -5px; top: -5px;}


@media (max-width:1199px) {
  .geo-mobile { display: block;}
}
@media (max-width:1024px) {

  .geo-header { height: 142px; padding: 30px;}
  .geo-header .geo-logo { height: 82px;}
  .geo-header .geo-menu { margin: 11px;}

  .geo-footer { width: 100%; height: 171px;}
  .geo-footer a.geo-share { width: 171px; height: 171px;}
  .geo-footer a.geo-contact { width: calc(100% - 171px); height: 171px;}
}

@media (max-width:920px) {

  .geo-header { height: 128px; padding: 24px;}
  .geo-header .geo-logo { height: 80px;}
  .geo-header .geo-menu { margin: 10px;}

  .geo-items { margin: 0 auto 40px;}
  .item2 { margin: 0 auto;}
  .item3-swiper, .item42-swiper, .item43-swiper { margin-bottom: 40px; padding-bottom: 40px;}
  .item43-swiper { margin-bottom: 0;}

  .item53, .item53-swiper { padding-bottom: 40px;}

  .geo-section6-main { padding: 0 3%;}
  .geo-section6-main .geo-section6-list { border-radius: 12px; margin-bottom: 20px;}
  .geo-section6-main .geo-section6-list:last-child { margin-bottom: 0;}
  .geo-section6-list .geo-section6-tit { padding: 40px 20px; border-radius: 12px;}
  .geo-section6-list.active .geo-section6-tit { padding: 30px 20px 90px;}
  .geo-section6-list .geo-section6-con { padding: 20px 0; border-radius: 0 0 12px 12px;}

  .geo-footer { height: 153px;}
  .geo-footer a.geo-share { width: 153px; height: 153px;}
  .geo-footer a.geo-contact { width: calc(100% - 153px); height: 153px;}
}

@media (max-width:820px) {

  .geo-header { height: 120px; padding: 20px;}

  .geo-footer { height: 137px;}
  .geo-footer a.geo-share { width: 137px; height: 137px;}
  .geo-footer a.geo-contact { width: calc(100% - 137px); height: 137px;}

}

@media (max-width:768px) {
  .geo-mobile { padding: 20px 0 40px;}

  .geo-footer { height: 128px;}
  .geo-footer a.geo-share { width: 128px; height: 128px;}
  .geo-footer a.geo-contact { width: calc(100% - 128px); height: 128px;}
}

@media (max-width:767px) {

  .geo-header { height: 64px; padding: 10px 20px;}
  .geo-header .geo-logo { height: 44px;}
  .geo-header .geo-menu { margin: 12px 0;}
  .geo-header .geo-menu a { width: 44px; height: 40px; padding: 8px 8px;}
  .geo-header .geo-menu a::before, .geo-header .geo-menu a::after { height: 2px;}
  .geo-header .geo-menu a i { height: 2px; margin: 8px 0;}

  .geo-items { margin: 0 auto 20px;}
  .item2 { margin: 0 auto;}
  .item3-swiper, .item42-swiper { margin-bottom: 20px; padding-bottom: 20px;}
  .item43-swiper, .item53-swiper { margin-bottom: 0; padding-bottom: 20px;}
  .item3-swiper .swiper-pagination, .item42-swiper .swiper-pagination, .item43-swiper .swiper-pagination, .item53-swiper .swiper-pagination { height: 4px;}
  .item3-swiper .swiper-pagination span, .item42-swiper .swiper-pagination span, .item43-swiper .swiper-pagination span, .item53-swiper .swiper-pagination span { width: 20px; height: 4px; margin: 0 3px !important;}

  .item5 { padding-bottom: 20px;}

  .geo-section6-main .geo-section6-list { border-radius: 8px;}
  .geo-section6-list .geo-section6-tit { padding: 20px 12px; border-radius: 8px;}  
  .geo-section6-list.active .geo-section6-tit { padding: 20px 12px 80px;}
  .geo-section6-list .geo-section6-tit .num { line-height: 40px; font-size: 50px;}
  .geo-section6-list .geo-section6-tit .name { line-height: 30px; font-size: 20px; margin: -15px auto 15px;}
  .geo-section6-list .geo-section6-tit .jt { width: 40%; height: 40px; line-height: 40px; font-size: 16px; border-radius: 22px;}
  .geo-section6-list .geo-section6-tit .jt img { width: 22px; height: 22px; margin-left: 10px;}
  .geo-section6-list .geo-section6-con { border-radius: 0 0 8px 8px;}

  .geo-footer { height: 69px;}
  .geo-footer a.geo-share { width: 69px; height: 69px;}
  .geo-footer a.geo-contact { width: calc(100% - 69px); height: 69px;}
}

@media (max-width:390px) {

  .geo-footer { height: 65px;}
  .geo-footer a.geo-share { width: 65px; height: 65px;}
  .geo-footer a.geo-contact { width: calc(100% - 65px); height: 65px;}
}

@media (max-width:375px) {

  .geo-section6-list .geo-section6-tit .num { line-height: 36px; font-size: 44px;}
  .geo-section6-list .geo-section6-tit .name { font-size: 18px;}
  .geo-section6-list .geo-section6-tit .jt { width: 44%; font-size: 14px;}
  .geo-section6-list .geo-section6-tit .jt img { width: 21px; height: 21px;;}

  .geo-footer { height: 63px;}
  .geo-footer a.geo-share { width: 63px; height: 63px;}
  .geo-footer a.geo-contact { width: calc(100% - 63px); height: 63px;}
}

@media (max-width:320px) {

  .geo-header { height: 54px; padding: 7px 12px;}
  .geo-header .geo-logo { height: 40px;}
  .geo-header .geo-menu { margin: 0;}
  .geo-header .geo-menu a { width: 40px; height: 40px; padding: 10px 8px;}
  .geo-header .geo-menu a::before, .geo-header .geo-menu a::after { height: 2px;}
  .geo-header .geo-menu a i { height: 2px; margin: 7px 0;}

  .geo-section6-list .geo-section6-tit .name { line-height: 28px; margin: -14px auto 14px;}
  .geo-section6-list .geo-section6-tit .jt { width: 48%; height: 36px; line-height: 36px; font-size: 14px;}
  .geo-section6-list .geo-section6-con { padding: 10px 0;}

  .geo-footer { height: 53px;}
  .geo-footer a.geo-share { width: 53px; height: 53px;}
  .geo-footer a.geo-contact { width: calc(100% - 53px); height: 53px;}
}