/* --------------------------
   首页
   -------------------------- */
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('../font/SourceHanSansCN-Regular.ttf')  format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
.theme-color{color: #257dff !important;}
.color4c8eca{color: #4c8eca !important;}
.bgf6f9fc{background-color: #f6f9fc;}

.center{text-align: center;}
.f-18{font-size: 18px;}

.geo-layout{position:relative; width: 1394px;    margin: 0 auto;}
.aeo-step .aeo-tabs li .inner,.aeo-step .aeo-tabs li .arrow::before,.aeo-step .aeo-tabs li .arrow::after,
.aeo-step .aeo-panel,.geo-example .geo-tabs li .inner,.geo-example .geo-tabs li .inner:before,.geo-blog .bottom li:before,.geo-blog .bottom li:after{
   -moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.2s;
}
/*geo-tit-bar*/
.geo-tit-bar{position: relative; text-align: center;padding: 40px 0;line-height: 1.6;font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
.geo-tit-bar .title{position: relative; font-size: 48px;display:inline-block;padding:0 22px ;}
.geo-tit-bar .title:before{content: "";position: absolute;left: 0;bottom: 13px; width: 100%;height: 18px; background-color: #e1edff;border-radius: 18px;}
.geo-tit-bar .title em{font-style: normal;position: relative;}
.geo-tit-bar .desc{font-size: 32px;font-weight: bold;color: #000000;}
.geo-tit-bar .tip{font-size: 14px;margin-top: 13px;} 

/*geo-advantage*/
.geo-advantage{  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
.geo-adv-list{width: 105%;margin:30px -2.5% 70px;}
.geo-adv-list ul{ position: relative;display: flex;flex-wrap: wrap;} 
.geo-adv-item{position: relative;width: calc(100% / 6);text-align: center;padding: 10px 0;}
.geo-adv-item:after{content: ""; position: absolute;right: 0;top:6%; width: 1px; height: 88%; background-color: #b0b0b0;}
.geo-adv-item:last-of-type:after{display: none;}
.geo-adv-item .item-inner{position: relative;}
.geo-adv-item .item-inner .img-ico {position: relative;display: inline-block;width: 60px; height: 60px; background-image: url(../images/icons.png);background-repeat: no-repeat; }
.geo-adv-item .item-inner:hover .img-ico{-webkit-animation:jump 0.6s ease;-o-animation:jump 0.6s ease;animation:jump 0.6s ease;}
.geo-adv-item .item-inner:hover .shine-img:before{animation: shine 1.5s;-webkit-animation: shine 1.5s;}

.geo-adv-item .item-inner .img-ico.img-ico-1{background-position: -20px -45px;}
.geo-adv-item .item-inner .img-ico.img-ico-2{background-position: -134px -45px;}
.geo-adv-item .item-inner .img-ico.img-ico-3{background-position: -250px -45px;}
.geo-adv-item .item-inner .img-ico.img-ico-4{background-position: -369px -45px;}
.geo-adv-item .item-inner .img-ico.img-ico-5{background-position: -491px -45px;}
.geo-adv-item .item-inner .img-ico.img-ico-6{background-position: -613px -45px;} 
.geo-adv-item .item-inner .item-info{font-size: 20px;font-weight: bold;color: #343036;margin-top: 10px;}
.geo-adv-item .item-inner .item-info p{}

/*aeo-step*/
.aeo-step{ font-family: "Microsoft YaHei", "微软雅黑", sans-serif;background-color: #f0f6ff;padding: 20px 0 540px;}
.aeo-step .aeo-tabs{position: relative;width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;   }
.aeo-step .aeo-tabs li{position: relative;color: #000000;margin:35px 15px 10px 0}
.aeo-step .aeo-tabs li:last-child{margin-right: 0;}
.aeo-step .aeo-tabs li .inner {position: relative; display: inline-flex;flex-wrap: wrap; align-items: center;justify-content: center;width: 293px;height: 173px;  font-size: 22px; background:#d6e6ff url(../images/bg02.png) no-repeat;border-radius: 18px;}
.aeo-step .aeo-tabs li:hover .inner,.aeo-step .aeo-tabs li.current .inner{background-color: #c3dbfe;}
.aeo-step .aeo-tabs li .inner .ico{position: absolute;z-index: 1;; top:-35px; width:70px;height: 70px;background-image: url(../images/icons.png);background-repeat: no-repeat; }
.aeo-step .aeo-tabs li .inner .ico.ico-1{background-position: -735px -40px;}
.aeo-step .aeo-tabs li .inner .ico.ico-2{background-position: -852px -40px;}
.aeo-step .aeo-tabs li .inner .ico.ico-3{background-position: -963px -40px;}
.aeo-step .aeo-tabs li .inner .info{text-align: center;font-weight: bold;line-height: 1.3;margin-top: 15px;}
.aeo-step .aeo-tabs li .inner .info p{ }

.aeo-step .aeo-tabs li .arrow{position: absolute;right: -70%;top: 50%;transform: translate(0,-50%); width: 166px;height: 106px;font-size:22px; text-align: center;display: inline-flex; align-items: center;justify-content: center;z-index: 1;}
.aeo-step .aeo-tabs li .arrow::before,.aeo-step .aeo-tabs li .arrow::after
{position: absolute;content: "";top: 50%;transform: translateY(-50%);transform-origin: top center;left: 0;width: 100%;height: 100%;background-repeat:  no-repeat  ;background-position: center;background-size: contain; }
.aeo-step .aeo-tabs li .arrow::before{background-image: url(../images/arrow.png);}
.aeo-step .aeo-tabs li .arrow::after{background-image: url(../images/arrow_after.png);opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transform:scale(0.5) translate(-150%,-50% );-ms-transform:scale(0.5) translate(-150%,-50% );-o-transform:scale(0.5) translate(-150%,-50% );transform:scale(0.5) translate(-150%,-50% ) ; }
.aeo-step .aeo-tabs li:hover .arrow::before{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0.5) translate(100%,-50%);-ms-transform:scale(0.5) translate(100%,-50%);-o-transform:scale(0.5) translate(100%,-50%);transform:scale(0.5) translate(100%,-50%);visibility:hidden;}
.aeo-step .aeo-tabs li:hover .arrow::after{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1) translate(0%,-50%);-ms-transform:scale(1) translate(0%,-50%);-o-transform:scale(1) translate(0%,-50%);transform:scale(1) translate(0%,-50%);visibility:visible;}
.aeo-step .aeo-tabs li .arrow em{position:relative;font-style: normal;z-index: 1;}
.aeo-step .aeo-panel-wrap{position:relative; }
.aeo-step .aeo-panels{position: absolute;left: 50%;top: 60px;width: 925px;max-width: 100%;  background:url(../images/bg03.png) no-repeat left top;background-size: cover;  padding: 10px;border-radius: 6px;
   -moz-transform:translateX(-50%);  -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);
} 
.aeo-step  .aeo-panels:before{content: "";position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);height:  calc(100% - 20px);background-color: #fff;border-radius: 6px;}
.aeo-step  .aeo-panels:after{content: "";position: absolute;left: 0;bottom: -89px;width: 100%;height: 89px;background: url(../images/shadow.png) no-repeat bottom center;background-size:contain;}
.aeo-step  .aeo-panel {position: relative; background:#fff ;border-radius: 6px;overflow: hidden; top: 0 !important;  }
.aeo-step  .aeo-panel img{width: 100%;}

/*geo-example*/
.geo-example{font-family: "Microsoft YaHei", "微软雅黑", sans-serif; padding: 0px 0 30px;background: url(../images/bg04.jpg) no-repeat left bottom;background-size: 100% auto;}
.geo-example .geo-layout{display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center; }
.geo-example .geo-tit-bar{text-align: left;width: 615px;}
.geo-example .geo-tit-bar .title{padding: 0 50px 0 0;}
.geo-example .geo-tabs{position: relative;width: 338px;max-width: 100%;}
.geo-example .geo-tabs li{position: relative;cursor: pointer;}

.geo-example .geo-tabs li .inner{position: relative; display:flex;align-items: center;font-size: 22px; font-weight: bold;overflow: hidden; background-color: #e9f2ff;color: #000;border-radius: 20px;margin-top: 45px;padding: 4px 20px;}
.geo-example .geo-tabs li .inner:before{background:  rgba(255, 255, 255, .3)  ;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 53%;z-index: 2; }
.geo-example .geo-tabs li:hover .inner:before,.geo-example .geo-tabs li.current .inner:before{left: -1%;}
.geo-example .geo-tabs li.current .inner,.geo-example .geo-tabs li:hover .inner{background-color: #257dff;color: #fff;}
.geo-example .geo-tabs li .inner strong{display: block;margin-right: 15px;}
.geo-example .geo-tabs li .inner em{}
.geo-example .geo-tabs li .ico{position: absolute ;right: 17px;top:50%; display: block;width: 75px; height: 75px;background-image: url(../images/icons.png);background-repeat:no-repeat;transform:translateY(-50%);
}
.geo-example .geo-tabs li .ico.ico-1{background-position: -1084px -40px;}
.geo-example .geo-tabs li .ico.ico-2{background-position: -1212px -40px;}
.geo-example .geo-tabs li .ico.ico-3{background-position: -1333px -40px;}

.geo-example .geo-panel-wrap{position:relative; flex: 1;overflow: hidden;  } 
.geo-example .geo-panel-wrap .swiper{width: 413px;margin-left: 25%;}  
.geo-example .geo-panel-wrap .swiper  .swiper-slide img{width: 100%;}
.geo-example .geo-panel-wrap .geo-swiper-pagination{text-align: center;margin: 30px 0 0;}
 

/*geo-blog*/
.geo-blog{font-family: 'SourceHanSansCN', "Microsoft YaHei", "微软雅黑", sans-serif;  }
.geo-blog .top{position: relative;background: url(../images/bg05.jpg) no-repeat left top;background-size: 100% auto;padding: 100px 0 50px;text-align: center;}
.geo-blog .top .list{position: relative;width: 90% ;margin: 0 auto;}
.geo-blog .top .list strong{font-family: "Microsoft YaHei", "微软雅黑", sans-serif;  position: absolute;text-align: center;line-height: 1.3; left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff; font-weight:bold;font-size: 38px;text-shadow: -10px 0 10px rgba(0,0,0,.3);}
.geo-blog .top .list strong:before,.geo-blog .top .list strong:after{content: "";position: absolute;left: 50%;top: 50%;width: 505px;height: 505px;transform: translate(-50%,-50%);background:url(../images/circle1.png) no-repeat center center;background-size: contain; animation-duration: 10s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: normal;}
.geo-blog .top .list strong:before{animation-name: anticlockwise;}
.geo-blog .top .list strong:after{animation-name: clockwise;background-image: url(../images/circle2.png) ;}
.geo-blog .top .list ul{position: relative;display: flex;justify-content: space-between; flex-wrap: wrap; }
.geo-blog .top .list li{width: 31%;position: relative;display: flex;align-items: center;padding: 48px 0;margin-right: 10%;}
.geo-blog .top .list li:nth-child(2n){flex-direction: row-reverse;margin-right: 0}
.geo-blog .top .list li .ico{position: relative;display: inline-block;width: 95px; height: 95px; background-image: url(../images/icons.png);background-repeat:no-repeat; }
.geo-blog .top .list li .ico.ico-1{background-position:-1469px -28px ;}
.geo-blog .top .list li .ico.ico-2{background-position:-1644px -28px ;}
.geo-blog .top .list li .ico.ico-3{background-position:-1799px -29px ;}
.geo-blog .top .list li .ico.ico-4{background-position:-1975px -29px ;}
.geo-blog .top .list li span{flex: 1;display: block;color: #fff;font-size: 26px;border-bottom: 2px dashed #fff;font-weight: bold;text-align: left;}
.geo-blog .top .list li:nth-child(2n) span{text-align: right;}
.geo-blog .bottom{ padding: 0 0 90px;}
.geo-blog .bottom .geo-layout{display: flex;flex-wrap: wrap;justify-content:space-between;  }
.geo-blog .bottom li{position: relative;width: 30%; margin-top:42px ;}
.geo-blog .bottom li:before,.geo-blog .bottom li:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: linear-gradient(-120deg, #308beb, #4ca6fa);border-radius: 32px; }
.geo-blog .bottom li:after{background: linear-gradient(120deg, #308beb, #4ca6fa);opacity: 0;}
.geo-blog .bottom li:hover:after{opacity: 1;}
.geo-blog .bottom li:hover::before{opacity: 0;}
.geo-blog .bottom li strong{position: relative;z-index: 1; text-align: center;display: block;font-size: 26px;color: #fff;font-weight: normal;line-height: 64px;}
.geo-blog .bottom li .ico::before{content: "";position: absolute;width: 100%;height: 100%; background: url(../images/icons.png) no-repeat -2740px -37px; }

.geo-blog .bottom li:hover .ico::before{animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: normal;animation-name: clockwise1;}
.geo-blog .bottom li .ico{position: absolute;z-index: 1; left: 0;top: 50%;transform: translateY(-50%); display: inline-block;width: 76px; height: 78px;background-color: #fff; border-radius: 100%; background-image: url(../images/icons.png);background-repeat:no-repeat; }
.geo-blog .bottom li .ico.ico-1{background-position:-2115px -37px ;}
.geo-blog .bottom li .ico.ico-2{background-position:-2212px -37px ;}
.geo-blog .bottom li .ico.ico-3{background-position:-2306px -37px ;}

.geo-blog .bottom li .ico.ico-4{background-position:-2411px -37px ;}
.geo-blog .bottom li .ico.ico-5{background-position:-2511px -37px ;}
.geo-blog .bottom li .ico.ico-6{background-position:-2611px -37px ;}
 
 .geo-blog h2{font-size:42px;color:#fff;font-weight:bold;}
 
@keyframes clockwise {
  0% {
    transform:translate(-50%,-50%) rotate(0deg);  
  }
  100% {
    transform:translate(-50%,-50%) rotate(360deg);  
  }
}
 
@keyframes anticlockwise {
  0% {
    transform:translate(-50%,-50%) rotate(0deg);  
  }
  100% {
    transform:translate(-50%,-50%) rotate(-360deg);  
  }
}
@keyframes clockwise1 {
  0% {
    transform:  rotate(0deg);  
  }
  100% {
    transform:  rotate(360deg);  
  }
}
@media screen and (max-width:1440px) {
   .geo-example .geo-panel-wrap .swiper{margin-left: 0;}
}
@media screen and (max-width:1394px) {
   .geo-layout{width: 90%;}
   .aeo-step .aeo-tabs li .arrow{right: -50%;width: 130px;}
   .geo-example .geo-panel-wrap .swiper{width: 65%;}
}
@media screen and (max-width:1325px) { 
   .aeo-step .aeo-tabs li .inner{width: 250px;height: 150px;border: 1px solid #89bcfc; background-image: none;}
   .aeo-step .aeo-tabs li .arrow{right: -60%; }
}
@media screen and (max-width:1280px) { 
   .geo-example .geo-tit-bar{width: 50%;}
   .geo-blog .top .list strong:before, .geo-blog .top .list strong:after{width: 450px;height:450px;}
   .geo-blog .top .list strong{font-size: 32px;}
   .geo-blog .top .list li span{font-size: 24px;;}
}
@media screen and (max-width:1200px) { 
    .geo-example .geo-tit-bar{width: 47%;} 
   .aeo-step .aeo-tabs li .arrow{right: -48%;  width: 115px;font-size:18px}
   .geo-blog .top .list strong:before, .geo-blog .top .list strong:after{width: 400px;height:400px;}
   
}
 
@media screen and (max-width:1080px) {
   .geo-tit-bar .title{font-size: 40px;}
   .geo-tit-bar .desc{font-size:28px ;}

    .geo-adv-item {  width: calc(100% / 3); }
    .geo-adv-item:nth-child(3n):after{display: none;}
    .geo-adv-item .item-inner .item-info{font-size: 18px;}

    .aeo-step .aeo-tabs li .arrow{right: -40%; width: 100px;font-size:18px}
    .aeo-step .aeo-tabs li .inner{font-size: 20px;width: 230px; height: 130px;}

    .geo-example .geo-tit-bar{width: 100%;text-align: center; }
    .geo-example .geo-tit-bar .title{padding: 0 20px;}
    .geo-example .geo-tabs{width: 100%;display: flex;flex-wrap: wrap;justify-content: center; margin-top: 30px;  }
    .geo-example .geo-tabs li{width: 31%;margin: 20px 1%;}
    .geo-example .geo-tabs li .inner{margin-top: 0;}
    .geo-example .geo-panel-wrap{flex: auto;width: 100%; }
    .geo-example .geo-panel-wrap .swiper{width: 320px;max-width: 100%;margin: 0 auto;}

    .geo-blog .top{padding: 40px;}
   .geo-blog .top .list strong{position: relative;left: 0;top: 0;transform:none ; display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
   .geo-blog .top .list strong:before,.geo-blog .top .list strong:after{display:none;}
   .geo-blog .top .list ul{padding: 20px 0;}
   .geo-blog .top .list li{width: 45%;margin-right: 0;padding: 20px 0;}
   .geo-blog .top .list li .ico,.geo-blog .bottom li .ico{display: none;}
   .geo-blog .bottom li strong{font-size: 24px;}
    
    
}
@media screen and (max-width:1000px) {
   .aeo-step .aeo-tabs li{margin-right: 150px;}
   .aeo-step .aeo-tabs li .arrow{right:-60%}
   .geo-example{padding-top: 100px;}
   .geo-example .geo-tabs li .ico{display: none;}
   .geo-example .geo-tabs li{width: auto;margin: 10px 10px 0 0;}
   .geo-example .geo-tabs li .inner{font-size: 20px;}

   .geo-blog .top{background-size: 100% 70%;}
   .geo-blog .bottom .geo-layout{justify-content: center;}
   .geo-blog .bottom li{width: auto;margin: 20px 10px 0;}
   .geo-blog .bottom li strong{font-size: 22px; line-height: 48px;padding: 0 20px;}
   
   
   

}
@media screen and (max-width:700px) {
   .aeo-step .aeo-tabs li{margin-right: 100px;}
   .aeo-step .aeo-tabs li .arrow{right:-47%}
   
}
@media screen and (max-width:650px) {
   .aeo-step .aeo-tabs li{margin-right: 50px;}
   .aeo-step .aeo-tabs li .arrow{right:-40%}
   .geo-example{padding-top: 50px;}
}
@media screen and (max-width:600px) {
   .geo-layout{width: 95%;}
   .aeo-step .aeo-tabs li{margin: 15px 0 0 0;width: 100%;}
   .aeo-step .aeo-tabs li .inner{font-size: 18px;width: 100%; height: auto;padding: 12px 0;}
   .aeo-step .aeo-tabs li .inner .ico{display: none;}
   .aeo-step .aeo-tabs li .arrow{display: none; width: 90px; height: 90px;; transform:rotate(90deg)  translate(0, 0);transform-origin: left center; right: auto;left:50%;bottom: -20px;top: auto; }
   .aeo-step .aeo-tabs li .inner .info{margin-top: 0;display:flex;align-items: center;}
   .aeo-step .aeo-tabs li .inner .info p{margin-right: 10px;}
   .geo-example .geo-panel-wrap .swiper{width: 250px;}

   .geo-blog .top .list strong{font-size: 28px;}
   .geo-blog .top .list{width: 100%;} 
   .geo-blog .top .list li span,.geo-blog .bottom li strong{font-size: 18px;}
}
@media screen and (max-width:430px) {
   .geo-tit-bar .title{font-size: 24px;}
   .geo-tit-bar .desc,.geo-blog .top .list strong{font-size:18px ;}
   .geo-tit-bar .tips{font-size:12px ;}
   .geo-adv-item {  width:50%; }
   .geo-adv-item:after{display: none;} 
   .geo-blog .top .list li{width: 48%;}
   .geo-blog .top .list strong{font-size: 22px;} 
   .geo-blog .top .list li span,.geo-blog .bottom li strong{font-size: 14px;}
   .geo-adv-item .item-inner .item-info,.aeo-step .aeo-tabs li .inner,.geo-example .geo-tabs li .inner{font-size: 14px;}
   .geo-tit-bar{padding: 10px 0;}
   .aeo-step{padding: 20px 0 200px;}
   .aeo-step .aeo-panels:after{height: 35px; bottom: -35px;}
}